Upgrade many dependencies

package.json

@@ -8,35 +8,29 @@
     "url": "https://github.com/jaegertracing/jaeger-ui.git"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "1.12.0",
-    "@typescript-eslint/parser": "1.12.0",
+    "@typescript-eslint/eslint-plugin": "1.13.0",
+    "@typescript-eslint/parser": "1.13.0",
     "@typescript-eslint/typescript-estree": "1.12.0",
     "babel-eslint": "10.1.0",
-    "eslint": "5.14.1",
+    "eslint": "5.16.0",
     "eslint-config-airbnb": "17.1.0",
-    "eslint-config-prettier": "4.0.0",
+    "eslint-config-prettier": "6.15.0",
     "eslint-config-react-app": "3.0.7",
     "eslint-plugin-flowtype": "^3.4.2",
-    "eslint-plugin-import": "2.16.0",
-    "eslint-plugin-jsx-a11y": "6.2.1",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
     "eslint-plugin-react": "7.12.4",
-    "husky": "1.3.1",
-    "isomorphic-fetch": "2.2.1",
+    "husky": "8.0.1",
+    "isomorphic-fetch": "3.0.0",
     "jsdom": "20.0.1",
-    "lerna": "3.13.0",
+    "lerna": "6.0.1",
     "npm-run-all": "4.1.5",
     "prettier": "1.18.2",
