Remove lodash and use our own utils (google-map-react#535)

* Use pure reduce and map functions

* Use only isEmpty from lodash

* Create our own isEmpty, don't use lodash

* Normalize utils names

* Group utils together

* Proper checking, better this way

* Set default value to options

Author: itsmichaeldiego

package.json

@@ -79,7 +79,6 @@
     "jsdom": "^6.5.1",
     "kotatsu": "^0.14.0",
     "lint-staged": "^3.4.0",
-    "lodash": "^4.13.1",
     "mocha": "^2.3.3",
     "node-sass": "^3.7.0",
     "normalize.css": "^4.1.1",

src/google_heatmap.js

@@ -1,21 +1,15 @@
-import fp from 'lodash/fp';
-
 export const generateHeatmap = (instance, { positions }) =>
   new instance.visualization.HeatmapLayer({
-    data: fp.reduce(
+    data: positions.reduce(
       (acc, { lat, lng }) => {
         acc.push({
           location: new instance.LatLng(lat, lng),
         });
         return acc;
       },
-      [],
-      positions
+      []
     ),
   });
 
-export const optionsHeatmap = (instance, { options }) =>
-  fp.map(
-    option => instance.set(option, options[option]),
-    Object.keys(options || {})
-  );
+export const optionsHeatmap = (instance, { options = {} }) =>
+  Object.keys(options).map(option => instance.set(option, options[option]));

src/google_map.js

@@ -3,30 +3,32 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 
+// libs
 import shallowEqual from 'fbjs/lib/shallowEqual';
 
-import MarkerDispatcher from './marker_dispatcher';
-
+// helpers
 import GoogleMapMap from './google_map_map';
+import MarkerDispatcher from './marker_dispatcher';
 import GoogleMapMarkers from './google_map_markers';
 import GoogleMapMarkersPrerender from './google_map_markers_prerender';
 import { generateHeatmap, optionsHeatmap } from './google_heatmap';
 
-import googleMapLoader from './utils/loaders/google_map_loader';
-import detectBrowser from './utils/detect';
+// loaders
+import googleMapLoader from './loaders/google_map_loader';
 
+// utils
 import Geo from './utils/geo';
-import isArraysEqualEps from './utils/array_helper';
-
-import isPlainObject from './utils/is_plain_object';
-import pick from './utils/pick';
 import raf from './utils/raf';
+import pick from './utils/pick';
+import omit from './utils/omit';
 import log2 from './utils/math/log2';
-
 import isNumber from './utils/isNumber';
-import omit from './utils/omit';
+import detectBrowser from './utils/detect';
+import isPlainObject from './utils/isPlainObject';
+import isArraysEqualEps from './utils/isArraysEqualEps';
 import detectElementResize from './utils/detectElementResize';
 
+// consts
 const kEPS = 0.00001;
 const K_GOOGLE_TILE_SIZE = 256;
 // real minZoom calculated here _getMinZoom

src/utils/loaders/google_map_loader.js renamed to src/loaders/google_map_loader.js

@@ -1,4 +1,4 @@
-import { isEmpty } from 'lodash';
+import isEmpty from '../utils/isEmpty';
 
 const BASE_URL = 'https://maps';
 const DEFAULT_URL = `${BASE_URL}.googleapis.com`;

src/utils/array_helper.js renamed to src/utils/isArraysEqualEps.js

@@ -0,0 +1,14 @@
+const isEmpty = val => {
+  // check for empty object {}, array []
+  if (val !== null && typeof val === 'object') {
+    if (Object.keys(val).length === 0) {
+      return true;
+    }
+  } else if (val === null || val === undefined || val === '') {
+    // check for undefined, null and ""
+    return true;
+  }
+  return false;
+};
+
+export default isEmpty;

src/utils/isEmpty.js

@@ -3449,7 +3449,7 @@ lodash@^3.10.0, lodash@^3.10.1:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
 
-lodash@^4.0.0, lodash@^4.13.1, lodash@^4.17.4, lodash@^4.3.0, lodash@^4.6.1, lodash@~4.17.4:
+lodash@^4.0.0, lodash@^4.17.4, lodash@^4.3.0, lodash@^4.6.1, lodash@~4.17.4:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"