@pega/custom-dx-components 0.24.17 → 0.25.2

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { configProps, stateProps, fieldMetadata } from './mock';
@@ -16,7 +15,7 @@ const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
 export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
-export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
+export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
 
   const props = {
     value: configProps.value,

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

@@ -1,4 +1,4 @@
-const handleEvent = (actions: any, eventType: string, propName: string, value: string) => {
+const handleEvent = (actions: any, eventType: string, propName: string, value: string | number) => {
   switch (eventType) {
     case 'change':
       actions.updateFieldValue(propName, value);

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

@@ -94,9 +94,8 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  let numberOfDecimals = parseInt(decimalPrecision, 10);
+  let numberOfDecimals : number | undefined = parseInt(decimalPrecision, 10);
   if (Number.isNaN(numberOfDecimals)) {
-    // @ts-ignore
     numberOfDecimals = decimalPrecision === '' ? undefined : 2;
   }
 
@@ -247,7 +246,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         }
         setPercentageValue(enteredValue);
         if (value !== enteredValue) {
-          // @ts-ignore
           handleEvent(actions, 'change', propName, enteredValue);
           hasValueChange.current = true;
         }
@@ -255,7 +253,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       onBlur={() => {
         const parsedValue = percentageValue !== '' ? Number(percentageValue) : '';
         if (!value || hasValueChange.current) {
-          // @ts-ignore
           handleEvent(actions, 'blur', propName, parsedValue);
           if (hasSuggestions) {
             pConn.ignoreSuggestion("");

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

@@ -1,5 +1,3 @@
-
-// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Percentage Sample',
@@ -14,7 +12,8 @@ export const configProps = {
   required: false,
   disabled: false,
   status: '',
-  validatemessage: ''
+  validatemessage: '',
+  placeholder: ''
 };
 
 export const stateProps = {

package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/config.json.mustache

@@ -59,6 +59,9 @@
     }
   ],
   "defaultConfig": {
-    "label": "@L $this.label"
+    "label": "@L $this.label",
+    "detailFVLItem": true,
+    "isFormWidth" : false,
+    "isContainerWidth" : false
   }
 }

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

@@ -1,10 +1,9 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import {{COMPONENT_CLASS_NAME}} from './index';
-import { stateProps, configProps } from './mock';
+import { configProps } from './mock';
 
 const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -36,7 +35,8 @@ const statelistData = {
   ]
 };
 
-export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
+export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
+
   window.PCore.getDataPageUtils = () => {
     return {
       getData: () => {
@@ -56,13 +56,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
     countryCode: configProps.countryCode,
     getPConnect: () => {
       return {
-        getValue: value => {
+        getValue: (value: any) => {
           return value;
         },
         getContextName: () => {
           return 'app/primary_1';
         },
-        getLocalizedValue: value => {
+        getLocalizedValue: (value: any) => {
           return value;
         },
         getActionsApi: () => {

package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/index.tsx.mustache

@@ -121,7 +121,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     if (showTable) {
       PCore.getDataPageUtils()
         .getDataAsync(dataViewName, context, params, null, null)
-        // @ts-ignore
         .then((response: any) => {
           setIsLoading(false);
           // table requires an index or will get setExtraStackFrame error

package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/mock.ts.mustache

@@ -1,5 +1,4 @@
 
-// @ts-nocheck
 export const configProps = {
   countryCode: 'USA'
 };

package/src/tasks/create/templates/Constellation/Field/Integer/config.json.mustache

@@ -342,6 +342,9 @@
     }
   ],
   "defaultConfig": {
-    "label": "@L $this.label"
+    "label": "@L $this.label",
+    "detailFVLItem": true,
+    "isFormWidth" : false,
+    "isContainerWidth" : false
   }
 }

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

@@ -1,5 +1,4 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { stateProps, configProps, fieldMetadata } from './mock';
@@ -15,7 +14,7 @@ const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
 export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
-export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
+export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
 
   const props = {
     value: configProps.value,

package/src/tasks/create/templates/Constellation/Field/Integer/event-utils.ts.mustache

@@ -1,4 +1,4 @@
-const handleEvent = (actions: any, eventType: string, propName: string, value: string) => {
+const handleEvent = (actions: any, eventType: string, propName: string, value: string | number) => {
   switch (eventType) {
     case 'change':
       actions.updateFieldValue(propName, value);

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

@@ -112,21 +112,17 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
 
   useEffect(() => {
     if (displayAs === 'slider' && value === '') {
-      // @ts-ignore
       handleEvent(actions, 'change', propName, sliderDefaultValue);
     }
   }, [actions, displayAs, propName, sliderDefaultValue, value]);
 
   const { decimalPrecision, currencyDecimalPrecision = 'auto', currencyISOCode = 'USD' } = props;
-  let noOfDecimals = parseInt(decimalPrecision, 10);
-  // @ts-ignore
+  let noOfDecimals : number | undefined = parseInt(decimalPrecision, 10);
   if (Number.isNaN(noOfDecimals)) noOfDecimals = undefined;
   let noOfFractionDigits = currencyDecimalPrecision === 'auto' ? undefined : parseInt(currencyDecimalPrecision, 10);
   let unit;
-  let unitPlacement;
 
-  // @ts-ignore
-  if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {
+  if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode as string)) {
     switch (formatter) {
       case 'Decimal': {
         break;
@@ -134,7 +130,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       case 'Percentage': {
         showGroupSeparators = false;
         unit = '%';
-        unitPlacement = 'after';
         break;
       }
       case 'Decimal-Auto': {
@@ -180,7 +175,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
             notation
           }}
           unit={unit}
-          unitPlacement={unitPlacement}
         />
       );
 
@@ -233,13 +227,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     setIntegerValue(enteredValue);
     // const parsedValue = integerValue !== '' ? Number(integerValue) : '';
     if (value !== (enteredValue !== '' ? Number(enteredValue) : '')) {
-      // @ts-ignore
       handleEvent(actions, 'change', propName, enteredValue !== '' ? Number(enteredValue) : '');
       hasValueChange.current = true;
     }
     // In case of stepper variation there is no blur event as component is never focussed unless forced. Need to update redux on change.
     if (displayAs === 'stepper') {
-      // @ts-ignore
       handleEvent(actions, 'changeNblur', propName, enteredValue !== '' ? Number(enteredValue) : '');
     }
   }
@@ -271,7 +263,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       ticks={showTicks && { [min]: `${min}`, [max]: `${max}` }}
       onChange={(selectedValue) => {
         onChangeHandler(selectedValue.toString());
-        // @ts-ignore
         handleEvent(actions, 'changeNblur', propName, selectedValue);
       }}
     />
@@ -298,7 +289,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       }}
       onBlur={() => {
         if (!readOnly && (hasValueChange.current || !value)) {
-          // @ts-ignore
           handleEvent(actions, 'blur', propName, integerValue !== '' ? Number(integerValue) : '');
           if (hasSuggestions) {
             pConn.ignoreSuggestion('');

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

@@ -1,4 +1,3 @@
-// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Integer Sample',
@@ -12,7 +11,9 @@ export const configProps = {
   required: false,
   disabled: false,
   status: '',
-  validatemessage: ''
+  validatemessage: '',
+  placeholder: '',
+  variant: ''
 };
 
 export const stateProps = {

package/src/tasks/create/templates/Constellation/Field/Picklist/config.json.mustache

@@ -109,6 +109,9 @@
     "label": "@L $this.label",
     "placeholder": "@L Select...",
     "listType": "associated",
-    "datasource": "@ASSOCIATED .$this.name"
+    "datasource": "@ASSOCIATED .$this.name",
+    "detailFVLItem": true,
+    "isFormWidth" : false,
+    "isContainerWidth" : false
   }
 }

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

@@ -1,6 +1,4 @@
-
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
@@ -17,7 +15,7 @@ const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
 export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
-export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
+export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
 
   const [value, setValue] = useState(configProps.value);
 
@@ -33,10 +31,10 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
         getStateProps: () => {
           return stateProps;
         },
-        getLocalizedValue: val => {
+        getLocalizedValue: (val: any) => {
           return val;
         },
-        getLocaleRuleNameFromKeys: (localeClass, localeContext, localeName) => {
+        getLocaleRuleNameFromKeys: (localeClass: string, localeContext: string, localeName: string) => {
           return `${localeClass}!${localeContext}!${localeName}`;
         },
         getCaseInfo: () => {
@@ -51,7 +49,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
         },
         getActionsApi: () => {
           return {
-            updateFieldValue: (propName, theValue) => {
+            updateFieldValue: (propName: string, theValue: any) => {
               setValue(theValue);
             },
             triggerFieldChange: () => {/* nothing */}

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

@@ -1,6 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-// @ts-nocheck
-import { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef, type Key } from 'react';
 import { Select, Option, FieldValueList, Text, withConfiguration } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from './PConnProps';
@@ -28,7 +27,7 @@ interface {{COMPONENT_CLASS_NAME}}Props extends PConnFieldProps {
   alwaysShowISOCode: boolean;
   isoCodeSelection: string;
   additionalProps: any;
-  datasource:Array<any>;
+  datasource:any;
   listType: string;
   fieldMetadata: any;
   onRecordChange: Function;
@@ -118,7 +117,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     label,
     hideLabel = false,
     placeholder,
-    datasource = [],
+    datasource = {},
     listType,
     validatemessage,
     testId,
@@ -169,11 +168,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const configProps = pConnect.getConfigProps();
   const items: Array<any> = [];
   const isDatapage = listType === 'datapage';
-  // @ts-ignore
   let listSourceItems = isDatapage ? configProps.listOutput : datasource;
 
   if (isDatapage && typeof datasource === 'object' && !Array.isArray(listSourceItems)) {
-    // @ts-ignore
     listSourceItems = datasource.source ? datasource.source : [];
   }
 
@@ -193,8 +190,8 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   // Loop through all of our list source items that make up the values of the dropdown
 
   let selectedLabel = '';
-  // @ts-ignore
-  (listSourceItems || []).forEach((item) => {
+  (listSourceItems || []).forEach(
+    (item: { key: Key | null | undefined; text: string; value: string }) => {
     selectedLabel =
       value !== undefined &&
       value !== null &&
@@ -204,18 +201,17 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         ? item.text || item.value
         : selectedLabel;
     items.push(
+      // @ts-ignore
       <Option key={item.key} value={item.key}>
         {isDatapage
           ? pConnect.getLocalizedValue(
               item.text,
               localePath,
-              // @ts-ignore
               pConnect.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
             )
           : pConnect.getLocalizedValue(
               item.value,
               localePath,
-              // @ts-ignore
               pConnect.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
             )}
       </Option>
@@ -318,7 +314,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       required={required}
       readOnly={readOnly}
       onChange={(event) => {
-        // @ts-ignore
         handleEvent(actions, 'changeNblur', propName, event.target.value);
         if (hasSuggestions) {
           pConnect.ignoreSuggestion('');
@@ -328,9 +323,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
           onRecordChange(event);
         }
       }}
-      // @ts-ignore
-      onBlur={(event) => {
-        // @ts-ignore
+      onBlur={(event: any) => {
         pConnect.getValidationApi().validate(event.target.value);
       }}
       onResolveSuggestion={onResolveSuggestionHandler}

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/config.json.mustache

@@ -110,6 +110,9 @@
     "placeholder": "@L Select...",
     "listType": "associated",
     "datasource": "@ASSOCIATED .$this.name",
-    "deferDatasource": true
+    "deferDatasource": true,
+    "detailFVLItem": true,
+    "isFormWidth" : false,
+    "isContainerWidth" : false
   }
 }

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

@@ -1,6 +1,4 @@
-
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
@@ -17,7 +15,7 @@ const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
 export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
-export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
+export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
 
   const [value, setValue] = useState(configProps.value);
   const datasourceMetadata = fieldMetadata;
@@ -40,10 +38,10 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
         getContextName: () => {
           return 'app/primary_1';
         },
-        getLocalizedValue: val => {
+        getLocalizedValue: (val: any) => {
           return val;
         },
-        getLocaleRuleNameFromKeys: (localeClass, localeContext, localeName) => {
+        getLocaleRuleNameFromKeys: (localeClass: string, localeContext: string, localeName: string) => {
           return `${localeClass}!${localeContext}!${localeName}`;
         },
         getCaseInfo: () => {
@@ -58,7 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
         },
         getActionsApi: () => {
           return {
-            updateFieldValue: (propName, theValue) => {
+            updateFieldValue: (propName: string, theValue: any) => {
               setValue(theValue);
             },
             triggerFieldChange: () => {/* nothing */}

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/embed-utils.ts.mustache

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { isEmbeddedField, isPageListInPath, PAGE, PAGELIST, buildAggOrCalcId } from './repeat-utils';
 
 export const AT_FILTEREDLIST = '@FILTERED_LIST';
@@ -15,7 +14,7 @@ export const AT_PROPERTY = '@P';
  * getFieldNameFromEmbeddedFieldName('!P!Organisation:Name') return 'Organisation.Name'
  * getFieldNameFromEmbeddedFieldName('!PL!Employees:Name') return 'Employees.Name'
  */
-export function getFieldNameFromEmbeddedFieldName(propertyName) {
+export function getFieldNameFromEmbeddedFieldName(propertyName: string) {
   let value = propertyName;
   if (value.startsWith(PAGE) || value.startsWith(PAGELIST)) {
     value = value.substring(value.lastIndexOf('!') + 1);
@@ -36,7 +35,7 @@ export function getFieldNameFromEmbeddedFieldName(propertyName) {
  * For pageList property, getEmbeddedFieldName('Employees.Name') return '!PL!Employees:Name'
  */
 
-export function getEmbeddedFieldName(propertyName, classID) {
+export function getEmbeddedFieldName(propertyName: string, classID: string) {
   let value = propertyName;
   if (isPageListInPath(value, classID)) {
     value = `!PL!${value.replace(/\./g, ':')}`;
@@ -52,7 +51,7 @@ export function getEmbeddedFieldName(propertyName, classID) {
  * @ignore
  * @param {Array} metaFields  Fields metadata Array. Contains metadata of all the fields.
  */
-export function updateMetaEmbeddedFieldID(metaFields) {
+export function updateMetaEmbeddedFieldID(metaFields: any[]) {
   return metaFields.forEach((metaField) => {
     if (metaField.fieldID?.startsWith(PAGE) || metaField.fieldID?.startsWith(PAGELIST)) {
       metaField.fieldID = getFieldNameFromEmbeddedFieldName(metaField.fieldID);
@@ -68,16 +67,16 @@ export function updateMetaEmbeddedFieldID(metaFields) {
  * @param {string} classID    clasID of datapage
  * @returns {Array}           Metadata of configured embedded fields
  */
-export function getConfigEmbeddedFieldsMeta(configFields, classID) {
-  const configEmbeddedFieldsMeta = [];
-  configFields.forEach((field) => {
+export function getConfigEmbeddedFieldsMeta(configFields: any, classID: string) {
+  const configEmbeddedFieldsMeta: (object | null)[] = [];
+  configFields.forEach((field: any) => {
     let value = field;
     if (isEmbeddedField(value)) {
       // conversion Page.PageList[].property => Page.PageList.property
       if (value.includes('[')) {
         value = value.substring(0, value.indexOf('[')) + value.substring(value.indexOf(']') + 1);
       }
-      const meta = PCore.getMetadataUtils().getEmbeddedPropertyMetadata(value, classID);
+      const meta: any = PCore.getMetadataUtils().getEmbeddedPropertyMetadata(value, classID);
       meta.fieldID = field;
       configEmbeddedFieldsMeta.push(meta);
     }
@@ -92,7 +91,7 @@ export function getConfigEmbeddedFieldsMeta(configFields, classID) {
  * @param {Array} configEmbeddedFieldsMeta  config fields metadata.
  * @param {Array} metaFields  Fields metadata Array. Contains metadata of all the fields
  */
-export function mergeConfigEmbeddedFieldsMeta(configEmbeddedFieldsMeta, metaFields) {
+export function mergeConfigEmbeddedFieldsMeta(configEmbeddedFieldsMeta: any[], metaFields: any[]) {
   const mergedMetaFields = [...metaFields];
   configEmbeddedFieldsMeta.forEach((configFieldMeta) => {
     const fieldMeta = metaFields.find((metaField) => metaField.fieldID === configFieldMeta.fieldID);
@@ -113,7 +112,7 @@ export function mergeConfigEmbeddedFieldsMeta(configEmbeddedFieldsMeta, metaFiel
  */
 // FIXME #EmbeddedPropertyPatch
 // TODO: Remove this utility when we have nested response for queryable pageList and supports @FILTERED_LIST annotation
-export function preparePropertyValue(value) {
+export function preparePropertyValue(value: any) {
   if (value.startsWith(AT_FILTEREDLIST)) {
     value = value.substring(value.indexOf(' ') + 1);
     value = value.substring(0, value.indexOf('[')) + value.substring(value.indexOf(']') + 1);
@@ -152,7 +151,7 @@ export function preparePropertyValue(value) {
  */
 // FIXME #EmbeddedPropertyPatch
 // TODO: Remove this utility when we have nested response for queryable pageList and supports scalarList component
-export function updatePageListFieldsConfig(configFields) {
+export function updatePageListFieldsConfig(configFields: any[]) {
   return configFields.forEach((item) => {
     if (item.type === 'ScalarList') {
       if (!item.config.originalValue) {
@@ -166,7 +165,7 @@ export function updatePageListFieldsConfig(configFields) {
 /**
  * Update the renderer type for the properties of type Page.
  */
-export function updatePageFieldsConfig(configFields, parentClassID) {
+export function updatePageFieldsConfig(configFields: any[], parentClassID: string) {
   return configFields.forEach((item) => {
     const {
       type,
@@ -180,8 +179,8 @@ export function updatePageFieldsConfig(configFields, parentClassID) {
   });
 }
 
-export function updateChangeSetValueKeys(changeSetObj, getOriginalProperty) {
-  const newChangeSetObject = {};
+export function updateChangeSetValueKeys(changeSetObj: any, getOriginalProperty: any) {
+  const newChangeSetObject: any = {};
   for (const [key, value] of Object.entries(changeSetObj)) {
     let newKey = key;
     if (newKey.startsWith(PAGE)) {
@@ -204,7 +203,7 @@ export function updateChangeSetValueKeys(changeSetObj, getOriginalProperty) {
  * isPageListProperty('!P!Employees.Name') return false
  * isPageListProperty('Name') return false
  */
-export function isPageListProperty(propertyName) {
+export function isPageListProperty(propertyName: string) {
   return propertyName.startsWith(PAGELIST);
 }
 
@@ -217,8 +216,8 @@ export function isPageListProperty(propertyName) {
  * @param {string} context  dataApi context
  * @returns {boolean} true if pageListProperty is present
  */
-export function preparePropertyMaps(fields, classID, context) {
-  const { setPropertyMaps } = context;
+export function preparePropertyMaps(fields: any[], classID: string, context: string) {
+  const { setPropertyMaps } : any = context;
   const maps = fields.reduce(
     (acc, field) => {
       let { value } = field.config;
@@ -254,9 +253,9 @@ export function preparePropertyMaps(fields, classID, context) {
  */
 // FIXME #EmbeddedPropertyPatch
 // TODO: Remove this utility when we have nested response for queryable pageList property
-export function getPageListFields(fields) {
+export function getPageListFields(fields: any[]) {
   const parentPaths = new Set();
-  const pageListFields = [];
+  const pageListFields: any = [];
   fields.forEach((field) => {
     const { name } = field;
     if (isPageListProperty(name)) {
@@ -270,7 +269,11 @@ export function getPageListFields(fields) {
   return pageListFields;
 }
 
-export function mergePageListFieldAggregation(pageListName, select, existingAggregations, existingAggregationsName) {
+export function mergePageListFieldAggregation(
+  pageListName :string,
+  select: { aggregation: string; }[],
+  existingAggregations: { [x: string]: { field: string; summaryFunction: string; }; },
+  existingAggregationsName: string | string[]) {
   // Build a dummy genericAggregationId to check if any type of aggregation for that pagelist is included in existing aggregations.
   const genericAggregationId = buildAggOrCalcId(pageListName, '');
   if (existingAggregationsName.includes(genericAggregationId)) {
@@ -281,10 +284,10 @@ export function mergePageListFieldAggregation(pageListName, select, existingAggr
   existingAggregations[countAggregationId] = { field: pageListName, summaryFunction: 'COUNT' };
 }
 
-export function mergePageListFieldsAggregation(fields, select, existingAggregations) {
+export function mergePageListFieldsAggregation(fields: any[], select: { aggregation: string; }[], existingAggregations: { [x: string]: { field: string; summaryFunction: string; }; }) {
   const parentPaths = new Set();
   const existingAggregationsName = Object.keys(existingAggregations).toString();
-  const pageListFields = [];
+  const pageListFields: any[] = [];
   fields.forEach((field) => {
     const { name } = field;
     if (isPageListProperty(name)) {
@@ -306,6 +309,6 @@ export function mergePageListFieldsAggregation(fields, select, existingAggregati
  * @param {Array} fieldDefs   fields array
  * @returns {object | undefined} value of first pageListProperty found
  */
-export function hasPageListProperty(fieldDefs) {
+export function hasPageListProperty(fieldDefs: any[]) {
   return fieldDefs?.find((field) => isPageListProperty(field.name));
 }