Separation.

Author: gajus

src/extendReactClass.js

@@ -21,7 +21,7 @@ extendReactClass = (Component, defaultStyles, options) => {
             let renderResult,
                 styles;
 
-            if (this.props.styles) {
+            /*if (this.props.styles) {
                 styles = this.props.styles;
             } else if (_.isObject(defaultStyles)) {
                 this.props = _.assign({}, this.props, {
@@ -33,6 +33,10 @@ extendReactClass = (Component, defaultStyles, options) => {
                 styles = {};
             }
 
+            console.log('styles', styles); */
+
+            styles = defaultStyles;
+
             renderResult = super.render();
 
             if (renderResult) {

src/generateAppendClassName.js

@@ -0,0 +1,25 @@
+import _ from 'lodash';
+
+export default (styles, styleNames: Array<string>, errorWhenNotFound: boolean): string => {
+    let appendClassName;
+
+    appendClassName = '';
+
+    appendClassName = _.map(styleNames, (styleName) => {
+        if (styles[styleName]) {
+            return styles[styleName];
+        } else {
+            if (errorWhenNotFound === true) {
+                throw new Error('"' + styleName + '" CSS module is undefined.');
+            }
+
+            return '';
+        }
+    });
+
+    appendClassName = _.filter(appendClassName, 'length');
+
+    appendClassName = appendClassName.join(' ');
+
+    return appendClassName;
+};

src/linkClass.js

@@ -1,48 +1,11 @@
+import _ from 'lodash';
 import React from 'react';
 import makeConfiguration from './makeConfiguration';
 import isIterable from './isIterable';
-import _ from 'lodash';
-
-let generateAppendClassName,
-    linkClass,
-    parseStyleName;
-
-parseStyleName = (styleNamePropertyValue: string, allowMultiple: boolean): Array<string> => {
-    let styleNames;
-
-    styleNames = styleNamePropertyValue.split(' ');
-    styleNames = _.filter(styleNames);
-
-    if (allowMultiple === false && styleNames.length > 1) {
-        throw new Error('ReactElement styleName property defines multiple module names ("' + styleNamePropertyValue + '").');
-    }
-
-    return styleNames;
-};
+import parseStyleName from './parseStyleName';
+import generateAppendClassName from './generateAppendClassName';
 
-generateAppendClassName = (styles, styleNames: Array<string>, errorWhenNotFound: boolean): string => {
-    let appendClassName;
-
-    appendClassName = '';
-
-    appendClassName = _.map(styleNames, (styleName) => {
-        if (styles[styleName]) {
-            return styles[styleName];
-        } else {
-            if (errorWhenNotFound === true) {
-                throw new Error('"' + styleName + '" CSS module is undefined.');
-            }
-
-            return '';
-        }
-    });
-
-    appendClassName = _.filter(appendClassName, 'length');
-
-    appendClassName = appendClassName.join(' ');
-
-    return appendClassName;
-};
+let linkClass;
 
 /**
  * @param {ReactElement} element

src/parseStyleName.js

@@ -0,0 +1,14 @@
+import _ from 'lodash';
+
+export default (styleNamePropertyValue: string, allowMultiple: boolean): Array<string> => {
+    let styleNames;
+
+    styleNames = styleNamePropertyValue.split(' ');
+    styleNames = _.filter(styleNames);
+
+    if (allowMultiple === false && styleNames.length > 1) {
+        throw new Error('ReactElement styleName property defines multiple module names ("' + styleNamePropertyValue + '").');
+    }
+
+    return styleNames;
+};