Merge branch 'master' into mod/tor/US-667623

Author: samhere06

package-lock.json

@@ -50,16 +50,16 @@
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "dependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^5.16.7",
     "@mui/lab": "^5.0.0-alpha.173",
     "@mui/material": "^5.16.7",
     "@mui/styles": "^5.16.7",
     "@mui/x-date-pickers": "^7.20.0",
     "@pega/auth": "~0.2.15",
     "@tinymce/tinymce-react": "^5.1.1",
-    "clsx": "^2.1.0",
+    "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "downloadjs": "^1.4.7",
     "fast-deep-equal": "^3.1.3",
@@ -68,21 +68,21 @@
     "react": "^17.0.2",
     "react-datepicker": "^4.25.0",
     "react-dom": "^17.0.2",
-    "react-number-format": "^5.4.2",
+    "react-number-format": "^5.4.4",
     "react-redux": "^8.1.3",
     "react-router-dom": "^6.22.3",
     "throttle-debounce": "^5.0.2"
   },
   "devDependencies": {
     "@pega/configs": "^0.7.1",
-    "@pega/constellationjs": "~0.242.5",
+    "@pega/constellationjs": "~24.2.1",
     "@pega/eslint-config": "^0.7.2",
-    "@pega/pcore-pconnect-typedefs": "~3.0.0",
+    "@pega/pcore-pconnect-typedefs": "~3.2.2",
     "@pega/tsconfig": "^0.6.0",
-    "@playwright/test": "^1.40.1",
+    "@playwright/test": "^1.52.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.1.2",
-    "@types/jest": "^29.5.11",
+    "@types/jest": "^29.5.14",
     "@types/react": "^17.0.83",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "babel-loader": "^9.1.3",
@@ -92,36 +92,35 @@
     "cspell": "^8.3.2",
     "css-loader": "^6.9.0",
     "eslint": "^8.56.0",
-    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^27.6.2",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
+    "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",
-    "html-webpack-plugin": "^5.6.0",
+    "html-webpack-plugin": "^5.6.3",
     "http-server": "^14.1.1",
     "istanbul": "^0.4.5",
-    "istanbul-instrumenter-loader": "^3.0.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "json5": ">=2.2.3",
-    "monocart-reporter": "^2.2.1",
+    "monocart-reporter": "^2.9.19",
     "npm-run-all": "^4.1.5",
     "null-loader": "^4.0.1",
-    "prettier": "^3.1.1",
+    "prettier": "^3.5.3",
     "prop-types": "^15.8.1",
     "replace-in-file": "^7.1.0",
     "sass-loader": "^13.3.3",
     "shx": "^0.3.4",
     "style-loader": "^3.3.4",
-    "stylelint": "^16.1.0",
-    "tinymce": "^7.3.0",
-    "ts-jest": "^29.1.1",
-    "ts-loader": "^9.5.1",
+    "stylelint": "^16.19.1",
+    "tinymce": "^7.9.0",
+    "ts-jest": "^29.3.4",
+    "ts-loader": "^9.5.2",
     "typescript": "^4.9.5",
-    "webpack": "^5.95.0",
+    "webpack": "^5.99.8",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.1.0"
+    "webpack-dev-server": "^5.2.1"
   }
 }

package.json

@@ -10,7 +10,6 @@
       //  3) Awaits a message from the host page and when received immediately postMessages back with the code
 
       // For enabling logging via debugger (do not let it be a const...then can't change in debugger)
-      // eslint-disable-next-line prefer-const
       let bDebug = false;
 
       const queryString = window.location.search;
@@ -20,14 +19,12 @@
       const error = urlParams.get('error');
       const errorDesc = urlParams.get('error_description');
       // Silent authentication will work with just regular console.log
-      // eslint-disable-next-line no-console
       let fnLog = console.log;
       try {
         // Check if in a popup window.  If so use main window console.
         if (window.opener.console.log) {
           fnLog = window.opener.console.log;
         }
-        // eslint-disable-next-line no-empty
       } catch (e0) {}
       const doLog = arg => {
         if (bDebug) {
@@ -44,15 +41,13 @@
           if (state) {
             embedOrigin = window.atob(state.split('.')[0]);
           }
-          // eslint-disable-next-line no-empty
         } catch (e) {}
         if (!embedOrigin) {
           embedOrigin = window.location.origin;
         }
         return embedOrigin;
       };
 
