feat(admin-ui): Update project dependencies to latest #416

admin-ui/app/components/HolderProvider/HolderTextProvider.js

@@ -1,7 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import omit from 'lodash/omit'
-import uid from 'uuid/v4'
+//import uid from 'uuid/v4'
+import { v4 as uid } from 'uuid';
 import qs from 'query-string'
 
 import colors from './../../colors'

admin-ui/app/components/NestedDropdown/NestedDropdownSubmenu.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import classNames from 'classnames'
 import PropTypes from 'prop-types'
-import uuid from 'uuid/v4'
+import { v4 as uuid } from 'uuid';
 
 import { Consumer } from './context'
 

admin-ui/app/components/SidebarMenu/SidebarMenuItem.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Link } from 'react-router-dom'
 import classNames from 'classnames'
-import uuid from 'uuid/v4'
+import { v4 as uuid } from 'uuid';
 import { MenuContext } from './MenuContext'
 
 /**

admin-ui/app/routes/Layouts/DragAndDropLayout/DragAndDropLayout.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import v4 from 'uuid/v4'
+import { v4 as uuid } from 'uuid';
 import {
   chain,
   random,
@@ -187,7 +187,7 @@ export class DragAndDropLayout extends React.Component {
           availableRow -= newCol
           output = {
             ...output,
-            [v4()]: { md: newCol, h: HEIGHT }
+            [uuid()]: { md: newCol, h: HEIGHT }
           }
         }
       }

admin-ui/package.json

@@ -76,37 +76,37 @@
     "@babel/preset-react": "^7.14.5",
     "@testing-library/dom": "^8.10.1",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.4.2",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.4.3",
     "@webpack-cli/serve": "^1.5.2",
     "autoprefixer": "^10.3.1",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^27.3.0",
+    "babel-jest": "^29.0.1",
     "babel-loader": "^8.2.2",
     "babel-plugin-recharts": "^2.0.0",
-    "babel-plugin-styled-components": "^1.13.2",
+    "babel-plugin-styled-components": "^2.0.7",
     "babel-plugin-universal-import": "^4.0.0",
     "circular-dependency-plugin": "^5.0.2",
-    "commander": "^2.20.0",
+    "commander": "^9.4.0",
     "css-loader": "^5.0.1",
-    "css-minimizer-webpack-plugin": "^3.0.1",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^17.1.0",
+    "css-minimizer-webpack-plugin": "^4.0.0",
+    "eslint": "^8.23.0",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.17.3",
     "eslint-plugin-jsx-a11y": "^6.2.1",
     "eslint-plugin-react": "^7.13.0",
     "extract-css-chunks-webpack-plugin": "^4.9.0",
     "file-loader": "^4.3.0",
     "html-webpack-plugin": "^5.5.0",
-    "jest": "^28.1.3",
+    "jest": "^29.0.1",
     "jest-canvas-mock": "^2.3.1",
-    "mini-css-extract-plugin": "^1.6.0",
-    "mkdirp": "^0.5.1",
+    "mini-css-extract-plugin": "^2.6.1",
+    "mkdirp": "^1.0.4",
     "node-sass": "^7.0.1",
     "postcss-loader": "^4.3.0",
     "raw-loader": "^3.0.0",
-    "rimraf": "^2.6.3",
+    "rimraf": "^3.0.2",
     "sass-loader": "^12.1.0",
     "style-loader": "^2.0.0",
     "webpack": "^5.39.1",
@@ -115,7 +115,7 @@
   },
   "dependencies": {
     "@babel/polyfill": "^7.4.4",
-    "@material-table/core": "^4.3.31",
+    "@material-table/core": "^5.0.5",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -127,16 +127,15 @@
     "axios": "^0.27.2",
     "bootstrap": "^4.5.3",
     "date-fns": "^2.25.0",
-    "dateformat": "^5.0.1",
-    "dotenv": "^8.2.0",
-    "eslint-plugin-jest": "^25.2.2",
+    "dotenv": "^16.0.2",
+    "eslint-plugin-jest": "^27.0.1",
     "font-awesome": "^4.7.0",
     "formik": "^2.2.9",
     "fs-extra": "^10.0.0",
     "holderjs": "^2.9.6",
     "i18next": "^21.6.10",
     "i18next-browser-languagedetector": "^6.0.1",
-    "i18next-fetch-backend": "^3.0.0",
+    "i18next-fetch-backend": "^5.0.1",
     "isomorphic-fetch": "^3.0.0",
     "jans_config_api": "file:jans_config_api",
     "lodash": "^4.17.21",
@@ -148,31 +147,25 @@
     "pretty-checkbox": "^3.0.3",
     "process": "^0.11.10",
     "prop-types": "^15.7.2",
-    "query-string": "^6.7.0",
+    "query-string": "^7.1.1",
     "rc-slider": "^10.0.0",
     "react": "^18.1.0",
     "react-ace": "^10.1.0",
-    "react-beautiful-dnd": "^11.0.4",
     "react-block-ui": "^1.3.3",
     "react-bootstrap-typeahead": "^4.0.0-alpha.9",
-    "react-date-range": "^1.4.0",
-    "react-datepicker": "^2.16.0",
+    "react-datepicker": "^4.8.0",
     "react-dom": "^18.1.0",
-    "react-dropzone": "^11.2.4",
+    "react-dropzone": "^14.2.2",
     "react-error-boundary": "^3.1.0",
     "react-grid-layout": "^1.1.1",
     "react-helmet": "^6.1.0",
     "react-i18next": "^11.15.3",
     "react-idle-timer": "^4.6.4",
     "react-image-crop": "8.6.9",
-    "react-month-picker": "^2.2.1",
     "react-responsive": "^9.0.0-beta.10",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
-    "react-spinners": "^0.11.0",
-    "react-test-renderer": "^18.1.0",
-    "react-text-mask": "^5.4.3",
-    "react-toastify": "^8.1.0",
+    "react-toastify": "^9.0.8",
     "react-toggle": "^4.1.2",
     "react-tooltip": "^4.2.21",
     "react-universal-component": "^4.0.0",
@@ -184,7 +177,7 @@
     "text-mask-addons": "^3.8.0",
     "unzipper": "^0.10.11",
     "use-dark-mode": "^2.3.1",
-    "uuid": "^3.3.2",
+    "uuid": "^8.3.2",
     "webpack-flush-chunks": "^2.0.3",
     "yup": "^0.32.9"
   },