Resolved npm vulnerabilities

.github/workflows/install-build-sdk-pack.yml

@@ -11,7 +11,7 @@ on:
   pull_request:
     branches:
       - master
-      - 'release/**'  
+      - 'release/**'
 
 jobs:
   build:
@@ -20,7 +20,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
 
     steps:
       - uses: actions/checkout@v2

.prettierrc.js

@@ -1,9 +1,11 @@
 // Prettier config options: https://prettier.io/docs/en/options.html
 // Shared front-end config: https://git.pega.io/projects/FE/repos/configs/browse/packages/prettier-config/index.json
 
-const pegaPrettierConfig = require('@pega/prettier-config');
+const pegaPrettierConfig = require('@pega/prettier-config').default || require('@pega/prettier-config');
 
 module.exports = {
   ...pegaPrettierConfig,
-  printWidth: 150
+  printWidth: 150,
+  trailingComma: 'none',
+  arrowParens: 'avoid'
 };

package.json

@@ -74,34 +74,33 @@
     "throttle-debounce": "^5.0.2"
   },
   "devDependencies": {
-    "@pega/configs": "^0.7.1",
+    "@pega/configs": "^0.17.0",
     "@pega/constellationjs": "24.2.3-2",
-    "@pega/eslint-config": "^0.7.2",
+    "@pega/eslint-config": "^0.17.0",
     "@pega/pcore-pconnect-typedefs": "~3.2.2",
     "@pega/tsconfig": "^0.6.0",
     "@playwright/test": "^1.52.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.14",
     "@types/react": "^17.0.83",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
     "babel-loader": "^9.1.3",
     "commitlint": "^18.4.4",
-    "compression-webpack-plugin": "^10.0.0",
-    "copy-webpack-plugin": "^11.0.0",
+    "compression-webpack-plugin": "^12.0.0",
+    "copy-webpack-plugin": "^14.0.0",
     "cspell": "^8.3.2",
     "css-loader": "^6.9.0",
     "eslint": "^8.56.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^27.6.2",
+    "eslint-plugin-jest": "^28.6.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.4.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-sonarjs": "^0.23.0",
+    "eslint-plugin-sonarjs": "^0.25.0",
     "html-webpack-plugin": "^5.6.3",
     "http-server": "^14.1.1",
-    "istanbul": "^0.4.5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "json5": ">=2.2.3",
@@ -122,5 +121,9 @@
     "webpack": "^5.99.8",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.2.1"
+  },
+  "overrides": {
+    "uuid": "^11.1.1",
+    "js-yaml": "^4.1.2"
   }
 }

packages/react-sdk-components/src/bridge/react_pconnect.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-classes-per-file */
 import { Component, createElement } from 'react';
 import PropTypes from 'prop-types';
 import { connect, shallowEqual } from 'react-redux';

packages/react-sdk-components/src/components/template/ListView/hooks.ts

@@ -22,6 +22,7 @@ export default function useInit(props) {
   const runtimeParams = PCore.getRuntimeParamsAPI().getRuntimeParams();
 
   let selectionCountThreshold;
+  /* eslint-disable react-hooks/exhaustive-deps */
   useEffect(() => {
     let isCompStillMounted = true; // react hooks cleanup function will toggle this flag and use it before setting a state variable
 
@@ -94,4 +95,5 @@ export default function useInit(props) {
       isCompStillMounted = false;
     };
   }, []);
+  /* eslint-enable react-hooks/exhaustive-deps */
 }

packages/react-sdk-components/src/hooks/useAfterInitialEffect.ts

@@ -11,6 +11,7 @@ const useAfterInitialEffect = (cb: EffectCallback, dependencies: DependencyList)
   useEffect(() => {
     if (ref.current) return cb();
     ref.current = true;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, dependencies);
 };
 

packages/react-sdk-components/src/hooks/useFocusFirstField.ts

@@ -16,6 +16,7 @@ const useFocusFirstField = (id, children) => {
         editableElements[0].focus();
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [children]);
 };
 

packages/react-sdk-components/src/hooks/useScrolltoTop.ts

@@ -8,6 +8,7 @@ const useScrolltoTop = (id, children) => {
   useEffect(() => {
     const scrollElement = document.querySelector(id);
     scrollElement?.scrollIntoView();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [children]);
 };
 

webpack.config.js

@@ -53,7 +53,10 @@ module.exports = (env, argv) => {
         },
         {
           from: './node_modules/tinymce',
-          to: './tinymce'
+          to: './tinymce',
+          globOptions: {
+            ignore: ['**/*.d.ts', '**/*.d.ts.map']
+          }
         },
         {
           from: './node_modules/@pega/constellationjs/dist/bootstrap-shell.js',