remove lodash dependency

Author: Edward Drapkin

package.json

@@ -21,13 +21,11 @@
   "license": "BSD-3-Clause",
   "dependencies": {
     "hoist-non-react-statics": "^1.0.5",
-    "lodash": "^4.6.1",
     "object-unfreeze": "^1.0.2"
   },
   "devDependencies": {
     "babel-cli": "^6.10.1",
     "babel-plugin-add-module-exports": "^0.2.1",
-    "babel-plugin-lodash": "^3.2.5",
     "babel-plugin-transform-proto-to-assign": "^6.9.0",
     "babel-preset-es2015": "^6.9.0",
     "babel-preset-react": "^6.11.1",

src/extendReactClass.js

@@ -1,9 +1,9 @@
 /* eslint-disable react/prop-types */
 
 import React from 'react';
-import _ from 'lodash';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import linkClass from './linkClass';
+import {isObject} from './utils';
 
 /**
  * @param {ReactClass} Component
@@ -14,15 +14,13 @@ import linkClass from './linkClass';
 export default (Component: Object, defaultStyles: Object, options: Object) => {
     const WrappedComponent = class extends Component {
         render () {
-            let propsChanged,
+            let propsChanged = false,
                 styles;
 
-            propsChanged = false;
-
             if (this.props.styles) {
                 styles = this.props.styles;
-            } else if (_.isObject(defaultStyles)) {
-                this.props = _.assign({}, this.props, {
+            } else if (isObject(defaultStyles)) {
+                this.props = Object.assign({}, this.props, {
                     styles: defaultStyles
                 });
 

src/index.js

@@ -2,6 +2,7 @@ import _ from 'lodash';
 import extendReactClass from './extendReactClass';
 import wrapStatelessFunction from './wrapStatelessFunction';
 import makeConfiguration from './makeConfiguration';
+import {isFunction} from './utils';
 
 /**
  * @see https://github.com/gajus/react-css-modules#options
@@ -12,7 +13,7 @@ type TypeOptions = {};
  * Determines if the given object has the signature of a class that inherits React.Component.
  */
 const isReactComponent = (maybeReactComponent: any): boolean => {
-    return 'prototype' in maybeReactComponent && _.isFunction(maybeReactComponent.prototype.render);
+    return 'prototype' in maybeReactComponent && isFunction(maybeReactComponent.prototype.render);
 };
 
 /**
@@ -48,7 +49,7 @@ const decoratorConstructor = (defaultStyles: Object, options: TypeOptions): Func
 };
 
 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,6 +1,6 @@
-import _ from 'lodash';
+import {isFunction, isObject} from './utils';
 
-const ITERATOR_SYMBOL = typeof Symbol !== 'undefined' && _.isFunction(Symbol) && Symbol.iterator;
+const ITERATOR_SYMBOL = typeof Symbol !== 'undefined' && isFunction(Symbol) && Symbol.iterator;
 const OLD_ITERATOR_SYMBOL = '@@iterator';
 
 /**
@@ -10,7 +10,7 @@ const OLD_ITERATOR_SYMBOL = '@@iterator';
 export default (maybeIterable: any): boolean => {
     let iterator;
 
-    if (!_.isObject(maybeIterable)) {
+    if (!isObject(maybeIterable)) {
         return false;
     }
 
@@ -20,5 +20,5 @@ export default (maybeIterable: any): boolean => {
         iterator = maybeIterable[OLD_ITERATOR_SYMBOL];
     }
 
-    return _.isFunction(iterator);
+    return isFunction(iterator);
 };

src/linkClass.js

@@ -1,11 +1,11 @@
-import _ from 'lodash';
 import React, {
     ReactElement
 } from 'react';
 import objectUnfreeze from 'object-unfreeze';
 import isIterable from './isIterable';
 import parseStyleName from './parseStyleName';
 import generateAppendClassName from './generateAppendClassName';
+import {isObject} from './utils';
 
 const linkElement = (element: ReactElement, styles: Object, configuration: Object): ReactElement => {
     let appendClassName,
@@ -26,7 +26,7 @@ const linkElement = (element: ReactElement, styles: Object, configuration: Objec
 
     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 (Array.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);
@@ -65,7 +65,7 @@ const linkElement = (element: ReactElement, styles: Object, configuration: Objec
  */
 export default (element: ReactElement, styles = {}, configuration = {}): ReactElement => {
     // @see https://github.com/gajus/react-css-modules/pull/30
-    if (!_.isObject(element)) {
+    if (!isObject(element)) {
         return element;
     }
 

src/makeConfiguration.js

@@ -1,5 +1,3 @@
-import _ from 'lodash';
-
 /**
  * @typedef CSSModules~Options
  * @see {@link https://github.com/gajus/react-css-modules#options}
@@ -17,12 +15,14 @@ export default (userConfiguration = {}) => {
         errorWhenNotFound: true
     };
 
-    _.forEach(userConfiguration, (value, name) => {
-        if (_.isUndefined(configuration[name])) {
+    Object.keys(userConfiguration).forEach(name => {
+        const value = userConfiguration[name];
+
+        if (!(name in configuration)) {
             throw new Error('Unknown configuration property "' + name + '".');
         }
 
-        if (!_.isBoolean(value)) {
+        if (value !== true && value !== false) {
             throw new Error('"' + name + '" property value must be a boolean.');
         }
 

src/parseStyleName.js

@@ -1,5 +1,3 @@
-import _ from 'lodash';
-
 const styleNameIndex = {};
 
 export default (styleNamePropertyValue: string, allowMultiple: boolean): Array<string> => {
@@ -8,8 +6,7 @@ export default (styleNamePropertyValue: string, allowMultiple: boolean): Array<s
     if (styleNameIndex[styleNamePropertyValue]) {
         styleNames = styleNameIndex[styleNamePropertyValue];
     } else {
-        styleNames = _.trim(styleNamePropertyValue).split(' ');
-        styleNames = _.filter(styleNames);
+        styleNames = styleNamePropertyValue.trim().split(' ').filter(e => !!e);
 
         styleNameIndex[styleNamePropertyValue] = styleNames;
     }

src/utils.js

@@ -0,0 +1,10 @@
+export function isObject(obj) {
+    return obj === Object(obj);
+}
+
+export function isFunction(func) {
+    return (
+            Object.prototype.toString.call(func) === '[object Function]'
+            || Object.prototype.toString.call(func) === '[object GeneratorFunction]'
+        );
+}

src/wrapStatelessFunction.js

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 
-import _ from 'lodash';
 import React from 'react';
 import linkClass from './linkClass';
+import {isObject} from './utils';
 
 /**
  * @see https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html#stateless-function-components
@@ -15,8 +15,8 @@ export default (Component: Function, defaultStyles: Object, options: Object): Fu
         if (props.styles) {
             useProps = props;
             styles = props.styles;
-        } else if (_.isObject(defaultStyles)) {
-            useProps = _.assign({}, props, {
+        } else if (isObject(defaultStyles)) {
+            useProps = Object.assign({}, props, {
                 styles: defaultStyles
             });
 
@@ -35,7 +35,7 @@ export default (Component: Function, defaultStyles: Object, options: Object): Fu
         return React.createElement('noscript');
     };
 
-    _.assign(WrappedComponent, Component);
+    Object.assign(WrappedComponent, Component);
 
     return WrappedComponent;
 };