Upgrade Babel and Jest (PR #16)

Author: julienw

.babelrc

@@ -1,42 +1,37 @@
 {
+    "assumptions": {
+      "setPublicClassFields": true
+    },
     "presets": [
-        "react"
+        "@babel/preset-react"
     ],
     "env": {
         "es6": {
             "presets": [
                 [
-                    "es2015",
+                    "@babel/preset-env",
                     {
-                        "modules": false
+                        "modules": false,
+                        "targets": "defaults",
                     }
                 ]
             ],
-            "plugins": [
-                "transform-class-properties"
-            ]
         },
         "es5": {
             "presets": [
-                "es2015"
+                ["@babel/preset-env", {
+                    "targets": "defaults",
+                }]
             ],
-            "plugins": [
-                "transform-class-properties"
-            ]
         },
         "test": {
             "presets": [
                 [
-                    "env",
+                  "@babel/preset-env",
                     {
-                        "targets": {
-                            "node": 6
-                        }
+                        "targets": { "node": "current" },
                     }
                 ]
-            ],
-            "plugins": [
-                "transform-class-properties"
             ]
         }
     }

examples/webpack.config.js

@@ -31,18 +31,16 @@ const config = {
                 use: [{
                     loader: 'babel-loader',
                     options: {
-                         presets: [
-                            'react',
-                            ['env', {
+                        assumptions: {
+                            setPublicClassFields: true
+                        },
+                        presets: [
+                            '@babel/preset-react',
+                            ['@babel/preset-env', {
                                 modules: false,
-                                targets: {
-                                    browsers: 'IE >= 11, Edge >= 12, FireFox >= 38, Chrome >= 47, Opera >= 34, Safari >= 8'
-                                }
+                                targets: "defaults",
                             }]
                         ],
-                        plugins: [
-                            'transform-class-properties'
-                        ]
                     }
                 }],
                 include: [

package.json

@@ -55,17 +55,15 @@
     "react-dom": "^0.14.0 || ^15.0.0 || ^16.0.1"
   },
   "devDependencies": {
-    "babel-cli": "~6.26.0",
-    "babel-core": "~6.26.3",
-    "babel-eslint": "~7.2.1",
-    "babel-jest": "~21.2.0",
-    "babel-loader": "~7.1.1",
-    "babel-minify-webpack-plugin": "~0.2.0",
-    "babel-preset-env": "~1.7.0",
-    "babel-preset-es2015": "~6.24.1",
-    "babel-preset-react": "~6.24.1",
-    "babel-preset-stage-2": "~6.24.1",
-    "babel-register": "~6.26.0",
+    "@babel/cli": "^7.15.4",
+    "@babel/core": "^7.15.5",
+    "@babel/preset-env": "^7.15.4",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-stage-2": "^7.8.3",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "~27.1.0",
+    "babel-loader": "~8.2.2",
+    "babel-minify-webpack-plugin": "~0.3.1",
     "coveralls": "~3.0.3",
     "cross-env": "~6.0.3",
     "css-loader": "~0.28.7",
@@ -81,8 +79,7 @@
     "history": "~4.10.1",
     "html-webpack-plugin": "~2.30.1",
     "http-server": "~0.11.1",
-    "jest": "~21.2.1",
-    "jsdom": "~11.3.0",
+    "jest": "~27.1.0",
     "prop-types": "~15.7.2",
     "react": "~16.8.4",
     "react-dom": "~16.8.4",
@@ -104,6 +101,7 @@
     ],
     "collectCoverageFrom": [
       "**/src/**/*.js"
-    ]
+    ],
+    "testEnvironment": "jsdom"
   }
 }

webpack.config.js

@@ -15,15 +15,16 @@ module.exports = {
                 test: /\.js$/,
                 loader: "babel-loader",
                 options: {
+                    assumptions: {
+                        setPublicClassFields: true
+                    },
                     presets: [
-                        'react',
-                        ['es2015', {
-                            modules: false
+                        '@babel/preset-react',
+                        ['@babel/preset-env', {
+                            modules: false,
+                            targets: "defaults",
                         }]
                     ],
-                    plugins: [
-                        'transform-class-properties'
-                    ]
                 },
                 include: [
                     path.resolve(__dirname, './src')