fix: typedefs package upgraded

Author: tumms2021389

.prettierrc.js

@@ -1,8 +1,9 @@
 // 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
 
-module.exports = import('@pega/prettier-config').then((pegaPrettierConfig) => ({
+module.exports = import('@pega/prettier-config').then(pegaPrettierConfig => ({
   ...pegaPrettierConfig.default,
   printWidth: 150,
-  trailingComma: 'none'
+  trailingComma: 'none',
+  arrowParens: 'avoid'
 }));

package-lock.json

@@ -57,7 +57,7 @@
     "@mui/material": "^6.5.0",
     "@mui/styles": "^6.5.0",
     "@mui/x-date-pickers": "^7.29.4",
-    "@pega/auth": "~0.2.33",
+    "@pega/auth": "~0.2.34",
     "@react-google-maps/api": "^2.20.7",
     "@tinymce/tinymce-react": "^6.3.0",
     "clsx": "^2.1.1",
@@ -77,8 +77,8 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.17.0",
-    "@pega/constellationjs": "^0.25.1",
-    "@pega/pcore-pconnect-typedefs": "~3.2.2",
+    "@pega/constellationjs": "~25.1.0",
+    "@pega/pcore-pconnect-typedefs": "~4.1.0",
     "@playwright/test": "^1.54.2",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.1.2",

package.json

@@ -26,7 +26,7 @@
           fnLog = window.opener.console.log;
         }
       } catch (e0) {}
-      const doLog = (arg) => {
+      const doLog = arg => {
         if (bDebug) {
           fnLog(arg);
         }
@@ -69,7 +69,7 @@
           }
 
           if (!bSuccess) {
-            window.addEventListener('message', (event) => {
+            window.addEventListener('message', event => {
               doLog('authDone.js: received PegaAuth message');
               if (event.data && event.data.type && event.data.type === 'PegaAuth') {
                 doLog('authDone.js: posting message back');

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

@@ -53,7 +53,7 @@ class ComponentMap {
 
       Promise.all([theLocalCompPromise, thePegaCompPromise])
         .then(() => this.sdkComponentMap)
-        .catch((error) => {
+        .catch(error => {
           console.error(`Error in readSdkComponentMap: ${error}`);
         });
     } else {
@@ -90,7 +90,7 @@ class ComponentMap {
     return this.sdkComponentMap.pegaProvidedComponentMap;
   };
 
-  setPegaProvidedComponentMap = (inPegaProvidedComponentMap) => {
+  setPegaProvidedComponentMap = inPegaProvidedComponentMap => {
     this.sdkComponentMap.pegaProvidedComponentMap = inPegaProvidedComponentMap;
     return this.sdkComponentMap.pegaProvidedComponentMap;
   };
@@ -126,11 +126,11 @@ async function createSdkComponentMap(inLocalComponentMap = {}) {
 
 // Initialize exported SdkComponentMap structure
 export async function getSdkComponentMap(inLocalComponentMap = {}) {
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     let idNextCheck;
     if (!SdkComponentMap && !SdkComponentMapCreateInProgress) {
       SdkComponentMapCreateInProgress = true;
-      createSdkComponentMap(inLocalComponentMap).then((theComponentMap) => {
+      createSdkComponentMap(inLocalComponentMap).then(theComponentMap => {
         // debugger;
         // Key initialization of SdkComponentMap
         SdkComponentMap = theComponentMap;

packages/react-sdk-components/src/bridge/helpers/sdk_component_map.ts

@@ -114,7 +114,7 @@ const connectRedux = (component, c11nEnv) => {
   )(component);
 };
 
-const getComponent = (c11nEnv) => {
+const getComponent = c11nEnv => {
   // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore
   const ComponentsRegistry = PCore.getComponentsRegistry();
   const type = c11nEnv.getComponentName();
@@ -325,19 +325,19 @@ document.addEventListener('SdkConstellationReady', () => {
 
   PCore.getAssetLoader().register('component-loader', async (componentNames = []) => {
     const promises = [];
-    componentNames.forEach((comp) => {
+    componentNames.forEach(comp => {
       if (/^[A-Z]/.test(comp) && !LazyComponentMap[comp]) {
         if (!ComponentMap[comp]) {
           const srcUrl = `${PCore.getAssetLoader().getConstellationServiceUrl()}/v860/${PCore.getAssetLoader().getAppAlias()}/component/${comp}.js`;
           promises.push(PCore.getAssetLoader().getLoader()(srcUrl, 'script'));
         } else {
           if (ComponentMap[comp].modules && ComponentMap[comp].modules.length) {
-            ComponentMap[comp].modules.forEach((module) => {
+            ComponentMap[comp].modules.forEach(module => {
               LazyComponentMap[comp] = module;
             });
           }
           if (ComponentMap[comp].scripts && ComponentMap[comp].scripts.length) {
-            ComponentMap[comp].scripts.forEach((script) => {
+            ComponentMap[comp].scripts.forEach(script => {
               promises.push(PCore.getAssetLoader().getLoader()(script, 'script'));
             });
           }

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

@@ -29,7 +29,7 @@ export default function AlertBanner(props: AlertBannerProps) {
 
   return (
     <div id={id}>
-      {messages.map((message) => (
+      {messages.map(message => (
         <Alert key={message} variant='outlined' severity={SEVERITY_MAP[variant]} {...additionalProps}>
           {message}
         </Alert>

packages/react-sdk-components/src/components/designSystemExtension/AlertBanner/AlertBanner.tsx

@@ -13,7 +13,7 @@ interface DetailsFieldsProps {
   fields: any[];
 }
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
   root: {
     paddingRight: theme.spacing(1),
     paddingLeft: theme.spacing(1),

packages/react-sdk-components/src/components/designSystemExtension/DetailsFields/DetailsFields.tsx

@@ -13,7 +13,7 @@ interface FieldGroupProps {
   instructions?: string;
 }
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
   root: {
     marginRight: theme.spacing(1),
     marginLeft: theme.spacing(1),
@@ -32,7 +32,7 @@ const useStyles = makeStyles((theme) => ({
     display: 'flex',
     alignItems: 'center',
     gap: '5px',
-    cursor: (collapsible) => (collapsible ? 'pointer' : 'auto')
+    cursor: collapsible => (collapsible ? 'pointer' : 'auto')
   },
   instructionText: {
     padding: '5px 0'
@@ -51,7 +51,7 @@ export default function FieldGroup(props: PropsWithChildren<FieldGroupProps>) {
   );
 
   const headerClickHandler = () => {
-    setCollapsed((current) => !current);
+    setCollapsed(current => !current);
   };
 
   return (

packages/react-sdk-components/src/components/designSystemExtension/FieldGroup/FieldGroup.tsx

@@ -23,7 +23,7 @@ export default function FieldGroupList(props: FieldGroupListProps) {
     <Grid2 container spacing={4} justifyContent='space-between'>
       <Grid2 style={{ width: '100%' }}>
         <Grid2 container spacing={1}>
-          {props.items.map((item) => (
+          {props.items.map(item => (
             <Grid2 style={{ width: '100%' }}>
               <b>{item.name}</b>
               {props.onDelete && (