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/src/tasks/create/templates/Constellation/Field/Text-Phone/mock.ts.mustache 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/src/tasks/create/templates/Constellation/Field/Text-URL/demo.stories.tsx.mustache CHANGED Viewed

@@ -46,7 +46,21 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   return (
     <>
-      <{{COMPONENT_CLASS_NAME}} {...props} />
+      <{{COMPONENT_CLASS_NAME}} {...props} {...args} />
     </>
   );
 };
+Base{{COMPONENT_CLASS_NAME}}.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/src/tasks/create/templates/Constellation/Field/Text-URL/mock.ts.mustache 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 = {

package/src/tasks/create/templates/Constellation/Field/TimeofDay/demo.stories.tsx.mustache CHANGED Viewed

@@ -56,7 +56,21 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   return (
     <>
-      <{{COMPONENT_CLASS_NAME}} {...props} />
+      <{{COMPONENT_CLASS_NAME}} {...props} {...args} />
     </>
   );
 };
+Base{{COMPONENT_CLASS_NAME}}.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/src/tasks/create/templates/Constellation/Field/TimeofDay/mock.ts.mustache CHANGED Viewed

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

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

@@ -141,7 +141,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/DETAILS-region/demo.stories.tsx.mustache CHANGED Viewed

@@ -141,9 +141,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/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,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/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.49",
     "@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,21 @@ export const BasePegaDxilMyTestText: Story = args => {
   return (
     <>
-      <PegaDxilMyTestText {...props} />
+      <PegaDxilMyTestText {...props} {...args} />
     </>
   );
 };
+BasePegaDxilMyTestText.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/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,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/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,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/Constellation/Pega_DXIL_MyCurrency/index.tsx CHANGED Viewed

@@ -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/Constellation/Pega_DXIL_MyCurrency/mock.ts CHANGED Viewed

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

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

package/tests/assets/components/createAll/Constellation/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/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,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/Constellation/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/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
+};