Infra/orr/update deps (#431)

.eslintrc.json

@@ -1,13 +1,12 @@
 {
   "root": true,
   "env": {
-    "browser": true,
-    "mocha": true
+    "browser": true
   },
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "ignorePatterns": ["*test.js", "*.jest.js", "*.stories*.js"],
   "extends": ["airbnb", "plugin:prettier/recommended", "plugin:react-hooks/recommended"],
-  "plugins": ["import", "react", "jsx-a11y", "json", "markdown", "mocha", "react-hooks"],
+  "plugins": ["import", "react", "jsx-a11y", "json", "markdown", "react-hooks"],
   "rules": {
     "no-debugger": "error",
     "global-require": "off",
@@ -34,6 +33,8 @@
     "react/jsx-one-expression-per-line": "off",
     "react/prop-types": 0,
     "react/forbid-prop-types": "off",
+    "react/function-component-definition": "off",
+    "default-param-last": "off",
     "react/require-default-props": ["error"],
     "jsx-a11y/anchor-is-valid": ["error"],
     "react/jsx-props-no-spreading": 0,

.github/workflows/publish-storybook.yml

@@ -16,7 +16,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 16
       - name: Build & deploy Storybook to GitHub Pages
         run: |
           npm install

.github/workflows/release.yml

@@ -11,7 +11,7 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 16
           registry-url: https://registry.npmjs.org/
       - name: Install dependencies
         run: npm ci

.github/workflows/test-workflow.yml

@@ -9,7 +9,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 16
       - name: Install
         run: |
           npm install

.github/workflows/update-icons.yml

@@ -5,7 +5,7 @@ on:
 
 jobs:
   get-version:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - name: Fetch release version

.nvmrc

@@ -1 +1 @@
-12.18.3
+16.13.1

.storybook/main.js

@@ -1,26 +1,25 @@
 const projectConfig = require("../webpack/storybook.config.js");
+
 const createCompiler = require("@storybook/addon-docs/mdx-compiler-plugin");
 
 const mergeConfigRules = (originalConfig, newConfigRules) => {
   return {
     ...originalConfig,
-    module: {
-      ...originalConfig.module,
-      rules: [...originalConfig.module.rules, ...newConfigRules]
-    }
+    module: { ...originalConfig.module, rules: [...originalConfig.module.rules, ...newConfigRules] }
   };
 };
+
 const getProjectConfigRules = () => {
   return projectConfig.module.rules;
 };
+
 const getDocsConfigRules = () => {
   return [];
 };
 
 const buildConfig = config => {
   config = mergeConfigRules(config, getProjectConfigRules());
   config = mergeConfigRules(config, getDocsConfigRules());
-
   return config;
 };
 
@@ -35,5 +34,8 @@ module.exports = {
     "@storybook/addon-a11y",
     "storybook-addon-performance/register",
     "@storybook/addon-docs"
-  ]
+  ],
+  core: {
+    builder: "webpack5"
+  }
 };

.storybook/preview.js

@@ -1,6 +1,6 @@
 import { parameters } from "@storybook/addon-docs/dist/esm/frameworks/react/config";
 import { addParameters } from "@storybook/react";
-import { DocsPage, DocsContainer } from "@storybook/addon-docs/blocks";
+import { DocsPage, DocsContainer } from "@storybook/addon-docs";
 import {
   SectionName,
   Title,

__mocks__/fileMock.js

@@ -1,9 +1,7 @@
+const path = require("path");
+
 module.exports = {
-  process() {
-    return "module.exports = '';";
-  },
-  getCacheKey() {
-    // The output is always the same.
-    return "svgTransform";
+  process(src, filename) {
+    return `module.exports = ${JSON.stringify(path.basename(filename))};`;
   }
 };

babel.config.js

@@ -4,6 +4,11 @@ module.exports = api => {
   api.cache.using(() => process.env.NODE_ENV);
 
   return {
+    env: {
+      test: {
+        plugins: ["@babel/plugin-transform-runtime"]
+      }
+    },
     presets: [
       [
         "@babel/preset-env",
@@ -14,10 +19,11 @@ module.exports = api => {
                 node: "current"
               }
             : {
-                chrome: "49",
+                chrome: "66",
                 ie: "11",
                 firefox: "51",
-                edge: "14"
+                edge: "18",
+                node: "current"
               }
         }
       ],

jest.init.js

@@ -1,4 +1,3 @@
-import "regenerator-runtime/runtime";
 import ReactDOM from "react-dom";
 
 ReactDOM.createPortal = node => node;
@@ -14,11 +13,12 @@ if (TESTING_STORYBOOK) {
 }
 
 const error = console.error;
-console.error = function(warning) {
+console.error = function (warning) {
   if (
     /(Invalid prop|Failed prop type)/.test(warning) &&
     !warning.includes("of value `not valid`") &&
-    !warning.includes("`ForwardRef`.")
+    !warning.includes("`ForwardRef`.") &&
+    !warning.includes("children")
   ) {
     throw new Error(warning);
   }