React18 upgrade in Publisher Portal

portals/admin/src/main/webapp/.eslintignore

@@ -2,3 +2,4 @@
 /node_modules/**
 /coverage/**
 /source/Tests/**
+/source/src/app/components/Shared/ChipInput.js

portals/admin/src/main/webapp/package.json

@@ -37,20 +37,19 @@
         "fastestsmallesttextencoderdecoder": "^1.0.22",
         "lodash.clonedeep": "^4.5.0",
         "lodash.isempty": "^4.4.0",
-        "material-ui-chip-input": "^2.0.0-beta.2",
         "moment": "^2.29.4",
-        "monaco-editor": "^0.21.3",
+        "monaco-editor": "^0.39.0",
         "mui-datatables": "^3.8.5",
         "prop-types": "^15.8.1",
         "qs": "^6.11.0",
         "rc-notification": "^4.6.1",
-        "react": "^16.14.0",
+        "react": "^17.0.0",
         "react-app-polyfill": "^3.0.0",
-        "react-dom": "^16.14.0",
+        "react-dom": "^17.0.0",
         "react-dropzone": "^12.1.0",
         "react-hot-toast": "^2.4.0",
         "react-intl": "v5.25.1",
-        "react-monaco-editor": "^0.36.0",
+        "react-monaco-editor": "^0.54.0",
         "react-router": "^5.3.4",
         "react-router-dom": "^5.3.4",
         "react-spring": "^8.0.27",
@@ -73,9 +72,10 @@
         "babel-jest": "^24.9.0",
         "babel-loader": "^8.1.0",
         "babel-plugin-dynamic-import-node": "^2.3.3",
+        "buffer": "^6.0.3",
+        "crypto-browserify": "^3.12.0",
         "css-loader": "^0.28.2",
         "enzyme": "^3.11.0",
-        "enzyme-adapter-react-16": "^1.15.2",
         "eslint": "^7.20.0",
         "eslint-config-airbnb": "^18.1.0",
         "eslint-plugin-import": "^2.21.1",
@@ -88,18 +88,19 @@
         "extract-react-intl-messages-compact": "^1.0.3",
         "html-webpack-plugin": "^4.3.0",
         "jest": "^24.9.0",
-        "less": "^2.7.2",
-        "less-loader": "^4.0.4",
+        "less": "^4.2.0",
+        "less-loader": "^11.1.3",
         "mock-local-storage": "^1.1.12",
-        "monaco-editor-webpack-plugin": "^2.1.0",
+        "monaco-editor-webpack-plugin": "^7.1.0",
         "prettier": "^2.5.1",
         "react-hot-loader": "^4.13.0",
         "style-loader": "^0.18.1",
         "underscore-template-loader": "^1.1.0",
         "unused-files-webpack-plugin": "^3.4.0",
-        "webpack": "^4.46.0",
+        "util": "^0.12.5",
+        "webpack": "^5.88.1",
         "webpack-bundle-analyzer": "^2.9.1",
-        "webpack-cli": "^4.6.0",
+        "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^3.11.2"
     }
 }

portals/admin/src/main/webapp/source/src/app/components/KeyManagers/AddEditKeyManager.jsx

@@ -31,7 +31,7 @@ import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Certificates from 'AppComponents/KeyManagers/Certificates';
 import Checkbox from '@material-ui/core/Checkbox';
-import ChipInput from 'material-ui-chip-input'; // DEPRECATED: Do not COPY and use this component.
+import ChipInput from 'AppComponents/Shared/ChipInput'; // DEPRECATED: Do not COPY and use this component.
 import CircularProgress from '@material-ui/core/CircularProgress';
 import ClaimMappings from 'AppComponents/KeyManagers/ClaimMapping';
 import Collapse from '@material-ui/core/Collapse';

portals/admin/src/main/webapp/source/src/app/components/ManageAlerts/ManageAlerts.jsx

@@ -43,7 +43,7 @@ import HelpBase from 'AppComponents/AdminPages/Addons/HelpBase';
 import Alert from 'AppComponents/Shared/Alert';
 import API from 'AppData/api';
 import Configurations from 'Config';
-import ChipInput from 'material-ui-chip-input'; // DEPRECATED: Do not COPY and use this component.
+import ChipInput from 'AppComponents/Shared/ChipInput'; // DEPRECATED: Do not COPY and use this component.
 import PropTypes from 'prop-types';
 import InlineProgress from 'AppComponents/AdminPages/Addons/InlineProgress';