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

@pega/custom-dx-components 0.23.47 → 0.23.48

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 (132) hide show

package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache CHANGED Viewed

@@ -141,7 +141,12 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   return (
     <>
-      <{{COMPONENT_CLASS_NAME}} {...props}>{regionAChildren}</{{COMPONENT_CLASS_NAME}}>
+      <{{COMPONENT_CLASS_NAME}} {...props} {...args}>{regionAChildren}</{{COMPONENT_CLASS_NAME}}>
     </>
   );
 };
+Base{{COMPONENT_CLASS_NAME}}.args = {
+  label: 'Test Details',
+  showLabel: true
+};

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/demo.stories.tsx.mustache CHANGED Viewed

@@ -141,9 +141,15 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   });
   return (
-    <{{COMPONENT_CLASS_NAME}} {...props}>
+    <{{COMPONENT_CLASS_NAME}} {...props} {...args}>
       {regionAChildren}
       {regionBChildren}
     </{{COMPONENT_CLASS_NAME}}>
   );
 };
+Base{{COMPONENT_CLASS_NAME}}.args = {
+  showHighlightedData: false,
+  label: 'Details Region',
+  showLabel: true
+};

package/src/tasks/create/templates/Constellation/Template/FORM/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/Template/FORM-region/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/Template/PAGE/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/Widget/CASE/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/Widget/PAGE/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/demo.stories.tsx.mustache CHANGED Viewed

@@ -67,7 +67,9 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 return (
     <>
-      <{{COMPONENT_CLASS_NAME}} {...props} />
+      <{{COMPONENT_CLASS_NAME}} {...props} {...args} />
     </>
   );
 };
+Base{{COMPONENT_CLASS_NAME}}.args = {};

package/src/tasks/create/templates/Launchpad/Widget/CASE/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/demo.stories.tsx.mustache CHANGED Viewed

@@ -73,7 +73,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 return (
     <>
-      <{{COMPONENT_CLASS_NAME}} {...props} />
+      <{{COMPONENT_CLASS_NAME}} {...props} {...args} />
     </>
   );
 };
+Base{{COMPONENT_CLASS_NAME}}.args = {
+  updateDateTime: '2023-01-16T14:53:33.280Z',
+  createDateTime: '2023-01-16T14:53:33.198Z',
+  ...configProps
+};

package/src/tasks/init/template/package.json.mustache CHANGED Viewed

@@ -68,7 +68,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.23.47",
+    "@pega/custom-dx-components": "0.23.48",
     "@pega/pcore-pconnect-typedefs": "~2.1.1",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.7",

package/tests/assets/components/create/Pega_DXIL_MyTestText/demo.stories.tsx CHANGED Viewed

@@ -51,7 +51,20 @@ export const BasePegaDxilMyTestText: Story = args => {
   return (
     <>
-      <PegaDxilMyTestText {...props} />
+      <PegaDxilMyTestText {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyTestText.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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/create/Pega_DXIL_MyTestText/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/Constellation/Pega_DXIL_MyBoolean/demo.stories.tsx CHANGED Viewed

@@ -61,7 +61,20 @@ export const BasePegaDxilMyBoolean: Story = args => {
   return (
     <>
-      <PegaDxilMyBoolean {...props} />
+      <PegaDxilMyBoolean {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyBoolean.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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_MyBoolean/mock.ts CHANGED Viewed

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

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

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyCurrency/demo.stories.tsx CHANGED Viewed

@@ -53,7 +53,20 @@ export const BasePegaDxilMyCurrency: Story = args => {
   return (
     <>
-      <PegaDxilMyCurrency {...props} />
+      <PegaDxilMyCurrency {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyCurrency.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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_MyCurrency/mock.ts CHANGED Viewed

@@ -9,7 +9,14 @@ export const configProps = {
   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/Constellation/Pega_DXIL_MyDate/demo.stories.tsx CHANGED Viewed

@@ -77,7 +77,20 @@ export const BasePegaDxilMyDate: Story = args => {
   return (
     <>
-      <PegaDxilMyDate {...props} />
+      <PegaDxilMyDate {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyDate.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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_MyDate/mock.ts CHANGED Viewed

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

@@ -76,7 +76,20 @@ export const BasePegaDxilMyDateTime: Story = args => {
   return (
     <>
-      <PegaDxilMyDateTime {...props} />
+      <PegaDxilMyDateTime {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyDateTime.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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_MyDateTime/mock.ts CHANGED Viewed

@@ -17,7 +17,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_MyDecimal/demo.stories.tsx CHANGED Viewed

@@ -49,7 +49,20 @@ export const BasePegaDxilMyDecimal: Story = args => {
   return (
     <>
-      <PegaDxilMyDecimal {...props} />
+      <PegaDxilMyDecimal {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyDecimal.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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_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/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx CHANGED Viewed

@@ -141,7 +141,12 @@ export const BasePegaDxilMyDetails: Story = args => {
   return (
     <>
-      <PegaDxilMyDetails {...props}>{regionAChildren}</PegaDxilMyDetails>
+      <PegaDxilMyDetails {...props} {...args}>{regionAChildren}</PegaDxilMyDetails>
     </>
   );
 };
+BasePegaDxilMyDetails.args = {
+  label: 'Test Details',
+  showLabel: true
+};

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

@@ -48,7 +48,20 @@ export const BasePegaDxilMyEmail: Story = args => {
   return (
     <>
-      <PegaDxilMyEmail {...props} />
+      <PegaDxilMyEmail {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyEmail.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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_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/Constellation/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/Constellation/Pega_DXIL_MyInteger/demo.stories.tsx CHANGED Viewed

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

@@ -6,7 +6,14 @@ export const configProps = {
   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/Constellation/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/Constellation/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Constellation/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/Constellation/Pega_DXIL_MyParagraph/demo.stories.tsx CHANGED Viewed

@@ -48,7 +48,20 @@ export const BasePegaDxilMyParagraph: Story = args => {
   return (
     <>
-      <PegaDxilMyParagraph {...props} />
+      <PegaDxilMyParagraph {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyParagraph.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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 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/Constellation/Pega_DXIL_MyPercentage/demo.stories.tsx CHANGED Viewed

@@ -49,7 +49,20 @@ export const BasePegaDxilMyPercentage: Story = args => {
   return (
     <>
-      <PegaDxilMyPercentage {...props} />
+      <PegaDxilMyPercentage {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyPercentage.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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 CHANGED Viewed

@@ -7,7 +7,14 @@ export const configProps = {
   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 CHANGED Viewed

@@ -46,7 +46,20 @@ export const BasePegaDxilMyPhone: Story = args => {
   return (
     <>
-      <PegaDxilMyPhone {...props} />
+      <PegaDxilMyPhone {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyPhone.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  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 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 = {