@pega/dx-component-builder-sdk 0.23.14 → 0.23.15

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDateTime/demo.stories.tsx

@@ -4,19 +4,18 @@ import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyDateTime from './index';
 import { configProps, stateProps } from './mock';
 
-
 window.PCore = {
   ...window.PCore,
   getEnvironmentInfo: (): any => {
-  return {
-    getUseLocale: () => {
-      return 'en-GB';
-    },
-    getLocale: () => {
-      return 'en-GB';
-    }
-  };
-}
+    return {
+      getUseLocale: () => {
+        return 'en-GB';
+      },
+      getLocale: () => {
+        return 'en-GB';
+      }
+    };
+  }
 };
 
 const meta: Meta<typeof PegaDxilMyDateTime> = {
@@ -28,7 +27,7 @@ const meta: Meta<typeof PegaDxilMyDateTime> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyDateTime>;
 
-export const BasePegaDxilMyDateTime: Story = (args) => {
+export const BasePegaDxilMyDateTime: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -40,7 +39,9 @@ export const BasePegaDxilMyDateTime: Story = (args) => {
             updateFieldValue: (propName, theValue) => {
               setValue(theValue);
             },
-            triggerFieldChange: () => {/* nothing */}
+            triggerFieldChange: () => {
+              /* nothing */
+            }
           };
         },
         getStateProps: () => {
@@ -53,7 +54,7 @@ export const BasePegaDxilMyDateTime: Story = (args) => {
     }
   };
 
-  return <PegaDxilMyDateTime {...props} {...args} />
+  return <PegaDxilMyDateTime {...props} {...args} />;
 };
 
 BasePegaDxilMyDateTime.args = {
@@ -66,5 +67,5 @@ BasePegaDxilMyDateTime.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDateTime/index.tsx

@@ -12,11 +12,9 @@ interface PegaDxilMyDateTimeProps extends PConnFieldProps {
   // If any, enter additional props that only exist on this componentName
 }
 
-
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyDateTime(props: PegaDxilMyDateTimeProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const TextInput = getComponentFromMap('TextInput');
@@ -88,26 +86,26 @@ export default function PegaDxilMyDateTime(props: PegaDxilMyDateTimeProps) {
   return (
     <StyledPegaDxilMyDateTimeWrapper>
       <MuiPickersUtilsProvider utils={DayjsUtils}>
-    <KeyboardDateTimePicker
-      variant='inline'
-      inputVariant='outlined'
-      fullWidth
-      autoOk
-      required={required}
-      disabled={disabled}
-      placeholder={`${dateFormatInfo.dateFormatStringLC} hh:mm a`}
-      format={`${dateFormatInfo.dateFormatString} hh:mm a`}
-      mask={`${dateFormatInfo.dateFormatMask} __:__ _m`}
-      minutesStep={5}
-      error={status === 'error'}
-      helperText={helperTextToDisplay}
-      size='small'
-      label={label}
-      value={value || null}
-      onChange={handleChange}
-      onAccept={handleAccept}
-      data-test-id={testId}
-    />
+        <KeyboardDateTimePicker
+          variant='inline'
+          inputVariant='outlined'
+          fullWidth
+          autoOk
+          required={required}
+          disabled={disabled}
+          placeholder={`${dateFormatInfo.dateFormatStringLC} hh:mm a`}
+          format={`${dateFormatInfo.dateFormatString} hh:mm a`}
+          mask={`${dateFormatInfo.dateFormatMask} __:__ _m`}
+          minutesStep={5}
+          error={status === 'error'}
+          helperText={helperTextToDisplay}
+          size='small'
+          label={label}
+          value={value || null}
+          onChange={handleChange}
+          onAccept={handleAccept}
+          data-test-id={testId}
+        />
      </MuiPickersUtilsProvider>
     </StyledPegaDxilMyDateTimeWrapper>
   );

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDecimal/demo.stories.tsx

@@ -7,15 +7,15 @@ import { configProps, fieldMetadata } from './mock';
 window.PCore = {
   ...window.PCore,
   getEnvironmentInfo: (): any => {
-  return {
-    getUseLocale: () => {
-      return 'en-GB';
-    },
-    getLocale: () => {
-      return 'en-GB';
-    }
-  };
-}
+    return {
+      getUseLocale: () => {
+        return 'en-GB';
+      },
+      getLocale: () => {
+        return 'en-GB';
+      }
+    };
+  }
 };
 
 const meta: Meta<typeof PegaDxilMyDecimal> = {
@@ -27,7 +27,7 @@ const meta: Meta<typeof PegaDxilMyDecimal> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyDecimal>;
 
-export const BasePegaDxilMyDecimal: Story = (args) => {
+export const BasePegaDxilMyDecimal: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -41,7 +41,9 @@ export const BasePegaDxilMyDecimal: Story = (args) => {
             updateFieldValue: (propName, theValue) => {
               setValue(theValue?.toString());
             },
-            triggerFieldChange: () => {/* nothing */}
+            triggerFieldChange: () => {
+              /* nothing */
+            }
           };
         },
         getStateProps: () => {
@@ -60,7 +62,7 @@ export const BasePegaDxilMyDecimal: Story = (args) => {
     }
   };
 
-  return <PegaDxilMyDecimal {...props} {...args} />
+  return <PegaDxilMyDecimal {...props} {...args} />;
 };
 
 BasePegaDxilMyDecimal.args = {
@@ -73,6 +75,5 @@ BasePegaDxilMyDecimal.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };
-

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDecimal/index.tsx

@@ -3,7 +3,7 @@ import CurrencyTextField from '@unicef/material-ui-currency-textfield';
 
 import { getCurrencyCharacters, getCurrencyOptions } from '@pega/react-sdk-components/lib/components/field/Currency/currency-utils.js';
 import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
-import { format } from "@pega/react-sdk-components/lib/components/helpers/formatters";
+import { format } from '@pega/react-sdk-components/lib/components/helpers/formatters';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 import StyledPegaDxilMyDecimalWrapper from './styles';
@@ -20,7 +20,6 @@ interface PegaDxilMyDecimalProps extends PConnFieldProps {
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyDecimal(props: PegaDxilMyDecimalProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const FieldValueList = getComponentFromMap('FieldValueList');

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyEmail/demo.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof PegaDxilMyEmail> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyEmail>;
 
-export const BasePegaDxilMyEmail: Story = (args) => {
+export const BasePegaDxilMyEmail: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -33,8 +33,12 @@ export const BasePegaDxilMyEmail: Story = (args) => {
         }
       };
     },
-    onChange: (event) => { setValue(event.target.value); },
-    onBlur: () => { return configProps.value; }
+    onChange: event => {
+      setValue(event.target.value);
+    },
+    onBlur: () => {
+      return configProps.value;
+    }
   };
   return <PegaDxilMyEmail {...props} {...args} />;
 };
@@ -49,5 +53,5 @@ BasePegaDxilMyEmail.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyEmail/index.tsx

@@ -12,7 +12,6 @@ interface PegaDxilMyEmailProps extends PConnFieldProps {
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyEmail(props: PegaDxilMyEmailProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const TextInput = getComponentFromMap('TextInput');
@@ -56,29 +55,29 @@ export default function PegaDxilMyEmail(props: PegaDxilMyEmailProps) {
 
   return (
     <StyledPegaDxilMyEmailWrapper>
-    <TextField
-      fullWidth
-      variant='outlined'
-      helperText={helperTextToDisplay}
-      placeholder={placeholder ?? ''}
-      size='small'
-      required={required}
-      disabled={disabled}
-      onChange={onChange}
-      onBlur={!readOnly ? onBlur : undefined}
-      error={status === 'error'}
-      label={label}
-      value={value}
-      type='email'
-      InputProps={{
-        startAdornment: (
-          <InputAdornment position='start'>
-            <MailOutlineIcon />
-          </InputAdornment>
-        ),
-        inputProps: { ...testProp }
-      }}
-    />
+      <TextField
+        fullWidth
+        variant='outlined'
+        helperText={helperTextToDisplay}
+        placeholder={placeholder ?? ''}
+        size='small'
+        required={required}
+        disabled={disabled}
+        onChange={onChange}
+        onBlur={!readOnly ? onBlur : undefined}
+        error={status === 'error'}
+        label={label}
+        value={value}
+        type='email'
+        InputProps={{
+          startAdornment: (
+            <InputAdornment position='start'>
+              <MailOutlineIcon />
+            </InputAdornment>
+          ),
+          inputProps: { ...testProp }
+        }}
+      />
     </StyledPegaDxilMyEmailWrapper>
   );
 }

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyInteger/demo.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof PegaDxilMyInteger> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyInteger>;
 
-export const BasePegaDxilMyInteger: Story = (args) => {
+export const BasePegaDxilMyInteger: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -42,7 +42,7 @@ export const BasePegaDxilMyInteger: Story = (args) => {
     }
   };
 
-  return <PegaDxilMyInteger {...props} {...args}/>;
+  return <PegaDxilMyInteger {...props} {...args} />;
 };
 
 BasePegaDxilMyInteger.args = {
@@ -55,5 +55,5 @@ BasePegaDxilMyInteger.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyInteger/index.tsx

@@ -11,7 +11,6 @@ interface PegaDxilMyIntegerProps extends PConnFieldProps {
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const TextInput = getComponentFromMap('TextInput');

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyParagraph/demo.stories.tsx

@@ -14,7 +14,7 @@ const meta: Meta<typeof PegaDxilMyParagraph> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyParagraph>;
 
-export const BasePegaDxilMyParagraph: Story = (args) => {
+export const BasePegaDxilMyParagraph: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -35,8 +35,12 @@ export const BasePegaDxilMyParagraph: Story = (args) => {
         }
       };
     },
-    onChange: (event) => { setValue(event.target.value); },
-    onBlur: () => { return configProps.value; }
+    onChange: event => {
+      setValue(event.target.value);
+    },
+    onBlur: () => {
+      return configProps.value;
+    }
   };
 
   return <PegaDxilMyParagraph {...props} {...args} />;
@@ -52,6 +56,5 @@ BasePegaDxilMyParagraph.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };
-

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyParagraph/index.tsx

@@ -13,7 +13,6 @@ interface PegaDxilMyParagraphProps extends PConnFieldProps {
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyParagraph(props: PegaDxilMyParagraphProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const FieldValueList = getComponentFromMap('FieldValueList');
@@ -63,24 +62,24 @@ export default function PegaDxilMyParagraph(props: PegaDxilMyParagraphProps) {
 
   return (
     <StyledPegaDxilMyParagraphWrapper>
-    <TextField
-      multiline
-      minRows={5}
-      maxRows={5}
-      fullWidth
-      variant={readOnly ? 'standard' : 'outlined'}
-      helperText={helperTextToDisplay}
-      placeholder={placeholder ?? ''}
-      size='small'
-      required={required}
-      disabled={disabled}
-      onChange={onChange}
-      onBlur={!readOnly ? onBlur : undefined}
-      error={status === 'error'}
-      label={label}
-      value={value}
-      InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}
-    />
+      <TextField
+        multiline
+        minRows={5}
+        maxRows={5}
+        fullWidth
+        variant={readOnly ? 'standard' : 'outlined'}
+        helperText={helperTextToDisplay}
+        placeholder={placeholder ?? ''}
+        size='small'
+        required={required}
+        disabled={disabled}
+        onChange={onChange}
+        onBlur={!readOnly ? onBlur : undefined}
+        error={status === 'error'}
+        label={label}
+        value={value}
+        InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}
+      />
      </StyledPegaDxilMyParagraphWrapper>
   );
 }

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPercentage/demo.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof PegaDxilMyPercentage> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPercentage>;
 
-export const BasePegaDxilMyPercentage: Story = (args) => {
+export const BasePegaDxilMyPercentage: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -55,5 +55,5 @@ BasePegaDxilMyPercentage.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPercentage/index.tsx

@@ -27,7 +27,6 @@ interface PegaDxilMyPercentageProps extends PConnFieldProps {
 }
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const TextInput = getComponentFromMap('TextInput');

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPhone/demo.stories.tsx

@@ -13,9 +13,9 @@ const meta: Meta<typeof PegaDxilMyPhone> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPhone>;
 
-export const BasePegaDxilMyPhone: Story = (args) => {
+export const BasePegaDxilMyPhone: Story = args => {
   const [value, setValue] = useState(configProps.value);
- 
+
   const props = {
     value,
     placeholder: configProps.placeholder,
@@ -36,7 +36,9 @@ export const BasePegaDxilMyPhone: Story = (args) => {
     onChange: phone => {
       setValue(phone.value);
     },
-    onBlur: () => { return configProps.value; }
+    onBlur: () => {
+      return configProps.value;
+    }
   };
 
   return <PegaDxilMyPhone {...props} {...args} />;
@@ -52,5 +54,5 @@ BasePegaDxilMyPhone.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPhone/index.tsx

@@ -12,7 +12,6 @@ interface PegaDxilMyPhoneProps extends PConnFieldProps {
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const FieldValueList = getComponentFromMap('FieldValueList');
@@ -54,23 +53,23 @@ export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
     return (
       <div>
         <StyledPegaDxilMyPhoneWrapper>
-        <MuiPhoneNumber
-          fullWidth
-          helperText={helperTextToDisplay}
-          placeholder={placeholder ?? ''}
-          size='small'
-          required={required}
-          disabled={disabled}
-          onChange={onChange}
-          error={status === 'error'}
-          label={label}
-          value={value}
-          InputProps={{
-            readOnly: true,
-            inputProps: { ...testProp }
-          }}
-          disableDropdown={disableDropdown}
-        />
+          <MuiPhoneNumber
+            fullWidth
+            helperText={helperTextToDisplay}
+            placeholder={placeholder ?? ''}
+            size='small'
+            required={required}
+            disabled={disabled}
+            onChange={onChange}
+            error={status === 'error'}
+            label={label}
+            value={value}
+            InputProps={{
+              readOnly: true,
+              inputProps: { ...testProp }
+            }}
+            disableDropdown={disableDropdown}
+          />
          </StyledPegaDxilMyPhoneWrapper>
       </div>
     );
@@ -90,22 +89,22 @@ export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
 
   return (
     <StyledPegaDxilMyPhoneWrapper>
-    <MuiPhoneNumber
-      fullWidth
-      variant='outlined'
-      helperText={helperTextToDisplay}
-      placeholder={placeholder ?? ''}
-      size='small'
-      defaultCountry='us'
-      required={required}
-      disabled={disabled}
-      onChange={handleChange}
-      onBlur={!readOnly ? handleBlur : undefined}
-      error={status === 'error'}
-      label={label}
-      value={value}
-      InputProps={{ ...testProp }}
-    />
+      <MuiPhoneNumber
+        fullWidth
+        variant='outlined'
+        helperText={helperTextToDisplay}
+        placeholder={placeholder ?? ''}
+        size='small'
+        defaultCountry='us'
+        required={required}
+        disabled={disabled}
+        onChange={handleChange}
+        onBlur={!readOnly ? handleBlur : undefined}
+        error={status === 'error'}
+        label={label}
+        value={value}
+        InputProps={{ ...testProp }}
+      />
     </StyledPegaDxilMyPhoneWrapper>
   );
 }

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPicklist/demo.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof PegaDxilMyPicklist> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPicklist>;
 
-export const BasePegaDxilMyPicklist: Story = (args) => {
+export const BasePegaDxilMyPicklist: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -72,6 +72,5 @@ BasePegaDxilMyPicklist.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage,
+  validatemessage: configProps.validatemessage
 };
-

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPicklist/index.tsx

@@ -62,7 +62,6 @@ interface PegaDxilMyPicklistProps extends PConnFieldProps {
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
 export default function PegaDxilMyPicklist(props: PegaDxilMyPicklistProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const FieldValueList = getComponentFromMap('FieldValueList');

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyRadiobuttons/demo.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof PegaDxilMyRadiobuttons> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyRadiobuttons>;
 
-export const BasePegaDxilMyRadiobuttons: Story = (args) => {
+export const BasePegaDxilMyRadiobuttons: Story = args => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -46,7 +46,9 @@ export const BasePegaDxilMyRadiobuttons: Story = (args) => {
         },
         getValidationApi: () => {
           return {
-            validate: () => {/* nothing */}
+            validate: () => {
+              /* nothing */
+            }
           };
         },
         getCaseInfo: () => {
@@ -79,5 +81,5 @@ BasePegaDxilMyRadiobuttons.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage, 
-}
+  validatemessage: configProps.validatemessage
+};