@pega/custom-dx-components 0.25.31 → 0.25.33

package/src/tasks/init/template/eslint.config.mjs

@@ -0,0 +1,227 @@
+import { defineConfig, globalIgnores } from 'eslint/config';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+import tseslint from 'typescript-eslint';
+import sonarjs from 'eslint-plugin-sonarjs';
+import importPlugin from 'eslint-plugin-import';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  sonarjs: sonarjs.configs.recommended,
+  importPlugin: importPlugin.configs.recommended,
+  react: react.configs.recommended,
+  reactHooks: reactHooks.configs.recommended,
+  allConfig: js.configs.all
+});
+
+export default tseslint.config(
+  tseslint.configs.recommended,
+  globalIgnores([
+    '**/node_modules',
+    'packages/*/lib',
+    '!**/.storybook',
+    '.storybook/public',
+    '**/demo.stories.jsx',
+    '**/mock.stories.js',
+    '**/demo.stories.tsx',
+    '**/demo.test.tsx',
+    '**/mock.stories.ts',
+    '**/*.mdx',
+    '**/webpack.config.js',
+    'src/helpers/config_access.js',
+    '**/*.html',
+    '**/*.css',
+    '**/*.json',
+    '**/*.md',
+    '**/*.svg',
+    '**/*.zip',
+    '**/*.d.ts',
+    '*.storybook/*',
+    '**/*.cjs',
+    '**/paths.js',
+    'dist/*',
+    'lib/*'
+  ]),
+  {
+    languageOptions: {
+      globals: {
+        PCore: 'readonly',
+        window: true,
+        console: true,
+        document: true,
+        fetch: true
+      },
+
+      ecmaVersion: 13,
+      sourceType: 'script',
+
+      parserOptions: {
+        project: 'tsconfig.json'
+      }
+    },
+
+    settings: {
+      'import/resolver': {
+        typescript: {},
+
+        node: {
+          extensions: ['.js', '.jsx', '.ts', '.tsx']
+        }
+      },
+
+      react: {
+        version: 'detect'
+      }
+    },
+
+    plugins: { sonarjs, import: importPlugin, react, 'react-hooks': reactHooks },
+    rules: {
+      'prettier/prettier': 'off',
+      'sonarjs/cognitive-complexity': 'off',
+      'sonarjs/no-identical-functions': 'off',
+      'sonarjs/no-duplicate-string': 'off',
+      'sonarjs/no-nested-template-literals': 'off',
+      '@typescript-eslint/array-type': 'off',
+      '@typescript-eslint/no-wrapper-object-types': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-unsafe-function-type': 'off',
+      '@typescript-eslint/no-inferrable-types': 'off',
+      'import/extensions': ['off', 'never'],
+      'import/named': 'off',
+      'import/no-cycle': 'off',
+      'import/no-duplicates': 'off',
+      'import/no-extraneous-dependencies': 'off',
+      'import/no-named-as-default': 'off',
+      'import/no-named-as-default-member': 'off',
+      'import/no-self-import': 'off',
+      'import/no-unresolved': 'off',
+      'import/no-useless-path-segments': 'off',
+      'import/order': 'off',
+      'no-else-return': 'off',
+      'no-restricted-syntax': 'off',
+      'no-underscore-dangle': 'off',
+      'jsx-a11y/alt-text': 'off',
+      'jsx-a11y/anchor-is-valid': 'off',
+      'jsx-a11y/click-events-have-key-events': 'off',
+      'jsx-a11y/label-has-associated-control': 'off',
+      'jsx-a11y/no-static-element-interactions': 'off',
+      'react/jsx-fragments': 'off',
+      'react/jsx-no-bind': 'off',
+      'react/self-closing-comp': 'off',
+      'sonarjs/prefer-immediate-return': 'off',
+      '@typescript-eslint/dot-notation': 'off',
+      '@typescript-eslint/naming-convention': 'off',
+      '@typescript-eslint/ban-types': 'off',
+      eqeqeq: 'off',
+      'no-alert': 'off',
+      'no-console': 'error',
+      'no-fallthrough': 'error',
+      'no-undef': 'error',
+      'no-unused-vars': 'off',
+      'no-var': 'off',
+      yoda: 'error',
+      'no-irregular-whitespace': 'off',
+      'no-empty': 'off',
+      'no-new-object': 'off',
+      'import/no-relative-packages': 'off',
+      'import/no-mutable-exports': 'error',
+      'sonarjs/max-switch-cases': 'error',
+      'sonarjs/no-collapsible-if': 'error',
+      'sonarjs/no-all-duplicated-branches': 'error',
+      'sonarjs/no-duplicated-branches': 'error',
+      'sonarjs/no-gratuitous-expressions': 'off',
+      'sonarjs/no-ignored-return': 'error',
+      'sonarjs/no-small-switch': 'error',
+      'sonarjs/prefer-object-literal': 'error',
+      'sonarjs/prefer-single-boolean-return': 'error',
+      '@typescript-eslint/no-shadow': 'error',
+      'react/default-props-match-prop-types': 'error',
+      'react/no-unescaped-entities': 'error',
+      'react/no-unused-prop-types': 'error',
+      'react/static-property-placement': 'error',
+      'array-callback-return': 'error',
+      camelcase: 'error',
+      'func-names': 'error',
+      'no-case-declarations': 'error',
+      'no-lonely-if': 'error',
+      'no-nested-ternary': 'error',
+      'no-plusplus': 'error',
+      'no-restricted-globals': 'error',
+      'no-restricted-properties': 'error',
+      'no-shadow': 'error',
+      radix: 'error',
+      'spaced-comment': 'error',
+      'import/newline-after-import': 'error',
+      'sonarjs/no-nested-switch': 'error',
+      '@typescript-eslint/no-array-constructor': 'error',
+      '@typescript-eslint/no-unused-vars': 'error',
+      '@typescript-eslint/no-useless-constructor': 'error',
+      'react/button-has-type': 'error',
+      'react/jsx-curly-brace-presence': 'error',
+      'react/jsx-boolean-value': 'error',
+      'react/no-array-index-key': 'error',
+      'class-methods-use-this': 'error',
+      'guard-for-in': 'error',
+      'no-unneeded-ternary': 'error',
+      'no-unused-expressions': 'error',
+      'operator-assignment': 'error',
+      'prefer-template': 'error',
+      'vars-on-top': 'error',
+      'prefer-regex-literals': 'off',
+      'no-use-before-define': 'off',
+      '@typescript-eslint/no-use-before-define': 'error'
+    }
+  },
+  {
+    files: ['**/*.@(ts|tsx)'],
+
+    rules: {
+      '@typescript-eslint/method-signature-style': ['error', 'property'],
+      quotes: 'off',
+      '@typescript-eslint/quotes': 'off'
+    }
+  },
+  {
+    files: ['**/*.@(jsx|tsx|mdx)'],
+
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'react-hooks/rules-of-hooks': 'off',
+      'react-hooks/exhaustive-deps': 'off'
+    }
+  },
+  {
+    files: ['**/*.@(ts|tsx)'],
+    rules: {
+      'no-undef': 'error',
+      'no-console': 'off',
+      'import/prefer-default-export': 'off',
+      'import/no-relative-packages': 'off',
+      'react/jsx-fragments': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'react-hooks/exhaustive-deps': 'off',
+      'sonarjs/cognitive-complexity': ['warn', 45]
+    }
+  },
+  {
+    files: ['**/*.@(js|jsx|ts|tsx|mdx)'],
+    rules: {}
+  },
+
+  {
+    files: ['*/**/mocks/**.@(mocks|styles).@(tsx|ts)'],
+
+    rules: {
+      'import/prefer-default-export': ['off']
+    }
+  }
+);

