Upgrade to Babel 7 (#113)

* build: upgrade to babel 7

* Load babelrc in storybook

Author: thebuilder

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-flow"],
+  "plugins": ["@babel/plugin-proposal-class-properties"]
+}

.babelrc.js

@@ -18,7 +18,7 @@ npm-debug.log
 .eslintignore
 .flowconfig
 .travis.yml
-.babelrc.js
+.babelrc
 .editorconfig
 .storybook
 yarn.lock

.npmignore

@@ -60,11 +60,6 @@
       "insilico"
     ]
   },
-  "babel": {
-    "presets": [
-      "./.babelrc.js"
-    ]
-  },
   "jest": {
     "testEnvironment": "jsdom",
     "snapshotSerializers": [
@@ -85,40 +80,50 @@
     "react": "^15.0.0 || ^16.0.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.4.8",
-    "@storybook/addon-options": "^3.4.8",
-    "@storybook/react": "^3.4.8",
-    "babel-cli": "^6.24.1",
-    "babel-core": "^6.26.3",
-    "babel-jest": "^23.0.0",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-2": "^6.24.1",
-    "babel-runtime": "^6.25.0",
+    "@babel/cli": "^7.0.0",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-external-helpers": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+    "@babel/plugin-proposal-function-sent": "^7.0.0",
+    "@babel/plugin-proposal-json-strings": "^7.0.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
+    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-import-meta": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-flow": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/runtime": "^7.0.0",
+    "@storybook/addon-actions": "^3.4.10",
+    "@storybook/addon-options": "^3.4.10",
+    "@storybook/react": "^3.4.10",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-jest": "^23.4.2",
     "concurrently": "4.0.1",
-    "coveralls": "^3.0.1",
+    "coveralls": "^3.0.2",
     "enzyme": "^3.4.4",
-    "enzyme-adapter-react-16": "^1.2.0",
+    "enzyme-adapter-react-16": "^1.3.1",
     "enzyme-to-json": "^3.3.4",
-    "eslint": "^5.0.0",
+    "eslint": "^5.5.0",
     "eslint-config-insilico": "^5.2.0",
-    "flow-bin": "^0.79.0",
-    "flow-copy-source": "^2.0.0",
+    "flow-bin": "^0.80.0",
+    "flow-copy-source": "^2.0.2",
     "husky": "^0.14.3",
     "intersection-observer": "^0.5.0",
-    "jest": "^23.1.0",
-    "lint-staged": "^7.2.0",
+    "jest": "^23.5.0",
+    "lint-staged": "^7.2.2",
     "npm-run-all": "^4.1.3",
-    "prettier": "^1.13.5",
-    "react": "^16.4.1",
-    "react-dom": "^16.4.1",
-    "react-test-renderer": "^16.4.1",
+    "prettier": "^1.14.2",
+    "react": "^16.4.2",
+    "react-dom": "^16.4.2",
+    "react-test-renderer": "^16.4.2",
     "rollup": "^0.65.0",
-    "rollup-plugin-babel": "^3.0.5",
-    "rollup-plugin-commonjs": "^9.1.0",
+    "rollup-plugin-babel": "^4.0.1",
+    "rollup-plugin-commonjs": "^9.1.6",
     "rollup-plugin-node-resolve": "^3.3.0",
     "rollup-plugin-replace": "^2.0.0",
-    "rollup-plugin-uglify": "^4.0.0"
+    "rollup-plugin-uglify": "^5.0.2"
   }
 }

package.json

@@ -12,9 +12,13 @@ const umd = format === 'umd'
 const cjs = format === 'cjs'
 
 let output
+let targets = {}
 
 if (es) {
   output = { file: pkg.module, format: 'es' }
+  targets = {
+    node: true,
+  }
 } else if (umd) {
   if (minify) {
     output = {
@@ -56,9 +60,16 @@ export default [
       commonjs({ include: 'node_modules/**' }),
       babel({
         exclude: 'node_modules/**',
-        babelrc: false,
-        presets: [['env', { loose: true, modules: false }], 'react', 'stage-2'],
-        plugins: ['external-helpers'],
+        externalHelpers: false,
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              loose: true,
+              targets,
+            },
+          ],
+        ],
       }),
       umd
         ? replace({