-    "rxjs-compat": "6.4.0",
+    "rxjs-compat": "6.6.7",
     "typescript": "3.5.3"
   },
   "resolutions": {
-    "**/cheerio/parse5": "4.0.0",
-    "**/fstream": "1.0.12",
-    "**/handlebars": "4.7.7",
-    "**/js-yaml": "3.13.1",
-    "**/lodash": "4.17.21",
-    "**/node-gyp/tar": "2.2.2",
-    "**/prettier": "1.18.2"
+    "**/lodash": "4.17.21"
   },
   "workspaces": {
     "packages": [

packages/jaeger-ui/package.json

@@ -23,22 +23,22 @@
   "devDependencies": {
     "@types/match-sorter": "^2.3.0",
     "@types/react-window": "^1.8.0",
-    "babel-plugin-import": "1.11.0",
+    "babel-plugin-import": "1.13.5",
     "bluebird": "^3.5.0",
     "customize-cra": "0.2.9",
     "enzyme": "^3.8.0",
     "enzyme-adapter-react-16": "^1.2.0",
     "enzyme-to-json": "^3.3.0",
-    "http-proxy-middleware": "^0.19.1",
-    "jest-junit": "^10.0.0",
-    "less": "3.9.0",
+    "http-proxy-middleware": "^2.0.6",
+    "jest-junit": "^14.0.1",
+    "less": "3.13.1",
     "less-loader": "4.1.0",
     "less-vars-to-js": "^1.2.1",
-    "react-app-rewired": "2.0.1",
+    "react-app-rewired": "2.2.1",
     "react-scripts": "2.1.3",
-    "react-test-renderer": "^15.6.1",
+    "react-test-renderer": "^16.14.0",
     "sinon": "7.3.2",
-    "source-map-explorer": "^1.6.0"
+    "source-map-explorer": "^2.5.3"
   },
   "dependencies": {
     "@jaegertracing/plexus": "0.2.0",
@@ -47,10 +47,11 @@
     "@types/deep-freeze": "^0.1.1",
     "@types/history": "^4.7.2",
     "@types/lodash": "^4.14.123",
-    "@types/memoize-one": "4.1.1",
+    "@types/memoize-one": "5.1.2",
     "@types/moment": "^2.13.0",
-    "@types/object-hash": "^1.3.0",
-    "@types/react-copy-to-clipboard": "^4.2.6",
+    "@types/object-hash": "^2.2.1",
+    "@types/react-copy-to-clipboard": "^5.0.4",
+    "@types/react-helmet": "^6.1.5",
     "@types/react-icons": "2.2.7",
     "@types/react-redux": "^5.0.6",
     "@types/react-router-dom": "^4.3.1",
@@ -65,52 +66,52 @@
     "cytoscape": "^3.2.1",
     "cytoscape-dagre": "^2.0.0",
     "d3-scale": "^1.0.6",
-    "dagre": "^0.7.4",
+    "dagre": "^0.8.5",
     "deep-freeze": "^0.0.1",
     "drange": "^2.0.0",
     "fuzzy": "^0.1.3",
     "global": "^4.3.2",
     "history": "^4.6.3",
-    "is-promise": "^2.1.0",
-    "isomorphic-fetch": "^2.2.1",
+    "is-promise": "^4.0.0",
+    "isomorphic-fetch": "^3.0.0",
     "json-markup": "^1.1.0",
     "lodash": "^4.17.19",
     "logfmt": "^1.2.0",
     "lru-memoize": "^1.1.0",
     "match-sorter": "^3.1.1",
-    "memoize-one": "^5.0.0",
+    "memoize-one": "^6.0.0",
     "moment": "^2.18.1",
-    "object-hash": "^1.3.1",
+    "object-hash": "^3.0.0",
     "prop-types": "^15.5.10",
     "query-string": "^6.3.0",
     "raven-js": "^3.22.1",
     "react": "^16.3.2",
     "react-circular-progressbar": "^2.0.3",
     "react-dimensions": "^1.3.0",
     "react-dom": "^16.3.2",
-    "react-ga": "^2.4.1",
-    "react-helmet": "^5.1.3",
+    "react-ga": "^3.3.1",
+    "react-helmet": "^6.1.0",
     "react-icons": "2.2.7",
     "react-metrics": "^2.3.2",
     "react-redux": "^5.0.6",
     "react-router-dom": "4.3.1",
-    "react-router-redux": "5.0.0-alpha.6",
+    "react-router-redux": "5.0.0-alpha.8",
     "react-virtualized-select": "^3.1.0",
     "react-vis": "^1.7.2",
     "react-vis-force": "^0.3.1",
     "react-window": "^1.8.3",
-    "recompose": "^0.25.0",
+    "recompose": "^0.30.0",
     "redux": "^3.7.2",
     "redux-actions": "^2.2.1",
     "redux-async-middleware": "^0.0.0",
-    "redux-form": "^7.0.3",
+    "redux-form": "^8.3.8",
     "redux-promise-middleware": "^4.3.0",
-    "reselect": "^3.0.1",
+    "reselect": "^4.1.6",
     "store": "^2.0.12",
     "ts-key-enum": "^2.0.0",
     "tween-functions": "^1.2.0",
     "typescript": "3.5.3",
-    "u-basscss": "2.0.0"
+    "u-basscss": "2.0.1"
   },
   "scripts": {
     "analyze": "source-map-explorer build/static/js/main.*",

packages/jaeger-ui/src/types/index.tsx

@@ -54,7 +54,7 @@ export type ReduxState = {
     location: Location;
   };
   services: {
-    services: (string[]) | TNil;
+    services: string[] | TNil;
     serverOpsForService: Record<string, string[]>;
     operationsForService: Record<string, string[]>;
     loading: boolean;

packages/plexus/package.json

@@ -14,46 +14,45 @@
     "directory": "packages/plexus"
   },
   "devDependencies": {
-    "@babel/cli": "7.13.14",
-    "@babel/core": "7.3.4",
-    "@babel/plugin-proposal-class-properties": "7.3.4",
-    "@babel/plugin-syntax-dynamic-import": "7.2.0",
-    "@babel/preset-env": "7.3.4",
-    "@babel/preset-react": "7.0.0",
-    "@babel/preset-typescript": "7.1.0",
+    "@babel/cli": "7.19.3",
+    "@babel/core": "7.19.6",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/preset-env": "7.19.4",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
     "@types/d3-zoom": "1.7.3",
     "@types/react": "^16.7.20",
     "@types/react-dom": "^16.0.11",
-    "babel-loader": "8.0.5",
+    "babel-loader": "8.2.5",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "clean-webpack-plugin": "2.0.1",
-    "css-loader": "2.1.1",
-    "enzyme": "3.8.0",
-    "file-loader": "3.0.1",
+    "clean-webpack-plugin": "4.0.0",
+    "css-loader": "6.7.1",
+    "enzyme": "3.11.0",
+    "file-loader": "6.2.0",
     "html-loader": "4.2.0",
-    "html-webpack-plugin": "5.1.0",
-    "jest": "23.6.0",
+    "html-webpack-plugin": "5.5.0",
+    "jest": "29.2.1",
     "npm-run-all": "4.1.5",
     "react": "^16.7.0",
-    "react-addons-test-utils": "15.6.2",
     "react-dom": "^16.7.0",
-    "rimraf": "2.6.3",
-    "style-loader": "0.23.1",
-    "url-loader": "1.1.2",
+    "rimraf": "3.0.2",
+    "style-loader": "3.3.1",
+    "url-loader": "4.1.1",
     "webpack": "^4.28.4",
-    "webpack-cli": "^3.2.1",
+    "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^3.1.14",
-    "webpack-node-externals": "1.7.2",
-    "worker-loader": "2.0.0"
+    "webpack-node-externals": "3.0.0",
+    "worker-loader": "3.0.8"
   },
   "peerDependencies": {
     "react": "16.x"
   },
   "dependencies": {
     "d3-selection": "^1.3.0",
     "d3-zoom": "^1.7.1",
-    "memoize-one": "5.1.1",
-    "viz.js": "1.8.1"
+    "memoize-one": "6.0.0",
+    "viz.js": "2.1.2"
   },
   "scripts": {
     "_tasks/build/lib/js": "node_modules/.bin/babel src --extensions '.tsx,.js' --out-dir lib",

packages/plexus/src/types/TOneOf.tsx

@@ -13,28 +13,28 @@
 // limitations under the License.
 
 type TOneOf<A, B, C = {}, D = {}, E = {}> =
-  | { [P in Exclude<keyof (B & C & D & E), keyof A>]?: undefined } & A
-  | { [P in Exclude<keyof (A & C & D & E), keyof B>]?: undefined } & B
-  | { [P in Exclude<keyof (A & B & D & E), keyof C>]?: undefined } & C
-  | { [P in Exclude<keyof (A & B & C & E), keyof D>]?: undefined } & D
-  | { [P in Exclude<keyof (A & B & C & D), keyof E>]?: undefined } & E;
+  | ({ [P in Exclude<keyof (B & C & D & E), keyof A>]?: undefined } & A)
+  | ({ [P in Exclude<keyof (A & C & D & E), keyof B>]?: undefined } & B)
+  | ({ [P in Exclude<keyof (A & B & D & E), keyof C>]?: undefined } & C)
+  | ({ [P in Exclude<keyof (A & B & C & E), keyof D>]?: undefined } & D)
+  | ({ [P in Exclude<keyof (A & B & C & D), keyof E>]?: undefined } & E);
 
 // eslint-disable-next-line no-undef
 export default TOneOf;
 
 export type TOneOfTwo<A, B> =
-  | { [P in Exclude<keyof B, keyof A>]?: undefined } & A
-  | { [P in Exclude<keyof A, keyof B>]?: undefined } & B;
+  | ({ [P in Exclude<keyof B, keyof A>]?: undefined } & A)
+  | ({ [P in Exclude<keyof A, keyof B>]?: undefined } & B);
 
 export type TOneOfThree<A, B, C> =
-  | { [P in Exclude<keyof (B & C), keyof A>]?: undefined } & A
-  | { [P in Exclude<keyof (A & C), keyof B>]?: undefined } & B
-  | { [P in Exclude<keyof (A & B), keyof C>]?: undefined } & C;
+  | ({ [P in Exclude<keyof (B & C), keyof A>]?: undefined } & A)
+  | ({ [P in Exclude<keyof (A & C), keyof B>]?: undefined } & B)
+  | ({ [P in Exclude<keyof (A & B), keyof C>]?: undefined } & C);
 
 export type TOneOfFour<A, B, C, D> =
-  | { [P in Exclude<keyof (B & C & D), keyof A>]?: undefined } & A
-  | { [P in Exclude<keyof (A & C & D), keyof B>]?: undefined } & B
-  | { [P in Exclude<keyof (A & B & D), keyof C>]?: undefined } & C
-  | { [P in Exclude<keyof (A & B & C), keyof D>]?: undefined } & D;
+  | ({ [P in Exclude<keyof (B & C & D), keyof A>]?: undefined } & A)
+  | ({ [P in Exclude<keyof (A & C & D), keyof B>]?: undefined } & B)
+  | ({ [P in Exclude<keyof (A & B & D), keyof C>]?: undefined } & C)
+  | ({ [P in Exclude<keyof (A & B & C), keyof D>]?: undefined } & D);
 
 export type TOneOfFive<A, B, C, D, E> = TOneOf<A, B, C, D, E>;

packages/plexus/webpack-factory.js

@@ -16,7 +16,7 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 
 const { join } = require('path');
-const CleanWebpackPlugin = require('clean-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const nodeExternals = require('webpack-node-externals');
 
@@ -214,9 +214,8 @@ function makeWorkerConfig() {
         {
           loader: 'worker-loader',
           options: {
-            inline: true,
-            fallback: false,
-            name: '[name].js',
+            inline: 'no-fallback',
+            filename: '[name].js',
           },
         },
       ],