@pega/custom-dx-components 0.23.48 → 0.23.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.48",
+  "version": "0.23.49",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/tasks/create/templates/Constellation/Field/Boolean/demo.stories.tsx.mustache

@@ -69,6 +69,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  caption: configProps.caption,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Date/demo.stories.tsx.mustache

@@ -85,6 +85,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showWeekNumber: configProps.showWeekNumber,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/DateTime/demo.stories.tsx.mustache

@@ -84,6 +84,8 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
+  showWeekNumber: configProps.showWeekNumber,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Decimal/demo.stories.tsx.mustache

@@ -57,6 +57,8 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/demo.stories.tsx.mustache

@@ -61,6 +61,10 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.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,

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/index.tsx.mustache

@@ -86,6 +86,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     displayMode === 'DISPLAY_ONLY'
   ) {
     let displayComp;
-    let { showGroupSeparators = false } = props;
+    // let { showGroupSeparators = false } = props;
     if (displayMode === 'LABELS_LEFT' && isTableFormatter) {
       noOfFractionDigits = undefined;
       showGroupSeparators = true;
@@ -245,6 +246,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       showDecimal={allowDecimals}
       currencyISOCode={currencyISOCode}
       alwaysShowISOCode={alwaysShowISOCode}
+      showGroupSeparators={showGroupSeparators}
       placeholder={placeholder}
       disabled={disabled}
       readOnly={readOnly}

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/mock.ts.mustache

@@ -5,6 +5,7 @@ export const configProps = {
   label: 'Currency Sample',
   currencyISOCode: 'USD',
   allowDecimals: true,
+  showGroupSeparators: true,
   alwaysShowISOCode: true,
   placeholder: 'Currency Placeholder',
   helperText: 'Currency Helper Text',

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/demo.stories.tsx.mustache

@@ -57,6 +57,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/mock.ts.mustache

@@ -4,7 +4,6 @@ export const configProps = {
   value: '',
   label: 'Percentage Sample',
   showGroupSeparators: true,
-  placeholder: 'Percentage Placeholder',
   helperText: 'Percentage Helper Text',
   testId: 'percentage-12345678',
   hasSuggestions: false,

package/src/tasks/create/templates/Constellation/Field/Integer/demo.stories.tsx.mustache

@@ -56,6 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Integer/mock.ts.mustache

@@ -3,7 +3,6 @@ export const configProps = {
   value: '',
   label: 'Integer Sample',
   showGroupSeparators: true,
-  placeholder: 'Integer Placeholder',
   helperText: 'Integer Helper Text',
   testId: 'integer-12345678',
   hasSuggestions: false,

package/src/tasks/create/templates/Constellation/Field/Picklist/demo.stories.tsx.mustache

@@ -86,6 +86,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/demo.stories.tsx.mustache

@@ -95,6 +95,8 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  isTableFormatter: false,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/demo.stories.tsx.mustache

@@ -23,11 +23,11 @@ export const Base{{COMPONENT_CLASS_NAME}}: 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,
@@ -90,6 +90,8 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  inline: configProps.inline,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/index.tsx.mustache

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

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/mock.ts.mustache

@@ -23,6 +23,7 @@ export const configProps = {
   testId: 'picklist-12345678',
   hasSuggestions: false,
   displayMode: '',
+  inline: false,
   hideLabel: false,
   readOnly: false,
   required: false,

package/src/tasks/create/templates/Constellation/Field/Text/demo.stories.tsx.mustache

@@ -59,6 +59,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Text-Email/demo.stories.tsx.mustache

@@ -56,6 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Text-Input/demo.stories.tsx.mustache

@@ -56,6 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/demo.stories.tsx.mustache

@@ -56,6 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Text-Phone/demo.stories.tsx.mustache

@@ -54,6 +54,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/src/tasks/create/templates/Constellation/Field/Text-URL/demo.stories.tsx.mustache

@@ -54,6 +54,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -64,6 +64,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -146,7 +146,4 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   );
 };
 
-Base{{COMPONENT_CLASS_NAME}}.args = {
-  label: 'Test Details',
-  showLabel: true
-};
+Base{{COMPONENT_CLASS_NAME}}.args = {};

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

@@ -148,8 +148,4 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   );
 };
 
-Base{{COMPONENT_CLASS_NAME}}.args = {
-  showHighlightedData: false,
-  label: 'Details Region',
-  showLabel: true
-};
+Base{{COMPONENT_CLASS_NAME}}.args = {};

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

@@ -78,8 +78,4 @@ return (
   );
 };
 
-Base{{COMPONENT_CLASS_NAME}}.args = {
-  updateDateTime: '2023-01-16T14:53:33.280Z',
-  createDateTime: '2023-01-16T14:53:33.198Z',
-  ...configProps
-};
+Base{{COMPONENT_CLASS_NAME}}.args = {};

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

@@ -68,7 +68,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.23.48",
+    "@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

@@ -59,6 +59,7 @@ export const BasePegaDxilMyTestText: Story = args => {
 BasePegaDxilMyTestText.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -69,6 +69,7 @@ export const BasePegaDxilMyBoolean: Story = args => {
 BasePegaDxilMyBoolean.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  caption: configProps.caption,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -61,6 +61,10 @@ export const BasePegaDxilMyCurrency: Story = 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,

package/tests/assets/components/createAll/Constellation/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/Constellation/Pega_DXIL_MyCurrency/mock.ts

@@ -5,6 +5,7 @@ export const configProps = {
   label: 'Currency Sample',
   currencyISOCode: 'USD',
   allowDecimals: true,
+  showGroupSeparators: true,
   alwaysShowISOCode: true,
   placeholder: 'Currency Placeholder',
   helperText: 'Currency Helper Text',

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

@@ -85,6 +85,7 @@ export const BasePegaDxilMyDate: Story = args => {
 BasePegaDxilMyDate.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showWeekNumber: configProps.showWeekNumber,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -84,6 +84,8 @@ export const BasePegaDxilMyDateTime: Story = args => {
 BasePegaDxilMyDateTime.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
+  showWeekNumber: configProps.showWeekNumber,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -57,6 +57,8 @@ export const BasePegaDxilMyDecimal: Story = args => {
 BasePegaDxilMyDecimal.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -146,7 +146,4 @@ export const BasePegaDxilMyDetails: Story = args => {
   );
 };
 
-BasePegaDxilMyDetails.args = {
-  label: 'Test Details',
-  showLabel: true
-};
+BasePegaDxilMyDetails.args = {};

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyEmail: Story = args => {
 BasePegaDxilMyEmail.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyInteger: Story = args => {
 BasePegaDxilMyInteger.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -3,7 +3,6 @@ export const configProps = {
   value: '',
   label: 'Integer Sample',
   showGroupSeparators: true,
-  placeholder: 'Integer Placeholder',
   helperText: 'Integer Helper Text',
   testId: 'integer-12345678',
   hasSuggestions: false,

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyParagraph: Story = args => {
 BasePegaDxilMyParagraph.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -57,6 +57,7 @@ export const BasePegaDxilMyPercentage: Story = args => {
 BasePegaDxilMyPercentage.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -4,7 +4,6 @@ export const configProps = {
   value: '',
   label: 'Percentage Sample',
   showGroupSeparators: true,
-  placeholder: 'Percentage Placeholder',
   helperText: 'Percentage Helper Text',
   testId: 'percentage-12345678',
   hasSuggestions: false,

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

@@ -54,6 +54,7 @@ export const BasePegaDxilMyPhone: Story = args => {
 BasePegaDxilMyPhone.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -86,6 +86,7 @@ export const BasePegaDxilMyPicklist: Story = args => {
 BasePegaDxilMyPicklist.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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,
@@ -90,6 +90,8 @@ export const BasePegaDxilMyRadiobuttons: Story = args => {
 BasePegaDxilMyRadiobuttons.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  inline: configProps.inline,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -23,6 +23,7 @@ export const configProps = {
   testId: 'picklist-12345678',
   hasSuggestions: false,
   displayMode: '',
+  inline: false,
   hideLabel: false,
   readOnly: false,
   required: false,

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

@@ -95,6 +95,8 @@ export const BasePegaDxilMySearchbox: Story = args => {
 BasePegaDxilMySearchbox.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  isTableFormatter: false,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -59,6 +59,7 @@ export const BasePegaDxilMyText: Story = args => {
 BasePegaDxilMyText.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyTextInput: Story = args => {
 BasePegaDxilMyTextInput.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -64,6 +64,7 @@ export const BasePegaDxilMyTimeOfDay: Story = args => {
 BasePegaDxilMyTimeOfDay.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -148,8 +148,4 @@ export const BasePegaDxilMyTwoColumnDetails: Story = args => {
   );
 };
 
-BasePegaDxilMyTwoColumnDetails.args = {
-  showHighlightedData: false,
-  label: 'Details Region',
-  showLabel: true
-};
+BasePegaDxilMyTwoColumnDetails.args = {};

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

@@ -54,6 +54,7 @@ export const BasePegaDxilMyUrl: Story = args => {
 BasePegaDxilMyUrl.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -69,6 +69,7 @@ export const BasePegaDxilMyBoolean: Story = args => {
 BasePegaDxilMyBoolean.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  caption: configProps.caption,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -61,6 +61,10 @@ export const BasePegaDxilMyCurrency: Story = 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,

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,6 +5,7 @@ export const configProps = {
   label: 'Currency Sample',
   currencyISOCode: 'USD',
   allowDecimals: true,
+  showGroupSeparators: true,
   alwaysShowISOCode: true,
   placeholder: 'Currency Placeholder',
   helperText: 'Currency Helper Text',

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

@@ -85,6 +85,7 @@ export const BasePegaDxilMyDate: Story = args => {
 BasePegaDxilMyDate.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showWeekNumber: configProps.showWeekNumber,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -84,6 +84,8 @@ export const BasePegaDxilMyDateTime: Story = args => {
 BasePegaDxilMyDateTime.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
+  showWeekNumber: configProps.showWeekNumber,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -57,6 +57,8 @@ export const BasePegaDxilMyDecimal: Story = args => {
 BasePegaDxilMyDecimal.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -146,7 +146,4 @@ export const BasePegaDxilMyDetails: Story = args => {
   );
 };
 
-BasePegaDxilMyDetails.args = {
-  label: 'Test Details',
-  showLabel: true
-};
+BasePegaDxilMyDetails.args = {};

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyEmail: Story = args => {
 BasePegaDxilMyEmail.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyInteger: Story = args => {
 BasePegaDxilMyInteger.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -3,7 +3,6 @@ export const configProps = {
   value: '',
   label: 'Integer Sample',
   showGroupSeparators: true,
-  placeholder: 'Integer Placeholder',
   helperText: 'Integer Helper Text',
   testId: 'integer-12345678',
   hasSuggestions: false,

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

@@ -78,8 +78,4 @@ return (
   );
 };
 
-BasePegaDxilMyPageCaseWidget.args = {
-  updateDateTime: '2023-01-16T14:53:33.280Z',
-  createDateTime: '2023-01-16T14:53:33.198Z',
-  ...configProps
-};
+BasePegaDxilMyPageCaseWidget.args = {};

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyParagraph: Story = args => {
 BasePegaDxilMyParagraph.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -57,6 +57,7 @@ export const BasePegaDxilMyPercentage: Story = args => {
 BasePegaDxilMyPercentage.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -4,7 +4,6 @@ export const configProps = {
   value: '',
   label: 'Percentage Sample',
   showGroupSeparators: true,
-  placeholder: 'Percentage Placeholder',
   helperText: 'Percentage Helper Text',
   testId: 'percentage-12345678',
   hasSuggestions: false,

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

@@ -54,6 +54,7 @@ export const BasePegaDxilMyPhone: Story = args => {
 BasePegaDxilMyPhone.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -86,6 +86,7 @@ export const BasePegaDxilMyPicklist: Story = args => {
 BasePegaDxilMyPicklist.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/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,
@@ -90,6 +90,8 @@ export const BasePegaDxilMyRadiobuttons: Story = args => {
 BasePegaDxilMyRadiobuttons.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  inline: configProps.inline,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/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/Launchpad/Pega_DXIL_MyRadioButtons/mock.ts

@@ -23,6 +23,7 @@ export const configProps = {
   testId: 'picklist-12345678',
   hasSuggestions: false,
   displayMode: '',
+  inline: false,
   hideLabel: false,
   readOnly: false,
   required: false,

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

@@ -95,6 +95,8 @@ export const BasePegaDxilMySearchbox: Story = args => {
 BasePegaDxilMySearchbox.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  isTableFormatter: false,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -59,6 +59,7 @@ export const BasePegaDxilMyText: Story = args => {
 BasePegaDxilMyText.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -56,6 +56,7 @@ export const BasePegaDxilMyTextInput: Story = args => {
 BasePegaDxilMyTextInput.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -64,6 +64,7 @@ export const BasePegaDxilMyTimeOfDay: Story = args => {
 BasePegaDxilMyTimeOfDay.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -148,8 +148,4 @@ export const BasePegaDxilMyTwoColumnDetails: Story = args => {
   );
 };
 
-BasePegaDxilMyTwoColumnDetails.args = {
-  showHighlightedData: false,
-  label: 'Details Region',
-  showLabel: true
-};
+BasePegaDxilMyTwoColumnDetails.args = {};

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

@@ -54,6 +54,7 @@ export const BasePegaDxilMyUrl: Story = args => {
 BasePegaDxilMyUrl.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,