@pega/sdk 0.0.3 → 0.0.4

package/templates/react-sdk-reference/src/components/helpers/formatters/Date.ts

@@ -48,24 +48,24 @@ export default {
     DateFormatter(value, {
       ...options,
       type: 'customFormat',
-      format: 'MMM DD, YYYY'
+      format: 'MMM DD, YYYY',
     }),
-  'DateTime-Since': value => DateFormatter(value, { type: 'fromNow' }),
+  'DateTime-Since': (value) => DateFormatter(value, { type: 'fromNow' }),
   'Time-Only': (value, options) =>
     TimeFormatter(value, {
       ...options,
       type: 'customFormat',
-      format: 'hh:mm:ss A'
+      format: 'hh:mm:ss A',
     }),
   convertToTimezone: (value, options) => {
     return value && options && options.timezone
       ? DateFormatter(value, {
           ...options,
           type: 'customFormat',
-          format: 'YYYY-MM-DDTHH:mm:ss'
+          format: 'YYYY-MM-DDTHH:mm:ss',
         })
       : value;
   },
   convertFromTimezone: (value, timezone) => (value && timezone ? dayjs.tz(value, timezone).utc().format() : value),
-  Date: (value, options) => DateFormatter(value, { type: 'customFormat', ...options })
+  Date: (value, options) => DateFormatter(value, { type: 'customFormat', ...options }),
 };

package/templates/react-sdk-reference/src/components/helpers/formatters/index.ts