package/src/tasks/init/template/package.json.mustache

@@ -107,7 +107,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@pega/configs": "^0.16.3",
-    "@pega/custom-dx-components": "~0.25.31",
+    "@pega/custom-dx-components": "~0.25.33",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
@@ -132,7 +132,7 @@
     "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "core-js": "^3.42.0",
-    "eslint": "^8.57.0",
+    "eslint": "^9.27.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^28.11.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -155,6 +155,7 @@
     "stylelint": "^16.19.1",
     "ts-jest": "^29.3.2",
     "typescript": "~5.5.4",
+    "typescript-eslint": "^8.32.1",
     "vite": "^6.3.5"
   }
 }

package/src/tasks/init/template/tasks.config.json

@@ -30,9 +30,9 @@
     "questions_askedOnce": ""
   },
   "component": {
-    "library": "Extensions",
+    "library": "YourLibrary",
     "type": "",
-    "version": "1.0.0",
+    "version": "0.0.1",
     "subtype": "",
     "description": "",
     "icon": ""

package/src/tasks/init/template/tsconfig.build.json

@@ -7,7 +7,8 @@
     "./src/**/*.stories.js",
     "./src/**/*.stories.jsx",
     "./src/**/*.test.jsx",
-    "./src/**/*.test.tsx"
+    "./src/**/*.test.tsx",
+     "*.config.mjs"
   ],
   "compilerOptions": {
     "noEmit": false,

package/src/tasks/init/template/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "@pega/tsconfig/index.json",
   "include": ["./**/*", ".storybook/**/*"],
+  "exclude": ["**/*.mjs"],
   "compilerOptions": {
     "noEmit": true,
     "allowJs": true,

package/src/tasks/validator/index.js

@@ -12,6 +12,7 @@ import {
   getComponentDirectoryPath,
   getComponents,
   getOOTBComponents,
+  isComponentValidLength,
   addDebugLog } from '../../util.js';
 
 const ajv = new Ajv({ allErrors: true });
@@ -340,6 +341,10 @@ export default async (option) => {
     throwTheError = true;
   }
 
+  if (!isComponentValidLength(componentToValidate)) {
+    throw new Error(`Invalid: componentName is too long.`);
+  }
+
   const componentDirectory = await getComponentDirectoryPath(componentToValidate);
   let configFileName = "config.json";
 

package/src/util.js

@@ -44,7 +44,8 @@ import {
   TEMP_PATH,
   JEST_TESTS_FUNCTIONAL_PATH,
   IMPORT_RELATIVE_PATH,
-  EXPORT_RELATIVE_PATH
+  EXPORT_RELATIVE_PATH,
+  MAX_RFT_CHARS
 } from './constants.js';
 
 
@@ -2500,7 +2501,7 @@ if (showDebug) addDebugLog("restoreFromArchive", `fileName: ${fileName}, orgLibN
 
 
    // remove temp  (windows not working well with "sync", can be async, since as long as deleted, fine)
-   fs.rm(tempDirectory, { recursive: true, force: true, maxRetries: 5  },  () => {});
+   fs.rmSync(tempDirectory, { recursive: true, force: true, maxRetries: 5  },  () => {});
 
 };
 
@@ -2712,6 +2713,33 @@ export const getSubTypeLabel = (type, subtype) => {
   return "";
 }
 
+export const getMaxComponentNameCount = () => {
+  let count = MAX_RFT_CHARS - 1; // one less than max
+  const configDef = getConfigDefaults();
+  const orgLibCount = configDef.currentOrgLib.length + 1;
+  const versionCount = configDef.version.length - 2;
+  const prefixCount = versionCount + 4;
+
+  count = count - orgLibCount - prefixCount - 9; // 9 chars for trailing hash
+
+  return count;
+
+}
+
+export const getMaxPrefixCount = () => {
+  // TwoColumnDetails is 16 chars
+  return (getMaxComponentNameCount() - 16);
+}
+
+export const isComponentValidLength = (componentKey) => {
+  const configDef = getConfigDefaults();
+  const componentName = componentKey.replace(configDef.currentOrgLib + "_", "");
+  if (componentName.length <= getMaxComponentNameCount()) {
+    return true;
+  }
+
+  return false;
+}
 
 // init
 await forceDefaultsUpdate();

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/HighlightRender.tsx

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react';
 import { FieldValueList, Text } from '@pega/cosmos-react-core';
 import type { PConnProps } from '../shared/PConnProps';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/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/library/components/createAll/Constellation/Pega_DXIL_MyPage/GetNextWork.tsx

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

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPicklist/index.tsx

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

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/index.tsx

@@ -77,7 +77,6 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
   const propName: string = stateProps.value;
   const configProps = pConn.getConfigProps();
   const className = pConn.getCaseInfo().getClassName();
-  const { getLocaleRuleNameFromKeys, getLocalizedValue } = pConn;
 
   // @ts-ignore
   let configProperty = pConn.getRawMetadata()?.config?.value || '';
@@ -139,10 +138,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/library/components/createAll/Constellation/Pega_DXIL_MySearchbox/index.tsx

@@ -1,4 +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';
@@ -414,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

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MySearchbox/repeat-utils.ts

@@ -1,4 +1,5 @@
 /* eslint-disable sonarjs/no-collapsible-if */
+/* eslint-disable sonarjs/cognitive-complexity */
 /* eslint-disable func-names */
 // @ts-nocheck
 import { splitConditionTree } from '@pega/cosmos-react-condition-builder';
@@ -267,7 +268,7 @@ export function getDescriptorsFieldName(property, pageClass) {
   return property;
 }
 
-// eslint-disable-next-line @typescript-eslint/default-param-last, sonarjs/cognitive-complexity
+// eslint-disable-next-line, 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/library/components/createAll/Constellation/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/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/HighlightRender.tsx

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react';
 import { FieldValueList, Text } from '@pega/cosmos-react-core';
 import type { PConnProps } from '../shared/PConnProps';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/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/original/components/createAll/Constellation/Pega_DXIL_MyDetails/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/HighlightRender.tsx

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

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/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/original/components/createAll/Constellation/Pega_DXIL_MyPage/GetNextWork.tsx

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

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPicklist/index.tsx

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

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/index.tsx

@@ -77,7 +77,6 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
   const propName: string = stateProps.value;
   const configProps = pConn.getConfigProps();
   const className = pConn.getCaseInfo().getClassName();
-  const { getLocaleRuleNameFromKeys, getLocalizedValue } = pConn;
 
   // @ts-ignore
   let configProperty = pConn.getRawMetadata()?.config?.value || '';
@@ -139,10 +138,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/original/components/createAll/Constellation/Pega_DXIL_MySearchbox/index.tsx

@@ -1,4 +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';
@@ -414,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

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MySearchbox/repeat-utils.ts

@@ -1,4 +1,5 @@
 /* eslint-disable sonarjs/no-collapsible-if */
+/* eslint-disable sonarjs/cognitive-complexity */
 /* eslint-disable func-names */
 // @ts-nocheck
 import { splitConditionTree } from '@pega/cosmos-react-condition-builder';
@@ -267,7 +268,7 @@ export function getDescriptorsFieldName(property, pageClass) {
   return property;
 }
 
-// eslint-disable-next-line @typescript-eslint/default-param-last, sonarjs/cognitive-complexity
+// eslint-disable-next-line, 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/original/components/createAll/Constellation/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/original/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/HighlightRender.tsx

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

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/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/original/components/createAll/Launchpad/Pega_DXIL_MyDetails/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyDetails/HighlightRender.tsx

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

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyDetails/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/original/components/createAll/Launchpad/Pega_DXIL_MyPage/GetNextWork.tsx

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

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

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

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyRadiobuttons/index.tsx

@@ -77,7 +77,6 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
   const propName: string = stateProps.value;
   const configProps = pConn.getConfigProps();
   const className = pConn.getCaseInfo().getClassName();
-  const { getLocaleRuleNameFromKeys, getLocalizedValue } = pConn;
 
   // @ts-ignore
   let configProperty = pConn.getRawMetadata()?.config?.value || '';
@@ -139,10 +138,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}
       />