Update JS dependencies (#16708)

* Update JS dependencies

- Update all JS dependencies
- Adapt to recent webpack changes
- Add new lint rules and fix issues
- Regenerate SVGs and update svgo api usage

Fixes: #16492

* adapt jest config and sort keys

Co-authored-by: Lunny Xiao <[email protected]>

Author: silverwind

.eslintrc

@@ -125,6 +125,7 @@ rules:
   import/no-deprecated: [0]
   import/no-dynamic-require: [0]
   import/no-extraneous-dependencies: [2]
+  import/no-import-module-exports: [0]
   import/no-internal-modules: [0]
   import/no-mutable-exports: [2]
   import/no-named-as-default-member: [0]
@@ -133,6 +134,7 @@ rules:
   import/no-named-export: [0]
   import/no-namespace: [0]
   import/no-nodejs-modules: [0]
+  import/no-relative-packages: [0]
   import/no-relative-parent-imports: [0]
   import/no-restricted-paths: [0]
   import/no-self-import: [2]
@@ -365,6 +367,7 @@ rules:
   unicorn/no-abusive-eslint-disable: [0]
   unicorn/no-array-for-each: [0]
   unicorn/no-array-instanceof: [0]
+  unicorn/no-array-method-this-argument: [2]
   unicorn/no-array-push-push: [2]
   unicorn/no-console-spaces: [0]
   unicorn/no-document-cookie: [2]
@@ -385,6 +388,8 @@ rules:
   unicorn/no-unreadable-array-destructuring: [0]
   unicorn/no-unsafe-regex: [0]
   unicorn/no-unused-properties: [2]
+  unicorn/no-useless-length-check: [2]
+  unicorn/no-useless-spread: [2]
   unicorn/no-useless-undefined: [0]
   unicorn/no-zero-fractions: [2]
   unicorn/number-literal-case: [0]
@@ -395,6 +400,7 @@ rules:
   unicorn/prefer-array-flat: [2]
   unicorn/prefer-array-index-of: [2]
   unicorn/prefer-array-some: [2]
+  unicorn/prefer-at: [0]
   unicorn/prefer-dataset: [2]
   unicorn/prefer-date-now: [2]
   unicorn/prefer-default-parameters: [0]
@@ -408,7 +414,10 @@ rules:
   unicorn/prefer-node-protocol: [0]
   unicorn/prefer-node-remove: [0]
   unicorn/prefer-number-properties: [0]
+  unicorn/prefer-object-from-entries: [2]
+  unicorn/prefer-object-has-own: [0]
   unicorn/prefer-optional-catch-binding: [2]
+  unicorn/prefer-prototype-methods: [0]
   unicorn/prefer-query-selector: [0]
   unicorn/prefer-reflect-apply: [0]
   unicorn/prefer-regexp-test: [2]
@@ -420,9 +429,13 @@ rules:
   unicorn/prefer-switch: [0]
   unicorn/prefer-ternary: [0]
   unicorn/prefer-text-content: [2]
+  unicorn/prefer-top-level-await: [0]
   unicorn/prefer-trim-start-end: [2]
   unicorn/prefer-type-error: [0]
   unicorn/prevent-abbreviations: [0]
+  unicorn/require-array-join-separator: [2]
+  unicorn/require-number-to-fixed-digits-argument: [2]
+  unicorn/require-post-message-target-origin: [0]
   unicorn/string-content: [0]
   unicorn/throw-new-error: [2]
   use-isnan: [2]

build/generate-svg.js

@@ -1,5 +1,5 @@
 import fastGlob from 'fast-glob';
-import {optimize, extendDefaultPlugins} from 'svgo';
+import {optimize} from 'svgo';
 import {resolve, parse, dirname} from 'path';
 import fs from 'fs';
 import {fileURLToPath} from 'url';
@@ -26,18 +26,13 @@ async function processFile(file, {prefix, fullName} = {}) {
   }
 
   const {data} = optimize(await readFile(file, 'utf8'), {
-    plugins: extendDefaultPlugins([
-      'removeXMLNS',
-      'removeDimensions',
-      {
-        name: 'addClassesToSVGElement',
-        params: {classNames: ['svg', name]},
-      },
-      {
-        name: 'addAttributesToSVGElement',
-        params: {attributes: [{'width': '16'}, {'height': '16'}, {'aria-hidden': 'true'}]},
-      },
-    ]),
+    plugins: [
+      {name: 'preset-default'},
+      {name: 'removeXMLNS'},
+      {name: 'removeDimensions'},
+      {name: 'addClassesToSVGElement', params: {classNames: ['svg', name]}},
+      {name: 'addAttributesToSVGElement', params: {attributes: [{'width': '16'}, {'height': '16'}, {'aria-hidden': 'true'}]}},
+    ],
   });
   await writeFile(resolve(outputDir, `${name}.svg`), data);
 }

jest.config.js

@@ -1,10 +1,9 @@
 export default {
+  rootDir: 'web_src',
   setupFilesAfterEnv: ['jest-extended'],
+  testEnvironment: 'jsdom',
+  testMatch: ['<rootDir>/**/*.test.js'],
   testTimeout: 20000,
-  rootDir: 'web_src',
-  testMatch: [
-    '<rootDir>/**/*.test.js',
-  ],
   transform: {},
   verbose: false,
 };