-      // eslint-disable-next-line sonarjs/cognitive-complexity
       function main() {
         if (code || error) {
           try {

packages/react-sdk-components/src/auth.html

@@ -58,14 +58,12 @@ export default function CancelAlert(props: CancelAlertProps) {
   function cancelHandler() {
     if (isReverseCoexistence) {
       dismiss(true);
-      // @ts-ignore - An argument for 'payload' was not provided.
       PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.REVERSE_COEXISTENCE_EVENTS.HANDLE_DISCARD);
     } else if (!isDataObject && !isLocalAction && !isBulkAction) {
       disableButton(btnIds.DELETE);
       actionsAPI
         .deleteCaseInCreateStage(containerItemID, hideDelete)
         .then(() => {
-          // @ts-ignore - An argument for 'payload' was not provided.
           PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL);
         })
         .catch(() => {
@@ -78,13 +76,12 @@ export default function CancelAlert(props: CancelAlertProps) {
         });
     } else if (isLocalAction) {
       dismiss(true);
-      actionsAPI.cancelAssignment(containerItemID);
+      actionsAPI.cancelAssignment(containerItemID, false);
     } else if (isBulkAction) {
       dismiss(true);
       actionsAPI.cancelBulkAction(containerItemID);
     } else {
       dismiss(true);
-      // @ts-ignore - Argument of type '{ containerItemID: string; skipReleaseLockRequest: any; }' is not assignable to parameter of type 'ContainerInfo'.
       containerManagerAPI.removeContainerItem({ containerItemID, skipReleaseLockRequest });
     }
   }

packages/react-sdk-components/src/components/field/CancelAlert/CancelAlert.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { NumericFormat } from 'react-number-format';
 import { TextField } from '@mui/material';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
@@ -45,9 +45,11 @@ export default function Currency(props: CurrrencyProps) {
   const helperTextToDisplay = validatemessage || helperText;
   const [values, setValues] = useState(value.toString());
 
-  const testProp = {
-    'data-test-id': testId
-  };
+  const testProp = { 'data-test-id': testId };
+
+  useEffect(() => {
+    setValues(value.toString());
+  }, [value]);
 
   // currencySymbols looks like this: { theCurrencySymbol: '$', theDecimalIndicator: '.', theSeparator: ',' }
   const theSymbols = getCurrencyCharacters(currencyISOCode);
@@ -56,7 +58,7 @@ export default function Currency(props: CurrrencyProps) {
   const theCurrSep = theSymbols.theDigitGroupSeparator;
 
   const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
+  const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
 
   let readOnlyProp = {}; // Note: empty if NOT ReadOnly
 

packages/react-sdk-components/src/components/field/Currency/Currency.tsx

@@ -68,7 +68,7 @@ export default function Decimal(props: DecimalProps) {
   if (formatter === 'Currency') {
     formattedValue = format(value, formatter.toLowerCase(), theCurrencyOptions);
   } else {
-    formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
+    formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
   }
 
   if (displayMode === 'DISPLAY_ONLY') {

packages/react-sdk-components/src/components/field/Decimal/Decimal.tsx

@@ -230,7 +230,6 @@ export default function Dropdown(props: DropdownProps) {
     >
       {options.map((option: any) => (
         <MenuItem key={option.key} value={option.key}>
-          {/* @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'  */}
           {thePConn.getLocalizedValue(option.value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}
         </MenuItem>
       ))}

packages/react-sdk-components/src/components/field/Dropdown/Dropdown.tsx

@@ -50,7 +50,7 @@ export default function Percentage(props: PercentageProps) {
   const helperTextToDisplay = validatemessage || helperText;
 
   const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
+  const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
 
   let readOnlyProp = {}; // Note: empty if NOT ReadOnly
 

packages/react-sdk-components/src/components/field/Percentage/Percentage.tsx

@@ -65,7 +65,6 @@ export default function RadioButtons(props: RadioButtonsProps) {
     return (
       <FieldValueList
         name={hideLabel ? '' : label}
-        // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
         value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}
       />
     );
@@ -75,7 +74,6 @@ export default function RadioButtons(props: RadioButtonsProps) {
     return (
       <FieldValueList
         name={hideLabel ? '' : label}
-        // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
         value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}
         variant='stacked'
       />
@@ -102,7 +100,6 @@ export default function RadioButtons(props: RadioButtonsProps) {
               label={thePConn.getLocalizedValue(
                 theOption.value,
                 localePath,
-                // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
                 thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
               )}
               control={<Radio key={theOption.key} color='primary' disabled={readOnly} />}

packages/react-sdk-components/src/components/field/RadioButtons/RadioButtons.tsx

@@ -36,16 +36,15 @@ export default function ScalarList(props: ScalarListProps) {
       {
         type: componentType,
         config: {
-          // @ts-ignore - Type '{ readOnly: true; displayInModal: boolean; value: any; displayMode: string; label: string; }' is not assignable to type 'ComponentMetadataConfig'.
           value: scalarValue,
           displayMode: 'DISPLAY_ONLY',
           label,
           ...restProps,
-          // @ts-ignore - Type 'string' is not assignable to type 'boolean | undefined'.
           readOnly: 'true'
         }
       },
       '',
+      // @ts-ignore
       '',
       {}
     ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;