Update babel to v7 (stereobooster#114)

Author: stereobooster

.babelrc

@@ -1,4 +1,4 @@
 {
-  "presets": ["env", "react"],
-  "plugins": ["transform-object-rest-spread", "transform-class-properties"]
+  "presets": ["@babel/env", "@babel/react"],
+  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-object-rest-spread"]
 }

package.json

@@ -29,19 +29,18 @@
   "keywords": [],
   "author": "stereobooster <[email protected]>",
   "license": "MIT",
-  "dependencies": {},
   "peerDependencies": {
     "prop-types": ">=15",
     "react": ">=0.14.x",
     "react-waypoint": ">=8.0.0"
   },
   "devDependencies": {
     "@types/react": "16.4.13",
-    "babel-loader": "8.0.2",
-    "babel-plugin-transform-class-properties": "6.24.1",
-    "babel-plugin-transform-object-rest-spread": "6.26.0",
-    "babel-preset-env": "1.7.0",
-    "babel-preset-react": "6.24.1",
+    "babel-loader": "7.1.5",
+    "@babel/plugin-proposal-class-properties": "^7.1.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
+    "@babel/preset-env": "^7.1.0",
+    "@babel/preset-react": "^7.0.0",
     "gh-pages": "1.2.0",
     "jest-canvas-mock": "1.1.0",
     "kcd-scripts": "0.45.0",

src/__tests__/__snapshots__/IdealImage.js.snap

@@ -2,7 +2,6 @@
 
 exports[`IdealImage Renders a snapshot that is good 1`] = `
 <div
-  className={undefined}
   onClick={[Function]}
   onKeyPress={[Function]}
   style={
@@ -12,9 +11,7 @@ exports[`IdealImage Renders a snapshot that is good 1`] = `
   }
 >
   <svg
-    className={undefined}
     height={2095}
-    style={undefined}
     width={3500}
   />
 </div>

src/__tests__/__snapshots__/icon.js.snap

@@ -2,7 +2,6 @@
 
 exports[`Download icon Should render a snapshot that is good 1`] = `
 <svg
-  className={undefined}
   height={24}
   viewBox="0 0 24 24"
   width={24}
@@ -21,7 +20,6 @@ exports[`Download icon Should render a snapshot that is good 1`] = `
 
 exports[`Loading icon Should render a snapshot that is good 1`] = `
 <svg
-  className={undefined}
   height={24}
   viewBox="0 0 24 24"
   width={24}
@@ -40,7 +38,6 @@ exports[`Loading icon Should render a snapshot that is good 1`] = `
 
 exports[`Offline icon Should render a snapshot that is good 1`] = `
 <svg
-  className={undefined}
   height={24}
   viewBox="0 0 24 24"
   width={24}
@@ -59,7 +56,6 @@ exports[`Offline icon Should render a snapshot that is good 1`] = `
 
 exports[`Warning icon Should render a snapshot that is good 1`] = `
 <svg
-  className={undefined}
   height={24}
   viewBox="0 0 24 24"
   width={24}

src/__tests__/__snapshots__/idealImageWithDefaults.js.snap

@@ -2,7 +2,6 @@
 
 exports[`IdealImageWithDefaults Renders a snapshot that is good 1`] = `
 <div
-  className={undefined}
   onClick={[Function]}
   onKeyPress={[Function]}
   style={
@@ -15,7 +14,6 @@ exports[`IdealImageWithDefaults Renders a snapshot that is good 1`] = `
   }
 >
   <svg
-    className={undefined}
     height={2095}
     style={
       Object {

src/components/IdealImage/index.js

@@ -310,14 +310,14 @@ export default class IdealImage extends Component {
       srcSet: this.props.srcSet,
       maxImageWidth:
         this.props.srcSet.length > 1
-          ? guessMaxImageWidth(this.state.dimensions)
+          ? guessMaxImageWidth(this.state.dimensions) // eslint-disable-line react/no-access-state-in-setstate
           : 0,
       supportsWebp,
     })
     const {getUrl} = this.props
     const url = getUrl ? getUrl(pickedSrc) : pickedSrc.src
     const shouldAutoDownload = this.props.shouldAutoDownload({
-      ...this.state,
+      ...this.state, // eslint-disable-line react/no-access-state-in-setstate
       size: pickedSrc.size,
     })
     this.setState({pickedSrc, shouldAutoDownload, url})