import lodash in a way that supports tree shaking

Author: c0

src/extendReactClass.js

@@ -2,7 +2,7 @@
 
 import linkClass from './linkClass';
 import React from 'react';
-import _ from 'lodash';
+import { isObject, assign } from 'lodash';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 
 /**
@@ -21,8 +21,8 @@ export default (Component, defaultStyles, options) => {
 
             if (this.props.styles) {
                 styles = this.props.styles;
-            } else if (_.isObject(defaultStyles)) {
-                this.props = _.assign({}, this.props, {
+            } else if (isObject(defaultStyles)) {
+                this.props = assign({}, this.props, {
                     styles: defaultStyles
                 });
 

src/index.js

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import { isFunction } from 'lodash';
 import extendReactClass from './extendReactClass';
 import wrapStatelessFunction from './wrapStatelessFunction';
 
@@ -13,7 +13,7 @@ let decoratorConstructor,
  * @returns {boolean}
  */
 isReactComponent = (maybeReactComponent) => {
-    return 'prototype' in maybeReactComponent && _.isFunction(maybeReactComponent.prototype.render);
+    return 'prototype' in maybeReactComponent && isFunction(maybeReactComponent.prototype.render);
 };
 
 /**
@@ -56,7 +56,7 @@ decoratorConstructor = (defaultStyles, options) => {
 };
 
 export default (...args) => {
-    if (_.isFunction(args[0])) {
+    if (isFunction(args[0])) {
         return functionConstructor(args[0], args[1], args[2]);
     } else {
         return decoratorConstructor(args[0], args[1]);

src/isIterable.js

@@ -1,9 +1,9 @@
-import _ from 'lodash';
+import { isFunction, isObject } from 'lodash';
 
 let ITERATOR_SYMBOL,
     OLD_ITERATOR_SYMBOL;
 
-ITERATOR_SYMBOL = _.isFunction(Symbol) && Symbol.iterator;
+ITERATOR_SYMBOL = isFunction(Symbol) && Symbol.iterator;
 OLD_ITERATOR_SYMBOL = '@@iterator';
 
 /**
@@ -15,7 +15,7 @@ OLD_ITERATOR_SYMBOL = '@@iterator';
 export default (target) => {
     let iterator;
 
-    if (!_.isObject(target)) {
+    if (!isObject(target)) {
         return false;
     }
 
@@ -25,5 +25,5 @@ export default (target) => {
         iterator = target[OLD_ITERATOR_SYMBOL];
     }
 
-    return _.isFunction(iterator);
+    return isFunction(iterator);
 };

src/linkClass.js

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import { isArray, isObject } from 'lodash';
 import React from 'react';
 import makeConfiguration from './makeConfiguration';
 import isIterable from './isIterable';
@@ -28,7 +28,7 @@ linkElement = (element, styles, configuration) => {
 
     if (React.isValidElement(elementShallowCopy.props.children)) {
         elementShallowCopy.props.children = linkElement(React.Children.only(elementShallowCopy.props.children), styles, configuration);
-    } else if (_.isArray(elementShallowCopy.props.children) || isIterable(elementShallowCopy.props.children)) {
+    } else if (isArray(elementShallowCopy.props.children) || isIterable(elementShallowCopy.props.children)) {
         elementShallowCopy.props.children = React.Children.map(elementShallowCopy.props.children, (node) => {
             if (React.isValidElement(node)) {
                 return linkElement(node, styles, configuration);
@@ -69,7 +69,7 @@ export default (element, styles = {}, userConfiguration) => {
     let configuration;
 
     // @see https://github.com/gajus/react-css-modules/pull/30
-    if (!_.isObject(element)) {
+    if (!isObject(element)) {
         return element;
     }
 

src/makeConfiguration.js

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import { forEach, isUndefined, isBoolean } from 'lodash';
 import Map from 'es6-map';
 
 let userConfigurationIndex;
@@ -30,12 +30,12 @@ export default (userConfiguration = {}) => {
         errorWhenNotFound: true
     };
 
-    _.forEach(userConfiguration, (value, name) => {
-        if (_.isUndefined(configuration[name])) {
+    forEach(userConfiguration, (value, name) => {
+        if (isUndefined(configuration[name])) {
             throw new Error('Unknown configuration property "' + name + '".');
         }
 
-        if (!_.isBoolean(value)) {
+        if (!isBoolean(value)) {
             throw new Error('"' + name + '" property value must be a boolean.');
         }
 

src/parseStyleName.js

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import { trim, filter } from 'lodash';
 
 let styleNameIndex;
 
@@ -10,8 +10,8 @@ export default (styleNamePropertyValue: string, allowMultiple: boolean): Array<s
     if (styleNameIndex[styleNamePropertyValue]) {
         styleNames = styleNameIndex[styleNamePropertyValue];
     } else {
-        styleNames = _.trim(styleNamePropertyValue).split(' ');
-        styleNames = _.filter(styleNames);
+        styleNames = trim(styleNamePropertyValue).split(' ');
+        styleNames = filter(styleNames);
 
         styleNameIndex[styleNamePropertyValue] = styleNames;
     }

src/wrapStatelessFunction.js

@@ -1,6 +1,6 @@
 /* eslint-disable react/prop-types */
 
-import _ from 'lodash';
+import { isObject, assign } from 'lodash';
 import React from 'react';
 import linkClass from './linkClass';
 
@@ -22,8 +22,8 @@ export default (Component, defaultStyles, options) => {
         if (props.styles) {
             useProps = props;
             styles = props.styles;
-        } else if (_.isObject(defaultStyles)) {
-            useProps = _.assign({}, props, {
+        } else if (isObject(defaultStyles)) {
+            useProps = assign({}, props, {
                 styles: defaultStyles
             });
 
@@ -42,7 +42,7 @@ export default (Component, defaultStyles, options) => {
         return React.createElement('noscript');
     };
 
-    _.assign(WrappedComponent, Component);
+    assign(WrappedComponent, Component);
 
     return WrappedComponent;
 };