@pega/dx-component-builder-sdk 24.2.14 → 25.1.11

package/tests/assets/sdk-r/components/create/override-sdk/widget/SummaryItem/SummaryItem.css

@@ -11,6 +11,10 @@
   flex-direction: row;
   padding: 0.25rem 0rem 0.25rem 0.25rem;
   margin-bottom: 0.5rem;
+  align-items: center;
+  border: 0.0625rem solid var(--utility-card-border-color);
+  border-radius: calc(0.25rem);
+  min-height: 3rem;
 }
 
 .psdk-utility-card-icon {
@@ -23,6 +27,7 @@
 .psdk-utility-card-svg-icon {
   width: 2.5rem;
   display: inline-block;
+  filter: var(--svg-color);
 }
 
 .psdk-utility-card-main {
@@ -40,14 +45,7 @@
 .psdk-utility-card-action-svg-icon {
   width: 1.4rem;
   display: inline-block;
-}
-
-.psdk-utility-card {
-  display: flex;
-  align-items: center;
-  border: 0.0625rem solid rgb(207, 207, 207);
-  border-radius: calc(0.25rem);
-  min-height: 3rem;
+  filter: var(--svg-color);
 }
 
 .psdk-utility-button {
@@ -65,14 +63,14 @@
   width: 1.4rem;
   display: inline-block;
   vertical-align: middle;
-  filter: invert(28%) sepia(20%) saturate(3903%) hue-rotate(209deg) brightness(101%) contrast(87%);
+  filter: var(--svg-color);
 }
 
-.psdk-link-button {
+.psdk-utility-link-button {
   background: none;
   border: none;
   align-items: center;
   display: flex;
   padding: 0;
-  color: #3f51b5;
+  color: var(--link-button-color);
 }

package/tests/assets/sdk-r/components/create/override-sdk/widget/SummaryItem/SummaryItem.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { IconButton, Menu, MenuItem } from '@mui/material';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
-import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 import './SummaryItem.css';
 
@@ -47,7 +47,7 @@ export default function SummaryItem(props: SummaryItemProps) {
         {item.primary.type !== 'URL' && <div className='psdk-utility-card-main-primary-label'>{item.primary.name}</div>}
         {item.primary.type === 'URL' && (
           <div className='psdk-utility-card-main-primary-url'>
-            <button type='button' className='psdk-link-button'>
+            <button type='button' className='psdk-utility-link-button'>
               {item.primary.name}&nbsp;
               <img className='psdk-utility-card-actions-svg-icon' src={`${imagePath$}${item.primary.icon}.svg`} />
             </button>
@@ -73,7 +73,7 @@ export default function SummaryItem(props: SummaryItemProps) {
             >
               <MoreVertIcon />
             </IconButton>
-            <Menu style={{ marginTop: '3rem' }} id='file-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
+            <Menu id='file-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
               {item.actions &&
                 item.actions.map(option => (
                   <MenuItem style={{ fontSize: '14px' }} key={option.id || option.text} onClick={option.onClick}>

package/tests/assets/sdk-r/components/create/override-sdk/widget/SummaryList/SummaryList.tsx

@@ -1,5 +1,5 @@
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 interface SummaryListProps extends PConnProps {
   // If any, enter additional props that only exist on this component

package/tests/assets/sdk-r/components/create/override-sdk/widget/ToDo/ToDo.css

@@ -41,7 +41,7 @@
   text-align: center;
   display: flex;
   background: var(--app-primary-color);
-  color: white;
+  color: var(--app-text-color);
   font-weight: bold;
   font-size: 1.25rem;
 }
@@ -56,18 +56,6 @@
   display: inline-flex;
 }
 
-.psdk-todo-assignment-status {
-  background-color: var(--app-neutral-light-color);
-  border-radius: 0.125rem;
-  color: darkslategray;
-  font-size: 0.75rem;
-  font-weight: bold;
-  line-height: calc(0.5rem * 2.5);
-  height: calc(0.5rem * 2.5);
-  padding: 0 0.5rem;
-  text-transform: uppercase;
-}
-
 .psdk-todo-assignment-task {
   color: var(--app-neutral-color);
 }

package/tests/assets/sdk-r/components/create/override-sdk/widget/ToDo/ToDo.tsx

@@ -1,19 +1,5 @@
-/* eslint-disable @typescript-eslint/no-shadow */
 import React, { useCallback, useEffect, useState } from 'react';
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  CardHeader,
-  Avatar,
-  Typography,
-  Badge,
-  List,
-  ListItem,
-  ListItemText,
-  ListItemSecondaryAction
-} from '@mui/material';
+import { Box, Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';
 import Snackbar from '@mui/material/Snackbar';
 import IconButton from '@mui/material/IconButton';
 import CloseIcon from '@mui/icons-material/Close';
@@ -23,7 +9,7 @@ import makeStyles from '@mui/styles/makeStyles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 
 import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
-import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 import './ToDo.css';
 
@@ -64,10 +50,10 @@ interface ToDoProps extends PConnProps {
   // If any, enter additional props that only exist on this component
   datasource?: any;
   myWorkList?: any;
-  // eslint-disable-next-line react/no-unused-prop-types
+
   caseInfoID?: string;
   headerText?: string;
-  // eslint-disable-next-line react/no-unused-prop-types
+
   itemKey?: string;
   showTodoList?: boolean;
   type?: string;
@@ -96,21 +82,28 @@ function getID(assignment: any) {
 
 const useStyles = makeStyles(theme => ({
   root: {
-    marginTop: theme.spacing(1),
     marginBottom: theme.spacing(1),
     paddingBottom: theme.spacing(1),
-    borderLeft: '6px solid',
-    borderLeftColor: theme.palette.primary.light
+    borderRadius: 16
   },
   avatar: {
     backgroundColor: theme.palette.primary.light,
     color: theme.palette.getContrastText(theme.palette.primary.light)
   },
   todoWrapper: {
-    borderLeft: '6px solid',
-    borderLeftColor: theme.palette.primary.light,
     padding: theme.spacing(1),
     margin: theme.spacing(1)
+  },
+  psdkTodoAssignmentStatus: {
+    backgroundColor: 'var(--app-neutral-light-color)',
+    borderRadius: '0.125rem',
+    color: theme.embedded.resolutionTextColor,
+    fontSize: '0.75rem',
+    fontWeight: 'bold',
+    lineHeight: 'calc(0.5rem * 2.5)',
+    height: 'calc(0.5rem * 2.5)',
+    padding: '0 0.5rem',
+    textTransform: 'uppercase'
   }
 }));
 
@@ -129,14 +122,14 @@ export default function ToDo(props: ToDoProps) {
   const CONSTS = PCore.getConstants();
 
   const bLogging = true;
-  const currentUser = PCore.getEnvironmentInfo().getOperatorName();
+  const currentUser = PCore.getEnvironmentInfo().getOperatorName() ?? '';
   const currentUserInitials = Utils.getInitials(currentUser);
   const assignmentsSource = datasource?.source || myWorkList?.source;
 
   const [bShowMore, setBShowMore] = useState(true);
   const [showSnackbar, setShowSnackbar] = useState(false);
   const [snackbarMessage, setSnackbarMessage]: any = useState('');
-  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+
   const [assignments, setAssignments] = useState<any[]>(initAssignments());
 
   const thePConn = getPConnect();
@@ -187,12 +180,14 @@ export default function ToDo(props: ToDoProps) {
   };
 
   const getAssignmentName = assignment => {
-    return type === CONSTS.TODO ? assignment.name : assignment.stepName;
+    return type === CONSTS.TODO
+      ? localizedVal(assignment.name, '', PCore.getLocaleUtils().getCaseLocaleReference(assignment.classname))
+      : localizedVal(assignment.stepName, '', PCore.getLocaleUtils().getCaseLocaleReference(assignment.classname));
   };
 
   function showToast(message: string) {
     const theMessage = `Assignment: ${message}`;
-    // eslint-disable-next-line no-console
+
     console.error(theMessage);
     setSnackbarMessage(message);
     setShowSnackbar(true);
@@ -251,7 +246,6 @@ export default function ToDo(props: ToDoProps) {
       .openAssignment(id, classname, options)
       .then(() => {
         if (bLogging) {
-          // eslint-disable-next-line no-console
           console.log(`openAssignment completed`);
         }
       })
@@ -271,13 +265,16 @@ export default function ToDo(props: ToDoProps) {
   };
 
   const getListItemComponent = assignment => {
+    const caseLocaleRef = PCore.getLocaleUtils().getCaseLocaleReference(assignment.classname);
     if (isDesktop) {
       return (
         <>
-          {localizedVal('Task in', localeCategory)}
+          {localizedVal('In', localeCategory)}
           {renderTaskId(type, getPConnect, showTodoList, assignment)}
           {type === CONSTS.WORKLIST && assignment.status ? `\u2022 ` : undefined}
-          {type === CONSTS.WORKLIST && assignment.status ? <span className='psdk-todo-assignment-status'>{assignment.status}</span> : undefined}
+          {type === CONSTS.WORKLIST && assignment.status ? (
+            <span className='psdk-todo-assignment-status'>{localizedVal(assignment.status, '', caseLocaleRef)}</span>
+          ) : undefined}
           {` \u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`}
         </>
       );
@@ -290,7 +287,6 @@ export default function ToDo(props: ToDoProps) {
     );
   };
 
-  // eslint-disable-next-line no-nested-ternary
   const getCount = () => (assignmentsSource ? assignmentsSource.length : type === CONSTS.WORKLIST ? count : 0);
 
   const toDoContent = (
@@ -311,8 +307,8 @@ export default function ToDo(props: ToDoProps) {
               {currentUserInitials}
             </Avatar>
             <div style={{ display: 'block' }}>
-              <Typography variant='h6'>{assignment?.name}</Typography>
-              {`${localizedVal('Task in', localeCategory)} ${renderTaskId(type, getPConnect, showTodoList, assignment)} \u2022  ${localizedVal(
+              <Typography variant='h6'>{localizedVal(assignment?.name, localeCategory)}</Typography>
+              {`${localizedVal('In', localeCategory)} ${getID(assignment)} \u2022  ${localizedVal(
                 'Urgency',
                 localeCategory
               )}  ${getPriority(assignment)}`}
@@ -347,13 +343,18 @@ export default function ToDo(props: ToDoProps) {
           <CardContent>
             <List>
               {assignments.map(assignment => (
-                <ListItem key={getAssignmentId(assignment)} dense divider onClick={() => clickGo(assignment)}>
-                  <ListItemText primary={getAssignmentName(assignment)} secondary={getListItemComponent(assignment)} />
-                  <ListItemSecondaryAction>
+                <ListItem
+                  key={getAssignmentId(assignment)}
+                  dense
+                  divider
+                  onClick={() => clickGo(assignment)}
+                  secondaryAction={
                     <IconButton onClick={() => clickGo(assignment)} size='large'>
                       <ArrowForwardIosOutlinedIcon />
                     </IconButton>
-                  </ListItemSecondaryAction>
+                  }
+                >
+                  <ListItemText primary={getAssignmentName(assignment)} secondary={getListItemComponent(assignment)} />
                 </ListItem>
               ))}
             </List>

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/Boolean.ts

@@ -26,7 +26,7 @@ function Boolean(value: any, { allowEmpty = true, tick = '', cross = '' } = {})
 }
 
 export default {
-  TrueFalse: (value: any, options: Object) =>
+  TrueFalse: (value: any, options: object) =>
     Boolean(value, {
       ...options,
       tick: 'True',

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyCurrency/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, fieldMetadata, stateProps } from './mock';

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyDate/date.ts

@@ -47,7 +47,6 @@ function getDateObject(text) {
 }
 
 function parseDateInISO(value) {
-  // eslint-disable-next-line prefer-regex-literals
   const isMilliSeconds = new RegExp('^[0-9]+$').exec(value);
   if (isMilliSeconds) {
     const date = new Date(parseInt(value, 10));

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyDate/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 } from './mock';
 import PegaDxilMyDate from './index';
@@ -14,21 +13,6 @@ const meta: Meta<typeof PegaDxilMyDate> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyDate>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
-window.PCore.getEnvironmentInfo = () => {
-  return {
-    getTimeZone: () => {
-      return '';
-    },
-    getLocale: () => {
-      return 'en-GB';
-    }
-  };
-};
-
 export const BasePegaDxilMyDate: Story = args => {
   const props = {
     value: configProps.value,

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

@@ -1,5 +1,4 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, stateProps } from './mock';
 import PegaDxilMyDateTime from './index';
@@ -13,22 +12,6 @@ const meta: Meta<typeof PegaDxilMyDateTime> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyDateTime>;
 
-
-if (!window.PCore) {
-  window.PCore = {};
-}
-
-window.PCore.getEnvironmentInfo = () => {
-  return {
-    getTimeZone: () => {
-      return '';
-    },
-    getLocale: () => {
-      return 'en-GB';
-    }
-  };
-};
-
 export const BasePegaDxilMyDateTime: Story = args => {
   const props = {
     value: configProps.value,

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyDecimal/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, fieldMetadata, stateProps } from './mock';

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_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/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_MyPicklist/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 // @ts-nocheck
 import { useState, useEffect, useRef } from 'react';
 import { Select, Option, FieldValueList, Text, withConfiguration } from '@pega/cosmos-react-core';

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

@@ -1,4 +1,3 @@
-/* eslint-disable no-nested-ternary */
 import { useMemo } from 'react';
 import { RadioButton, RadioButtonGroup, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
@@ -77,7 +76,7 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
   const propName: string = stateProps.value;
   const configProps = pConn.getConfigProps();
   const className = pConn.getCaseInfo().getClassName();
- 
+
   // @ts-ignore
   let configProperty = pConn.getRawMetadata()?.config?.value || '';
   configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;

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

@@ -64,7 +64,6 @@ const types = ['fromNow', 'customFormat'];
 function DateFormatter(
   value,
   // @ts-ignore
-  // eslint-disable-next-line @typescript-eslint/no-shadow
   { type = types[1], format = 'DD/MM/YYYY', timezone, fieldType } = {}
 ) {
   if (!value) return value;
@@ -108,7 +107,6 @@ function DateFormatter(
 export function format(value, options) {
   if (!value) return null;
   const { type, locale, timezone, formatter, translate } = options;
-  // eslint-disable-next-line @typescript-eslint/no-shadow
   const { format, variant } = (constellationToCosmosFormatterMap.get(type) as any).get(formatter);
   return formatDateTime(parseToDate(value), {
     t: translate,

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

@@ -1,5 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable sonarjs/cognitive-complexity */
 import { useEffect, useRef, useState, useMemo, type MutableRefObject, type SetStateAction } from 'react';
 import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, withConfiguration, type MenuGroupProps, type MenuItemProps } from '@pega/cosmos-react-core';
 import get from 'lodash.get';
@@ -180,6 +178,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 +411,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
@@ -830,8 +830,10 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const clearSelections = () => {
     // @ts-ignore
     setItems(cur =>
+      // @ts-ignore
       menuHelpers.mapTree(cur, item => {
         return {
+          // @ts-ignore
           ...item,
           selected: false
         };
@@ -1112,8 +1114,11 @@ 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

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

@@ -1,5 +1,3 @@
-/* eslint-disable sonarjs/no-collapsible-if */
-/* eslint-disable func-names */
 // @ts-nocheck
 import { splitConditionTree } from '@pega/cosmos-react-condition-builder';
 import cloneDeep from 'lodash/cloneDeep.js';
@@ -54,7 +52,6 @@ export function launchLocalAction(getPConnect, rowContext, action, cb) {
     // "ASSIGN-WORKLIST ON8TTL-C11NGALL-WORK LAT-3!ENTERINFO_FLOW_1" use case
     const [assignKey] = assignmentID.split('!');
     const [, className, workId] = assignKey.split(' ');
-    // eslint-disable-next-line prefer-template
     caseID = className + ' ' + workId;
   }
   openLocalAction(action.ID, {
@@ -271,7 +268,6 @@ export function getDescriptorsFieldName(property, pageClass) {
   return property;
 }
 
-// eslint-disable-next-line @typescript-eslint/default-param-last, sonarjs/cognitive-complexity
 export function preparePatchQueryFields(fields, isDataObject = false, classID = '', getPConnect) {
   const queryFields = [];
   // Descriptors can be configured only for single selectionMode properties

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

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyTextInput/StatusWork.tsx

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react';
 import { Status } from '@pega/cosmos-react-core';
 

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

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

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

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