@pega/custom-dx-components 0.23.24 → 0.23.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.24",
+  "version": "0.23.25",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/tasks/build-all/helper.js

@@ -12,17 +12,21 @@ import {
 import { COMPONENT_SCHEMA } from '../../constants.js';
 
 export const cleanUp = async () => {
-  fs.rm('dist/components', { recursive: true }, err => {
-    if (err) {
-      throw err;
-    }
-  });
+  if (fs.existsSync('dist/components')) {
+    fs.rm('dist/components', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
 
-  fs.rm('lib', { recursive: true }, err => {
-    if (err) {
-      throw err;
-    }
-  });
+  if (fs.existsSync('lib')) {
+    fs.rm('lib', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
 }
 
 

package/src/tasks/build-all/index.js

@@ -75,8 +75,10 @@ export default async (options) => {
 
     // eslint-disable-next-line no-await-in-loop
     await myCustomTasks.run().catch(err => {
-        console.log(chalk.bold.red(err.toString()));
+      console.log(chalk.bold.red(err.toString()));
+      process.exit(1);
     });
+
   }
 
   // once done, remove leftover directories

package/src/tasks/build-comp/helper.js

@@ -54,11 +54,21 @@ export const zipComponent = async (componentKey) => {
   const zipContent = zip.toBuffer().toString('base64');
 
   const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
-  fs.rmdir('dist', { recursive: true }, (err) => {
-    if (err) {
-      throw err;
-    }
-  });
+  if (fs.existsSync('dist/components')) {
+    fs.rm('dist/components', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
+
+  if (fs.existsSync('lib')) {
+    fs.rm('lib', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
   return { zipContent, configContent };
 };
 

package/src/tasks/bundle/builder/index.js

@@ -31,7 +31,7 @@ process.env.NODE_ENV = Env;
 // terminate the Node.js process with a non-zero exit code.
 process.on('unhandledRejection', err => {
   console.log(err);
-  process.exit(1);
+  // process.exit(1);
 });
 
 const measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;
@@ -203,7 +203,7 @@ export default ({
               }
             }
 
-            process.exit(1);
+            // process.exit(1);
           }
           else {
             console.log(chalk.red('Failed to compile.\n'));
@@ -217,7 +217,7 @@ export default ({
         if (err && err.message) {
           console.log(err.message);
         }
-        process.exit(1);
+        // process.exit(1);
       });
   });
 };

package/src/tasks/create/templates/Constellation/Field/Boolean/event-utils.ts.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Boolean/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
       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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   let displayComponent;
   if (displayMode) {
     // @ts-ignore
-    displayComponent = <{{COMPONENT_CLASS_NAME}}  value={value} trueLabel={trueLabel} falseLabel={falseLabel} />;
+    displayComponent = (
+      // @ts-ignore
+      <PegaDxilMyBoolean value={value} trueLabel={trueLabel} falseLabel={falseLabel} />
+    );
   }
 
   if (displayMode === 'DISPLAY_ONLY') {

package/src/tasks/create/templates/Constellation/Field/Date/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}} (props: {{COMPONENT_CLASS_NAME}
 
   // cast status
   let myStatus: 'success' | 'warning' | 'error' | 'pending';
+  // eslint-disable-next-line prefer-const
   myStatus = status as 'success' | 'warning' | 'error' | 'pending';
 
   useEffect(() => {

package/src/tasks/create/templates/Constellation/Field/DateTime/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}} (props: {{COMPONENT_CLASS_NAME}
   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 {{COMPONENT_CLASS_NAME}} (props: {{COMPONENT_CLASS_NAME}
 
   // cast status
   let myStatus: 'success' | 'warning' | 'error' | 'pending';
+  // eslint-disable-next-line prefer-const
   myStatus = status as 'success' | 'warning' | 'error' | 'pending';
 
   useEffect(() => {

package/src/tasks/create/templates/Constellation/Field/Decimal/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Decimal-Currency/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
 
   if (displayMode === 'LABELS_LEFT' || displayMode === 'DISPLAY_ONLY') {
     let unit = 'percent';
-    let displayComp = null;
+    let displayComp:any = null;
 
     if (isTableFormatter) {
       switch (formatter) {

package/src/tasks/create/templates/Constellation/Field/Integer/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Picklist/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/date.js.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
 
   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/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/picklist-utils.js.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/repeat-utils.js.mustache

@@ -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/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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/src/tasks/create/templates/Constellation/Field/Text/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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/src/tasks/create/templates/Constellation/Field/Text-Email/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  let displayComp = null;
+  let displayComp: any = null;
   if (displayMode) {
     displayComp = <EmailDisplay value={value} displayText={inputValue} variant='link' />;
   }

package/src/tasks/create/templates/Constellation/Field/Text-Input/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/src/tasks/create/templates/Constellation/Field/Text-Input/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
 
    // 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/src/tasks/create/templates/Constellation/Field/Text-Paragraph/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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/src/tasks/create/templates/Constellation/Field/Text-Phone/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
     }
   }, [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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
     handleEvent(actions, eventType, propName, enteredValue);
   }
 
-  let displayComp = null;
+  let displayComp: any = null;
   if (displayMode) {
     displayComp = <PhoneDisplay value={value} variant='link' />;
   }

package/src/tasks/create/templates/Constellation/Field/Text-URL/index.tsx.mustache

@@ -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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   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 {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  let displayComp = null;
+  let displayComp: any = null;
   if (displayMode) {
     displayComp = urlFormatter(value, {
       displayAs,

package/src/tasks/create/templates/Constellation/Field/{TimeOfDay → TimeofDay}/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/DETAILS/StatusWork.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/DETAILS/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/DETAILS-region/StatusWork.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/DETAILS-region/demo.stories.tsx.mustache

@@ -98,6 +98,7 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
           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/src/tasks/create/templates/Constellation/Template/DETAILS-region/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/FORM/demo.stories.tsx.mustache

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

package/src/tasks/create/templates/Constellation/Template/FORM/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/FORM-region/demo.stories.tsx.mustache

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

package/src/tasks/create/templates/Constellation/Template/FORM-region/index.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/PAGE/GetNextWork.tsx.mustache

@@ -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/src/tasks/create/templates/Constellation/Template/PAGE/index.tsx.mustache

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