@pega/custom-dx-components 0.23.47 → 0.23.49

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyParagraph/demo.stories.tsx

@@ -48,7 +48,21 @@ export const BasePegaDxilMyParagraph: Story = args => {
 
   return (
     <>
-      <PegaDxilMyParagraph {...props} />
+      <PegaDxilMyParagraph {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyParagraph.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyParagraph/mock.ts

@@ -6,7 +6,14 @@ export const configProps = {
   placeholder: 'Paragraph Placeholder',
   helperText: 'Paragraph Helper Text',
   testId: 'paragraph-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const fieldMetadata = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPercentage/demo.stories.tsx

@@ -49,7 +49,21 @@ export const BasePegaDxilMyPercentage: Story = args => {
 
   return (
     <>
-      <PegaDxilMyPercentage {...props} />
+      <PegaDxilMyPercentage {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyPercentage.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPercentage/mock.ts

@@ -4,10 +4,16 @@ export const configProps = {
   value: '',
   label: 'Percentage Sample',
   showGroupSeparators: true,
-  placeholder: 'Percentage Placeholder',
   helperText: 'Percentage Helper Text',
   testId: 'percentage-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPhone/demo.stories.tsx

@@ -46,7 +46,21 @@ export const BasePegaDxilMyPhone: Story = args => {
 
   return (
     <>
-      <PegaDxilMyPhone {...props} />
+      <PegaDxilMyPhone {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyPhone.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPhone/mock.ts

@@ -24,7 +24,14 @@ export const configProps = {
   placeholder: 'Phone Placeholder',
   helperText: 'Phone Helper Text',
   testId: 'phone-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPicklist/demo.stories.tsx

@@ -78,7 +78,21 @@ export const BasePegaDxilMyPicklist: Story = args => {
 
   return (
     <>
-      <PegaDxilMyPicklist {...props} />
+      <PegaDxilMyPicklist {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyPicklist.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPicklist/mock.ts

@@ -20,7 +20,14 @@ export const configProps = {
   ],
   helperText: 'Picklist Helper Text',
   testId: 'picklist-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/demo.stories.tsx

@@ -23,11 +23,11 @@ export const BasePegaDxilMyRadiobuttons: Story = args => {
 
   const props = {
     value,
-    align: 'vertical',
     placeholder: configProps.placeholder,
     label: configProps.label,
     helperText: configProps.helperText,
     datasource: configProps.datasource,
+    inline: configProps.inline,
     testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
     fieldMetadata,
@@ -82,7 +82,22 @@ export const BasePegaDxilMyRadiobuttons: Story = args => {
 
   return (
     <>
-      <PegaDxilMyRadiobuttons {...props} />
+      <PegaDxilMyRadiobuttons {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyRadiobuttons.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  inline: configProps.inline,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/index.tsx

@@ -19,7 +19,6 @@ interface PegaDxilMyRadiobuttonsProps extends PConnFieldProps {
   listType: string;
   datasource: Array<any>;
   inline: boolean;
-  align: string;
 }
 
 
@@ -62,7 +61,6 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
     datasource = [],
     listType,
     validatemessage,
-    align = 'vertical',
     testId,
     additionalProps = {},
     displayMode,
@@ -185,7 +183,6 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
         // @ts-ignore
         pConn.getValidationApi().validate(event.target.value);
       }}
-      align={align}
       disabled={disabled}
       className='standard'
       name={fullReference}

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/mock.ts

@@ -21,7 +21,15 @@ export const configProps = {
   ],
   helperText: 'Picklist Helper Text',
   testId: 'picklist-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  inline: false,
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MySearchbox/demo.stories.tsx

@@ -87,7 +87,22 @@ export const BasePegaDxilMySearchbox: Story = args => {
 
   return (
     <>
-      <PegaDxilMySearchbox {...props} />
+      <PegaDxilMySearchbox {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMySearchbox.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  isTableFormatter: false,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MySearchbox/mock.ts

@@ -20,7 +20,14 @@ export const configProps = {
   ],
   helperText: 'Picklist Helper Text',
   testId: 'picklist-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyText/demo.stories.tsx

@@ -51,7 +51,21 @@ export const BasePegaDxilMyText: Story = args => {
 
   return (
     <>
-      <PegaDxilMyText {...props} />
+      <PegaDxilMyText {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyText.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyText/mock.ts

@@ -6,7 +6,14 @@ export const configProps = {
   placeholder: 'Text Placeholder',
   helperText: 'Text Helper Text',
   testId: 'Text-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/demo.stories.tsx

@@ -48,7 +48,21 @@ export const BasePegaDxilMyTextInput: Story = args => {
 
   return (
     <>
-      <PegaDxilMyTextInput {...props} />
+      <PegaDxilMyTextInput {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyTextInput.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/mock.ts

@@ -6,7 +6,14 @@ export const configProps = {
   placeholder: 'TextInput Placeholder',
   helperText: 'TextInput Helper Text',
   testId: 'TextInput-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/demo.stories.tsx

@@ -56,7 +56,21 @@ export const BasePegaDxilMyTimeOfDay: Story = args => {
 
   return (
     <>
-      <PegaDxilMyTimeOfDay {...props} />
+      <PegaDxilMyTimeOfDay {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyTimeOfDay.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/mock.ts

@@ -14,7 +14,8 @@ export const configProps = {
   hasSuggestions: false,
   readOnly: false,
   required: false,
-  disabled: false
+  disabled: false,
+  status: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx

@@ -141,9 +141,11 @@ export const BasePegaDxilMyTwoColumnDetails: Story = args => {
   });
 
   return (
-    <PegaDxilMyTwoColumnDetails {...props}>
+    <PegaDxilMyTwoColumnDetails {...props} {...args}>
       {regionAChildren}
       {regionBChildren}
     </PegaDxilMyTwoColumnDetails>
   );
 };
+
+BasePegaDxilMyTwoColumnDetails.args = {};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/demo.stories.tsx

@@ -180,9 +180,11 @@ export const BasePegaDxilMyTwoColumnForm: Story = args => {
   });
 
   return (
-    <PegaDxilMyTwoColumnForm {...props}>
+    <PegaDxilMyTwoColumnForm {...props} {...args}>
       {regionAChildren}
       {regionBChildren}
     </PegaDxilMyTwoColumnForm>
   );
 };
+
+BasePegaDxilMyTwoColumnForm.args = {};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/demo.stories.tsx

@@ -46,7 +46,21 @@ export const BasePegaDxilMyUrl: Story = args => {
 
   return (
     <>
-      <PegaDxilMyUrl {...props} />
+      <PegaDxilMyUrl {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyUrl.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/mock.ts

@@ -6,7 +6,14 @@ export const configProps = {
   placeholder: 'URL Placeholder',
   helperText: 'URL Helper Text',
   testId: 'url-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const fieldMetadata = {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/demo.stories.tsx

@@ -61,7 +61,21 @@ export const BasePegaDxilMyBoolean: Story = args => {
 
   return (
     <>
-      <PegaDxilMyBoolean {...props} />
+      <PegaDxilMyBoolean {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyBoolean.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  caption: configProps.caption,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/mock.ts

@@ -14,7 +14,8 @@ export const configProps = {
   falseLabel: 'False',
   disabled: false,
   readOnly: false,
-  required: true
+  required: true,
+  status: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -78,7 +78,9 @@ export const BasePegaDxilMyCaseWidget: Story = args => {
 
 return (
     <>
-      <PegaDxilMyCaseWidget {...props} />
+      <PegaDxilMyCaseWidget {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyCaseWidget.args = {};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/demo.stories.tsx

@@ -53,7 +53,24 @@ export const BasePegaDxilMyCurrency: Story = args => {
 
   return (
     <>
-      <PegaDxilMyCurrency {...props} />
+      <PegaDxilMyCurrency {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyCurrency.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
+  allowDecimals: configProps.allowDecimals,
+  currencyISOCode: configProps.currencyISOCode,
+  alwaysShowISOCode: configProps.alwaysShowISOCode,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/index.tsx

@@ -86,6 +86,7 @@ function PegaDxilMyCurrency(props: PegaDxilMyCurrencyProps) {
   const [currencyValue, setCurrencyValue] = useState(() => formatValue(value));
 
   let { readOnly = false, required = false, disabled = false } = props;
+  let { showGroupSeparators = false } = props;
 
   [readOnly, required, disabled] = [readOnly, required, disabled].map(
     (prop) => prop === true || (typeof prop === 'string' && prop === 'true')
@@ -120,7 +121,7 @@ function PegaDxilMyCurrency(props: PegaDxilMyCurrencyProps) {
     displayMode === 'DISPLAY_ONLY'
   ) {
     let displayComp;
-    let { showGroupSeparators = false } = props;
+    // let { showGroupSeparators = false } = props;
     if (displayMode === 'LABELS_LEFT' && isTableFormatter) {
       noOfFractionDigits = undefined;
       showGroupSeparators = true;
@@ -242,6 +243,7 @@ function PegaDxilMyCurrency(props: PegaDxilMyCurrencyProps) {
       showDecimal={allowDecimals}
       currencyISOCode={currencyISOCode}
       alwaysShowISOCode={alwaysShowISOCode}
+      showGroupSeparators={showGroupSeparators}
       placeholder={placeholder}
       disabled={disabled}
       readOnly={readOnly}

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/mock.ts

@@ -5,11 +5,19 @@ export const configProps = {
   label: 'Currency Sample',
   currencyISOCode: 'USD',
   allowDecimals: true,
+  showGroupSeparators: true,
   alwaysShowISOCode: true,
   placeholder: 'Currency Placeholder',
   helperText: 'Currency Helper Text',
   testId: 'currency-12345678',
-  hasSuggestions: false
+  hasSuggestions: false,
+  displayMode: '',
+  hideLabel: false,
+  readOnly: false,
+  required: false,
+  disabled: false,
+  status: '',
+  validatemessage: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/demo.stories.tsx

@@ -77,7 +77,21 @@ export const BasePegaDxilMyDate: Story = args => {
 
   return (
     <>
-      <PegaDxilMyDate {...props} />
+      <PegaDxilMyDate {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyDate.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  showWeekNumber: configProps.showWeekNumber,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/mock.ts

@@ -16,7 +16,8 @@ export const configProps = {
   hasSuggestions: false,
   readOnly: false,
   required: false,
-  disabled: false
+  disabled: false,
+  status: ''
 };
 
 export const stateProps = {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/demo.stories.tsx

@@ -76,7 +76,22 @@ export const BasePegaDxilMyDateTime: Story = args => {
 
   return (
     <>
-      <PegaDxilMyDateTime {...props} />
+      <PegaDxilMyDateTime {...props} {...args} />
     </>
   );
 };
+
+BasePegaDxilMyDateTime.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
+  showWeekNumber: configProps.showWeekNumber,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  displayMode: configProps.displayMode,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/mock.ts

@@ -17,7 +17,8 @@ export const configProps = {
   hasSuggestions: false,
   readOnly: false,
   required: false,
-  disabled: false
+  disabled: false,
+  status: ''
 };
 
 export const stateProps = {