@pega/dx-component-builder-sdk 0.24.7 → 0.25.6

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

@@ -88,9 +88,8 @@ function PegaDxilMyDecimal(props: PegaDxilMyDecimalProps) {
   }, [validatemessage, hasSuggestions, status]);
 
   const { decimalPrecision, currencyDecimalPrecision } = props;
-  let numberOfDecimals = parseInt(decimalPrecision, 10);
+  let numberOfDecimals: number | undefined = parseInt(decimalPrecision, 10);
   if (Number.isNaN(numberOfDecimals)) {
-    // @ts-ignore
     numberOfDecimals = decimalPrecision === '' ? undefined : 2;
   }
   let noOfFractionDigits = currencyDecimalPrecision === 'auto' ? undefined : parseInt(currencyDecimalPrecision, 10);
@@ -223,15 +222,13 @@ function PegaDxilMyDecimal(props: PegaDxilMyDecimalProps) {
         }
         setDecimalValue(enteredValue);
         if (value !== (enteredValue !== '' ? Number(enteredValue) : '')) {
-          // @ts-ignore
-          handleEvent(actions, 'change', propName, enteredValue !== '' ? Number(enteredValue) : '');
+          handleEvent(actions, 'change', propName, enteredValue !== '' ? Number(enteredValue).toString() : '');
           hasValueChange.current = true;
         }
       }}
       onBlur={() => {
         if (!value || hasValueChange.current) {
-          // @ts-ignore
-          handleEvent(actions, 'blur', propName, decimalValue !== '' ? Number(decimalValue) : '');
+          handleEvent(actions, 'blur', propName, decimalValue !== '' ? Number(decimalValue).toString() : '');
           if (hasSuggestions) {
             pConn.ignoreSuggestion("");
           }

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyEmail from './index';

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyEmail/mock.ts

@@ -12,6 +12,7 @@ export const configProps = {
   readOnly: false,
   required: false,
   disabled: false,
+  variant: '',
   status: '',
   validatemessage: ''
 };

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyIconButtonUrl from './index';
@@ -15,10 +14,6 @@ const meta: Meta<typeof PegaDxilMyIconButtonUrl> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyIconButtonUrl>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
 const statelistData = {
   data: [
     {
@@ -36,23 +31,17 @@ const statelistData = {
   ]
 };
 
-export const BasePegaDxilMyIconButtonUrl: Story = args => {
-
-  window.PCore.getDataPageUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(statelistData);
-        });
-      },
-      getDataAsync: () => {
-        return new Promise(resolve => {
-          resolve(statelistData);
-        });
-      }
-    };
+window.PCore.getDataPageUtils = (): any => {
+  return {
+    getDataAsync: () => {
+      return new Promise(resolve => {
+        resolve(statelistData);
+      });
+    }
   };
+};
 
+export const BasePegaDxilMyIconButtonUrl: Story = args => {
   const props = {
     countryCode: configProps.countryCode,
     getPConnect: () => {

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

@@ -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 PegaDxilMyInteger> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyInteger>;
 
-export const BasePegaDxilMyInteger: Story = args => {
+export const BasePegaDxilMyInteger: Story = (args: any) => {
 
   const props = {
     value: configProps.value,

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyInteger/event-utils.ts

@@ -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/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyInteger/index.tsx

@@ -112,21 +112,17 @@ function PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
 
   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 PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
       case 'Percentage': {
         showGroupSeparators = false;
         unit = '%';
-        unitPlacement = 'after';
         break;
       }
       case 'Decimal-Auto': {
@@ -178,7 +173,6 @@ function PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
             notation
           }}
           unit={unit}
-          unitPlacement={unitPlacement}
         />
       );
 
@@ -230,13 +224,11 @@ function PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
     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) : '');
     }
   }
@@ -268,7 +260,6 @@ function PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
       ticks={showTicks && { [min]: `${min}`, [max]: `${max}` }}
       onChange={(selectedValue) => {
         onChangeHandler(selectedValue.toString());
-        // @ts-ignore
         handleEvent(actions, 'changeNblur', propName, selectedValue);
       }}
     />
@@ -295,7 +286,6 @@ function PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
       }}
       onBlur={() => {
         if (!readOnly && (hasValueChange.current || !value)) {
-          // @ts-ignore
           handleEvent(actions, 'blur', propName, integerValue !== '' ? Number(integerValue) : '');
           if (hasSuggestions) {
             pConn.ignoreSuggestion('');

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyInteger/mock.ts

@@ -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/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyParagraph/demo.stories.tsx

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyParagraph from './index';

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

@@ -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';

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

@@ -94,9 +94,8 @@ function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
     }
   }, [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;
   }
 
@@ -241,15 +240,13 @@ function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
         }
         setPercentageValue(enteredValue);
         if (value !== enteredValue) {
-          // @ts-ignore
           handleEvent(actions, 'change', propName, enteredValue);
           hasValueChange.current = true;
         }
       }}
       onBlur={() => {
-        const parsedValue = percentageValue !== '' ? Number(percentageValue) : '';
+        const parsedValue = percentageValue !== '' ? Number(percentageValue).toString() : '';
         if (!value || hasValueChange.current) {
-          // @ts-ignore
           handleEvent(actions, 'blur', propName, parsedValue);
           if (hasSuggestions) {
             pConn.ignoreSuggestion("");

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyPercentage/mock.ts

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

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyPhone from './index';
@@ -47,7 +46,7 @@ export const BasePegaDxilMyPhone: Story = args => {
 };
 
 BasePegaDxilMyPhone.args = {
-  datasource: configProps.datasource,
+  datasource: configProps.datasource as any,
   label: configProps.label,
   helperText: configProps.helperText,
   placeholder: configProps.placeholder,

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 

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

@@ -77,9 +77,7 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
   const propName: string = stateProps.value;
   const configProps = pConn.getConfigProps();
   const className = pConn.getCaseInfo().getClassName();
-  // @ts-ignore
-  const { getLocaleRuleNameFromKeys, getLocalizedValue } = pConn;
-
+ 
   // @ts-ignore
   let configProperty = pConn.getRawMetadata()?.config?.value || '';
   configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;
@@ -141,10 +139,10 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
         id={`${fullReference}.${item.key}`}
         value={item.key}
         key={`${fullReference}.${item.key}`}
-        label={getLocalizedValue(
+        label={pConn.getLocalizedValue(
           isDatapage ? item.text : item.value,
           localePath,
-          getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
+          pConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
         )}
         name={fullReference}
       />

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 

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

@@ -180,6 +180,7 @@ export const doSearch = (
           let listIndex = -1;
           const findSelectedItem = progressivePaginatedRecords.find(
             (record: { id: string }, index: number) => {
+              // @ts-ignore
               if (record.id === selectedItem?.id) {
                 listIndex = index;
                 return true;
@@ -412,6 +413,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const { isSearchableOnKey } = props;
 
   const [items, setItems] = useState(() => []);
+  // eslint-disable-next-line prefer-const
   let selectItem: ((id: string, ev?: any) => void) | ((arg0: never) => void);
 
   // convert associated to datapage listtype and transform props
@@ -497,14 +499,14 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const pConn = getPConnect();
   const contextName = getPConnect().getContextName();
   const actions = pConn.getActionsApi();
-  const [dataApiObj, setDataApiObj] = useState(() => ({}));
+  const [dataApiObj, setDataApiObj] = useState(() => ({} as any));
   const [filterValue, setFilterValue] = useState('');
   const [loading, setLoading] = useState(listType !== 'associated');
   // const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
   const [selected, setSelected] = useState();
   const hasMoreResults = useRef(true);
   const inputValueRef = useRef('');
-  const displayFieldMeta = useRef(null);
+  const displayFieldMeta: any = useRef(null);
   const [actualValue, setActualValue] = useState();
   const [newRecordCreated, setNewRecordCreated] = useState();
 
@@ -645,15 +647,13 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       }
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue)
             doSearch(
               '',
               getDisplayFieldsMetaData(dataConfig.columns),
-              // @ts-ignore
               dataObj,
               setItems as any,
               setLoading,
@@ -679,12 +679,10 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     if (!dataRefMount && !displayMode && listType === 'datapage') {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue) {
-            // @ts-ignore
             if (displayFieldMeta?.current?.key === displayFieldMeta?.current?.primary) {
               const displayItem = {
                 id: value,
@@ -696,7 +694,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
-                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -716,7 +713,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
-                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -775,22 +771,16 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     ) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           setDataApiObj(dataObj);
-          // @ts-ignore
           buildColumnForDisplayValue(dataObj);
           // SET matchPosition to EQUALS to return exact matching record
-          // @ts-ignore
           dataObj.matchPosition = 'equals';
-          // @ts-ignore
           dataObj
             .fetchData(value)
             .then((displayResponse: { data: Array<never> }) => {
               let columnsWithSetProperty: string | Array<any> = [];
-              // @ts-ignore
               if (dataApiObj.columns) {
-                // @ts-ignore
                 columnsWithSetProperty = dataApiObj.columns
                   .filter(
                     (col: { setProperty: string }) =>
@@ -805,12 +795,9 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               const searchedItem = displayResponseData.map((entry: { [x: string]: any }) => {
                 const secondaryArr: Array<any> = [];
                 const secondaryFieldValues: Array<any> = [];
-                // @ts-ignore
                 displayFieldMeta.current.secondary.forEach((col: string) => {
-                  // @ts-ignore
                   if (!displayFieldMeta.hidden.includes(col)) secondaryArr.push(entry[col]);
                   if (columnsWithSetProperty.includes(col)) {
-                    // @ts-ignore
                     if (dataApiObj.isQueryable) {
                       secondaryFieldValues.push(entry[col]);
                     } else {
@@ -819,9 +806,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
                   }
                 });
                 return {
-                  // @ts-ignore
                   id: entry[displayFieldMeta.current.key],
-                  // @ts-ignore
                   primary: entry[displayFieldMeta.current.primary],
                   secondary: secondaryArr,
                   secondaryFieldValues
@@ -832,13 +817,11 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               setSelected(searchedItem[0]);
               setActualValue(value);
               // RESET matchPosition
-              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             })
             .catch(() => {
               setActualValue(value);
               // RESET matchPosition
-              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             });
         });
@@ -849,28 +832,26 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const clearSelections = () => {
     // @ts-ignore
     setItems(cur =>
+      // @ts-ignore
       menuHelpers.mapTree(cur, item => {
         return {
+          // @ts-ignore
           ...item,
           selected: false
         };
       })
     );
-    // @ts-ignore
-    setSelected(null);
+    setSelected(undefined);
     inputValueRef.current = '';
   };
 
   const onChangeHandler = (ev: { target: { value: any } }) => {
     if (hasSuggestions) {
-      // @ts-ignore
-      pConn.ignoreSuggestion();
+      pConn.ignoreSuggestion('');
       setStatus(undefined);
     }
 
-    // @ts-ignore
     dataApiObj.columns = dataConfig.columns;
-    // @ts-ignore
     dataApiObj.matchPosition = dataConfig.matchPosition;
     const searchText = ev.target.value;
     inputValueRef.current = searchText;
@@ -879,15 +860,14 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       clearSelections();
     }
     setFilterValue(searchText);
-    // @ts-ignore
     if (listType === 'datapage' && dataApiObj.isQueryable) {
       hasMoreResults.current = true;
       if (searchText.length < 5) {
         searchHandlerThrottled(
           searchText,
-          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
+          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -895,9 +875,9 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       } else {
         searchHandlerDebounced(
           searchText,
-          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
+          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -905,14 +885,12 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       }
     } else if (
       listType === 'associated' ||
-      // @ts-ignore
       (listType === 'datapage' && dataApiObj?.isQueryable === false)
     ) {
       paginateHelperApis.resetIndexes();
       const progressivePaginatedRecords = paginateHelperApis.fetchData(
         inputValueRef.current,
         false,
-        // @ts-ignore
         dataApiObj.columns
       );
       setItems(progressivePaginatedRecords);
@@ -939,21 +917,19 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
 
     setFilterValue('');
     if (!selected && inputValueRef.current !== '') {
-      // @ts-ignore
       if (listType === 'datapage' && dataApiObj.isQueryable) {
         hasMoreResults.current = true;
         searchHandlerThrottled(
           '',
-          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
+          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
         );
       } else if (
         listType === 'associated' ||
-        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)
       ) {
         paginateHelperApis.resetIndexes();
@@ -976,7 +952,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     // @ts-ignore
     setSelected(menuHelpers.getSelected(updatedItems)[0]);
     // const { id: itemId } = menuHelpers.getSelected(updatedItems)[0];
-    // @ts-ignore
     const assocProp = pConn.getStateProps().value;
     const propValue = setValueToAssocProp(
       assocProp,
@@ -1009,7 +984,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const loadMore = () => {
     if (
       (listType === 'associated' ||
-        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)) &&
       paginateHelperApis.hasMoreResults(inputValueRef.current)
     ) {
@@ -1019,23 +993,18 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
         progressivePaginatedRecords = removeDuplicates(previousItems, progressivePaginatedRecords);
         return [...previousItems, ...progressivePaginatedRecords];
       });
-      // @ts-ignore
     } else if (listType === 'datapage' && dataApiObj.isQueryable && hasMoreResults.current) {
       setLoading(true);
       dataApiObj
-        // @ts-ignore
         .fetchPaginatedData(inputValueRef.current)
         .then((response: { pageSize: number; data: Array<never> }) => {
           setLoading(false);
-          // @ts-ignore
           if (response.pageSize === 0 || response.pageSize < dataApiObj.pageSize) {
             hasMoreResults.current = false;
           }
           const listObjData = response.data || [];
           let columnsWithSetProperty: string | Array<any> = [];
-          // @ts-ignore
           if (dataApiObj.columns) {
-            // @ts-ignore
             columnsWithSetProperty = dataApiObj.columns
               .filter(
                 (col: { setProperty: string }) =>
@@ -1049,12 +1018,9 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
           const searchedItems = listObjData.map((entry: { [x: string]: any }) => {
             const secondaryArr: Array<any> = [];
             const secondaryFieldValues: Array<any> = [];
-            // @ts-ignore
             displayFieldMeta.current.secondary.forEach((col: string) => {
-              // @ts-ignore
               if (!displayFieldMeta.current.hidden.includes(col)) secondaryArr.push(entry[col]);
               if (columnsWithSetProperty.includes(col)) {
-                // @ts-ignore
                 if (dataApiObj.isQueryable) {
                   secondaryFieldValues.push(entry[col]);
                 } else {
@@ -1063,9 +1029,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               }
             });
             return {
-              // @ts-ignore
               id: entry[displayFieldMeta.current.key],
-              // @ts-ignore
               primary: entry[displayFieldMeta.current.primary],
               secondary: secondaryArr,
               secondaryFieldValues
@@ -1076,7 +1040,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
         })
         .catch(() => {
           setLoading(false);
-          // @ts-ignore
           dataApiObj.pageSize -= 1;
         });
     }
@@ -1153,14 +1116,16 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       onChange={onChangeHandler}
       onBlur={onBlurHandler}
       menu={{
+        // @ts-ignore
         items: menuHelpers.mapTree(items, (item) => ({
+          // @ts-ignore
           ...item,
+          // @ts-ignore
           testId: item.id ?? undefined,
           // @ts-ignore
           selected: item.items ? undefined : !!item.selected || item.id === selected?.id
         })),
         onItemClick: selectItem,
-        // @ts-ignore
         emptyText: pConn.getLocalizedValue('No items'),
         loading,
         loadMore,

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MySearchbox/utils.ts

@@ -187,7 +187,7 @@ export const updatePropertiesForNewRecord = (
       dataObj
         .fetchData(newCaseId)
         // @ts-ignore
-        .then(displayResponse => {
+        .then((displayResponse: any) => {
           let columnsWithSetProperty = [];
           if (dataApiObj.columns) {
             columnsWithSetProperty = dataApiObj.columns

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

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';