@pega/custom-dx-components 0.23.26 → 0.23.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.26",
+  "version": "0.23.28",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -65,7 +65,7 @@
   ],
   "devDependencies": {
     "@babel/preset-env": "^7.23.7",
-    "@pega/configs": "^0.6.0",
+    "@pega/configs": "^0.7.1",
     "@pega/prettier-config": "^0.7.1",
     "@types/jest": "^29.5.11",
     "babel-jest": "^29.7.0",

package/src/tasks/create/templates/Constellation/Field/Boolean/boolean-format.ts.mustache

@@ -1,7 +1,5 @@
-
 import Boolean from "./Boolean";
 
-
 export default {
   ...Boolean
 };

package/src/tasks/create/templates/Constellation/Field/Date/DateFormatter.js.mustache

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/src/tasks/create/templates/Constellation/Field/Date/FormattedText.jsx.mustache

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import { FieldValueList } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/src/tasks/create/templates/Constellation/Field/Date/date.js.mustache

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 /* eslint-disable prefer-regex-literals */
 import dayjs from 'dayjs';
 import DateFormatter from './DateFormatter.js';

package/src/tasks/create/templates/Constellation/Field/DateTime/date-time.js.mustache

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/src/tasks/create/templates/Constellation/Field/DateTime/date-utils.js.mustache

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/src/tasks/create/templates/Constellation/Field/DateTime/date.js.mustache

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/date.js.mustache

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

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

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
+
 import { isEmbeddedField, isPageListInPath, PAGE, PAGELIST, buildAggOrCalcId } from './repeat-utils.js';
 
 export const AT_FILTEREDLIST = '@FILTERED_LIST';

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/repeat-utils.js.mustache

@@ -1,7 +1,8 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable sonarjs/no-collapsible-if */
 /* eslint-disable default-param-last */
 /* eslint-disable func-names */
-/* eslint-disable sonarjs/cognitive-complexity */
+/* eslint-disable no-undef */
 import { splitConditionTree } from '@pega/cosmos-react-condition-builder';
 import cloneDeep from 'lodash/cloneDeep.js';
 
@@ -65,8 +66,10 @@ export function launchLocalAction(getPConnect, rowContext, action, cb) {
     name: action.name,
     callbacks: {
       submit: (response) => {
+        /* eslint-disable no-console */
         console.log('callback for modal submit');
         console.log(response);
+        /* eslint-enable no-console */
         cb();
       },
       cancel: () => {
@@ -95,14 +98,18 @@ export function launchBulkAction(getPConnect, selectedList, action, caseTypeID,
     bulkContextType,
     callbacks: {
       submit: (response) => {
+        /* eslint-disable no-console */
         console.log(response);
         console.log('callback for modal submit 1');
+        /* eslint-enable no-console */
         if (typeof cb === 'function') {
           cb();
         }
       },
       cancel: () => {
+        /* eslint-disable no-console */
         console.log('callback for modal submit 2');
+        /* eslint-enable no-console */
       }
     },
     showProgress: true,

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/textformat-utils.jsx.mustache

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 import { useRef, useState } from 'react';
 

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/textformat-utils.jsx.mustache

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 import { useRef, useState } from 'react';
 

package/src/tasks/create/templates/Constellation/Field/Text-URL/text-url.jsx.mustache

@@ -1,5 +1,4 @@
-
-/* eslint-disable react/jsx-fragments */
+/* eslint-disable import/no-relative-packages */
 import { useState, useRef, React} from "react";
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 

package/src/tasks/create/templates/Constellation/Field/TimeofDay/time-of-day.js.mustache

@@ -1,4 +1,5 @@
-import dayjs from "dayjs";
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';
 import utc from 'dayjs/plugin/utc.js';

package/src/tasks/create/templates/Constellation/Template/DETAILS/utils.js.mustache

@@ -1,4 +1,5 @@
 
+/* eslint-disable no-undef */
 /**
  * Given the PConnect object of a Template component, retrieve the children
  * metadata of all regions.
@@ -136,8 +137,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
-
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/utils.js.mustache

@@ -1,4 +1,4 @@
-
+/* eslint-disable no-undef */
 
 /**
  * Given the PConnect object of a Template component, retrieve the children
@@ -137,7 +137,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/src/tasks/create/templates/Constellation/Template/PAGE/utils.js.mustache

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import { createUID } from '@pega/cosmos-react-core';
 
 // import { LazyMap as LazyComponentMap } from '../../components_map';
@@ -213,7 +214,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/Operator.tsx.mustache

@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-fragments */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react';
 import { useState, useEffect, Fragment } from 'react';

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/index.tsx.mustache

@@ -2,7 +2,6 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react';
 /* eslint-disable no-nested-ternary */
-/* eslint-disable react/jsx-fragments */
 import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/Operator.tsx.mustache

@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-fragments */
 import { useState, useEffect, Fragment } from 'react';
 import {
   Link,

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/index.tsx.mustache

@@ -1,5 +1,5 @@
-
-/* eslint-disable react/jsx-fragments */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -23,7 +23,7 @@
     "prettier/prettier": "off",
 
     // Disable rules from shared configs we're not ready for yet.
-    "sonarjs/cognitive-complexity": ["warn", 45],
+    "sonarjs/cognitive-complexity": "off",
     "sonarjs/no-identical-functions": "off",
     "sonarjs/no-duplicate-string": "off",
     "sonarjs/no-nested-template-literals": "off",
@@ -47,8 +47,6 @@
     "import/no-unresolved": "off",
     "import/no-useless-path-segments": "off",
     "import/order": "off",
-    "import/prefer-default-export": "off",
-    "import/no-relative-packages": "off",
 
     "no-else-return": "off",
     "no-restricted-syntax": "off",
@@ -60,7 +58,7 @@
     "jsx-a11y/label-has-associated-control": "off",
     "jsx-a11y/no-static-element-interactions": "off",
 
-    "react/jsx-fragments": "error",
+    "react/jsx-fragments": "off",
     "react/jsx-no-bind": "off",
     "react/self-closing-comp": "off",
 
@@ -75,9 +73,9 @@
     "@typescript-eslint/no-inferrable-types": "error",
     "eqeqeq": "off",
     "no-alert": "off",
-    "no-console": "off",
+    "no-console": "error",
     "no-fallthrough": "error",
-    "no-undef": "off",
+    "no-undef": "error",
     "no-unused-vars": "off",
     "no-var": "off",
     "yoda": "error",
@@ -169,13 +167,46 @@
         "react/react-in-jsx-scope": "off",
         // Set up configuration for future sweep
         "react-hooks/exhaustive-deps": [
-          "error",
+          "off",
           {
             "additionalHooks": "useAfterInitialEffect"
           }
         ]
       }
     },
+    {
+      // rules for typescript (keeping old rules for js)
+      "files": "*.@(ts|tsx)",
+      "rules": {
+        "no-undef": "off",
+        "no-console": "off",
+        "import/prefer-default-export": "off",
+        "import/no-relative-packages": "off",
+        "react/jsx-fragments": "off",
+        "react/react-in-jsx-scope": "off",
+        // Set up configuration for future sweep
+        "react-hooks/exhaustive-deps": [
+          "error",
+          {
+            "additionalHooks": "useAfterInitialEffect"
+          }
+        ],
+        "sonarjs/cognitive-complexity": ["warn", 45]
+      }
+    },
+    // {
+    //   "files": "*.@(tsx)",
+    //   "rules": {
+    //     "react/react-in-jsx-scope": "off",
+    //     // Set up configuration for future sweep
+    //     "react-hooks/exhaustive-deps": [
+    //       "error",
+    //       {
+    //         "additionalHooks": "useAfterInitialEffect"
+    //       }
+    //     ]
+    //   }
+    // },
     {
       "files": "*.@(js|jsx|ts|tsx|mdx)",
       "rules": {}

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

@@ -50,7 +50,7 @@
   "author": "",
   "license": "Enter License",
   "sideEffects": false,
-  "dependencies": {
+ "dependencies": {
     "@pega/cosmos-react-condition-builder": "^4.1.2",
     "@pega/cosmos-react-core": "^4.1.2",
     "@pega/cosmos-react-work": "4.1.2",
@@ -64,11 +64,12 @@
     "react-is": "^18.2.0",
     "react-player": "^2.10.1",
     "react-redux": "^7.2.6",
-    "styled-components": "^5.3.5"
+    "styled-components": "^5.3.5",
+    "ts-loader": "^9.5.1"
   },
   "devDependencies": {
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.23.26",
+    "@pega/custom-dx-components": "0.23.28",
     "@pega/pcore-pconnect-typedefs": "2.0.0",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.7",

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

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/embed-utils.js

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
+
 import { isEmbeddedField, isPageListInPath, PAGE, PAGELIST, buildAggOrCalcId } from './repeat-utils.js';
 
 export const AT_FILTEREDLIST = '@FILTERED_LIST';

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

@@ -1,7 +1,8 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable sonarjs/no-collapsible-if */
 /* eslint-disable default-param-last */
 /* eslint-disable func-names */
-/* eslint-disable sonarjs/cognitive-complexity */
+/* eslint-disable no-undef */
 import { splitConditionTree } from '@pega/cosmos-react-condition-builder';
 import cloneDeep from 'lodash/cloneDeep.js';
 
@@ -65,8 +66,10 @@ export function launchLocalAction(getPConnect, rowContext, action, cb) {
     name: action.name,
     callbacks: {
       submit: (response) => {
+        /* eslint-disable no-console */
         console.log('callback for modal submit');
         console.log(response);
+        /* eslint-enable no-console */
         cb();
       },
       cancel: () => {
@@ -95,14 +98,18 @@ export function launchBulkAction(getPConnect, selectedList, action, caseTypeID,
     bulkContextType,
     callbacks: {
       submit: (response) => {
+        /* eslint-disable no-console */
         console.log(response);
         console.log('callback for modal submit 1');
+        /* eslint-enable no-console */
         if (typeof cb === 'function') {
           cb();
         }
       },
       cancel: () => {
+        /* eslint-disable no-console */
         console.log('callback for modal submit 2');
+        /* eslint-enable no-console */
       }
     },
     showProgress: true,

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/textformat-utils.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 import { useRef, useState } from 'react';
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyBoolean/boolean-format.ts

@@ -1,7 +1,5 @@
-
 import Boolean from "./Boolean";
 
-
 export default {
   ...Boolean
 };

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/DateFormatter.js

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/FormattedText.jsx

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import { FieldValueList } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/date.js

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 /* eslint-disable prefer-regex-literals */
 import dayjs from 'dayjs';
 import DateFormatter from './DateFormatter.js';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date-time.js

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date-utils.js

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date.js

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDetails/utils.js

@@ -1,4 +1,5 @@
 
+/* eslint-disable no-undef */
 /**
  * Given the PConnect object of a Template component, retrieve the children
  * metadata of all regions.
@@ -136,8 +137,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
-
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPage/utils.js

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import { createUID } from '@pega/cosmos-react-core';
 
 // import { LazyMap as LazyComponentMap } from '../../components_map';
@@ -213,7 +214,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/Operator.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-fragments */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react';
 import { useState, useEffect, Fragment } from 'react';

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

@@ -2,7 +2,6 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react';
 /* eslint-disable no-nested-ternary */
-/* eslint-disable react/jsx-fragments */
 import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/textformat-utils.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 import { useRef, useState } from 'react';
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/time-of-day.js

@@ -1,4 +1,5 @@
-import dayjs from "dayjs";
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';
 import utc from 'dayjs/plugin/utc.js';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/utils.js

@@ -1,4 +1,4 @@
-
+/* eslint-disable no-undef */
 
 /**
  * Given the PConnect object of a Template component, retrieve the children
@@ -137,7 +137,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/text-url.jsx

@@ -1,5 +1,4 @@
-
-/* eslint-disable react/jsx-fragments */
+/* eslint-disable import/no-relative-packages */
 import { useState, useRef, React} from "react";
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 

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

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

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

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
+
 import { isEmbeddedField, isPageListInPath, PAGE, PAGELIST, buildAggOrCalcId } from './repeat-utils.js';
 
 export const AT_FILTEREDLIST = '@FILTERED_LIST';

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

@@ -1,7 +1,8 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable sonarjs/no-collapsible-if */
 /* eslint-disable default-param-last */
 /* eslint-disable func-names */
-/* eslint-disable sonarjs/cognitive-complexity */
+/* eslint-disable no-undef */
 import { splitConditionTree } from '@pega/cosmos-react-condition-builder';
 import cloneDeep from 'lodash/cloneDeep.js';
 
@@ -65,8 +66,10 @@ export function launchLocalAction(getPConnect, rowContext, action, cb) {
     name: action.name,
     callbacks: {
       submit: (response) => {
+        /* eslint-disable no-console */
         console.log('callback for modal submit');
         console.log(response);
+        /* eslint-enable no-console */
         cb();
       },
       cancel: () => {
@@ -95,14 +98,18 @@ export function launchBulkAction(getPConnect, selectedList, action, caseTypeID,
     bulkContextType,
     callbacks: {
       submit: (response) => {
+        /* eslint-disable no-console */
         console.log(response);
         console.log('callback for modal submit 1');
+        /* eslint-enable no-console */
         if (typeof cb === 'function') {
           cb();
         }
       },
       cancel: () => {
+        /* eslint-disable no-console */
         console.log('callback for modal submit 2');
+        /* eslint-enable no-console */
       }
     },
     showProgress: true,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/textformat-utils.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 import { useRef, useState } from 'react';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/boolean-format.ts

@@ -1,7 +1,5 @@
-
 import Boolean from "./Boolean";
 
-
 export default {
   ...Boolean
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/DateFormatter.js

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/FormattedText.jsx

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import { FieldValueList } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

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

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 /* eslint-disable prefer-regex-literals */
 import dayjs from 'dayjs';
 import DateFormatter from './DateFormatter.js';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date-time.js

@@ -1,4 +1,4 @@
-
+/* eslint-disable import/no-relative-packages */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date-utils.js

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

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

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/utils.js

@@ -1,4 +1,5 @@
 
+/* eslint-disable no-undef */
 /**
  * Given the PConnect object of a Template component, retrieve the children
  * metadata of all regions.
@@ -136,8 +137,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
-
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/utils.js

@@ -1,4 +1,5 @@
-
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */
 import { createUID } from '@pega/cosmos-react-core';
 
 // import { LazyMap as LazyComponentMap } from '../../components_map';
@@ -213,7 +214,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/Avatar.tsx

@@ -1,9 +1,11 @@
 /* eslint-disable react-hooks/rules-of-hooks */
+import type React from 'react';
 import { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Avatar as CosmosAvatar } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
 
+
 // interface for props
 interface PegaDxilMyPageCaseWidgetAvatarProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
@@ -43,7 +45,7 @@ function Avatar(props: PegaDxilMyPageCaseWidgetAvatarProps) {
 
   if (showStatus) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
-    const [userState, setUserState] = useState(currentState === 'online' ? 'active' : 'inactive');
+    const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
     // @ts-ignore
     const handleUserStateChange = ({ state }) => {
@@ -59,9 +61,9 @@ function Avatar(props: PegaDxilMyPageCaseWidgetAvatarProps) {
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
-    }, [handleUserStateChange, userIdentifier]);
+    }, [userIdentifier, handleUserStateChange]);
     // @ts-ignore
-    return <CosmosAvatar name={userName} imageSrc={imageBlobUrl} status={userState} />;
+    return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 
   // Do not render when userName does not exists

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/Operator.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-fragments */
 import { useState, useEffect, Fragment } from 'react';
 import {
   Link,

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

@@ -1,5 +1,5 @@
-
-/* eslint-disable react/jsx-fragments */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/textformat-utils.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 import { useRef, useState } from 'react';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/time-of-day.js

@@ -1,4 +1,5 @@
-import dayjs from "dayjs";
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable no-undef */import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';
 import utc from 'dayjs/plugin/utc.js';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/utils.js

@@ -1,4 +1,4 @@
-
+/* eslint-disable no-undef */
 
 /**
  * Given the PConnect object of a Template component, retrieve the children
@@ -137,7 +137,9 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
+    /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
+    /* eslint-enable no-console */
     return undefined;
   }
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/text-url.jsx

@@ -1,5 +1,4 @@
-
-/* eslint-disable react/jsx-fragments */
+/* eslint-disable import/no-relative-packages */
 import { useState, useRef, React} from "react";
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';