Update various Frontend deps

frontend/.eslintrc.js

@@ -6,8 +6,10 @@ const dirs = fs
   .map((dirent) => dirent.name)
   .join('|');
 
+const frontendFolder = __dirname;
+
 module.exports = {
-  parser: 'babel-eslint',
+  parser: '@babel/eslint-parser',
 
   env: {
     browser: true,
@@ -25,6 +27,9 @@ module.exports = {
   parserOptions: {
     ecmaVersion: 6,
     sourceType: 'module',
+    babelOptions: {
+      configFile: `${frontendFolder}/babel.config.js`,
+    },
     ecmaFeatures: {
       modules: true,
       impliedStrict: true
@@ -271,7 +276,7 @@ module.exports = {
 
     // ImportSort
 
-    'simple-import-sort/sort': 'error',
+    'simple-import-sort/imports': 'error',
     'import/newline-after-import': 'error',
 
     // React
@@ -309,7 +314,7 @@ module.exports = {
     {
       files: ['*.js'],
       rules: {
-        'simple-import-sort/sort': [
+        'simple-import-sort/imports': [
           'error',
           {
             groups: [

package.json

@@ -17,50 +17,50 @@
   "license": "GPL-3.0",
   "readmeFilename": "readme.md",
   "dependencies": {
-    "@babel/core": "7.11.6",
-    "@babel/plugin-proposal-class-properties": "7.10.4",
-    "@babel/plugin-proposal-decorators": "7.10.5",
-    "@babel/plugin-proposal-export-default-from": "7.10.4",
-    "@babel/plugin-proposal-export-namespace-from": "7.10.4",
-    "@babel/plugin-proposal-function-sent": "7.10.4",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.10.4",
-    "@babel/plugin-proposal-numeric-separator": "7.10.4",
-    "@babel/plugin-proposal-optional-chaining": "7.11.0",
-    "@babel/plugin-proposal-throw-expressions": "7.10.4",
+    "@babel/core": "7.12.17",
+    "@babel/plugin-proposal-class-properties": "7.12.13",
+    "@babel/plugin-proposal-decorators": "7.12.13",
+    "@babel/plugin-proposal-export-default-from": "7.12.13",
+    "@babel/plugin-proposal-export-namespace-from": "7.12.13",
+    "@babel/plugin-proposal-function-sent": "7.12.13",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.12.13",
+    "@babel/plugin-proposal-numeric-separator": "7.12.13",
+    "@babel/plugin-proposal-optional-chaining": "7.12.17",
+    "@babel/plugin-proposal-throw-expressions": "7.12.13",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/preset-env": "7.11.5",
-    "@babel/preset-react": "7.10.4",
-    "@fortawesome/fontawesome-free": "5.15.0",
-    "@fortawesome/fontawesome-svg-core": "1.2.31",
-    "@fortawesome/free-regular-svg-icons": "5.15.0",
-    "@fortawesome/free-solid-svg-icons": "5.15.0",
-    "@fortawesome/react-fontawesome": "0.1.11",
+    "@babel/preset-env": "7.12.17",
+    "@babel/preset-react": "7.12.13",
+    "@babel/eslint-parser": "7.12.17",
+    "@fortawesome/fontawesome-free": "5.15.2",
+    "@fortawesome/fontawesome-svg-core": "1.2.34",
+    "@fortawesome/free-regular-svg-icons": "5.15.2",
+    "@fortawesome/free-solid-svg-icons": "5.15.2",
+    "@fortawesome/react-fontawesome": "0.1.14",
     "@microsoft/signalr": "5.0.3",
-    "@sentry/browser": "5.24.2",
-    "@sentry/integrations": "5.24.2",
+    "@sentry/browser": "6.2.0",
+    "@sentry/integrations": "6.2.0",
     "ansi-colors": "4.1.1",
     "autoprefixer": "9.7.5",
-    "babel-eslint": "10.1.0",
-    "babel-loader": "8.1.0",
+    "babel-loader": "8.2.2",
     "babel-plugin-inline-classnames": "2.0.1",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "chart.js": "2.9.4",
     "classnames": "2.2.6",
     "clipboard": "2.0.6",
     "connected-react-router": "6.8.0",
-    "core-js": "3.6.5",
+    "core-js": "3.9.0",
     "css-loader": "3.4.2",
     "del": "6.0.0",
     "element-class": "0.2.2",
-    "eslint": "7.10.0",
+    "eslint": "7.20.0",
     "eslint-plugin-filenames": "1.3.2",
-    "eslint-plugin-import": "2.22.0",
-    "eslint-plugin-react": "7.21.3",
-    "eslint-plugin-simple-import-sort": "5.0.3",
-    "esprint": "0.7.0",
-    "file-loader": "6.1.0",
+    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-react": "7.22.0",
+    "eslint-plugin-simple-import-sort": "7.0.0",
+    "esprint": "2.0.0",
+    "file-loader": "6.2.0",
     "filesize": "6.1.0",
-    "fuse.js": "6.4.1",
+    "fuse.js": "6.4.6",
     "gulp": "4.0.2",
     "gulp-cached": "1.1.1",
     "gulp-concat": "2.6.1",
@@ -78,10 +78,10 @@
     "lodash": "4.17.20",
     "mini-css-extract-plugin": "0.9.0",
     "mobile-detect": "1.4.4",
-    "moment": "2.29.0",
+    "moment": "2.29.1",
     "mousetrap": "1.6.5",
     "normalize.css": "8.0.1",
-    "optimize-css-assets-webpack-plugin": "5.0.3",
+    "optimize-css-assets-webpack-plugin": "5.0.4",
     "postcss-color-function": "4.1.0",
     "postcss-loader": "3.0.0",
     "postcss-mixins": "6.2.3",
@@ -89,22 +89,22 @@
     "postcss-simple-vars": "5.0.2",
     "postcss-url": "8.0.0",
     "prop-types": "15.7.2",
-    "qs": "6.9.4",
+    "qs": "6.9.6",
     "react": "16.13.1",
-    "react-addons-shallow-compare": "15.6.2",
+    "react-addons-shallow-compare": "15.6.3",
     "react-async-script": "1.2.0",
-    "react-autosuggest": "10.0.2",
+    "react-autosuggest": "10.1.0",
     "react-custom-scrollbars": "4.2.1",
     "react-dnd": "11.1.3",
     "react-dnd-html5-backend": "11.1.3",
     "react-document-title": "2.0.3",
     "react-dom": "16.13.1",
-    "react-focus-lock": "2.4.1",
+    "react-focus-lock": "2.5.0",
     "react-google-recaptcha": "2.1.0",
-    "react-lazyload": "3.0.0",
+    "react-lazyload": "3.2.0",
     "react-measure": "1.4.7",
     "react-popper": "1.3.7",
-    "react-redux": "7.2.1",
+    "react-redux": "7.2.2",
     "react-router": "5.2.0",
     "react-router-dom": "5.2.0",
     "react-slider": "1.0.11",
@@ -121,12 +121,12 @@
     "run-sequence": "2.2.1",
     "streamqueue": "1.1.2",
     "style-loader": "1.2.1",
-    "stylelint": "13.7.2",
+    "stylelint": "13.10.0",
     "stylelint-order": "4.1.0",
     "url-loader": "4.1.0",
     "webpack": "4.44.2",
-    "webpack-stream": "6.1.0",
-    "worker-loader": "3.0.3"
+    "webpack-stream": "6.1.2",
+    "worker-loader": "3.0.8"
   },
   "main": "index.js",
   "browserslist": [