@pega/dx-component-builder-sdk 24.2.14 → 24.2.15

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/Pega_DXIL_MyPage/demo.stories.tsx

@@ -1,7 +1,6 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
 /* eslint-disable react/no-unstable-nested-components */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
@@ -19,18 +18,6 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyPage>;
 
 export const BasePegaDxilMyPage: Story = args => {
-  if (!window.PCore) {
-    window.PCore = {};
-  }
-
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: val => {
-        return val;
-      }
-    };
-  };
-
   const configProps = pyHome1Resolved.children[0].children[0].config;
 
   const props = {
@@ -86,6 +73,7 @@ export const BasePegaDxilMyPage: Story = args => {
               />
             );
           }
+          return <></>;
         },
         ignoreSuggestion: () => {/* nothing */},
         acceptSuggestion: () => {/* nothing */},

package/tests/assets/sdk-r/components/createAll/custom-constellation/widget/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -1,12 +1,21 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyCaseWidget from './index';
 
 import historyData from './mock';
 
+ window.PCore.getDataApiUtils = (): any => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(historyData);
+        });
+      }
+    };
+  };
+
 const meta: Meta<typeof PegaDxilMyCaseWidget> = {
   title: 'PegaDxilMyCaseWidget',
   component: PegaDxilMyCaseWidget,
@@ -16,38 +25,7 @@ const meta: Meta<typeof PegaDxilMyCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyCaseWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
 export const BasePegaDxilMyCaseWidget: Story = args => {
-  
-  window.PCore.getConstants = () => {
-    return {
-      CASE_INFO: {
-        CASE_INFO_ID: 'caseInfo.ID'
-      }
-    };
-  };
-
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  };
-
-  window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(historyData);
-        });
-      }
-    };
-  };
-
   const props = {
 
     getPConnect: () => {

package/tests/assets/sdk-r/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx

@@ -1,11 +1,20 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyPageCaseWidget from './index';
 
 import { configProps, operatorDetails } from './mock';
 
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
+
 const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
   title: 'PegaDxilMyPageCaseWidget',
   component: PegaDxilMyPageCaseWidget,
@@ -15,27 +24,6 @@ const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageCaseWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
-window.PCore.getLocaleUtils = () => {
-  return {
-    getLocaleValue: value => {
-      return value;
-    }
-  };
-};
-
-window.PCore.getUserApi = () => {
-  return {
-    getOperatorDetails: () => {
-      return new Promise(resolve => {
-        resolve(operatorDetails);
-      });
-    }
-  };
-};
 
 export const BasePegaDxilMyPageCaseWidget: Story = args => {
 

package/tests/assets/sdk-r/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyPageWidget from './index';
@@ -17,10 +16,6 @@ const meta: Meta<typeof PegaDxilMyPageWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
 const worklistData = {
   data: {
     data: [
@@ -46,23 +41,17 @@ const worklistData = {
   }
 };
 
-export const BasePegaDxilMyPageWidget: Story = args => {
-
- window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      },
-      getDataAsync: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      }
-    };
+window.PCore.getDataApiUtils = (): any => {
+  return {
+    getData: () => {
+      return new Promise(resolve => {
+        resolve(worklistData);
+      });
+    }
   };
+};
 
+export const BasePegaDxilMyPageWidget: Story = args => {
   const props = {
     ...configProps,
     getPConnect: () => {
@@ -113,5 +102,5 @@ BasePegaDxilMyPageWidget.args = {
   header: configProps.header,
   description: configProps.description,
   whatsnewlink: configProps.whatsnewlink,
-  datasource: configProps.datasource,
+  datasource: configProps.datasource as any,
 };

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyCurrency/demo.stories.tsx

@@ -4,20 +4,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyCurrency from './index';
 import { configProps, fieldMetadata } from './mock';
 
-window.PCore = {
-  ...window.PCore,
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      }
-    };
-  }
-};
-
 const meta: Meta<typeof PegaDxilMyCurrency> = {
   title: 'PegaDxilMyCurrency',
   component: PegaDxilMyCurrency,

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDate/demo.stories.tsx

@@ -5,30 +5,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyDate from './index';
 import { configProps, stateProps } from './mock';
 
-window.PCore = {
-  ...window.PCore,
-  getLocaleUtils: (): any => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  },
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      },
-      getTimeZone: () => {
-        return '';
-      }
-    };
-  }
-};
-
 const meta: Meta<typeof PegaDxilMyDate> = {
   title: 'PegaDxilMyDate',
   component: PegaDxilMyDate,

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDateTime/demo.stories.tsx

@@ -4,30 +4,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyDateTime from './index';
 import { configProps, stateProps } from './mock';
 
-window.PCore = {
-  ...window.PCore,
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      },
-      getTimeZone: () => {
-        return '';
-      }
-    };
-  },
-  getLocaleUtils: (): any => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  }
-};
-
 const meta: Meta<typeof PegaDxilMyDateTime> = {
   title: 'PegaDxilMyDateTime',
   component: PegaDxilMyDateTime,

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDecimal/demo.stories.tsx

@@ -4,20 +4,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyDecimal from './index';
 import { configProps, fieldMetadata } from './mock';
 
-window.PCore = {
-  ...window.PCore,
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      }
-    };
-  }
-};
-
 const meta: Meta<typeof PegaDxilMyDecimal> = {
   title: 'PegaDxilMyDecimal',
   component: PegaDxilMyDecimal,

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyIconButtonURL/demo.stories.tsx

@@ -12,10 +12,6 @@ const meta: Meta<typeof PegaDxilMyIconButtonUrl> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyIconButtonUrl>;
 
-if (!window.PCore) {
-  window.PCore = {} as any;
-}
-
 const statelistData = {
   data: [
     {
@@ -33,7 +29,7 @@ const statelistData = {
   ]
 };
 
-window.PCore.getDataPageUtils = (() => {
+window.PCore.getDataPageUtils = (): any => {
   return {
     getDataAsync: () => {
       return new Promise(resolve => {
@@ -41,7 +37,7 @@ window.PCore.getDataPageUtils = (() => {
       });
     }
   };
-}) as any;
+};
 
 export const BasePegaDxilMyIconButtonUrl: Story = args => {
   const props = {

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyIconButtonURL/index.tsx

@@ -117,7 +117,7 @@ export default function PegaDxilMyIconButtonUrl(props: PegaDxilMyIconButtonUrlPr
     <StyledPegaDxilMyIconButtonUrlWrapper>
       <div style={{ display: 'flex', alignItems: 'center' }} data-testid={testId}>
         <ArrowForwardIcon />
-        <TextContent displayAs='body' content={localLabel} />
+        <TextContent displayAs='paragraph' content={localLabel} />
         <Tooltip title={PConnect.getLocalizedValue('Click to show/hide state list', '', '')}>
           <IconButton onClick={showHideTable} style={{ padding: '0 0.25rem' }}>
             <FormatListNumberedIcon />

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPercentage/demo.stories.tsx

@@ -10,20 +10,6 @@ const meta: Meta<typeof PegaDxilMyPercentage> = {
   excludeStories: /.*Data$/
 };
 
-window.PCore = {
-  ...window.PCore,
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      }
-    };
-  }
-};
-
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPercentage>;
 

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPicklist/index.tsx

@@ -100,6 +100,11 @@ export default function PegaDxilMyPicklist(props: PegaDxilMyPicklistProps) {
   const className = thePConn.getCaseInfo().getClassName();
   const refName = propName?.slice(propName.lastIndexOf('.') + 1);
 
+  const getPlaceholderOption = () => ({
+    key: placeholder,
+    value: thePConn.getLocalizedValue(placeholder)
+  });
+
   if (!isDeepEqual(datasource, theDatasource)) {
     // inbound datasource is different, so update theDatasource (to trigger useEffect)
     setDatasource(datasource);
@@ -134,10 +139,7 @@ export default function PegaDxilMyPicklist(props: PegaDxilMyPicklistProps) {
     if (theDatasource) {
       const list = Utils.getOptionList(props, getPConnect().getDataObject('')); // 1st arg empty string until typedef marked correctly
       const optionsList = [...list];
-      optionsList.unshift({
-        key: placeholder,
-        value: thePConn.getLocalizedValue(placeholder)
-      }); // 2nd and 3rd args empty string until typedef marked correctly
+      optionsList.unshift(getPlaceholderOption());
       setOptions(optionsList);
     }
   }, [theDatasource]);
@@ -147,6 +149,7 @@ export default function PegaDxilMyPicklist(props: PegaDxilMyPicklistProps) {
       getDataPage(datasource, parameters, context).then((results: any) => {
         const optionsData: any[] = [];
         const displayColumn = getDisplayFieldsMetaData(columns);
+        optionsData.unshift(getPlaceholderOption());
         results?.forEach(element => {
           const val = element[displayColumn.primary]?.toString();
           const obj = {

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyRadiobuttons/index.tsx

@@ -34,7 +34,8 @@ export default function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProp
     inline,
     displayMode,
     hideLabel,
-    fieldMetadata
+    fieldMetadata,
+    disabled
   } = props;
   const [theSelectedButton, setSelectedButton] = useState(value);
 
@@ -108,7 +109,7 @@ export default function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProp
                   localePath,
                   thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
                 )}
-                control={<Radio key={theOption.key} color='primary' disabled={readOnly} />}
+                control={<Radio key={theOption.key} color='primary' disabled={readOnly || disabled} />}
               />
             );
           })}

package/tests/assets/sdk-r/components/createAll/custom-sdk/template/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -15,34 +15,14 @@ const meta: Meta<typeof PegaDxilMyDetails> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyDetails>;
 
-window.PCore = {
-  ...window.PCore,
-  getUserApi: (): any => {
-    return {
-      getOperatorDetails: () => {
-        return new Promise(resolve => {
-          resolve(operatorDetails);
-        });
-      }
-    };
-  },
-  getLocaleUtils: (): any => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  },
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      }
-    };
-  }
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
 };
 
 export const BasePegaDxilMyDetails: Story = args => {

package/tests/assets/sdk-r/components/createAll/custom-sdk/template/Pega_DXIL_MyForm/demo.stories.tsx

@@ -4,22 +4,16 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyForm from './index';
 
-window.PCore = {
-  ...window.PCore,
-  getErrorHandler: (): any => {
-    return {
-      getGenericFailedMessage() {
-        /* nothing */
-      }
-    };
-  },
-  getConstants: (): any => {
-    return {
-      CASE_INFO: {
-        INSTRUCTIONS: ''
-      }
-    };
-  }
+window.PCore.getErrorHandler = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return {
+        getGenericFailedMessage() {
+          /* nothing */
+        }
+      };
+    }
+  };
 };
 
 const meta: Meta<typeof PegaDxilMyForm> = {

package/tests/assets/sdk-r/components/createAll/custom-sdk/template/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx

@@ -3,34 +3,14 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyTwoColumnDetails from './index';
 import operatorDetails, { pyReviewRaw } from './mock';
 
-window.PCore = {
-  ...window.PCore,
-  getUserApi: (): any => {
-    return {
-      getOperatorDetails: () => {
-        return new Promise(resolve => {
-          resolve(operatorDetails);
-        });
-      }
-    };
-  },
-  getLocaleUtils: (): any => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  },
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-US';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      }
-    };
-  }
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
 };
 
 const meta: Meta<typeof PegaDxilMyTwoColumnDetails> = {

package/tests/assets/sdk-r/components/createAll/custom-sdk/widget/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -3,6 +3,16 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyCaseWidget from './index';
 import { historyData } from './mock';
 
+window.PCore.getDataApiUtils = (): any => {
+  return {
+    getData: () => {
+      return new Promise(resolve => {
+        resolve(historyData);
+      });
+    }
+  };
+};
+
 const meta: Meta<typeof PegaDxilMyCaseWidget> = {
   title: 'PegaDxilMyCaseWidget',
   component: PegaDxilMyCaseWidget,
@@ -13,26 +23,6 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyCaseWidget>;
 
 export const BasePegaDxilMyCaseWidget: Story = args => {
-  window.PCore = {
-    ...window.PCore,
-    getDataApiUtils: (): any => {
-      return {
-        getData: (): any => {
-          return new Promise(resolve => {
-            resolve(historyData);
-          });
-        }
-      };
-    },
-    getConstants: (): any => {
-      return {
-        CASE_INFO: {
-          CASE_INFO_ID: 'caseInfo.ID'
-        }
-      };
-    }
-  };
-
   const props = {
     label: 'Case history',
 

package/tests/assets/sdk-r/components/createAll/custom-sdk/widget/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx

@@ -3,6 +3,16 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyPageCaseWidget from './index';
 import { caseOpConfig, operatorDetails } from './mock';
 
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
+
 const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
   title: 'PegaDxilMyPageCaseWidget',
   component: PegaDxilMyPageCaseWidget,
@@ -13,26 +23,6 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageCaseWidget>;
 
 export const BasePegaDxilMyPageCaseWidget: Story = args => {
-  window.PCore = {
-    ...window.PCore,
-    getUserApi: (): any => {
-      return {
-        getOperatorDetails: () => {
-          return new Promise(resolve => {
-            resolve(operatorDetails);
-          });
-        }
-      };
-    },
-    getLocaleUtils: (): any => {
-      return {
-        getLocaleValue: val => {
-          return val;
-        }
-      };
-    }
-  };
-  
   const props = {
     getPConnect: () => {
       return {

package/tests/assets/sdk-r/components/createAll/custom-sdk/widget/Pega_DXIL_MyPageCaseWidget/index.tsx

@@ -205,6 +205,7 @@ export default function PegaDxilMyPageCaseWidget(props: PegaDxilMyPageCaseWidget
         <TextField
           defaultValue={caseOpName}
           label={caseOpLabel}
+          variant='standard'
           onClick={showOperatorDetails}
           InputProps={{
             readOnly: true,

package/tests/assets/sdk-r/components/createAll/custom-sdk/widget/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -12,27 +12,17 @@ const meta: Meta<typeof PegaDxilMyPageWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageWidget>;
 
-export const BasePegaDxilMyPageWidget: Story = args => {
-    window.PCore = {
-    ...window.PCore,
-    getDataApiUtils: (): any => {
-      return {
-        getData: () => {
-          return new Promise(resolve => {
-            resolve(worklistData);
-          });
-        }
-      };
-    },
-    getConstants: (): any => {
-      return {
-        CASE_INFO: {
-          INSTRUCTIONS: 'caseInfo.assignments[0].instructions'
-        }
-      };
-    },
+window.PCore.getDataApiUtils = (): any => {
+  return {
+    getData: () => {
+      return new Promise(resolve => {
+        resolve(worklistData);
+      });
+    }
   };
+};
 
+export const BasePegaDxilMyPageWidget: Story = args => {
   const props = {
     datasource: configProps.datasource,
     whatsnewlink: configProps.whatsnewlink,