fix: Make styles property always not enumerable (#231)

fixes #217

package.json

@@ -12,7 +12,7 @@
     "css",
     "modules"
   ],
-  "version": "4.0.3",
+  "version": "4.0.4",
   "author": {
     "name": "Gajus Kuizinas",
     "email": "[email protected]",

src/extendReactClass.js

@@ -15,37 +15,34 @@ import renderNothing from './renderNothing';
 export default (Component: Object, defaultStyles: Object, options: Object) => {
   const WrappedComponent = class extends Component {
     render () {
-      let propsChanged;
       let styles;
 
-      propsChanged = false;
+      const hasDefaultstyles = _.isObject(defaultStyles);
 
-      if (this.props.styles) {
-        styles = this.props.styles;
-      } else if (_.isObject(defaultStyles)) {
+      if (this.props.styles || hasDefaultstyles) {
         const props = Object.assign({}, this.props);
 
+        if (this.props.styles) {
+          styles = this.props.styles;
+        } else if (hasDefaultstyles) {
+          styles = defaultStyles;
+          delete this.props.styles;
+        }
+
         Object.defineProperty(props, 'styles', {
           configurable: true,
           enumerable: false,
-          value: defaultStyles,
+          value: styles,
           writable: false
         });
 
         this.props = props;
-
-        propsChanged = true;
-        styles = defaultStyles;
       } else {
         styles = {};
       }
 
       const renderResult = super.render();
 
-      if (propsChanged) {
-        delete this.props.styles;
-      }
-
       if (renderResult) {
         return linkClass(renderResult, styles, options);
       }