@@ -6,7 +6,7 @@ import { getCurrentTimezone, getLocale } from './common';
 export default {
   ...Boolean,
   ...Currency,
-  ...DateFormatter
+  ...DateFormatter,
 };
 
 function getDateObject(text): Date {
@@ -64,7 +64,7 @@ export function format(value, type, options = {}): string {
       const defaultOptions = {
         locale: getLocale(),
         position: 'before',
-        decPlaces: 2
+        decPlaces: 2,
       };
       const params = { ...defaultOptions, ...options };
       formattedValue = Currency.Currency(value, params);
@@ -95,7 +95,7 @@ export function format(value, type, options = {}): string {
     case 'date': {
       const defaultOptions = {
         format: 'MMM DD, YYYY',
-        timezone: getCurrentTimezone()
+        timezone: getCurrentTimezone(),
       };
       const params = { ...defaultOptions, ...options };
       formattedValue = DateFormatter.Date(parseDateInISO(value), params);
@@ -105,7 +105,7 @@ export function format(value, type, options = {}): string {
     case 'datetime': {
       const defaultOptions = {
         format: 'MMM DD, YYYY h:mm A',
-        timezone: getCurrentTimezone()
+        timezone: getCurrentTimezone(),
       };
       const params = { ...defaultOptions, ...options };
       formattedValue = DateFormatter.Date(parseDateInISO(value), params);
@@ -114,7 +114,10 @@ export function format(value, type, options = {}): string {
 
     case 'boolean':
     case 'checkbox': {
-      formattedValue = Boolean.TrueFalse(value, { allowEmpty: false, ...options });
+      formattedValue = Boolean.TrueFalse(value, {
+        allowEmpty: false,
+        ...options,
+      });
       break;
     }
 

package/templates/react-sdk-reference/src/components/helpers/instructions-utils.ts

@@ -22,7 +22,7 @@ const insertInstruction = (c11nEnv, selectionList, selectionKey, primaryField, i
   const content = {
     [actualProperty]: id,
     [displayProperty]: primary,
-    nonFormProperties: actualProperty !== displayProperty ? [displayProperty] : []
+    nonFormProperties: actualProperty !== displayProperty ? [displayProperty] : [],
   };
   c11nEnv.getListActions().insert(content, startIndex);
 };
@@ -31,7 +31,7 @@ const deleteInstruction = (c11nEnv, selectionList, selectionKey, item) => {
   const { id } = item;
   const actualProperty = selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey;
   const rows = c11nEnv.getValue(`${c11nEnv.getPageReference()}${selectionList}`) || [];
-  const index = rows.findIndex(row => row[actualProperty] === id);
+  const index = rows.findIndex((row) => row[actualProperty] === id);
   c11nEnv.getListActions().deleteEntry(index);
 };
 

package/templates/react-sdk-reference/src/components/helpers/simpleTableHelpers.ts

@@ -41,11 +41,13 @@ function getFieldWidth(field, label) {
   return width;
 }
 
-export const getContext = thePConn => {
+export const getContext = (thePConn) => {
   const contextName = thePConn.getContextName();
   const pageReference = thePConn.getPageReference();
   const { referenceList } = thePConn.getStateProps()?.config || thePConn.getStateProps();
-  const pageReferenceForRows = referenceList.startsWith('.') ? `${pageReference}.${referenceList.substring(1)}` : referenceList;
+  const pageReferenceForRows = referenceList.startsWith('.')
+    ? `${pageReference}.${referenceList.substring(1)}`
+    : referenceList;
 
   // removing "caseInfo.content" prefix to avoid setting it as a target while preparing pageInstructions
   // skipping the removal as StateMachine itself is removing this case info prefix while preparing pageInstructions
@@ -57,11 +59,11 @@ export const getContext = thePConn => {
   return {
     contextName,
     referenceListStr: referenceList,
-    pageReferenceForRows
+    pageReferenceForRows,
   };
 };
 
-export const populateRowKey = rawData => {
+export const populateRowKey = (rawData) => {
   return rawData.map((row: any, index: number) => {
     return { ...row, index };
   });
@@ -70,11 +72,11 @@ export const populateRowKey = rawData => {
 export const getApiContext = (processedData, pConnect, reorderCB) => {
   return {
     fetchData: () => {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         resolve({
           data: processedData,
           filteredRecordCount: processedData.length,
-          totalRecordCount: processedData.length
+          totalRecordCount: processedData.length,
         });
       });
     },
@@ -85,7 +87,7 @@ export const getApiContext = (processedData, pConnect, reorderCB) => {
       // indexes are keys for simple table so, it should work.
       reorderCB();
       return Promise.resolve(pConnect.getListActions().reorder(parseInt(sourceKey, 10), parseInt(destinationKey, 10)));
-    }
+    },
   };
 };
 
@@ -108,7 +110,7 @@ const SUPPORTED_FIELD_TYPES = [
   'Dropdown',
   'AutoComplete',
   'UserReference',
-  'RichText'
+  'RichText',
 ];
 
 export const getConfigFields = (rawFields, contextClass, primaryFieldsViewIndex) => {
@@ -118,23 +120,38 @@ export const getConfigFields = (rawFields, contextClass, primaryFieldsViewIndex)
   if (primaryFieldsViewIndex > -1) {
     let primaryFieldVMD: any = PCore.getMetadataUtils().resolveView(PRIMARY_FIELDS);
     if (Array.isArray(primaryFieldVMD)) {
-      primaryFieldVMD = primaryFieldVMD.find(primaryFieldView => primaryFieldView.classID === contextClass);
+      primaryFieldVMD = primaryFieldVMD.find((primaryFieldView) => primaryFieldView.classID === contextClass);
       primaryFields = primaryFieldVMD?.children?.[0]?.children || [];
     } else if (primaryFieldVMD?.classID === contextClass) {
       primaryFields = primaryFieldVMD?.children?.[0]?.children || [];
     }
 
     if (primaryFields.length) {
-      primaryFields = primaryFields.filter(primaryField => SUPPORTED_FIELD_TYPES.includes(primaryField.type));
+      primaryFields = primaryFields.filter((primaryField) => SUPPORTED_FIELD_TYPES.includes(primaryField.type));
     }
   }
 
-  configFields = [...rawFields.slice(0, primaryFieldsViewIndex), ...primaryFields, ...rawFields.slice(primaryFieldsViewIndex + 1)];
+  configFields = [
+    ...rawFields.slice(0, primaryFieldsViewIndex),
+    ...primaryFields,
+    ...rawFields.slice(primaryFieldsViewIndex + 1),
+  ];
   // filter duplicate fields after combining raw fields and primary fields
-  return configFields.filter((field, index) => configFields.findIndex(_field => field.config?.value === _field.config?.value) === index);
+  return configFields.filter(
+    (field, index) => configFields.findIndex((_field) => field.config?.value === _field.config?.value) === index,
+  );
 };
 
-export const buildMetaForListView = (fieldMetadata, fields, type, ruleClass, name, propertyLabel, isDataObject, parameters) => {
+export const buildMetaForListView = (
+  fieldMetadata,
+  fields,
+  type,
+  ruleClass,
+  name,
+  propertyLabel,
+  isDataObject,
+  parameters,
+) => {
   return {
     name,
     config: {
@@ -159,15 +176,15 @@ export const buildMetaForListView = (fieldMetadata, fields, type, ruleClass, nam
             {
               name: 'Columns',
               type: 'Region',
-              children: fields
-            }
+              children: fields,
+            },
           ],
           label: propertyLabel,
-          id: 'P_' /* TODO */
-        }
+          id: 'P_' /* TODO */,
+        },
       ],
-      ruleClass
-    }
+      ruleClass,
+    },
   };
 };
 
@@ -238,7 +255,7 @@ export const buildFieldsForTable = (configFields, pConnect, showDeleteButton, op
 
   // get resolved field labels for primary fields raw config included in configFields
   const fieldsLabels = updateFieldLabels(fields, configFields, primaryFieldsViewIndex, pConnect, {
-    columnsRawConfig: pConnect.getRawConfigProps()?.children?.find(item => item?.name === 'Columns')?.children
+    columnsRawConfig: pConnect.getRawConfigProps()?.children?.find((item) => item?.name === 'Columns')?.children,
   });
 
   const fieldDefs = configFields.map((field, index) => {
@@ -253,10 +270,10 @@ export const buildFieldsForTable = (configFields, pConnect, showDeleteButton, op
       noContextMenu: true,
       showMenu: false,
       meta: {
-        ...field
+        ...field,
       },
       // BUG-615253: Workaround for autosize in table with lazy loading components
-      width: getFieldWidth(field, fields[index].config.label)
+      width: getFieldWidth(field, fields[index].config.label),
     };
   });
 
@@ -270,7 +287,7 @@ export const buildFieldsForTable = (configFields, pConnect, showDeleteButton, op
       noContextMenu: true,
       showMenu: false,
       // BUG-615253: Workaround for autosize in table with lazy loading components
-      width: 46
+      width: 46,
     });
   }
 
@@ -283,7 +300,7 @@ export const createMetaForTable = (fields, renderMode) => {
       minHeight: 'auto',
       fitHeightToElement: 'fitHeightToElement',
       deltaAdjustment: 'deltaAdjustment',
-      autoSize: true
+      autoSize: true,
     },
     fieldDefs: fields,
     itemKey: 'index',
@@ -298,7 +315,7 @@ export const createMetaForTable = (fields, renderMode) => {
     footer: false,
     filterExpression: null,
     editing: false,
-    timezone: PCore.getEnvironmentInfo().getTimeZone()
+    timezone: PCore.getEnvironmentInfo().getTimeZone(),
   };
 };
 
@@ -323,7 +340,7 @@ export function createPConnect(contextName, referenceList, pageReference): any {
   const options = {
     context: contextName,
     pageReference,
-    referenceList
+    referenceList,
   };
 
   // create PConnect object
@@ -333,11 +350,15 @@ export function createPConnect(contextName, referenceList, pageReference): any {
   return getPConnect();
 }
 
-export const filterData = filterByColumns => {
+export const filterData = (filterByColumns) => {
   return function filteringData(item) {
     let bKeep = true;
     for (const filterObj of filterByColumns) {
-      if (filterObj.containsFilterValue !== '' || filterObj.containsFilter === 'null' || filterObj.containsFilter === 'notnull') {
+      if (
+        filterObj.containsFilterValue !== '' ||
+        filterObj.containsFilter === 'null' ||
+        filterObj.containsFilter === 'notnull'
+      ) {
         let value: any;
         let filterValue: any;
 
@@ -345,9 +366,12 @@ export const filterData = filterByColumns => {
           case 'Date':
           case 'DateTime':
           case 'Time':
-            value = item[filterObj.ref] !== null || item[filterObj.ref] !== '' ? Utils.getSeconds(item[filterObj.ref]) : null;
+            value =
+              item[filterObj.ref] !== null || item[filterObj.ref] !== '' ? Utils.getSeconds(item[filterObj.ref]) : null;
             filterValue =
-              filterObj.containsFilterValue !== null && filterObj.containsFilterValue !== '' ? Utils.getSeconds(filterObj.containsFilterValue) : null;
+              filterObj.containsFilterValue !== null && filterObj.containsFilterValue !== ''
+                ? Utils.getSeconds(filterObj.containsFilterValue)
+                : null;
 
             switch (filterObj.containsFilter) {
               case 'notequal':

package/templates/react-sdk-reference/src/components/helpers/state-utils.tsx

@@ -16,7 +16,10 @@ const connectToState = (mapStateToProps = () => {}) => {
         const c11nEnv = next.getPConnect();
         const allStateProps = c11nEnv.getStateProps();
         for (const key of Object.keys(allStateProps)) {
-          if (!shallowEqual(next[key], prev[key]) || (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))) {
+          if (
+            !shallowEqual(next[key], prev[key]) ||
+            (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))
+          ) {
             return false;
           }
         }
@@ -25,7 +28,7 @@ const connectToState = (mapStateToProps = () => {}) => {
           'routingInfo' in next &&
           (!shallowEqual(next.routingInfo, prev.routingInfo) || !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))
         );
-      }
+      },
     })(Component);
 
     return (ownProps = {}) => {

package/templates/react-sdk-reference/src/components/helpers/template-utils.ts

@@ -4,9 +4,9 @@ export function getAllFields(pConnect: any) {
   const metadata = pConnect.getRawMetadata();
   let allFields: any[] = [];
   if (metadata.children && metadata.children.map) {
-    allFields = metadata.children.map(fields => {
+    allFields = metadata.children.map((fields) => {
       const children = fields.children instanceof Array ? fields.children : [];
-      return children.map(field => field.config);
+      return children.map((field) => field.config);
     });
   }
   return allFields;
@@ -18,7 +18,7 @@ export function filterForFieldValueList(fields: any[]) {
     .map(({ value, label }) => ({
       id: label.toLowerCase(),
       name: label,
-      value
+      value,
     }));
 }
 
@@ -46,7 +46,8 @@ export function getIsAssignmentView(pConnect) {
  * @param {string} [instructions="casestep"] 'casestep', 'none', or the html content of a Rule-UI-Paragraph rule (processed via core's paragraph annotation handler)
  */
 export function getInstructions(pConnect, instructions: string = 'casestep'): string | undefined {
-  const caseStepInstructions = PCore.getConstants().CASE_INFO.INSTRUCTIONS && pConnect.getValue(PCore.getConstants().CASE_INFO.INSTRUCTIONS);
+  const caseStepInstructions =
+    PCore.getConstants().CASE_INFO.INSTRUCTIONS && pConnect.getValue(PCore.getConstants().CASE_INFO.INSTRUCTIONS);
 
   // Determine if this view is the current assignment/step view
   const isCurrentAssignmentView = getIsAssignmentView(pConnect);

package/templates/react-sdk-reference/src/components/helpers/utils.ts

@@ -54,7 +54,7 @@ export class Utils {
             if (typeof dataPage === 'object' && !Array.isArray(listSourceItems)) {
               listSourceItems = dataPage.source ? dataPage.source : [];
             }
-            (listSourceItems || []).forEach(item => {
+            (listSourceItems || []).forEach((item) => {
               item.value = item.text ? item.text : item.value;
             });
             arReturn = listSourceItems || [];
@@ -300,8 +300,8 @@ export class Utils {
       icon = 'document-pdf';
     } else {
       const [, subtype] = fileType.split('/');
-      const foundMatch = sources => {
-        return sources.some(key => subtype.includes(key));
+      const foundMatch = (sources) => {
+        return sources.some((key) => subtype.includes(key));
       };
 
       if (foundMatch(['excel', 'spreadsheet'])) {

package/templates/react-sdk-reference/src/components/helpers/versionHelpers.ts

@@ -10,5 +10,7 @@ export const sdkVersion = '8.7';
 export function compareSdkPCoreVersions() {
   // const theConstellationVersion = PCore.getPCoreVersion();
 
-  console.warn(`Using Constellation version ${PCore.getPCoreVersion()}. Ensure this is the same version as your Infinity server.`);
+  console.warn(
+    `Using Constellation version ${PCore.getPCoreVersion()}. Ensure this is the same version as your Infinity server.`,
+  );
 }

package/templates/react-sdk-reference/src/components/index.ts

@@ -1,8 +1,5 @@
 // === Component map (registers all field/template/widget/designSystemExtension components) ===
-export {
-  getSampleComponentMap,
-  registerSampleComponents,
-} from './component-map';
+export { getSampleComponentMap, registerSampleComponents } from './component-map';
 
 // === Infrastructure components from sdk-react ===
 export { sdkComponents } from '@pega/sdk-react';

package/templates/react-sdk-reference/src/components/template/AdvancedSearch/AdvancedSearch.tsx

@@ -7,11 +7,19 @@ import { getFirstChildConfig } from '../DataReference/utils';
 export default function AdvancedSearch(props) {
   const { getPConnect, targetObjectClass, localeReference } = props;
   const SearchGroups = getComponentFromRegistry('SearchGroups');
-  const { dataReferenceConfigToChild, isCreateNewReferenceEnabled, disableStartingFieldsForReference, pyID, searchSelectCacheKey } = useContext(
-    DataReferenceAdvancedSearchContext
-  ) as any;
+  const {
+    dataReferenceConfigToChild,
+    isCreateNewReferenceEnabled,
+    disableStartingFieldsForReference,
+    pyID,
+    searchSelectCacheKey,
+  } = useContext(DataReferenceAdvancedSearchContext) as any;
 
-  const { selectionMode, value: singleSelectFieldValue, readonlyContextList: multiSelectField } = dataReferenceConfigToChild;
+  const {
+    selectionMode,
+    value: singleSelectFieldValue,
+    readonlyContextList: multiSelectField,
+  } = dataReferenceConfigToChild;
 
   let isSelectionExist = false;
   const { MULTI } = PCore.getConstants().LIST_SELECTION_MODE;
@@ -29,8 +37,8 @@ export default function AdvancedSearch(props) {
 
   const searchFieldsSet = new Set();
   const searchFields: any = [];
-  rawViewMetadata.config.searchGroups.forEach(group => {
-    group.children.forEach(child => {
+  rawViewMetadata.config.searchGroups.forEach((group) => {
+    group.children.forEach((child) => {
       if (!searchFieldsSet.has(child.config.value) && !child.config.validator) {
         searchFields.push(child);
         searchFieldsSet.add(child.config.value);
@@ -55,14 +63,14 @@ export default function AdvancedSearch(props) {
         dataReferenceConfigToChild,
         isCreateNewReferenceEnabled,
         disableStartingFieldsForReference,
-        pyID
+        pyID,
       }),
       searchFields,
       showRecords,
       label: localizedVal('Search results', 'DataReference'),
       searchSelectCacheKey,
-      cache
-    }
+      cache,
+    },
   });
 
   const { selectionList, dataRelationshipContext } = editableFieldComp.props.getPConnect().getConfigProps();
@@ -74,7 +82,7 @@ export default function AdvancedSearch(props) {
     localeReference,
     setShowRecords,
     searchSelectCacheKey,
-    cache
+    cache,
   };
 
   return (

package/templates/react-sdk-reference/src/components/template/AdvancedSearch/SearchGroup/persistUtils.ts

@@ -14,7 +14,7 @@ const getComponentStateKey = (getPConnect, propertyName: string) => {
   return `Search-${resolvedCaseID}-${pConnect.getPageReference()}-${propertyName}-${pConnect.getCurrentView()}`;
 };
 
-const getComponentStateOptions = getPConnect => {
+const getComponentStateOptions = (getPConnect) => {
   return { clearOnCancelForContext: getPConnect().getContextName() };
 };
 
@@ -32,7 +32,7 @@ interface SearchGroup {
 const setComponentCache = ({
   cacheKey,
   state,
-  options
+  options,
 }: {
   cacheKey: string;
   state: SearchCategory | SearchGroup;
@@ -46,7 +46,7 @@ const setComponentCache = ({
 const componentCachePersistUtils = {
   getComponentStateKey,
   getComponentStateOptions,
-  setComponentCache
+  setComponentCache,
 };
 
 export default componentCachePersistUtils;