Update dependencies and fix develop env (#897)

* Upgrade packages
* Update yarn.lock
* Fix warnings
* Fix sass dependencies
* Fix sass modules

develop/Main.sass

@@ -1,6 +1,3 @@
-:global(#app)
-  height: 100%
-
 html, body
   height: 100%
   font-size: 14px

develop/markers/ClusterMarker.sass

@@ -26,8 +26,3 @@ $marker-font-size: 14px !default
   display: flex
   align-items: center
   justify-content: center
-
-.text
-
-:export
-  markerSize: stripUnits($marker-width)

develop/utils/props2Stream.js

@@ -15,6 +15,7 @@ const prop2Stream = (propName, comparator = (a, b) => a === b) =>
         comparator
       );
 
+      // eslint-disable-next-line camelcase
       UNSAFE_componentWillReceiveProps(nextProps) {
         this.props$.next(nextProps[propName]);
       }

develop/utils/withStateSelector.js

@@ -21,6 +21,7 @@ const withStateSelector = (stateName, stateUpdaterName, selectorFactory) =>
           callback
         );
 
+      // eslint-disable-next-line camelcase
       UNSAFE_componentWillReceiveProps(nextProps) {
         // reselect memoize result
         const nextStateValue = this.selector(nextProps);

package.json

@@ -47,9 +47,9 @@
   },
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
-    "eventemitter3": "^1.1.0",
+    "eventemitter3": "^4.0.4",
     "prop-types": "^15.5.6",
-    "scriptjs": "^2.5.7"
+    "scriptjs": "^2.5.9"
   },
   "devDependencies": {
     "autoprefixer": "^6.3.6",
@@ -80,7 +80,7 @@
     "kotatsu": "^0.14.0",
     "lint-staged": "^3.4.0",
     "mocha": "^2.3.3",
-    "node-sass": "^3.7.0",
+    "node-sass": "^4.14.1",
     "normalize.css": "^4.1.1",
     "postcss-loader": "^0.9.1",
     "prettier": "^0.22.0",
@@ -92,7 +92,7 @@
     "reselect": "^2.5.1",
     "rimraf": "^2.4.3",
     "rxjs": "^5.0.0-beta.8",
-    "sass-loader": "^3.2.0",
+    "sass-loader": "^4.1.1",
     "style-loader": "^0.13.1",
     "url-loader": "^0.5.7",
     "webpack": "^1.12.2"

src/google_map.js

@@ -296,6 +296,7 @@ export default class GoogleMap extends Component {
     }
   }
 
+  // eslint-disable-next-line camelcase
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (process.env.NODE_ENV !== 'production') {
       if (!shallowEqual(this.props.defaultCenter, nextProps.defaultCenter)) {