Use modularized methods from lodash

Avoids including the full lodash build.

Author: jacobrask

modules/react-documentation/src/components/Docs.js

@@ -2,7 +2,8 @@
 
 import React from 'react'
 import reactCSS from 'reactcss'
-import _ from 'lodash'
+import map from 'lodash/map'
+import throttle from 'lodash/throttle'
 import markdown from '../helpers/markdown'
 
 import { Grid } from '../../../react-basic-layout'
@@ -23,7 +24,7 @@ class Docs extends React.Component {
     this.changeSelection = this.changeSelection.bind(this);
     this.attachSidebar = this.attachSidebar.bind(this);
     this.handleScroll = this.handleScroll.bind(this);
-    this.handleScroll = _.throttle(this.handleScroll, 200);
+    this.handleScroll = throttle(this.handleScroll, 200);
   }
 
   componentDidMount() {
@@ -59,7 +60,7 @@ class Docs extends React.Component {
     const items = document.getElementsByClassName('file');
     const doc = document.documentElement;
     const top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
-    _.map(items, (item) => {
+    map(items, (item) => {
       const bottomOfItem = item.offsetTop + item.clientHeight;
       if (item.offsetTop < top && bottomOfItem > top) {
         if (this.state.visible !== item.id) {

modules/react-material-design/src/components/Link.cjsx

@@ -1,7 +1,7 @@
 'use strict'
 
 React = require('react')
-_ = require('lodash')
+isString = require('lodash/isString')
 
 
 module.exports = class Link extends React.Component
@@ -27,7 +27,7 @@ module.exports = class Link extends React.Component
   handleClick: (e) => @props.onClick?(e, @props.callbackValue)
 
   render: ->
-    if _.isString(@props.onClick)
+    if isString(@props.onClick)
       <a style={ textDecoration: 'none' } href={ @props.onClick } target={ '_blank' if @props.newTab }>{ @props.children }</a>
     else
       <a style={ textDecoration: 'none' } onClick={ @handleClick }>{ @props.children }</a>

modules/react-material-design/src/components/Tabs.cjsx

@@ -2,7 +2,7 @@
 
 React = require('react')
 css = require('reactcss')
-_ = require('lodash')
+isString = require('lodash/isString')
 
 Tab = require('./Tab')
 Link = require('./Link')
@@ -155,7 +155,7 @@ class Tabs extends React.Component
     <div is="tabs" ref="tabs">
       <div is="tabWrap" className="flexbox-fix">
         { for tab, i in @props.tabs
-            if _.isString(tab)
+            if isString(tab)
               label = tab
               callback = null
             else

src/autoprefix.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import _ from 'lodash'
+import map from 'lodash/map'
 
 const transforms = {
   borderRadius: (value) => {
@@ -96,9 +96,9 @@ const transforms = {
 
 export const autoprefix = (elements) => {
   const prefixed = {}
-  _.map(elements, (styles, element) => {
+  map(elements, (styles, element) => {
     const expanded = {}
-    _.map(styles, (value, key) => {
+    map(styles, (value, key) => {
       const transform = transforms[key]
       if (transform) {
         Object.assign(expanded, transform(value))

src/deprecated/Component.js

@@ -2,9 +2,9 @@
 
 import React from 'react'
 import inline from './inline'
-import _ from 'lodash'
+import once from 'lodash/once'
 
-const warning = _.once(() => console.warn(`Extending ReactCSS.Component
+const warning = once(() => console.warn(`Extending ReactCSS.Component
   is deprecated in ReactCSS 1.0.0`))
 
 export class ReactCSSComponent extends React.Component {

src/deprecated/check-class-structure.js

@@ -1,17 +1,18 @@
 /* eslint no-console: 0 */
 
-import _ from 'lodash'
+import map from 'lodash/map'
+import isObject from 'lodash/isObject'
 
 export const checkClassStructure = (classes) => {
-  _.map(classes, (elements, className) => {
+  map(classes, (elements, className) => {
     if (classes.hasOwnProperty(className)) {
-      if (!_.isObject(elements)) {
+      if (!isObject(elements)) {
         console.warn(`Make sure the value of \`${ className }\` is an object of
           html elements. You passed it \`${ elements }\``)
       } else {
-        _.map(elements, (css, elementName) => {
+        map(elements, (css, elementName) => {
           if (elements.hasOwnProperty(elementName)) {
-            if (!_.isObject(css)) {
+            if (!isObject(css)) {
               console.warn(`Make sure the value of the element \`${ className }\`
                 is an object of css. You passed it \`${ elements }\``)
             }

src/deprecated/inline.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import _ from 'lodash'
+import isObject from 'lodash/isObject'
 import checkClassStructure from './check-class-structure'
 import combine from './combine'
 
@@ -33,7 +33,7 @@ module.exports = function (declaredClasses) {
 
   for (var prop in this.props) {
     let value = this.props[prop]
-    if (!_.isObject(value)) {
+    if (!isObject(value)) {
 
       if (value === true) {
         activateClass(prop)

src/deprecated/merge.js

@@ -1,11 +1,11 @@
 'use strict'
 
 import mrg from 'merge'
-import _ from 'lodash'
+import isObject from 'lodash/isObject'
 
 const merge = (toMerge) => {
   // If its an object, lets just return it
-  if (_.isObject(toMerge) && !_.isArray(toMerge)) {
+  if (isObject(toMerge) && !Array.isArray(toMerge)) {
     return toMerge
   }
 

src/deprecated/transform-mixins.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import _ from 'lodash'
+import isObject from 'lodash/isObject'
 import merge from 'merge'
 
 /*
@@ -131,7 +131,7 @@ const transform = (styleObject, customFuncs, parent) => {
     var value = styleObject[key]
 
     // If its an object
-    if (_.isObject(value) && !_.isArray(value)) {
+    if (isObject(value) && !Array.isArray(value)) {
       // Lets go ahead and run again
       obj[key] = transform(value, customFuncs, styleObject)
     } else {

src/flattenNames.js

@@ -1,17 +1,19 @@
 'use strict'
 
-import _ from 'lodash'
+import map from 'lodash/map'
+import isPlainObject from 'lodash/isPlainObject'
+import isString from 'lodash/isString'
 
 export const flattenNames = (things) => {
   const names = []
 
   things.map((thing) => {
-    _.isArray(thing) && flattenNames(thing).map((name) => names.push(name))
-    _.isPlainObject(thing) && _.map(thing, (value, key) => {
+    Array.isArray(thing) && flattenNames(thing).map((name) => names.push(name))
+    isPlainObject(thing) && map(thing, (value, key) => {
       value === true && names.push(key)
       names.push(`${ key }-${ value }`)
     })
-    _.isString(thing) && names.push(thing)
+    isString(thing) && names.push(thing)
     return thing
   })