@pega/sdk 0.0.3 → 0.0.5

package/templates/react-sdk-reference/src/components/field/SemanticLink/SemanticLink.tsx

@@ -6,7 +6,7 @@ import type { PConnFieldProps } from '@pega/sdk-react';
 import semanticUtils from './utils';
 
 // eslint-disable-next-line
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   root: {
     paddingRight: theme.spacing(1),
     paddingLeft: theme.spacing(1),
@@ -15,7 +15,7 @@ const useStyles = makeStyles(theme => ({
     marginRight: theme.spacing(1),
     marginLeft: theme.spacing(1),
     marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1)
+    marginBottom: theme.spacing(1),
   },
   fieldMargin: {
     paddingRight: theme.spacing(1),
@@ -25,16 +25,16 @@ const useStyles = makeStyles(theme => ({
     marginRight: theme.spacing(1),
     marginLeft: theme.spacing(1),
     marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1)
+    marginBottom: theme.spacing(1),
   },
   fieldLabel: {
     fontWeight: 400,
-    color: theme.palette.text.secondary
+    color: theme.palette.text.secondary,
   },
   fieldValue: {
     fontWeight: 400,
-    color: theme.palette.text.primary
-  }
+    color: theme.palette.text.primary,
+  },
 }));
 
 interface SemanticLinkProps extends PConnFieldProps {
@@ -72,14 +72,14 @@ export default function SemanticLink(props: SemanticLinkProps) {
   const {
     RESOURCE_TYPES: { DATA },
     WORKCLASS,
-    CASE_INFO: { CASE_INFO_CLASSID }
+    CASE_INFO: { CASE_INFO_CLASSID },
   } = PCore.getConstants();
 
   let linkURL = '';
   let payload = {};
   let dataViewName;
   let linkComponentProps = {
-    href: linkURL
+    href: linkURL,
   };
   if (text) {
     (linkComponentProps as any).href = linkURL;
@@ -106,21 +106,23 @@ export default function SemanticLink(props: SemanticLinkProps) {
           const paramValue = parameters[param];
           return {
             ...acc,
-            [param]: PCore.getAnnotationUtils().isProperty(paramValue) ? content[PCore.getAnnotationUtils().getPropertyName(paramValue)] : paramValue
+            [param]: PCore.getAnnotationUtils().isProperty(paramValue)
+              ? content[PCore.getAnnotationUtils().getPropertyName(paramValue)]
+              : paramValue,
           };
         }, {});
       }
       getPConnect()
         .getActionsApi()
         .showData('pyDetails', lookUpDataPage, {
-          ...payload
+          ...payload,
         });
     }
     if ((referenceType && referenceType.toUpperCase() === DATA) || shouldTreatAsDataReference) {
       getPConnect()
         .getActionsApi()
         .showData('pyDetails', dataViewName, {
-          ...payload
+          ...payload,
         });
     }
   }
