@pega/react-sdk-overrides 23.1.10 → 23.1.12

package/lib/field/SemanticLink/SemanticLink.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
+
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 /* although this is called the SemanticLink component, we are not yet displaying as a
 SemanticLink in SDK and only showing the value as a read only text field. */
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
   root: {
     paddingRight: theme.spacing(1),
     paddingLeft: theme.spacing(1),
@@ -55,14 +55,14 @@ export default function SemanticLink(props: SemanticLinkProps) {
   if (displayMode === 'LABELS_LEFT' || (!displayMode && label !== undefined)) {
     const value = text || '---';
     return (
-      <Grid container spacing={1} style={{ padding: '4px 0px' }} id="semantic-link-grid">
+      <Grid container spacing={1} style={{ padding: '4px 0px' }} id='semantic-link-grid'>
         <Grid item xs={6}>
-          <Typography variant="body2" component="span" className={`${classes.fieldLabel} ${classes.fieldMargin}`}>
+          <Typography variant='body2' component='span' className={`${classes.fieldLabel} ${classes.fieldMargin}`}>
             {label}
           </Typography>
         </Grid>
         <Grid item xs={6}>
-          <Typography variant="body2" component="span" className={classes.fieldValue}>
+          <Typography variant='body2' component='span' className={classes.fieldValue}>
             {value}
           </Typography>
         </Grid>
@@ -71,6 +71,6 @@ export default function SemanticLink(props: SemanticLinkProps) {
   }
 
   if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={text} variant="stacked" />;
+    return <FieldValueList name={hideLabel ? '' : label} value={text} variant='stacked' />;
   }
 }

package/lib/field/SemanticLink/config-ext.json

@@ -3,6 +3,5 @@
   "description": "SemanticLink",
   "type": "Field",
   "subtype": "ACTION",
-  "properties": [
-  ]
+  "properties": []
 }

package/lib/field/SemanticLink/utils.ts

@@ -1,12 +1,9 @@
-// Remove this and use "real" PCore type once .d.ts is fixed (currently shows 2 errors)
-declare const PCore: any;
-
 function getDataReferenceInfo(pConnect, dataRelationshipContext) {
   if (!pConnect) {
-    throw Error("PConnect parameter is required");
+    throw Error('PConnect parameter is required');
   }
 
-  let dataContext = "";
+  let dataContext = '';
   const payload = {};
   const pageReference = pConnect.getPageReference();
   const annotationUtils = PCore.getAnnotationUtils();
@@ -17,7 +14,7 @@ function getDataReferenceInfo(pConnect, dataRelationshipContext) {
     For page list the page refernce will be something like caseInfo.content.EmployeeRef[1].
     Need to extract EmployeeRef from caseInfo.content.EmployeeRef[1]
     */
-    const propertySplit = pageReference.split(".");
+    const propertySplit = pageReference.split('.');
 
     // Regex to match if the property is list type. Eg: EmployeeRef[1]
     const listPropertyRegex = /([a-z|A-Z]*[[][\d]*)[\]]$/gm;
@@ -26,9 +23,7 @@ function getDataReferenceInfo(pConnect, dataRelationshipContext) {
 
     let contextProperty = dataRelationshipContext !== null ? dataRelationshipContext : propertySplit.pop();
     const isListProperty = listPropertyRegex.test(contextProperty);
-    contextProperty = isListProperty
-      ? contextProperty.replace(indexRegex, "")
-      : contextProperty;
+    contextProperty = isListProperty ? contextProperty.replace(indexRegex, '') : contextProperty;
     fieldMetadata = pConnect.getFieldMetadata(contextProperty);
   }
 
@@ -36,7 +31,9 @@ function getDataReferenceInfo(pConnect, dataRelationshipContext) {
     const { name, parameters } = fieldMetadata.datasource;
     dataContext = name;
     for (const [key, value] of Object.entries(parameters)) {
-      const property = dataRelationshipContext !== null ? annotationUtils.getPropertyName(value) : annotationUtils.getLeafPropertyName(value)
+      const property =
+        // @ts-ignore - Property 'getLeafPropertyName' is private and only accessible within class 'AnnotationUtils'
+        dataRelationshipContext !== null ? annotationUtils.getPropertyName(value as string) : annotationUtils.getLeafPropertyName(value);
       payload[key] = pConnect.getValue(`.${property}`);
     }
     return { dataContext, dataContextParameters: payload };
@@ -46,7 +43,7 @@ function getDataReferenceInfo(pConnect, dataRelationshipContext) {
 }
 
 function isLinkTextEmpty(text) {
-  return text === "" || text === undefined || text === null;
+  return text === '' || text === undefined || text === null;
 }
 
 export default { getDataReferenceInfo, isLinkTextEmpty };

package/lib/field/TextArea/TextArea.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
 import { TextField } from '@material-ui/core';
+
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 interface TextAreaProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextArea here
@@ -26,7 +26,8 @@ export default function TextArea(props: TextAreaProps) {
     fieldMetadata,
     helperText,
     displayMode,
-    hideLabel
+    hideLabel,
+    placeholder
   } = props;
   const helperTextToDisplay = validatemessage || helperText;
 
@@ -39,7 +40,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) {
@@ -62,8 +63,8 @@ export default function TextArea(props: TextAreaProps) {
       fullWidth
       variant={readOnly ? 'standard' : 'outlined'}
       helperText={helperTextToDisplay}
-      placeholder=""
-      size="small"
+      placeholder={placeholder ?? ''}
+      size='small'
       required={required}
       disabled={disabled}
       onChange={onChange}

package/lib/field/TextArea/config-ext.json

@@ -4,6 +4,5 @@
   "description": "Text (paragraph)",
   "type": "Field",
   "subtype": "Text-Paragraph",
-  "properties": [
-  ]
+  "properties": []
 }

package/lib/field/TextContent/TextContent.tsx

@@ -1,15 +1,13 @@
-import React from 'react';
 import { Typography } from '@material-ui/core';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 interface TextContentProps extends PConnProps {
   // If any, enter additional props that only exist on TextContent here
-  content: string,
-  displayAs: 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4'
+  content: string;
+  displayAs: 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';
 }
 
-
-
 export default function TextContent(props: TextContentProps) {
   type ExpectedDisplayAs = 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';
   type ExpectedVariants = 'body1' | 'h1' | 'h2' | 'h3' | 'h4';

package/lib/field/TextContent/config-ext.json

@@ -3,6 +3,5 @@
   "description": "Text",
   "type": "Field",
   "subtype": "DATA_CAPTURE",
-  "properties": [
-  ]
+  "properties": []
 }

package/lib/field/TextInput/TextInput.tsx

@@ -1,8 +1,9 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { TextField } from '@material-ui/core';
+
 import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 interface TextInputProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
@@ -27,12 +28,13 @@ export default function TextInput(props: TextInputProps) {
     fieldMetadata,
     helperText,
     displayMode,
-    hideLabel
+    hideLabel,
+    placeholder
   } = props;
 
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
-  const propName = pConn.getStateProps()["value"];
+  const propName = (pConn.getStateProps() as any).value;
 
   const helperTextToDisplay = validatemessage || helperText;
 
@@ -50,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) {
@@ -77,8 +79,8 @@ export default function TextInput(props: TextInputProps) {
       fullWidth
       variant={readOnly ? 'standard' : 'outlined'}
       helperText={helperTextToDisplay}
-      placeholder=""
-      size="small"
+      placeholder={placeholder ?? ''}
+      size='small'
       required={required}
       disabled={disabled}
       onChange={handleChange}

package/lib/field/TextInput/config-ext.json

@@ -4,6 +4,5 @@
   "description": "Text (single line)",
   "type": "Field",
   "subtype": "Text",
-  "properties": [
-  ]
+  "properties": []
 }

package/lib/field/TextInput/index.tsx

@@ -1 +1 @@
-export { default } from './TextInput';
+export { default } from './TextInput';

package/lib/field/Time/Time.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
 import { KeyboardTimePicker } from '@material-ui/pickers';
 import AccessTimeIcon from '@material-ui/icons/AccessTime';
 import dayjs from 'dayjs';
+
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 interface TimeProps extends PConnFieldProps {
   // If any, enter additional props that only exist on Time here
@@ -22,7 +22,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) {
@@ -35,14 +35,14 @@ export default function Time(props: TimeProps) {
     'data-test-id': testId
   };
 
-  const handleChange = (date) => {
+  const handleChange = date => {
     const theValue = date && date.isValid() ? date.format('HH:mm') : null;
     onChange({ value: theValue });
   };
 
   let timeValue: any = null;
   if (value) {
-    const timeArray = value.split(':').map((itm) => Number(itm));
+    const timeArray = value.split(':').map(itm => Number(itm));
     timeValue = dayjs().hour(timeArray[0]).minute(timeArray[1]);
   }
 
@@ -53,9 +53,9 @@ export default function Time(props: TimeProps) {
 
   return (
     <KeyboardTimePicker
-      variant="inline"
-      inputVariant="outlined"
-      placeholder="hh:mm am"
+      variant='inline'
+      inputVariant='outlined'
+      placeholder='hh:mm am'
       keyboardIcon={<AccessTimeIcon />}
       fullWidth
       required={required}
@@ -63,11 +63,11 @@ export default function Time(props: TimeProps) {
       error={status === 'error'}
       helperText={helperTextToDisplay}
       minutesStep={5}
-      size="small"
+      size='small'
       label={label}
       autoOk
-      mask="__:__ _m"
-      format="hh:mm a"
+      mask='__:__ _m'
+      format='hh:mm a'
       value={timeValue}
       onChange={handleChange}
       InputProps={{ inputProps: { ...testProp } }}

package/lib/field/Time/config-ext.json

@@ -4,6 +4,5 @@
   "description": "Time only",
   "type": "Field",
   "subtype": "TimeOfDay",
-  "properties": [
-  ]
+  "properties": []
 }

package/lib/field/URL/URL.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
 import { TextField } from '@material-ui/core';
+
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 interface URLComponentProps extends PConnFieldProps {
   // If any, enter additional props that only exist on URLComponent here
@@ -28,7 +28,8 @@ export default function URLComponent(props: URLComponentProps) {
     testId,
     helperText,
     displayMode,
-    hideLabel
+    hideLabel,
+    placeholder
   } = props;
   const helperTextToDisplay = validatemessage || helperText;
 
@@ -37,7 +38,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) {
@@ -52,12 +53,12 @@ export default function URLComponent(props: URLComponentProps) {
 
   return (
     <TextField
-      type="url"
+      type='url'
       fullWidth
-      variant="outlined"
+      variant='outlined'
       helperText={helperTextToDisplay}
-      placeholder=""
-      size="small"
+      placeholder={placeholder ?? ''}
+      size='small'
       required={required}
       disabled={disabled}
       onChange={onChange}

package/lib/field/URL/config-ext.json

@@ -4,6 +4,5 @@
   "description": "URL",
   "type": "Field",
   "subtype": "Text-URL",
-  "properties": [
-  ]
+  "properties": []
 }

package/lib/field/URL/index.tsx

@@ -1 +1 @@
-export { default } from './URL';
+export { default } from './URL';

package/lib/field/UserReference/UserReference.tsx

@@ -1,11 +1,10 @@
-import React, { Fragment, memo, useEffect, useState } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { Typography } from '@material-ui/core';
-import { getUserId, isUserNameAvailable } from './UserReferenceUtils';
+
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
-// Remove this and use "real" PCore type once .d.ts is fixed (currently shows 1 errors)
-declare const PCore: any;
+import { getUserId, isUserNameAvailable } from './UserReferenceUtils';
 
 const DROPDOWN_LIST = 'Drop-down list';
 const SEARCH_BOX = 'Search box';
@@ -50,7 +49,7 @@ const UserReference = (props: UserReferenceProps) => {
     required = false,
     disabled = false,
     onChange,
-    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     variant = 'inline'
   } = props;
   const [dropDownDataSource, setDropDownDataSource] = useState([]);
@@ -66,7 +65,7 @@ const UserReference = (props: UserReferenceProps) => {
         // if same user ref field is referred in view as editable & readonly formatted text
         // referenced users won't be available, so get user details from dx api
         const { getOperatorDetails } = PCore.getUserApi();
-        getOperatorDetails(userId).then((res) => {
+        getOperatorDetails(userId).then((res: any) => {
           if (res.data && res.data.pyOperatorInfo && res.data.pyOperatorInfo.pyUserName) {
             setUserName(res.data.pyOperatorInfo.pyUserName);
           }
@@ -76,16 +75,19 @@ const UserReference = (props: UserReferenceProps) => {
       const queryPayload = {
         dataViewName: OPERATORS_DP
       };
+
       PCore.getRestClient()
+        // @ts-ignore - Argument of type '{ queryPayload: { dataViewName: string; }; }' is not assignable to parameter of type 'RestApiOptionsObject'
+        // @ts-ignore - Expected 3 arguments, but got 2
         .invokeRestApi('getListData', { queryPayload })
-        .then((res) => {
-          const ddDataSource = res.data.data.map((listItem) => ({
+        .then((res: any) => {
+          const ddDataSource = res.data.data.map(listItem => ({
             key: listItem.pyUserIdentifier,
             value: listItem.pyUserName
           }));
           setDropDownDataSource(ddDataSource);
         })
-        .catch((err) => {
+        .catch(err => {
           // eslint-disable-next-line no-console
           console.error(err);
         });
@@ -97,15 +99,15 @@ const UserReference = (props: UserReferenceProps) => {
   if (readOnly && showAsFormattedText) {
     if (userId) {
       userReferenceComponent = (
-        <Fragment>
+        <>
           {/*
             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>
-        </Fragment>
+        </>
       );
     }
   } else {
@@ -133,7 +135,7 @@ const UserReference = (props: UserReferenceProps) => {
           label={label}
           getPConnect={getPConnect}
           datasource={OPERATORS_DP}
-          listType="datapage"
+          listType='datapage'
           columns={columns}
           testId={testId}
           placeholder={placeholder}
@@ -153,7 +155,7 @@ const UserReference = (props: UserReferenceProps) => {
         <Dropdown
           additionalProps={additionalProps}
           datasource={dropDownDataSource}
-          listType="associated"
+          listType='associated'
           getPConnect={getPConnect}
           label={label}
           value={userId}

package/lib/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/lib/field/UserReference/config-ext.json

@@ -3,6 +3,5 @@
   "description": "User reference",
   "type": "Field",
   "subtype": "DATA_CAPTURE",
-  "properties": [
-  ]
+  "properties": []
 }

package/lib/helpers/attachmentHelpers.ts

@@ -28,8 +28,8 @@ export const getIconFromFileType = (fileType): string => {
     icon = 'document-pdf';
   } else {
     const [, subtype] = fileType.split('/');
-    const foundMatch = (sources) => {
-      return sources.some((key) => subtype.includes(key));
+    const foundMatch = sources => {
+      return sources.some(key => subtype.includes(key));
     };
 
     if (foundMatch(['excel', 'spreadsheet'])) {
@@ -42,22 +42,27 @@ export const getIconFromFileType = (fileType): string => {
   return icon;
 };
 
-export const getIconForAttachment = (inThis:any , attachment:any): string => {
+export const getIconForAttachment = (inThis: any, attachment: any): string => {
   let icon;
   switch (attachment.type) {
-    case "FILE":
+    case 'FILE':
       icon = inThis.getIconFromFileType(attachment.mimeType);
       break;
-    case "URL":
-      icon = "chain";
+    case 'URL':
+      icon = 'chain';
       break;
     default:
-      icon = "document-doc";
+      icon = 'document-doc';
   }
   return icon;
 };
 
-export const buildFilePropsFromResponse = (respObj): { props: { meta: string, name: string, icon: string}, responseProps: any} => {
+export const buildFilePropsFromResponse = (
+  respObj
+): {
+  props: { meta: string; name: string; icon: string };
+  responseProps: any;
+} => {
   return {
     props: {
       meta: `${respObj.pyCategoryName}, ${respObj.pxCreateOperator}`,

package/lib/helpers/case-utils.tsx

@@ -1,9 +1,5 @@
-import React from 'react';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 
-// Remove this and use "real" PCore type once .d.ts is fixed (currently shows 1 error)
-declare const PCore: any;
-
 /**
  * Function that accepts array of messages as input and group them by their type and returns the resulting object
  * @param {Array} inputMessages
@@ -25,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];
     });
@@ -69,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('/', '_');
@@ -86,7 +82,7 @@ function getBanners(config) {
                   category: PAGE,
                   type,
                   context: target
-                });
+                } as any);
               }
         }
       />
@@ -94,7 +90,7 @@ function getBanners(config) {
   });
 
   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/lib/helpers/common-utils.ts

@@ -1,4 +1,8 @@
-// eslint-disable-next-line import/prefer-default-export
 export function isEmptyObject(obj: Object): boolean {
   return Object.keys(obj).length === 0;
 }
+
+export function isInfinity23OrHigher() {
+  const pCoreVersion = PCore.getPCoreVersion();
+  return ['8.23.0', '23.1.1', '23.1.2'].includes(pCoreVersion);
+}

package/lib/helpers/data_page.ts

@@ -1,17 +1,13 @@
-// Remove this and use "real" PCore type once .d.ts is fixed (currently shows 1 error)
-declare const PCore: any;
-
 // eslint-disable-next-line import/prefer-default-export
 export const getDataPage = (dataPageName, parameters, context) => {
   let dataViewParams;
-  if(parameters){
+  if (parameters) {
     dataViewParams = {
-      'dataViewParameters': parameters
+      dataViewParameters: parameters
     };
   }
   return new Promise((resolve, reject) => {
-    PCore.getDataApiUtils()
-      .getData(dataPageName, dataViewParams, context)
+    (PCore.getDataApiUtils().getData(dataPageName, dataViewParams, context) as any)
       .then(response => {
         resolve(response.data.data);
       })

package/lib/helpers/date-format-utils.ts

@@ -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,7 +55,7 @@ export const getDateFormatInfo = (): typeof dateFormatInfoDefault => {
       longFormat: 'YYYY',
       placeholder: localizedPlaceholderExists ? localizedVal('year_placeholder', localeCategory) : 'yyyy',
       mask: '____',
-      separator: theTestDateLocaleString[locYYYY+4]
+      separator: theTestDateLocaleString[locYYYY + 4]
     }
   ];