npm - @pega/custom-dx-components - Versions diffs - 0.23.47 → 0.23.49 - Mend

@pega/custom-dx-components 0.23.47 → 0.23.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/demo.stories.tsx CHANGED Viewed

@@ -49,7 +49,22 @@ export const BasePegaDxilMyDecimal: Story = args => {
   return (
     <>
-      <PegaDxilMyDecimal {...props} />
+      <PegaDxilMyDecimal {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyDecimal.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  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/Launchpad/Pega_DXIL_MyDecimal/mock.ts CHANGED Viewed

@@ -7,7 +7,14 @@ export const configProps = {
   placeholder: 'Decimal Placeholder',
   helperText: 'Decimal Helper Text',
   testId: 'decimal-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_MyDetails/demo.stories.tsx CHANGED Viewed

@@ -141,7 +141,9 @@ export const BasePegaDxilMyDetails: Story = args => {
   return (
     <>
-      <PegaDxilMyDetails {...props}>{regionAChildren}</PegaDxilMyDetails>
+      <PegaDxilMyDetails {...props} {...args}>{regionAChildren}</PegaDxilMyDetails>
     </>
   );
 };
+BasePegaDxilMyDetails.args = {};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/demo.stories.tsx CHANGED Viewed

@@ -48,7 +48,21 @@ export const BasePegaDxilMyEmail: Story = args => {
   return (
     <>
-      <PegaDxilMyEmail {...props} />
+      <PegaDxilMyEmail {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyEmail.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/Launchpad/Pega_DXIL_MyEmail/mock.ts CHANGED Viewed

@@ -6,7 +6,14 @@ export const configProps = {
   placeholder: 'Email Placeholder',
   helperText: 'Email Helper Text',
   testId: 'email-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_MyForm/demo.stories.tsx CHANGED Viewed

@@ -176,7 +176,9 @@ export const BasePegaDxilMyForm: Story = args => {
   return (
     <>
-      <PegaDxilMyForm {...props}>{regionAChildren}</PegaDxilMyForm>
+      <PegaDxilMyForm {...props} {...args}>{regionAChildren}</PegaDxilMyForm>
     </>
   );
 };
+BasePegaDxilMyForm.args = {};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/demo.stories.tsx CHANGED Viewed

@@ -48,7 +48,21 @@ export const BasePegaDxilMyInteger: Story = args => {
   return (
     <>
-      <PegaDxilMyInteger {...props} />
+      <PegaDxilMyInteger {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyInteger.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/Launchpad/Pega_DXIL_MyInteger/mock.ts CHANGED Viewed

@@ -3,10 +3,16 @@ export const configProps = {
   value: '',
   label: 'Integer Sample',
   showGroupSeparators: true,
-  placeholder: 'Integer Placeholder',
   helperText: 'Integer Helper Text',
   testId: 'integer-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_MyPage/demo.stories.tsx CHANGED Viewed

@@ -103,7 +103,9 @@ export const BasePegaDxilMyPage: Story = args => {
   return (
     <>
-      <PegaDxilMyPage {...props}>{regionAChildren}</PegaDxilMyPage>
+      <PegaDxilMyPage {...props} {...args}>{regionAChildren}</PegaDxilMyPage>
     </>
   );
 };
+BasePegaDxilMyPage.args = {};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx CHANGED Viewed

@@ -73,7 +73,9 @@ export const BasePegaDxilMyPageCaseWidget: Story = args => {
 return (
     <>
-      <PegaDxilMyPageCaseWidget {...props} />
+      <PegaDxilMyPageCaseWidget {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyPageCaseWidget.args = {};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/demo.stories.tsx CHANGED Viewed

@@ -30,7 +30,12 @@ export const BasePegaDxilMyPageWidget: Story = args => {
 return (
     <>
-      <PegaDxilMyPageWidget {...props} />
+      <PegaDxilMyPageWidget {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyPageWidget.args = {
+  header: configProps.header,
+  description: configProps.description
+};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyParagraph/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyPercentage/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyPercentage/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyPhone/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyPhone/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyPicklist/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyPicklist/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyRadioButtons/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyRadioButtons/index.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyRadioButtons/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MySearchbox/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MySearchbox/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyText/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyText/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyTextInput/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyTextInput/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyTimeOfDay/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyTimeOfDay/mock.ts CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyTwoColumnForm/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyURL/demo.stories.tsx CHANGED Viewed

@@ -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/Launchpad/Pega_DXIL_MyURL/mock.ts CHANGED Viewed

@@ -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 = {