From a3deb53624d5fdc928e5d65e460cefa2d1b980e8 Mon Sep 17 00:00:00 2001
From: Juan Pablo Lomeli Diaz <juanpablo@thetinkertrain.codes>
Date: Tue, 26 Jan 2021 11:42:13 +0100
Subject: [PATCH] Fix babel config for storybook upgrade

---
 .storybook/.babelrc | 5 +++--
 babel.config.js     | 4 ++--
 package-lock.json   | 8 ++++++--
 package.json        | 1 -
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/.storybook/.babelrc b/.storybook/.babelrc
index 3917d3b7c..d9bff9efa 100644
--- a/.storybook/.babelrc
+++ b/.storybook/.babelrc
@@ -3,20 +3,21 @@
     [
       "@babel/preset-env",
       {
+        "loose": true,
+        "shippedProposals": true,
         "targets": {
           "ie": 11,
           "edge": 14,
           "firefox": 45,
           "chrome": 49,
           "safari": 10,
-          "node": "6.11"
+          "node": "12.16.3"
         }
       }
     ],
     "@babel/react"
   ],
   "plugins": [
-    "@babel/plugin-proposal-class-properties",
     [
       "inline-react-svg",
       {
diff --git a/babel.config.js b/babel.config.js
index 8ebb83fa8..d92c17e99 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,7 +1,6 @@
 module.exports = api => {
   const isTest = api.env('test')
   const plugins = [
-    '@babel/plugin-proposal-class-properties',
     [
       'prismjs',
       {
@@ -47,9 +46,10 @@ module.exports = api => {
             firefox: '60',
             chrome: '65',
             safari: '10',
-            node: '8',
+            node: '12.16.3',
           },
           loose: true,
+          shippedProposals: true,
         },
       ],
       '@babel/react',
diff --git a/package-lock.json b/package-lock.json
index d18bdd642..09b07830d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16110,6 +16110,7 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/downshift/-/downshift-6.1.0.tgz",
       "integrity": "sha512-MnEJERij+1pTVAsOPsH3q9MJGNIZuu2sT90uxOCEOZYH6sEzkVGtUcTBVDRQkE8y96zpB7uEbRn24aE9VpHnZg==",
+      "dev": true,
       "requires": {
         "@babel/runtime": "^7.12.5",
         "compute-scroll-into-view": "^1.0.16",
@@ -16121,6 +16122,7 @@
           "version": "7.12.5",
           "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
           "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
+          "dev": true,
           "requires": {
             "regenerator-runtime": "^0.13.4"
           }
@@ -16128,12 +16130,14 @@
         "compute-scroll-into-view": {
           "version": "1.0.16",
           "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.16.tgz",
-          "integrity": "sha512-a85LHKY81oQnikatZYA90pufpZ6sQx++BoCxOEMsjpZx+ZnaKGQnCyCehTRr/1p9GBIAHTjcU9k71kSYWloLiQ=="
+          "integrity": "sha512-a85LHKY81oQnikatZYA90pufpZ6sQx++BoCxOEMsjpZx+ZnaKGQnCyCehTRr/1p9GBIAHTjcU9k71kSYWloLiQ==",
+          "dev": true
         },
         "react-is": {
           "version": "17.0.1",
           "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz",
-          "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA=="
+          "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==",
+          "dev": true
         }
       }
     },
diff --git a/package.json b/package.json
index 46fdae85b..ac3fc8133 100644
--- a/package.json
+++ b/package.json
@@ -108,7 +108,6 @@
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
     "@babel/node": "^7.0.0",
-    "@babel/plugin-proposal-class-properties": "^7.0.0",
     "@babel/plugin-transform-runtime": "^7.4.3",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-react": "^7.0.0",