npm - @pega/dx-component-builder-sdk - Versions diffs - 0.25.5 → 0.25.7 - Mend

@pega/dx-component-builder-sdk 0.25.5 → 0.25.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1212) hide show

package/src/tasks/create/templates/Constellation/field/Picklist-Autocomplete/index.tsx.mustache CHANGED Viewed

@@ -1,5 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable sonarjs/cognitive-complexity */
 import { useEffect, useRef, useState, useMemo, type MutableRefObject, type SetStateAction } from 'react';
 import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, withConfiguration, type MenuGroupProps, type MenuItemProps } from '@pega/cosmos-react-core';
 import get from 'lodash.get';
@@ -180,6 +178,7 @@ export const doSearch = (
           let listIndex = -1;
           const findSelectedItem = progressivePaginatedRecords.find(
             (record: { id: string }, index: number) => {
+              // @ts-ignore
               if (record.id === selectedItem?.id) {
                 listIndex = index;
                 return true;
@@ -412,6 +411,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   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
@@ -497,14 +497,14 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const pConn = getPConnect();
   const contextName = getPConnect().getContextName();
   const actions = pConn.getActionsApi();
-  const [dataApiObj, setDataApiObj] = useState(() => ({}));
+  const [dataApiObj, setDataApiObj] = useState(() => ({} as any));
   const [filterValue, setFilterValue] = useState('');
   const [loading, setLoading] = useState(listType !== 'associated');
   // const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
   const [selected, setSelected] = useState();
   const hasMoreResults = useRef(true);
   const inputValueRef = useRef('');
-  const displayFieldMeta = useRef(null);
+  const displayFieldMeta: any = useRef(null);
   const [actualValue, setActualValue] = useState();
   const [newRecordCreated, setNewRecordCreated] = useState();
@@ -645,15 +645,13 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       }
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue)
             doSearch(
               '',
               getDisplayFieldsMetaData(dataConfig.columns),
-              // @ts-ignore
               dataObj,
               setItems as any,
               setLoading,
@@ -679,12 +677,10 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     if (!dataRefMount && !displayMode && listType === 'datapage') {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue) {
-            // @ts-ignore
             if (displayFieldMeta?.current?.key === displayFieldMeta?.current?.primary) {
               const displayItem = {
                 id: value,
@@ -696,7 +692,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
-                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -716,7 +711,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
-                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -775,22 +769,16 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     ) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           setDataApiObj(dataObj);
-          // @ts-ignore
           buildColumnForDisplayValue(dataObj);
           // SET matchPosition to EQUALS to return exact matching record
-          // @ts-ignore
           dataObj.matchPosition = 'equals';
-          // @ts-ignore
           dataObj
             .fetchData(value)
             .then((displayResponse: { data: Array<never> }) => {
               let columnsWithSetProperty: string | Array<any> = [];
-              // @ts-ignore
               if (dataApiObj.columns) {
-                // @ts-ignore
                 columnsWithSetProperty = dataApiObj.columns
                   .filter(
                     (col: { setProperty: string }) =>
@@ -805,12 +793,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               const searchedItem = displayResponseData.map((entry: { [x: string]: any }) => {
                 const secondaryArr: Array<any> = [];
                 const secondaryFieldValues: Array<any> = [];
-                // @ts-ignore
                 displayFieldMeta.current.secondary.forEach((col: string) => {
-                  // @ts-ignore
                   if (!displayFieldMeta.hidden.includes(col)) secondaryArr.push(entry[col]);
                   if (columnsWithSetProperty.includes(col)) {
-                    // @ts-ignore
                     if (dataApiObj.isQueryable) {
                       secondaryFieldValues.push(entry[col]);
                     } else {
@@ -819,9 +804,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
                   }
                 });
                 return {
-                  // @ts-ignore
                   id: entry[displayFieldMeta.current.key],
-                  // @ts-ignore
                   primary: entry[displayFieldMeta.current.primary],
                   secondary: secondaryArr,
                   secondaryFieldValues
@@ -832,13 +815,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               setSelected(searchedItem[0]);
               setActualValue(value);
               // RESET matchPosition
-              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             })
             .catch(() => {
               setActualValue(value);
               // RESET matchPosition
-              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             });
         });
@@ -849,28 +830,26 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const clearSelections = () => {
     // @ts-ignore
     setItems(cur =>
+      // @ts-ignore
       menuHelpers.mapTree(cur, item => {
         return {
+          // @ts-ignore
           ...item,
           selected: false
         };
       })
     );
-    // @ts-ignore
-    setSelected(null);
+    setSelected(undefined);
     inputValueRef.current = '';
   };
   const onChangeHandler = (ev: { target: { value: any } }) => {
     if (hasSuggestions) {
-      // @ts-ignore
-      pConn.ignoreSuggestion();
+      pConn.ignoreSuggestion('');
       setStatus(undefined);
     }
-    // @ts-ignore
     dataApiObj.columns = dataConfig.columns;
-    // @ts-ignore
     dataApiObj.matchPosition = dataConfig.matchPosition;
     const searchText = ev.target.value;
     inputValueRef.current = searchText;
@@ -879,15 +858,14 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       clearSelections();
     }
     setFilterValue(searchText);
-    // @ts-ignore
     if (listType === 'datapage' && dataApiObj.isQueryable) {
       hasMoreResults.current = true;
       if (searchText.length < 5) {
         searchHandlerThrottled(
           searchText,
-          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
+          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -895,9 +873,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       } else {
         searchHandlerDebounced(
           searchText,
-          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
+          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -905,14 +883,12 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       }
     } else if (
       listType === 'associated' ||
-      // @ts-ignore
       (listType === 'datapage' && dataApiObj?.isQueryable === false)
     ) {
       paginateHelperApis.resetIndexes();
       const progressivePaginatedRecords = paginateHelperApis.fetchData(
         inputValueRef.current,
         false,
-        // @ts-ignore
         dataApiObj.columns
       );
       setItems(progressivePaginatedRecords);
@@ -939,21 +915,19 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     setFilterValue('');
     if (!selected && inputValueRef.current !== '') {
-      // @ts-ignore
       if (listType === 'datapage' && dataApiObj.isQueryable) {
         hasMoreResults.current = true;
         searchHandlerThrottled(
           '',
-          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
+          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
         );
       } else if (
         listType === 'associated' ||
-        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)
       ) {
         paginateHelperApis.resetIndexes();
@@ -976,7 +950,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     // @ts-ignore
     setSelected(menuHelpers.getSelected(updatedItems)[0]);
     // const { id: itemId } = menuHelpers.getSelected(updatedItems)[0];
-    // @ts-ignore
     const assocProp = pConn.getStateProps().value;
     const propValue = setValueToAssocProp(
       assocProp,
@@ -1009,7 +982,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const loadMore = () => {
     if (
       (listType === 'associated' ||
-        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)) &&
       paginateHelperApis.hasMoreResults(inputValueRef.current)
     ) {
@@ -1019,23 +991,18 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         progressivePaginatedRecords = removeDuplicates(previousItems, progressivePaginatedRecords);
         return [...previousItems, ...progressivePaginatedRecords];
       });
-      // @ts-ignore
     } else if (listType === 'datapage' && dataApiObj.isQueryable && hasMoreResults.current) {
       setLoading(true);
       dataApiObj
-        // @ts-ignore
         .fetchPaginatedData(inputValueRef.current)
         .then((response: { pageSize: number; data: Array<never> }) => {
           setLoading(false);
-          // @ts-ignore
           if (response.pageSize === 0 || response.pageSize < dataApiObj.pageSize) {
             hasMoreResults.current = false;
           }
           const listObjData = response.data || [];
           let columnsWithSetProperty: string | Array<any> = [];
-          // @ts-ignore
           if (dataApiObj.columns) {
-            // @ts-ignore
             columnsWithSetProperty = dataApiObj.columns
               .filter(
                 (col: { setProperty: string }) =>
@@ -1049,12 +1016,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
           const searchedItems = listObjData.map((entry: { [x: string]: any }) => {
             const secondaryArr: Array<any> = [];
             const secondaryFieldValues: Array<any> = [];
-            // @ts-ignore
             displayFieldMeta.current.secondary.forEach((col: string) => {
-              // @ts-ignore
               if (!displayFieldMeta.current.hidden.includes(col)) secondaryArr.push(entry[col]);
               if (columnsWithSetProperty.includes(col)) {
-                // @ts-ignore
                 if (dataApiObj.isQueryable) {
                   secondaryFieldValues.push(entry[col]);
                 } else {
@@ -1063,9 +1027,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               }
             });
             return {
-              // @ts-ignore
               id: entry[displayFieldMeta.current.key],
-              // @ts-ignore
               primary: entry[displayFieldMeta.current.primary],
               secondary: secondaryArr,
               secondaryFieldValues
@@ -1076,7 +1038,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         })
         .catch(() => {
           setLoading(false);
-          // @ts-ignore
           dataApiObj.pageSize -= 1;
         });
     }
@@ -1155,14 +1116,16 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       onChange={onChangeHandler}
       onBlur={onBlurHandler}
       menu={{
+        // @ts-ignore
         items: menuHelpers.mapTree(items, (item) => ({
+          // @ts-ignore
           ...item,
+          // @ts-ignore
           testId: item.id ?? undefined,
           // @ts-ignore
           selected: item.items ? undefined : !!item.selected || item.id === selected?.id
         })),
         onItemClick: selectItem,
-        // @ts-ignore
         emptyText: pConn.getLocalizedValue('No items'),
         loading,
         loadMore,

package/src/tasks/create/templates/Constellation/field/Picklist-Autocomplete/repeat-utils.ts.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/field/Picklist-Autocomplete/utils.ts.mustache CHANGED Viewed

@@ -187,7 +187,7 @@ export const updatePropertiesForNewRecord = (
       dataObj
         .fetchData(newCaseId)
         // @ts-ignore
-        .then(displayResponse => {
+        .then((displayResponse: any) => {
           let columnsWithSetProperty = [];
           if (dataApiObj.columns) {
             columnsWithSetProperty = dataApiObj.columns

package/src/tasks/create/templates/Constellation/field/Picklist-RadioButtons/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/field/Picklist-RadioButtons/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/field/Picklist-RadioButtons/index.tsx.mustache CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint-disable no-nested-ternary */
 import { useMemo } from 'react';
 import { RadioButton, RadioButtonGroup, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
@@ -77,8 +76,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const propName: string = stateProps.value;
   const configProps = pConn.getConfigProps();
   const className = pConn.getCaseInfo().getClassName();
-  // @ts-ignore
-  const { getLocaleRuleNameFromKeys, getLocalizedValue } = pConn;
   // @ts-ignore
   let configProperty = pConn.getRawMetadata()?.config?.value || '';
@@ -141,10 +138,10 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         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/src/tasks/create/templates/Constellation/field/Text/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/field/Text/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/field/Text-Email/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/field/Text-Email/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/field/Text-Email/mock.ts.mustache CHANGED Viewed

@@ -12,6 +12,7 @@ export const configProps = {
   readOnly: false,
   required: false,
   disabled: false,
+  variant: '',
   status: '',
   validatemessage: ''
 };

package/src/tasks/create/templates/Constellation/field/Text-Input/{StatusWork.tsx → StatusWork.tsx.mustache} RENAMED Viewed

@@ -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/src/tasks/create/templates/Constellation/field/Text-Input/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": "Text",

package/src/tasks/create/templates/Constellation/field/Text-Input/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/field/Text-Paragraph/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/field/Text-Paragraph/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/field/Text-Phone/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/field/Text-Phone/demo.stories.tsx.mustache CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import {{COMPONENT_CLASS_NAME}} from './index';
@@ -47,7 +46,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 };
 Base{{COMPONENT_CLASS_NAME}}.args = {
-  datasource: configProps.datasource,
+  datasource: configProps.datasource as any,
   label: configProps.label,
   helperText: configProps.helperText,
   placeholder: configProps.placeholder,

package/src/tasks/create/templates/Constellation/field/Text-URL/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/field/Text-URL/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/field/TimeOfDay/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/field/TimeOfDay/demo.stories.tsx.mustache CHANGED Viewed

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

package/src/tasks/create/templates/Constellation/template/DETAILS/Avatar.tsx.mustache CHANGED Viewed

@@ -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';
@@ -22,8 +21,8 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
   // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
   // This is non CaseView case (Dashboard, MyWork etc)
   if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName();
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
+    userName = PCore.getEnvironmentInfo().getOperatorName() ?? "";
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? "";
   } else {
     userName = metaObj.name;
     userIdentifier = metaObj.ID;
@@ -46,22 +45,20 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
-    // @ts-ignore
-    const handleUserStateChange = ({ state }) => {
+    const handleUserStateChange = ({ state }: any) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        // @ts-ignore
-        .subscribe(userIdentifier, handleUserStateChange);
+        .subscribe(userIdentifier, handleUserStateChange, '');
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-    // @ts-ignore
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }

package/src/tasks/create/templates/Constellation/template/DETAILS/HighlightRender.tsx.mustache CHANGED Viewed

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

@@ -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/src/tasks/create/templates/Constellation/template/DETAILS/config.json.mustache CHANGED Viewed

@@ -5,7 +5,6 @@
   "organization": "{{ORGANIZATION}}",
   "version": "{{VERSION}}",
   "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},

package/src/tasks/create/templates/Constellation/template/DETAILS/demo.stories.tsx.mustache CHANGED Viewed

@@ -8,6 +8,16 @@ import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails,
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
 const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
   title: '{{COMPONENT_CLASS_NAME}}',
   component: {{COMPONENT_CLASS_NAME}},

package/src/tasks/create/templates/Constellation/template/DETAILS/utils.js.mustache CHANGED Viewed

@@ -135,9 +135,7 @@ 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;
   }