Update dependencies

.github/workflows/lint.yml

@@ -1,9 +1,9 @@
-name: 'my-workflow'
+name: 'Lint check'
 on: [pull_request]
 
 jobs:
   eslint:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - uses: bradennapier/eslint-plus-action@v3.4.0
+      - uses: bradennapier/eslint-plus-action@v3.4.2

.storybook/main.js

@@ -1,7 +1,6 @@
 module.exports = {
   stories: ["../src/**/*.stories.tsx"],
   addons: [
-    "@storybook/preset-create-react-app",
     "@storybook/addon-actions",
     "@storybook/addon-links",
     "@storybook/addon-docs",

.travis.yml

@@ -1,12 +1,14 @@
 if: (branch = master) OR (branch = development) OR (type = pull_request) OR (tag IS present)
+os: linux
+dist: bionic
 language: node_js
 node_js: '12'
+cache:
+  yarn: true
+
 before_install:
-  - yarn install
   # Needed to deploy pull request and releases
   - pip install awscli --upgrade --user
-cache:
-  yarn: true
 script: |
   echo "Skip tests" # no test cases for the project
 
@@ -49,7 +51,7 @@ deploy:
     secret_access_key: $AWS_SECRET_ACCESS_KEY
     skip_cleanup: true
     local_dir: storybook-static
-    upload-dir: current
+    upload_dir: current
     region: eu-central-1
     on:
       branch: master
@@ -61,7 +63,7 @@ deploy:
     secret_access_key: $AWS_SECRET_ACCESS_KEY
     skip_cleanup: true
     local_dir: storybook-static
-    upload-dir: releases/$TRAVIS_TAG/website
+    upload_dir: releases/$TRAVIS_TAG/website
     region: eu-central-1
     on:
       tags: true
@@ -73,7 +75,7 @@ deploy:
     secret_access_key: $AWS_SECRET_ACCESS_KEY
     skip_cleanup: true
     local_dir: dist
-    upload-dir: releases/$TRAVIS_TAG/npmlib
+    upload_dir: releases/$TRAVIS_TAG/npmlib
     region: eu-central-1
     on:
       tags: true

package.json

@@ -23,53 +23,50 @@
   "license": "MIT",
   "dependencies": {
     "classnames": "^2.2.6",
-    "polished": "3.6.5",
-    "react-docgen-typescript-loader": "^3.7.2",
-    "react-media": "^1.10.0",
-    "url-loader": "^4.1.0"
+    "polished": "^3.6.7",
+    "react-media": "^1.10.0"
   },
   "devDependencies": {
-    "@material-ui/core": "4.10.2",
+    "@material-ui/core": "^4.11.0",
     "@storybook/addon-actions": "5.3.19",
     "@storybook/addon-docs": "5.3.19",
     "@storybook/addon-links": "5.3.19",
     "@storybook/addons": "5.3.19",
-    "@storybook/preset-create-react-app": "2.1.2",
     "@storybook/react": "5.3.19",
-    "@testing-library/jest-dom": "5.11.2",
-    "@testing-library/react": "10.4.7",
-    "@testing-library/user-event": "12.0.17",
-    "@types/big.js": "^4.0.5",
-    "@types/classnames": "^2.2.10",
-    "@types/jest": "26.0.7",
-    "@types/material-ui": "^0.21.7",
-    "@types/node": "14.0.27",
-    "@types/react": "16.9.43",
-    "@types/react-dom": "16.9.8",
-    "@types/styled-components": "5.1.1",
-    "@types/yup": "0.29.3",
-    "@typescript-eslint/eslint-plugin": "^3.7.1",
-    "@typescript-eslint/parser": "^3.7.1",
+    "@testing-library/jest-dom": "^5.11.5",
+    "@testing-library/react": "^11.1.1",
+    "@testing-library/user-event": "^12.2.0",
+    "@types/classnames": "^2.2.11",
+    "@types/jest": "^26.0.15",
+    "@types/material-ui": "^0.21.8",
+    "@types/node": "^14.14.6",
+    "@types/react": "^16.9.55",
+    "@types/react-dom": "^16.9.9",
+    "@types/styled-components": "^5.1.4",
+    "@typescript-eslint/eslint-plugin": "^4.6.1",
+    "@typescript-eslint/parser": "^4.6.1",
     "awesome-typescript-loader": "^5.2.1",
     "babel-eslint": "^10.0.3",
-    "babel-loader": "8.1.0",
-    "copy-webpack-plugin": "^5.1.1",
-    "eslint": "7.5.0",
-    "eslint-config-prettier": "6.11.0",
-    "eslint-plugin-prettier": "3.1.4",
-    "eslint-plugin-react": "7.20.5",
-    "eslint-plugin-react-hooks": "4.0.8",
+    "babel-loader": "^8.1.0",
+    "copy-webpack-plugin": "^6.3.0",
+    "eslint": "^7.12.1",
+    "eslint-config-prettier": "^6.15.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-hooks": "^4.2.0",
     "ethereum-blockies-base64": "^1.0.2",
-    "file-loader": "^6.0.0",
-    "prettier": "2.0.5",
+    "file-loader": "^6.2.0",
+    "prettier": "^2.1.2",
     "react": "16.13.1",
+    "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "16.13.1",
     "rimraf": "^3.0.2",
-    "styled-components": "5.1.1",
-    "typescript": "3.9.7",
+    "styled-components": "^5.2.1",
+    "typescript": "^4.0.5",
+    "url-loader": "^4.1.1",
     "webpack": "4.43.0",
     "webpack-cli": "^3.3.10",
-    "webpack-node-externals": "^1.7.2"
+    "webpack-node-externals": "^2.5.2"
   },
   "peerDependencies": {
     "@material-ui/core": "4.X.X",

webpack.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path');
 const CopyPlugin = require('copy-webpack-plugin');
 
@@ -8,10 +9,10 @@ module.exports = {
     sourceMapFilename: '[file].map',
     path: path.join(__dirname, '/dist'),
     libraryTarget: 'umd',
-    library: JSON.stringify(require('./package.json').name)
+    library: JSON.stringify(require('./package.json').name),
   },
   resolve: {
-    extensions: ['.ts', '.tsx', '.js']
+    extensions: ['.ts', '.tsx', '.js'],
   },
   devtool: 'source-map',
   module: {
@@ -20,43 +21,43 @@ module.exports = {
         test: /\.woff2$/,
         use: {
           loader: 'file-loader',
-          options: {}
-        }
+          options: {},
+        },
       },
       {
         test: /\.(svg|png|jpg)$/i,
         use: {
           loader: 'url-loader',
-          options: {}
-        }
+          options: {},
+        },
       },
       {
         test: /\.tsx?$/,
         loader: 'awesome-typescript-loader',
-        exclude: [/node_modules/]
-      }
-    ]
+        exclude: [/node_modules/],
+      },
+    ],
   },
-  plugins: [new CopyPlugin([{ from: 'src/fonts', to: 'fonts' }])],
+  plugins: [new CopyPlugin({ patterns: [{ from: 'src/fonts', to: 'fonts' }] })],
   externals: [
     {
       react: {
         commonjs: 'react',
-        commonjs2: 'react'
+        commonjs2: 'react',
       },
       'react-dom': {
         commonjs: 'react-dom',
-        commonjs2: 'react-dom'
+        commonjs2: 'react-dom',
       },
       'styled-components': {
         commonjs: 'styled-components',
-        commonjs2: 'styled-components'
-      }
+        commonjs2: 'styled-components',
+      },
     },
-    /@material-ui\/core\/.*/
+    /@material-ui\/core\/.*/,
   ],
   node: {
     fs: 'empty',
-    child_process: 'empty'
-  }
+    child_process: 'empty',
+  },
 };