@pega/custom-dx-components 0.23.24 → 0.23.25

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/index.tsx

@@ -1,4 +1,6 @@
 /* eslint-disable no-nested-ternary */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { RadioButton, RadioButtonGroup } from '@pega/cosmos-react-core';
@@ -108,7 +110,7 @@ export default function PegaDxilMyRadioButtons(props: PegaDxilMyRadioButtonsProp
   const localeName = localeContext === 'datapage' ? metaData?.datasource?.name : configProperty;
   const localePath = localeContext === 'datapage' ? displayName : localeName;
 
-  const items = [];
+  const items: Array<any> = [];
   const isDatapage = listType === 'datapage';
   // @ts-ignore
   const listSource = isDatapage ? configProps.listOutput : datasource;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyText/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Input } from '@pega/cosmos-react-core';
 
@@ -27,7 +29,7 @@ export default function PegaDxilMyText(props: PegaDxilMyTextProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
 
   const handleOnChange = (event: any) => {
     const { value: updatedValue } = event.target;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/StatusWork.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Status } from '@pega/cosmos-react-core';
 
 export default function StatusWorkRenderer({ value } : any) {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -45,7 +47,7 @@ export const formatExists = (formatterVal: string) => {
 
 
 export const textFormatter = (formatter: string, value: string) => {
-  let displayComponent = null;
+  let displayComponent: any = null;
   switch(formatter){
     case "TextInput" : {
       displayComponent = value;
@@ -95,7 +97,7 @@ export default function PegaDxilMyTextInput(props: PegaDxilMyTextInputProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
   const maxLength = fieldMetadata?.maxLength;
   const hasValueChange = useRef(false);
 
@@ -109,6 +111,7 @@ export default function PegaDxilMyTextInput(props: PegaDxilMyTextInputProps) {
 
    // cast status
   let myStatus: 'success' | 'warning' | 'error' | 'pending';
+  // eslint-disable-next-line prefer-const
   myStatus = status as 'success' | 'warning' | 'error' | 'pending';
 
   useEffect(() => setInputValue(value), [value]);

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useEffect, useState } from 'react';
 import { TimeInput, FieldValueList, DateTimeDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/StatusWork.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Status } from "@pega/cosmos-react-core";
 
 export default function StatusWorkRenderer({ value }: any) {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx

@@ -98,6 +98,7 @@ export const BasePegaDxilMyTwoColumnDetails = () => {
           return pyReviewRaw.config.inheritedProps;
         },
         createComponent: config => {
+          // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
               return renderField(pyReviewResolved.highlightedData[0].config);

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/demo.stories.tsx

@@ -146,6 +146,7 @@ export const BasePegaDxilMyTwoColumnForm = () => {
           return pyReviewRaw.config.inheritedProps;
         },
         createComponent: config => {
+          // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .FirstName':
               return renderField(regionChildrenResolved[0]);

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect, useRef} from "react";
 import { Input, FieldValueList, Text } from "@pega/cosmos-react-core";
 import PropTypes from "prop-types";
@@ -71,7 +73,7 @@ export default function PegaDxilMyUrl(props: PegaDxilMyUrlProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
   const hasValueChange = useRef(false);
 
 
@@ -96,7 +98,7 @@ export default function PegaDxilMyUrl(props: PegaDxilMyUrlProps) {
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  let displayComp = null;
+  let displayComp: any = null;
   if (displayMode) {
     displayComp = urlFormatter(value, {
       displayAs,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/date.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-shadow */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';
@@ -83,8 +82,10 @@ const constellationToCosmosFormatterMap = new Map([
 const types = ['fromNow', 'customFormat'];
 
 // value should be in ISO 8601 format.
-// eslint-disable-next-line no-shadow
-function DateFormatter(value, { type = types[1], format = 'DD/MM/YYYY', timezone, fieldType } = {}) {
+function DateFormatter(
+  value,
+  // eslint-disable-next-line no-shadow, @typescript-eslint/no-shadow
+  { type = types[1], format = 'DD/MM/YYYY', timezone, fieldType } = {}) {
   if (!value) return value;
   switch (type) {
     case types[1]:
@@ -127,7 +128,7 @@ function DateFormatter(value, { type = types[1], format = 'DD/MM/YYYY', timezone
 export function format(value, options) {
   if (!value) return null;
   const { type, locale, timezone, formatter, translate } = options;
-  // eslint-disable-next-line no-shadow
+  // eslint-disable-next-line no-shadow, @typescript-eslint/no-shadow
   const { format, variant } = constellationToCosmosFormatterMap.get(type).get(formatter);
   return formatDateTime(parseToDate(value), {
     t: translate,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/index.tsx

@@ -1,7 +1,9 @@
-
 /* eslint-disable react-hooks/exhaustive-deps */
-import { useEffect, useRef, useState, memo, useMemo, MutableRefObject, SetStateAction } from 'react';
-import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, MenuGroupProps, MenuItemProps } from '@pega/cosmos-react-core';
+/* eslint-disable sonarjs/cognitive-complexity */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { useEffect, useRef, useState, memo, useMemo, type MutableRefObject, type SetStateAction } from 'react';
+import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, type MenuGroupProps, type MenuItemProps } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 import get from 'lodash.get';
 import type { PConnFieldProps } from './PConnProps';
@@ -206,7 +208,7 @@ export const doSearch = (
             const updatedItems = menuHelpers.selectItem(searchedItems, value, AC_TYPE);
             const selectedItem = menuHelpers.getSelected(updatedItems)[0];
             if (!selectedItem) {
-              let searchedItem = [];
+              let searchedItem: any = [];
               if (fetchDisplayValue) {
                 dataApiObj.matchPosition = 'equals';
                 buildColumnForDisplayValue(dataApiObj);
@@ -330,8 +332,8 @@ export const setValueToAssocProp = (
   actions: any,
   columns: Array<any>
 ) => {
-  let searchedEntry = null;
-  let retValue;
+  let searchedEntry: any = null;
+  let retValue: any;
   if (listSource && listSource.length > 0 && listSource[0]) {
     searchedEntry = listSource.filter(
       item =>
@@ -734,7 +736,7 @@ export function PegaDxilMyAutocomplete(props: PegaDxilMyAutocompleteProps) {
 
   useEffect(() => {
     if (listType === 'datapage' && displayMode && displayMode?.length > 0 && value !== '') {
-      let displayItem = null;
+      let displayItem: any = null;
       if (referenceType === 'Case' || referenceType === 'Data') {
         displayItem =
           referenceType === 'Case'

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/picklist-utils.js

@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { object } from 'prop-types';
+// import { object } from 'prop-types';
 
 export const flattenParameters = (parameters = {}) => {
   const flatParams = {};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/repeat-utils.js

@@ -1,6 +1,7 @@
 /* eslint-disable sonarjs/no-collapsible-if */
 /* eslint-disable default-param-last */
 /* eslint-disable func-names */
+/* eslint-disable sonarjs/cognitive-complexity */
 import { splitConditionTree } from '@pega/cosmos-react-condition-builder';
 import cloneDeep from 'lodash/cloneDeep.js';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/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: any) => {
   switch (eventType) {
     case 'change':
       actions.updateFieldValue(propName, value);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import {
   Checkbox as CosmosCheckbox,
   CheckboxGroup,
@@ -6,6 +8,7 @@ import {
 } from "@pega/cosmos-react-core";
 import PropTypes from "prop-types";
 
+
 import type { PConnFieldProps } from './PConnProps';
 
 // includes in bundle
@@ -59,7 +62,7 @@ export default function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
   const actions = pConn.getActionsApi();
   const actionsProps = pConn.getActionsApi() as unknown as ActionsProps;
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
 
   let { readOnly, required, disabled } = props;
   [readOnly, required, disabled] = [readOnly, required, disabled].map(
@@ -82,7 +85,7 @@ export default function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
       required={required}
       onClick={actionsProps.onClick}
       onChange={(event) => {
-        handleEvent(actions, "changeNblur", propName, (event.target.checked).toString());
+        handleEvent(actions, "changeNblur", propName, event.target.checked);
       }}
       onBlur={(event: { target: { checked: any; }; }) => {
         // @ts-ignore
@@ -97,7 +100,10 @@ export default function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
   let displayComponent;
   if (displayMode) {
     // @ts-ignore
-    displayComponent = <PegaDxilMyBoolean  value={value} trueLabel={trueLabel} falseLabel={falseLabel} />;
+    displayComponent = (
+      // @ts-ignore
+      <PegaDxilMyBoolean value={value} trueLabel={trueLabel} falseLabel={falseLabel} />
+    );
   }
 
   if (displayMode === 'DISPLAY_ONLY') {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/index.tsx

@@ -1,4 +1,6 @@
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect } from 'react';
 import {
   CurrencyInput as CosmosCurrency,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useEffect, useState } from 'react';
 import { DateInput, FieldValueList, DateTimeDisplay, Text,  } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -88,6 +90,7 @@ export default function PegaDxilMyDate (props: PegaDxilMyDateProps)  {
 
   // cast status
   let myStatus: 'success' | 'warning' | 'error' | 'pending';
+  // eslint-disable-next-line prefer-const
   myStatus = status as 'success' | 'warning' | 'error' | 'pending';
 
   useEffect(() => {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useEffect, useState } from 'react';
 import { DateTimeInput, FieldValueList, DateTimeDisplay, Text } from "@pega/cosmos-react-core";
 import PropTypes from "prop-types";
@@ -80,7 +82,7 @@ export default function PegaDxilMyDateTime (props: PegaDxilMyDateTimeProps)  {
   const actions = pConn.getActionsApi();
   const actionsProps = pConn.getActionsApi() as unknown as ActionsProps;
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
 
   const environmentInfo = PCore.getEnvironmentInfo();
   const timezone = environmentInfo && environmentInfo.getTimeZone();
@@ -94,6 +96,7 @@ export default function PegaDxilMyDateTime (props: PegaDxilMyDateTimeProps)  {
 
   // cast status
   let myStatus: 'success' | 'warning' | 'error' | 'pending';
+  // eslint-disable-next-line prefer-const
   myStatus = status as 'success' | 'warning' | 'error' | 'pending';
 
   useEffect(() => {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, CurrencyDisplay, FieldValueList, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/StatusWork.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Status } from "@pega/cosmos-react-core";
 
 export default function StatusWorkRenderer({ value }: any) {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -98,6 +98,7 @@ export const BasePegaDxilMyDetails = () => {
           return pyReviewRaw.config.inheritedProps;
         },
         createComponent: config => {
+          // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
               return renderField(pyReviewResolved.highlightedData[0].config);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import { Input, EmailDisplay, FieldValueList, Text, URLDisplay, PhoneDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -44,7 +46,7 @@ export const formatExists = (formatterVal: string) => {
 
 
 export const textFormatter = (formatter: string, value: any) => {
-  let displayComponent = null;
+  let displayComponent: any = null;
   switch(formatter){
     case "TextInput" : {
       displayComponent = value;
@@ -93,7 +95,7 @@ export default function PegaDxilMyEmail(props: PegaDxilMyEmailProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
 
   const hasValueChange = useRef(false);
 
@@ -118,7 +120,7 @@ export default function PegaDxilMyEmail(props: PegaDxilMyEmailProps) {
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  let displayComp = null;
+  let displayComp: any = null;
   if (displayMode) {
     displayComp = <EmailDisplay value={value} displayText={inputValue} variant='link' />;
   }

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/demo.stories.tsx

@@ -144,6 +144,7 @@ export const BasePegaDxilMyForm = () => {
           return pyReviewRaw.config.inheritedProps;
         },
         createComponent: config => {
+          // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .FirstName':
               return renderField(regionChildrenResolved[0]);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Grid, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, Slider, FieldValueList, CurrencyDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/GetNextWork.tsx

@@ -1,4 +1,5 @@
-
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Button, useToaster } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from './PConnProps';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useMemo, Children } from 'react';
 import PropTypes from 'prop-types';
 import { OneColumnPage as OneColumn } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import PropTypes from 'prop-types';
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
 import type { PConnFieldProps } from './PConnProps';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import { TextArea as CosmosTextArea, FieldValueList, ParagraphDisplay, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -44,7 +46,7 @@ export const formatExists = (formatterVal: string) => {
 
 
 export const textFormatter = (formatter: string, value: any) => {
-  let displayComponent = null;
+  let displayComponent:any = null;
   switch(formatter){
     case "TextInput" : {
       displayComponent = value;
@@ -94,7 +96,7 @@ export default function PegaDxilMyParagraph(props: PegaDxilMyParagraphProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
   const maxLength = fieldMetadata?.maxLength;
   const hasValueChange = useRef(false);
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import {
   NumberInput,
@@ -104,7 +106,7 @@ export default function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
 
   if (displayMode === 'LABELS_LEFT' || displayMode === 'DISPLAY_ONLY') {
     let unit = 'percent';
-    let displayComp = null;
+    let displayComp:any = null;
 
     if (isTableFormatter) {
       switch (formatter) {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import {
   PhoneInput as CosmosPhone,
@@ -53,7 +55,7 @@ export const formatExists = (formatterVal: string) => {
 
 
 export const textFormatter = (formatter: string, value: any) => {
-  let displayComponent = null;
+  let displayComponent:any = null;
   switch(formatter){
     case "TextInput" : {
       displayComponent = value;
@@ -104,7 +106,7 @@ export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
   const hasValueChange = useRef(false);
 
   let callingCodesList: Array<any>  = [];
@@ -139,7 +141,7 @@ export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  // funtion to exclude country code from phone number
+  // function to exclude country code from phone number
   function getPhoneNumberAlone(phoneNumber: string) {
     const phoneNumberParts = getPhoneNumberParts(phoneNumber, callingCodesList);
     return phoneNumberParts && phoneNumberParts[1];
@@ -152,7 +154,7 @@ export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
     handleEvent(actions, eventType, propName, enteredValue);
   }
 
-  let displayComp = null;
+  let displayComp: any = null;
   if (displayMode) {
     displayComp = <PhoneDisplay value={value} variant='link' />;
   }

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/index.tsx

@@ -1,4 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 // @ts-nocheck
 import { useState, useEffect, useRef } from 'react';
 import { Select, Option, FieldValueList, Text } from '@pega/cosmos-react-core';
@@ -60,7 +62,7 @@ export const formatExists = (formatterVal: string) => {
 
 
 export const textFormatter = (formatter: string,value: any) => {
-  let displayComponent = null;
+  let displayComponent: any = null;
   switch(formatter){
     case "TextInput" : {
       displayComponent = value;

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/index.tsx

@@ -1,4 +1,6 @@
 /* eslint-disable no-nested-ternary */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { RadioButton, RadioButtonGroup } from '@pega/cosmos-react-core';
@@ -108,7 +110,7 @@ export default function PegaDxilMyRadioButtons(props: PegaDxilMyRadioButtonsProp
   const localeName = localeContext === 'datapage' ? metaData?.datasource?.name : configProperty;
   const localePath = localeContext === 'datapage' ? displayName : localeName;
 
-  const items = [];
+  const items: Array<any> = [];
   const isDatapage = listType === 'datapage';
   // @ts-ignore
   const listSource = isDatapage ? configProps.listOutput : datasource;

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Input } from '@pega/cosmos-react-core';
 
@@ -27,7 +29,7 @@ export default function PegaDxilMyText(props: PegaDxilMyTextProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
 
   const handleOnChange = (event: any) => {
     const { value: updatedValue } = event.target;

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/StatusWork.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Status } from '@pega/cosmos-react-core';
 
 export default function StatusWorkRenderer({ value } : any) {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -45,7 +47,7 @@ export const formatExists = (formatterVal: string) => {
 
 
 export const textFormatter = (formatter: string, value: string) => {
-  let displayComponent = null;
+  let displayComponent: any = null;
   switch(formatter){
     case "TextInput" : {
       displayComponent = value;
@@ -95,7 +97,7 @@ export default function PegaDxilMyTextInput(props: PegaDxilMyTextInputProps) {
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const stateProps = pConn.getStateProps() as StateProps;
-  let propName: string = stateProps.value;
+  const propName: string = stateProps.value;
   const maxLength = fieldMetadata?.maxLength;
   const hasValueChange = useRef(false);
 
@@ -109,6 +111,7 @@ export default function PegaDxilMyTextInput(props: PegaDxilMyTextInputProps) {
 
    // cast status
   let myStatus: 'success' | 'warning' | 'error' | 'pending';
+  // eslint-disable-next-line prefer-const
   myStatus = status as 'success' | 'warning' | 'error' | 'pending';
 
   useEffect(() => setInputValue(value), [value]);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { useEffect, useState } from 'react';
 import { TimeInput, FieldValueList, DateTimeDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/StatusWork.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Status } from "@pega/cosmos-react-core";
 
 export default function StatusWorkRenderer({ value }: any) {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx

@@ -98,6 +98,7 @@ export const BasePegaDxilMyTwoColumnDetails = () => {
           return pyReviewRaw.config.inheritedProps;
         },
         createComponent: config => {
+          // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
               return renderField(pyReviewResolved.highlightedData[0].config);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/index.tsx

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';