@@ -161,7 +163,9 @@ export default function SemanticLink(props: SemanticLinkProps) {
         const paramValue = parameters[param];
         return {
           ...acc,
-          [param]: PCore.getAnnotationUtils().isProperty(paramValue) ? content[PCore.getAnnotationUtils().getPropertyName(paramValue)] : paramValue
+          [param]: PCore.getAnnotationUtils().isProperty(paramValue)
+            ? content[PCore.getAnnotationUtils().getPropertyName(paramValue)]
+            : paramValue,
         };
       }, {});
     } else {
@@ -169,7 +173,7 @@ export default function SemanticLink(props: SemanticLinkProps) {
       payload = keysInfo.reduce((acc, curr) => {
         return {
           ...acc,
-          [curr.keyName]: content[curr.isAlternateKeyStorage ? curr.linkedField : curr.keyName]
+          [curr.keyName]: content[curr.isAlternateKeyStorage ? curr.linkedField : curr.keyName],
         };
       }, {});
     }
@@ -180,28 +184,33 @@ export default function SemanticLink(props: SemanticLinkProps) {
       ACTION_SHOWDATA,
       { pageName: 'pyDetails', dataViewName },
       {
-        ...payload
-      }
+        ...payload,
+      },
     );
   } else {
     // BUG-678282 fix to handle scenario when workID was not populated.
     // Check renderParentLink in Caseview / CasePreview
-    resourceParams.objectID = resourceParams.workID === '' && typeof previewKey === 'string' ? previewKey.split(' ')[1] : resourceParams.workID;
+    resourceParams.objectID =
+      resourceParams.workID === '' && typeof previewKey === 'string' ? previewKey.split(' ')[1] : resourceParams.workID;
     if (previewKey) {
       resourceParams.id = previewKey;
     }
-    linkURL = PCore.getSemanticUrlUtils().getResolvedSemanticURL(ACTION_OPENWORKBYHANDLE, resourcePayload, resourceParams);
+    linkURL = PCore.getSemanticUrlUtils().getResolvedSemanticURL(
+      ACTION_OPENWORKBYHANDLE,
+      resourcePayload,
+      resourceParams,
+    );
   }
 
   if (text) {
     linkComponentProps = {
       ...linkComponentProps,
-      href: linkURL
+      href: linkURL,
     };
   }
 
   return (
-    <Link component='button' {...linkComponentProps} {...restProps} onClick={openLinkClick} data-testid={testId}>
+    <Link component="button" {...linkComponentProps} {...restProps} onClick={openLinkClick} data-testid={testId}>
       {text || '--'}
     </Link>
   );

package/templates/react-sdk-reference/src/components/field/SemanticLink/utils.ts

@@ -33,7 +33,9 @@ function getDataReferenceInfo(pConnect, dataRelationshipContext) {
     for (const [key, value] of Object.entries(parameters)) {
       const property =
         // @ts-expect-error - Property 'getLeafPropertyName' is private and only accessible within class 'AnnotationUtils'
-        dataRelationshipContext !== null ? annotationUtils.getPropertyName(value as string) : annotationUtils.getLeafPropertyName(value);
+        dataRelationshipContext !== null
+          ? annotationUtils.getPropertyName(value as string)
+          : annotationUtils.getLeafPropertyName(value);
       payload[key] = pConnect.getValue(`.${property}`);
     }
     return { dataContext, dataContextParameters: payload };

package/templates/react-sdk-reference/src/components/field/TextArea/TextArea.tsx

@@ -28,7 +28,7 @@ export default function TextArea(props: TextAreaProps) {
     helperText,
     displayMode,
     hideLabel,
-    placeholder
+    placeholder,
   } = props;
   const helperTextToDisplay = validatemessage || helperText;
   const pConn = getPConnect();
@@ -49,7 +49,7 @@ export default function TextArea(props: TextAreaProps) {
   }
 
   if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;
+    return <FieldValueList name={hideLabel ? '' : label} value={value} variant="stacked" />;
   }
 
   if (readOnly) {
@@ -78,7 +78,7 @@ export default function TextArea(props: TextAreaProps) {
       variant={readOnly ? 'standard' : 'outlined'}
       helperText={helperTextToDisplay}
       placeholder={placeholder ?? ''}
-      size='small'
+      size="small"
       required={required}
       disabled={disabled}
       onChange={handleChange}
@@ -87,7 +87,7 @@ export default function TextArea(props: TextAreaProps) {
       label={label}
       value={inputValue}
       slotProps={{
-        input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } }
+        input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } },
       }}
     />
   );

package/templates/react-sdk-reference/src/components/field/TextInput/TextInput.tsx

@@ -29,7 +29,7 @@ export default function TextInput(props: TextInputProps) {
     helperText,
     displayMode,
     hideLabel,
-    placeholder
+    placeholder,
   } = props;
 
   const pConn = getPConnect();
@@ -52,7 +52,7 @@ export default function TextInput(props: TextInputProps) {
   }
 
   if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;
+    return <FieldValueList name={hideLabel ? '' : label} value={value} variant="stacked" />;
   }
 
   if (readOnly) {
@@ -76,7 +76,7 @@ export default function TextInput(props: TextInputProps) {
       variant={readOnly ? 'standard' : 'outlined'}
       helperText={helperTextToDisplay}
       placeholder={placeholder ?? ''}
-      size='small'
+      size="small"
       required={required}
       disabled={disabled}
       onChange={handleChange}
@@ -85,7 +85,7 @@ export default function TextInput(props: TextInputProps) {
       label={label}
       value={inputValue}
       slotProps={{
-        input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } }
+        input: { ...readOnlyProp, inputProps: { maxLength, ...testProps } },
       }}
     />
   );

