Update UI Dependencies

frontend/.eslintrc.js

@@ -31,7 +31,7 @@ module.exports = {
     ecmaVersion: 6,
     sourceType: 'module',
     babelOptions: {
-      configFile: `${frontendFolder}/babel.config.js`,
+      configFile: `${frontendFolder}/babel.config.js`
     },
     ecmaFeatures: {
       modules: true,

frontend/src/Components/Form/TagInputInput.js

@@ -36,7 +36,6 @@ class TagInputInput extends Component {
       <div
         ref={forwardedRef}
         className={className}
-        component="div"
         onMouseDown={this.onMouseDown}
       >
         {

frontend/src/Utilities/Number/formatBytes.js

@@ -1,4 +1,4 @@
-import filesize from 'filesize';
+import { filesize } from 'filesize';
 
 function formatBytes(input, showBits = false) {
   const size = Number(input);

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "webpack --config ./frontend/build/webpack.config.js",
     "prebuild": "yarn clean",
-    "clean": "rimraf ./_output/UI && rimraf \"**/*.js.map\"",
+    "clean": "rimraf ./_output/UI && rimraf -g \"**/*.js.map\"",
     "start": "webpack --watch --config ./frontend/build/webpack.config.js",
     "watch": "webpack --watch --config ./frontend/build/webpack.config.js",
     "lint": "eslint --config frontend/.eslintrc.js --ignore-path frontend/.eslintignore frontend/",
@@ -25,31 +25,31 @@
     "defaults"
   ],
   "dependencies": {
-    "@fortawesome/fontawesome-free": "6.1.0",
-    "@fortawesome/fontawesome-svg-core": "6.1.0",
-    "@fortawesome/free-regular-svg-icons": "6.1.0",
-    "@fortawesome/free-solid-svg-icons": "6.1.0",
+    "@fortawesome/fontawesome-free": "6.4.0",
+    "@fortawesome/fontawesome-svg-core": "6.4.0",
+    "@fortawesome/free-regular-svg-icons": "6.4.0",
+    "@fortawesome/free-solid-svg-icons": "6.4.0",
     "@fortawesome/react-fontawesome": "0.1.18",
     "@microsoft/signalr": "6.0.16",
-    "@sentry/browser": "6.18.2",
-    "@sentry/integrations": "6.18.2",
-    "ansi-colors": "4.1.1",
-    "classnames": "2.3.1",
-    "clipboard": "2.0.10",
-    "connected-react-router": "6.9.1",
+    "@sentry/browser": "7.51.0",
+    "@sentry/integrations": "7.51.0",
+    "ansi-colors": "4.1.3",
+    "classnames": "2.3.2",
+    "clipboard": "2.0.11",
+    "connected-react-router": "6.9.3",
     "element-class": "0.2.2",
-    "filesize": "7.0.0",
-    "fuse.js": "6.4.6",
+    "filesize": "10.0.7",
+    "fuse.js": "6.6.2",
     "history": "4.10.1",
     "jdu": "1.0.0",
-    "jquery": "3.6.0",
+    "jquery": "3.6.4",
     "lodash": "4.17.21",
     "mobile-detect": "1.4.5",
     "moment": "2.29.4",
     "mousetrap": "1.6.5",
     "normalize.css": "8.0.1",
-    "prop-types": "15.7.2",
-    "qs": "6.10.3",
+    "prop-types": "15.8.1",
+    "qs": "6.11.1",
     "react": "17.0.2",
     "react-addons-shallow-compare": "15.6.3",
     "react-async-script": "1.2.0",
@@ -82,54 +82,54 @@
     "reselect": "4.0.0"
   },
   "devDependencies": {
-    "@babel/core": "7.17.8",
-    "@babel/eslint-parser": "7.17.0",
-    "@babel/plugin-proposal-class-properties": "7.16.7",
-    "@babel/plugin-proposal-decorators": "7.17.8",
-    "@babel/plugin-proposal-export-default-from": "7.16.7",
-    "@babel/plugin-proposal-export-namespace-from": "7.16.7",
-    "@babel/plugin-proposal-function-sent": "7.16.7",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.16.7",
-    "@babel/plugin-proposal-numeric-separator": "7.16.7",
-    "@babel/plugin-proposal-optional-chaining": "7.16.7",
-    "@babel/plugin-proposal-throw-expressions": "7.16.7",
+    "@babel/core": "7.21.8",
+    "@babel/eslint-parser": "7.21.8",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-proposal-decorators": "7.21.0",
+    "@babel/plugin-proposal-export-default-from": "7.18.10",
+    "@babel/plugin-proposal-export-namespace-from": "7.18.9",
+    "@babel/plugin-proposal-function-sent": "7.18.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+    "@babel/plugin-proposal-numeric-separator": "7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "7.21.0",
+    "@babel/plugin-proposal-throw-expressions": "7.18.6",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/preset-env": "7.16.11",
-    "@babel/preset-react": "7.16.7",
-    "autoprefixer": "10.3.1",
-    "babel-loader": "8.2.3",
+    "@babel/preset-env": "7.21.5",
+    "@babel/preset-react": "7.18.6",
+    "autoprefixer": "10.4.14",
+    "babel-loader": "9.1.2",
     "babel-plugin-inline-classnames": "2.0.1",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "core-js": "3.30.1",
-    "css-loader": "6.5.1",
-    "eslint": "8.11.0",
+    "css-loader": "6.7.3",
+    "eslint": "8.40.0",
     "eslint-plugin-filenames": "1.3.2",
-    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-import": "2.27.5",
     "eslint-plugin-json": "3.1.0",
-    "eslint-plugin-react": "7.29.4",
+    "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-simple-import-sort": "7.0.0",
+    "eslint-plugin-simple-import-sort": "10.0.0",
     "file-loader": "6.2.0",
-    "filemanager-webpack-plugin": "6.1.4",
-    "html-webpack-plugin": "5.3.2",
+    "filemanager-webpack-plugin": "8.0.0",
+    "html-webpack-plugin": "5.5.1",
     "loader-utils": "^3.2.1",
-    "mini-css-extract-plugin": "2.1.0",
-    "postcss": "8.3.6",
+    "mini-css-extract-plugin": "2.7.5",
+    "postcss": "8.4.23",
     "postcss-color-function": "4.1.0",
-    "postcss-loader": "6.2.0",
-    "postcss-mixins": "8.1.0",
-    "postcss-nested": "5.0.6",
-    "postcss-simple-vars": "6.0.3",
+    "postcss-loader": "7.3.0",
+    "postcss-mixins": "9.0.4",
+    "postcss-nested": "6.0.1",
+    "postcss-simple-vars": "7.0.1",
     "postcss-url": "10.1.3",
     "require-nocache": "1.0.0",
-    "rimraf": "3.0.2",
+    "rimraf": "4.4.1",
     "run-sequence": "2.2.1",
     "streamqueue": "1.1.2",
-    "style-loader": "3.3.1",
-    "stylelint": "14.6.0",
+    "style-loader": "3.3.2",
+    "stylelint": "14.16.1",
     "stylelint-order": "5.0.0",
     "url-loader": "4.1.1",
-    "webpack": "5.81.0",
+    "webpack": "5.82.0",
     "webpack-cli": "5.0.2",
     "webpack-livereload-plugin": "3.0.2",
     "worker-loader": "3.0.8"