package/templates/react-sdk-reference/src/components/field/Time/Time.tsx

@@ -15,7 +15,20 @@ export default function Time(props: TimeProps) {
   const FieldValueList = getComponentFromRegistry('FieldValueList');
   const TextInput = getComponentFromRegistry('TextInput');
 
-  const { getPConnect, label, required, disabled, value = '', validatemessage, status, readOnly, helperText, displayMode, hideLabel, testId } = props;
+  const {
+    getPConnect,
+    label,
+    required,
+    disabled,
+    value = '',
+    validatemessage,
+    status,
+    readOnly,
+    helperText,
+    displayMode,
+    hideLabel,
+    testId,
+  } = props;
   const helperTextToDisplay = validatemessage || helperText;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
@@ -25,7 +38,7 @@ export default function Time(props: TimeProps) {
   }
 
   if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;
+    return <FieldValueList name={hideLabel ? '' : label} value={value} variant="stacked" />;
   }
 
   if (readOnly) {
@@ -34,14 +47,14 @@ export default function Time(props: TimeProps) {
 
   const testProps: any = { 'data-test-id': testId };
 
-  const handleChange = date => {
+  const handleChange = (date) => {
     const theValue = date && date.isValid() ? date.format('HH:mm:ss') : null;
     handleEvent(actions, 'changeNblur', propName, theValue);
   };
 
   let timeValue: any = null;
   if (value && Object.keys(value).length) {
-    const timeArray = value.split(':').map(itm => Number(itm));
+    const timeArray = value.split(':').map((itm) => Number(itm));
     timeValue = dayjs().hour(timeArray[0]).minute(timeArray[1]);
   }
 
@@ -60,7 +73,7 @@ export default function Time(props: TimeProps) {
       label={label}
       // autoOk
       // mask='__:__ _m'
-      format='hh:mm a'
+      format="hh:mm a"
       value={timeValue}
       onChange={handleChange}
       slotProps={{
@@ -71,8 +84,8 @@ export default function Time(props: TimeProps) {
           error: status === 'error',
           helperText: helperTextToDisplay,
           size: 'small',
-          InputProps: { ...testProps }
-        }
+          InputProps: { ...testProps },
+        },
       }}
     />
   );

package/templates/react-sdk-reference/src/components/field/URL/URL.tsx

@@ -30,7 +30,7 @@ export default function URLComponent(props: URLComponentProps) {
     helperText,
     displayMode,
     hideLabel,
-    placeholder
+    placeholder,
   } = props;
   const helperTextToDisplay = validatemessage || helperText;
 
@@ -49,7 +49,7 @@ export default function URLComponent(props: URLComponentProps) {
   }
 
   if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;
+    return <FieldValueList name={hideLabel ? '' : label} value={value} variant="stacked" />;
   }
 
   if (readOnly) {
@@ -58,7 +58,7 @@ export default function URLComponent(props: URLComponentProps) {
 
   const testProps: any = { 'data-test-id': testId };
 
-  const handleChange = event => {
+  const handleChange = (event) => {
     setInputValue(event?.target?.value);
   };
 
@@ -68,12 +68,12 @@ export default function URLComponent(props: URLComponentProps) {
 
   return (
     <TextField
-      type='url'
+      type="url"
       fullWidth
-      variant='outlined'
+      variant="outlined"
       helperText={helperTextToDisplay}
       placeholder={placeholder ?? ''}
-      size='small'
+      size="small"
       required={required}
       disabled={disabled}
       onChange={handleChange}
@@ -82,7 +82,7 @@ export default function URLComponent(props: URLComponentProps) {
       label={label}
       value={inputValue}
       slotProps={{
-        input: { inputProps: { ...testProps } }
+        input: { inputProps: { ...testProps } },
       }}
     />
   );

package/templates/react-sdk-reference/src/components/field/UserReference/UserReference.tsx

@@ -53,7 +53,7 @@ const UserReference = (props: UserReferenceProps) => {
     disabled = false,
     onChange,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    variant = 'inline'
+    variant = 'inline',
   } = props;
   const [dropDownDataSource, setDropDownDataSource] = useState([]);
   const [userName, setUserName] = useState('');
@@ -76,19 +76,19 @@ const UserReference = (props: UserReferenceProps) => {
       }
     } else if (displayAs === DROPDOWN_LIST) {
       const queryPayload = {
-        dataViewName: OPERATORS_DP
+        dataViewName: OPERATORS_DP,
       };
 
       PCore.getRestClient()
         .invokeRestApi('getListData', { queryPayload })
-        .then(res => {
-          const ddDataSource = res.data.data.map(listItem => ({
+        .then((res) => {
+          const ddDataSource = res.data.data.map((listItem) => ({
             key: listItem.pyUserIdentifier,
-            value: listItem.pyUserName
+            value: listItem.pyUserName,
           }));
           setDropDownDataSource(ddDataSource);
         })
-        .catch(err => {
+        .catch((err) => {
           console.error(err);
         });
     }
@@ -101,7 +101,7 @@ const UserReference = (props: UserReferenceProps) => {
   }
 
   if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} variant='stacked' />;
+    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} variant="stacked" />;
   }
 
   if (readOnly && showAsFormattedText) {
@@ -112,8 +112,8 @@ const UserReference = (props: UserReferenceProps) => {
             TODO: This has to be replaced with Operator Component
           */}
           <div>
-            <Typography variant='caption'>{label}</Typography>
-            <Typography variant='body1'>{userName}</Typography>
+            <Typography variant="caption">{label}</Typography>
+            <Typography variant="body1">{userName}</Typography>
           </div>
         </>
       );
@@ -125,7 +125,7 @@ const UserReference = (props: UserReferenceProps) => {
           value: 'pyUserName',
           display: 'true',
           useForSearch: true,
-          primary: 'true'
+          primary: 'true',
         },
         {
           value: 'pyUserIdentifier',
@@ -133,8 +133,8 @@ const UserReference = (props: UserReferenceProps) => {
           key: 'true',
           display: 'true',
           secondary: 'true',
-          useForSearch: 'true'
-        }
+          useForSearch: 'true',
+        },
       ];
 
       userReferenceComponent = (
@@ -143,7 +143,7 @@ const UserReference = (props: UserReferenceProps) => {
           label={label}
           getPConnect={getPConnect}
           datasource={OPERATORS_DP}
-          listType='datapage'
+          listType="datapage"
           columns={columns}
           testId={testId}
           placeholder={placeholder}
@@ -163,7 +163,7 @@ const UserReference = (props: UserReferenceProps) => {
         <Dropdown
           additionalProps={additionalProps}
           datasource={dropDownDataSource}
-          listType='associated'
+          listType="associated"
           getPConnect={getPConnect}
           label={label}
           value={userId}

package/templates/react-sdk-reference/src/components/field/UserReference/UserReferenceUtils.ts

@@ -1,4 +1,4 @@
-export const getUserId = user => {
+export const getUserId = (user) => {
   let userId = '';
   if (typeof user === 'object' && user !== null && user.userId) {
     userId = user.userId;
@@ -8,6 +8,6 @@ export const getUserId = user => {
   return userId;
 };
 
-export const isUserNameAvailable = user => {
+export const isUserNameAvailable = (user) => {
   return typeof user === 'object' && user !== null && user.userName;
 };

package/templates/react-sdk-reference/src/components/helpers/case-utils.tsx

@@ -21,7 +21,7 @@ function getMessagesGrouped(inputMessages) {
   const messages = {};
 
   if (inputMessages && inputMessages instanceof Array && inputMessages.length > 0) {
-    inputMessages.forEach(item => {
+    inputMessages.forEach((item) => {
       const { message, type } = item;
       messages[type] = [...(messages[type] || []), message];
     });
@@ -65,7 +65,7 @@ function getBanners(config) {
   const banners: any = [];
   const groupedPageMessages = getMessagesGrouped(pageMessages);
 
-  Object.keys(groupedPageMessages).forEach(type => {
+  Object.keys(groupedPageMessages).forEach((type) => {
     const messagesByType = groupedPageMessages[type];
     const variant = getVariant(type);
     const pageMessagesBannerID = `${target}_${PAGE}_${type}`.toLowerCase().replace('/', '_');
@@ -81,16 +81,16 @@ function getBanners(config) {
                 clearMessages({
                   category: PAGE,
                   type,
-                  context: target
+                  context: target,
                 } as any);
               }
         }
-      />
+      />,
     );
   });
 
   if (httpMessages && httpMessages.length > 0) {
-    banners.push(<AlertBanner id='modalViewContainerBanner' variant='urgent' messages={httpMessages} />);
+    banners.push(<AlertBanner id="modalViewContainerBanner" variant="urgent" messages={httpMessages} />);
   }
 
   return banners;

package/templates/react-sdk-reference/src/components/helpers/data_page.ts

@@ -2,15 +2,15 @@ export const getDataPage = (dataPageName, parameters, context) => {
   let dataViewParams;
   if (parameters) {
     dataViewParams = {
-      dataViewParameters: parameters
+      dataViewParameters: parameters,
     };
   }
   return new Promise((resolve, reject) => {
     (PCore.getDataApiUtils().getData(dataPageName, dataViewParams, context) as any)
-      .then(response => {
+      .then((response) => {
         resolve(response.data.data);
       })
-      .catch(e => {
+      .catch((e) => {
         if (e) {
           // check specific error if 401, and wiped out if so stored token is stale.  Fetcch new tokens.
           reject(e);

package/templates/react-sdk-reference/src/components/helpers/date-format-utils.ts

@@ -4,7 +4,7 @@ export const dateFormatInfoDefault = {
   dateFormatString: 'MM/DD/YYYY',
   dateFormatStringLong: 'MMM DD, YYYY',
   dateFormatStringLC: 'mm/dd/yyyy',
-  dateFormatMask: '__/__/____'
+  dateFormatMask: '__/__/____',
 };
 
 export const getDateFormatInfo = (): typeof dateFormatInfoDefault => {
@@ -39,7 +39,7 @@ export const getDateFormatInfo = (): typeof dateFormatInfoDefault => {
       longFormat: 'MMM',
       placeholder: localizedPlaceholderExists ? localizedVal('month_placeholder', localeCategory) : 'mm',
       mask: '__',
-      separator: theTestDateLocaleString[locMM + 2]
+      separator: theTestDateLocaleString[locMM + 2],
     },
     {
       loc: locDD,
@@ -47,7 +47,7 @@ export const getDateFormatInfo = (): typeof dateFormatInfoDefault => {
       longFormat: 'DD',
       placeholder: localizedPlaceholderExists ? localizedVal('day_placeholder', localeCategory) : 'dd',
       mask: '__',
-      separator: theTestDateLocaleString[locDD + 2]
+      separator: theTestDateLocaleString[locDD + 2],
     },
     {
       loc: locYYYY,
@@ -55,8 +55,8 @@ export const getDateFormatInfo = (): typeof dateFormatInfoDefault => {
       longFormat: 'YYYY',
       placeholder: localizedPlaceholderExists ? localizedVal('year_placeholder', localeCategory) : 'yyyy',
       mask: '____',
-      separator: theTestDateLocaleString[locYYYY + 4]
-    }
+      separator: theTestDateLocaleString[locYYYY + 4],
+    },
   ];
 
   // Sort the associative array by order of appearance (loc) of each piece

package/templates/react-sdk-reference/src/components/helpers/field-group-utils.ts

@@ -14,10 +14,7 @@ export const getReferenceList = (pConn) => {
     resolvePage = pConn.resolveDatasourceReference(resolvePage);
     if (resolvePage?.pxResults) {
       resolvePage = resolvePage?.pxResults;
-    } else if (
-      resolvePage.startsWith('D_') &&
-      !resolvePage.endsWith('.pxResults')
-    ) {
+    } else if (resolvePage.startsWith('D_') && !resolvePage.endsWith('.pxResults')) {
       resolvePage = `${resolvePage}.pxResults`;
     }
   }
@@ -39,9 +36,7 @@ export function buildView(pConn, index, viewConfigPath): ReactElement {
   const pageReference = isDatapage
     ? `${referenceList}[${index}]`
     : `${pConn.getPageReference()}${referenceList}[${index}]`;
-  const meta = viewConfigPath
-    ? pConn.getRawMetadata().children[0].children[0]
-    : pConn.getRawMetadata().children[0];
+  const meta = viewConfigPath ? pConn.getRawMetadata().children[0].children[0] : pConn.getRawMetadata().children[0];
 
   delete meta?.config?.ruleClass;
 

package/templates/react-sdk-reference/src/components/helpers/formatters/Boolean.ts

@@ -1,5 +1,11 @@
 function Boolean(value, { allowEmpty = true, tick = '', cross = '' } = {}) {
-  if ((!allowEmpty && !value) || value === false || value?.toString()?.toLowerCase() === 'false' || value === 0 || value === '0') {
+  if (
+    (!allowEmpty && !value) ||
+    value === false ||
+    value?.toString()?.toLowerCase() === 'false' ||
+    value === 0 ||
+    value === '0'
+  ) {
     return cross || '';
   }
   if (value === true || value?.toString()?.toLowerCase() === 'true' || value === 1 || value === '1') {
@@ -16,6 +22,6 @@ export default {
     Boolean(value, {
       ...options,
       tick: options.trueLabel || 'True',
-      cross: options.falseLabel || 'False'
-    })
+      cross: options.falseLabel || 'False',
+    }),
 };

package/templates/react-sdk-reference/src/components/helpers/formatters/Currency.ts

@@ -1,7 +1,7 @@
 import { getLocale } from './common';
 import CurrencyMap from './CurrencyMap';
 
-const isValidValue = value => {
+const isValidValue = (value) => {
   return value !== null && value !== undefined && value !== '';
 };
 
@@ -9,19 +9,27 @@ const isValidValue = value => {
 function NumberFormatter(value, { locale = 'en-US', decPlaces = 2, style = '', currency = 'USD' } = {}): string {
   const currentLocale: string | undefined = getLocale(locale);
   if (isValidValue(value)) {
-    return Number(value).toLocaleString(currentLocale, { minimumFractionDigits: decPlaces, maximumFractionDigits: decPlaces });
+    return Number(value).toLocaleString(currentLocale, {
+      minimumFractionDigits: decPlaces,
+      maximumFractionDigits: decPlaces,
+    });
   }
   return value;
 }
 
 function CurrencyFormatter(
   value: string,
-  { symbol = true, position = 'before', locale = 'en-US', decPlaces = 2, style = 'currency', currency = 'USD' } = {}
+  { symbol = true, position = 'before', locale = 'en-US', decPlaces = 2, style = 'currency', currency = 'USD' } = {},
 ): string {
   const currentLocale: string | undefined = getLocale(locale);
   let formattedValue: string = value;
   if (isValidValue(value)) {
-    formattedValue = NumberFormatter(value, { locale: currentLocale, decPlaces, style, currency });
+    formattedValue = NumberFormatter(value, {
+      locale: currentLocale,
+      decPlaces,
+      style,
+      currency,
+    });
 
     // For currency other than EUR, we need to determine the country code from currency code
     // If currency is EUR, we use the locale to determine the country code
@@ -70,8 +78,12 @@ export default {
   Currency: (value, options) => CurrencyFormatter(value, options),
   'Currency-Code': (value, options) => CurrencyFormatter(value, { ...options, symbol: false }),
   Decimal: (value, options) => NumberFormatter(value, options),
-  'Decimal-Auto': (value, options) => NumberFormatter(value, { ...options, decPlaces: Number.isInteger(value) ? 0 : 2 }),
+  'Decimal-Auto': (value, options) =>
+    NumberFormatter(value, {
+      ...options,
+      decPlaces: Number.isInteger(value) ? 0 : 2,
+    }),
   Integer: (value, options) => NumberFormatter(value, { ...options, decPlaces: 0 }),
   Percentage: (value, options) => SymbolFormatter(value, { ...options, symbol: '%' }),
-  isValidValue
+  isValidValue,
 };