@pega/react-sdk-overrides 23.1.10 → 23.1.12

package/lib/helpers/formatters/Date.ts

@@ -1,21 +1,18 @@
-import dayjs from "dayjs";
-import relativeTime from "dayjs/plugin/relativeTime";
-import localizedFormat from "dayjs/plugin/localizedFormat";
-import utc from "dayjs/plugin/utc";
-import tzone from "dayjs/plugin/timezone";
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import localizedFormat from 'dayjs/plugin/localizedFormat';
+import utc from 'dayjs/plugin/utc';
+import tzone from 'dayjs/plugin/timezone';
 
 dayjs.extend(relativeTime);
 dayjs.extend(localizedFormat);
 dayjs.extend(utc);
 dayjs.extend(tzone);
 
-const types = ["fromNow", "customFormat"];
+const types = ['fromNow', 'customFormat'];
 
 // value should be in ISO 8601 format.
-function DateFormatter(
-  value: string,
-  { type = types[1], format = "DD/MM/YYYY", timezone = "America/New_York" } = {}
-) {
+function DateFormatter(value: string, { type = types[1], format = 'DD/MM/YYYY', timezone = 'America/New_York' } = {}) {
   if (!value) return value;
   switch (type) {
     case types[1]:
@@ -30,7 +27,7 @@ function DateFormatter(
 // value should be in hh:mm:ss format (00:00:00 - 23:59:59).
 function TimeFormatter(value, options) {
   if (!value) return value;
-  const { locale = "en-US" } = options;
+  const { locale = 'en-US' } = options;
   const timeOnlyRegex = /^(?:[01]\d|2[0123]):(?:[012345]\d):(?:[012345]\d)$/;
   if (value.length === 8 && timeOnlyRegex.test(value)) {
     const tempDate = new Date();
@@ -46,32 +43,29 @@ function TimeFormatter(value, options) {
 }
 
 export default {
-  "DateTime-Long": (value, options) =>
-    DateFormatter(value, { ...options, type: "customFormat", format: "LLL" }),
-  "DateTime-Short": (value, options) =>
+  'DateTime-Long': (value, options) => DateFormatter(value, { ...options, type: 'customFormat', format: 'LLL' }),
+  'DateTime-Short': (value, options) =>
     DateFormatter(value, {
       ...options,
-      type: "customFormat",
-      format: "MMM DD, YYYY"
+      type: 'customFormat',
+      format: 'MMM DD, YYYY'
     }),
-  "DateTime-Since": (value) => DateFormatter(value, { type: "fromNow" }),
-  "Time-Only": (value, options) =>
+  'DateTime-Since': value => DateFormatter(value, { type: 'fromNow' }),
+  'Time-Only': (value, options) =>
     TimeFormatter(value, {
       ...options,
-      type: "customFormat",
-      format: "hh:mm:ss A"
+      type: 'customFormat',
+      format: 'hh:mm:ss A'
     }),
   convertToTimezone: (value, options) => {
     return value && options && options.timezone
       ? DateFormatter(value, {
           ...options,
-          type: "customFormat",
-          format: "YYYY-MM-DDTHH:mm:ss"
+          type: 'customFormat',
+          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 })
+  convertFromTimezone: (value, timezone) => (value && timezone ? dayjs.tz(value, timezone).utc().format() : value),
+  Date: (value, options) => DateFormatter(value, { type: 'customFormat', ...options })
 };

package/lib/helpers/formatters/common.ts

@@ -1,4 +1,3 @@
-
 export function getLocale(locale: string = '') {
   // use locale if specified
   if (locale) return locale;
@@ -8,7 +7,7 @@ export function getLocale(locale: string = '') {
   return Intl.DateTimeFormat().resolvedOptions().locale;
 }
 
-export function getCurrentTimezone(timezone: string = "America/New_York" ) {
+export function getCurrentTimezone(timezone: string = 'America/New_York') {
   if (timezone) return timezone;
   return PCore?.getLocaleUtils?.().getTimeZoneInUse?.();
 }

package/lib/helpers/formatters/index.ts

@@ -1,7 +1,7 @@
-import Boolean from "./Boolean";
-import Currency from "./Currency";
-import DateFormatter from "./Date";
-import { getCurrentTimezone, getLocale } from "./common";
+import Boolean from './Boolean';
+import Currency from './Currency';
+import DateFormatter from './Date';
+import { getCurrentTimezone, getLocale } from './common';
 
 export default {
   ...Boolean,
@@ -11,8 +11,8 @@ export default {
 
 function getDateObject(text): Date {
   // TODO - cleanup formatters util functions as DX APIs are returning values per ISO std now.
-  const timeStamp = text.replace(/-/g, "");
-  const isDateTime = timeStamp.indexOf("GMT") !== -1;
+  const timeStamp = text.replace(/-/g, '');
+  const isDateTime = timeStamp.indexOf('GMT') !== -1;
   const year = parseInt(timeStamp.substr(0, 4), 10);
   const month = parseInt(timeStamp.substr(4, 2), 10) - 1;
   const day = parseInt(timeStamp.substr(6, 2), 10);
@@ -44,7 +44,7 @@ function isIsoDate(str) {
 }
 
 function parseDateInISO(value) {
-  const isMilliSeconds = new RegExp("^[0-9]+$").exec(value);
+  const isMilliSeconds = /^[0-9]+$/.exec(value);
   if (isMilliSeconds) {
     const date = new Date(parseInt(value, 10));
     return date.toISOString();
@@ -62,10 +62,10 @@ export function format(value, type, options = {}): string {
   let formattedValue: string;
 
   switch (type?.toLowerCase()) {
-    case "currency": {
+    case 'currency': {
       const defaultOptions = {
         locale: getLocale(),
-        position: "before",
+        position: 'before',
         decPlaces: 2
       };
       const params = { ...defaultOptions, ...options };
@@ -73,23 +73,30 @@ export function format(value, type, options = {}): string {
       break;
     }
 
-    case "decimal": {
+    case 'decimal': {
       const defaultOptions = { locale: getLocale(), decPlaces: 2 };
       const params = { ...defaultOptions, ...options };
       formattedValue = Currency.Decimal(value, params);
       break;
     }
 
-    case "integer": {
+    case 'percentage': {
+      const defaultOptions = { locale: getLocale(), decPlaces: 2 };
+      const params = { ...defaultOptions, ...options };
+      formattedValue = Currency.Percentage(value, params);
+      break;
+    }
+
+    case 'integer': {
       const defaultOptions = { locale: getLocale() };
       const params = { ...defaultOptions, ...options };
       formattedValue = Currency.Integer(value, params);
       break;
     }
 
-    case "date": {
+    case 'date': {
       const defaultOptions = {
-        format: "MMM DD, YYYY",
+        format: 'MMM DD, YYYY',
         timezone: getCurrentTimezone()
       };
       const params = { ...defaultOptions, ...options };
@@ -97,9 +104,9 @@ export function format(value, type, options = {}): string {
       break;
     }
 
-    case "datetime": {
+    case 'datetime': {
       const defaultOptions = {
-        format: "MMM DD, YYYY h:mm A",
+        format: 'MMM DD, YYYY h:mm A',
         timezone: getCurrentTimezone()
       };
       const params = { ...defaultOptions, ...options };
@@ -107,13 +114,13 @@ export function format(value, type, options = {}): string {
       break;
     }
 
-    case "boolean":
-    case "checkbox": {
-      formattedValue = Boolean.TrueFalse(value, { allowEmpty: false });
+    case 'boolean':
+    case 'checkbox': {
+      formattedValue = Boolean.TrueFalse(value, { allowEmpty: false, ...options });
       break;
     }
 
-    case "userreference": {
+    case 'userreference': {
       formattedValue = value.userName;
       break;
     }

package/lib/helpers/instructions-utils.ts

@@ -0,0 +1,38 @@
+const isSelfReferencedProperty = (param, referenceProp) => {
+  const [, parentPropName] = param.split('.');
+  const referencePropParent = referenceProp?.split('.').pop();
+  return parentPropName === referencePropParent;
+};
+
+const updateNewInstuctions = (c11nEnv, selectionList) => {
+  const { datasource: { parameters = {} } = {} } = c11nEnv.getFieldMetadata(selectionList) || {};
+  const compositeKeys: any = [];
+  Object.values(parameters).forEach((param: any) => {
+    if (isSelfReferencedProperty(param, selectionList)) compositeKeys.push(param.substring(param.lastIndexOf('.') + 1));
+  });
+  c11nEnv.getListActions().initDefaultPageInstructions(selectionList, compositeKeys);
+};
+
+const insertInstruction = (c11nEnv, selectionList, selectionKey, primaryField, item) => {
+  const { id, primary } = item;
+  const actualProperty = selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey;
+  const displayProperty = primaryField.startsWith('.') ? primaryField.substring(1) : primaryField;
+  const rows = c11nEnv.getValue(`${c11nEnv.getPageReference()}${selectionList}`) || [];
+  const startIndex = rows.length;
+  const content = {
+    [actualProperty]: id,
+    [displayProperty]: primary,
+    nonFormProperties: actualProperty !== displayProperty ? [displayProperty] : []
+  };
+  c11nEnv.getListActions().insert(content, startIndex);
+};
+
+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);
+  c11nEnv.getListActions().deleteEntry(index);
+};
+
+export { updateNewInstuctions, insertInstruction, deleteInstruction };

package/lib/helpers/reactContextHelpers.ts

@@ -1,4 +1,4 @@
-import { createContext, useContext } from "react";
+import { createContext, useContext } from 'react';
 
 // This file contains a shared access point for any React contexts that may need to be
 //  defined/used across various components.
@@ -6,5 +6,5 @@ import { createContext, useContext } from "react";
 //  For example, the AppShell wants to use a NavContext that interacts with
 //  that context's consumption in the NavBar to handle clicks for opening/closing
 //  aspects of the NavBar
-export const NavContext = createContext({open: false, setOpen: f => f});
+export const NavContext = createContext({ open: false, setOpen: f => f });
 export const useNavBar = () => useContext(NavContext);

package/lib/helpers/simpleTableHelpers.ts

@@ -1,37 +1,36 @@
 import { Utils } from './utils';
 
-
-export const TABLE_CELL = "SdkRenderer";
-export const DELETE_ICON = "DeleteIcon";
+export const TABLE_CELL = 'SdkRenderer';
+export const DELETE_ICON = 'DeleteIcon';
 
 // BUG-615253: Workaround for autosize in table with lazy loading components
 /* istanbul ignore next */
 function getFieldWidth(field, label) {
   let width: number;
   switch (field.type) {
-    case "Time":
+    case 'Time':
       width = 150;
       break;
-    case "Date":
+    case 'Date':
       width = 160;
       break;
-    case "DateTime":
+    case 'DateTime':
       width = 205;
       break;
-    case "AutoComplete":
-    case "TextArea":
+    case 'AutoComplete':
+    case 'TextArea':
       width = 190;
       break;
-    case "Currency":
-    case "TextInput":
+    case 'Currency':
+    case 'TextInput':
       width = 182;
       break;
-    case "Checkbox":
+    case 'Checkbox':
       // eslint-disable-next-line no-case-declarations
-      const text = document.createElement("span");
+      const text = document.createElement('span');
       document.body.appendChild(text);
-      text.style.fontSize = "13px";
-      text.style.position = "absolute";
+      text.style.fontSize = '13px';
+      text.style.position = 'absolute';
       text.innerHTML = label;
       width = Math.ceil(text.clientWidth) + 30;
       document.body.removeChild(text);
@@ -42,19 +41,18 @@ function getFieldWidth(field, label) {
   return width;
 }
 
-export const getContext = (thePConn) => {
+export const getContext = thePConn => {
   const contextName = thePConn.getContextName();
   const pageReference = thePConn.getPageReference();
-  let { referenceList } = thePConn.getStateProps()?.config || thePConn.getStateProps();
-  const pageReferenceForRows = referenceList.startsWith(".")
-    ? `${pageReference}.${referenceList.substring(1)}`
-    : referenceList;
+  const { referenceList } = thePConn.getStateProps()?.config || thePConn.getStateProps();
+  const pageReferenceForRows = referenceList.startsWith('.') ? `${pageReference}.${referenceList.substring(1)}` : referenceList;
 
   // removing "caseInfo.content" prefix to avoid setting it as a target while preparing pageInstructions
-  referenceList = pageReferenceForRows.replace(
-    PCore.getConstants().CASE_INFO.CASE_INFO_CONTENT,
-    ""
-  );
+  // skipping the removal as StateMachine itself is removing this case info prefix while preparing pageInstructions
+  // referenceList = pageReferenceForRows.replace(
+  //   PCore.getConstants().CASE_INFO.CASE_INFO_CONTENT,
+  //   ""
+  // );
 
   return {
     contextName,
@@ -63,7 +61,7 @@ export const getContext = (thePConn) => {
   };
 };
 
-export const populateRowKey = (rawData) => {
+export const populateRowKey = rawData => {
   return rawData.map((row: any, index: number) => {
     return { ...row, index };
   });
@@ -72,7 +70,7 @@ 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,
@@ -86,25 +84,12 @@ export const getApiContext = (processedData, pConnect, reorderCB) => {
     applyRowReorder: (sourceKey, destinationKey) => {
       // indexes are keys for simple table so, it should work.
       reorderCB();
-      return Promise.resolve(
-        pConnect
-          .getListActions()
-          .reorder(parseInt(sourceKey, 10), parseInt(destinationKey, 10))
-      );
+      return Promise.resolve(pConnect.getListActions().reorder(parseInt(sourceKey, 10), parseInt(destinationKey, 10)));
     }
   };
 };
 
-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: {
@@ -118,22 +103,22 @@ export const buildMetaForListView = (
       reorderFields: true,
       toggleFieldVisibility: true,
       title: propertyLabel,
-      personalizationId: "" /* TODO */,
-      template: "ListView",
+      personalizationId: '' /* TODO */,
+      template: 'ListView',
       presets: [
         {
-          name: "presets",
-          template: "Table",
+          name: 'presets',
+          template: 'Table',
           config: {},
           children: [
             {
-              name: "Columns",
-              type: "Region",
+              name: 'Columns',
+              type: 'Region',
               children: fields
             }
           ],
           label: propertyLabel,
-          id: "P_" /* TODO */
+          id: 'P_' /* TODO */
         }
       ],
       ruleClass
@@ -144,10 +129,10 @@ export const buildMetaForListView = (
 export const buildFieldsForTable = (configFields, fields, showDeleteButton) => {
   const fieldDefs = configFields.map((field, index) => {
     return {
-      type: "text",
+      type: 'text',
       label: fields[index].config.label || fields[index].config.caption,
       fillAvailableSpace: !!field.config.fillAvailableSpace,
-      id: index,
+      id: `${index}`,
       name: field.config.value.substr(4),
       cellRenderer: TABLE_CELL,
       sort: false,
@@ -164,7 +149,7 @@ export const buildFieldsForTable = (configFields, fields, showDeleteButton) => {
   // ONLY add DELETE_ICON to fields when the table is requested as EDITABLE
   if (showDeleteButton) {
     fieldDefs.push({
-      type: "text",
+      type: 'text',
       id: fieldDefs.length,
       cellRenderer: DELETE_ICON,
       sort: false,
@@ -181,17 +166,17 @@ export const buildFieldsForTable = (configFields, fields, showDeleteButton) => {
 export const createMetaForTable = (fields, renderMode) => {
   return {
     height: {
-      minHeight: "auto",
-      fitHeightToElement: "fitHeightToElement",
-      deltaAdjustment: "deltaAdjustment",
+      minHeight: 'auto',
+      fitHeightToElement: 'fitHeightToElement',
+      deltaAdjustment: 'deltaAdjustment',
       autoSize: true
     },
     fieldDefs: fields,
-    itemKey: "index",
+    itemKey: 'index',
     grouping: false,
     reorderFields: false,
-    reorderItems: renderMode === "Editable",
-    dragHandle: renderMode === "Editable",
+    reorderItems: renderMode === 'Editable',
+    dragHandle: renderMode === 'Editable',
     globalSearch: false,
     personalization: false,
     toggleFieldVisibility: false,
@@ -209,7 +194,7 @@ export const createMetaForTable = (fields, renderMode) => {
  * @param {number} index - index of the page list to add
  */
 export const getAddRowCallback = (pConnect, index) => {
-  return () => pConnect.getListActions().insert({}, index, '');  // 3rd arg null until typedef marked correctly as optional
+  return () => pConnect.getListActions().insert({}, index, ''); // 3rd arg null until typedef marked correctly as optional
 };
 
 /**
@@ -232,17 +217,13 @@ export function createPConnect(contextName, referenceList, pageReference): any {
   const { getPConnect } = PCore.createPConnect(config);
 
   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;
 
@@ -250,14 +231,9 @@ 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;
 
             // eslint-disable-next-line sonarjs/no-nested-switch
             switch (filterObj.containsFilter) {
@@ -278,20 +254,20 @@ export const filterData = (filterByColumns) => {
                 break;
 
               case 'equal':
-                  // becasue filterValue is in minutes, need to have a range of less than 60 secons
+                // becasue filterValue is in minutes, need to have a range of less than 60 secons
 
-                  if (value !== null && filterValue !== null) {
-                    // get rid of milliseconds
-                    value /= 1000;
-                    filterValue /= 1000;
+                if (value !== null && filterValue !== null) {
+                  // get rid of milliseconds
+                  value /= 1000;
+                  filterValue /= 1000;
 
-                    const diff = value - filterValue;
-                    if (diff !== 0) {
-                      bKeep = false;
-                    }
+                  const diff = value - filterValue;
+                  if (diff !== 0) {
+                    bKeep = false;
                   }
+                }
 
-              break;
+                break;
 
               case 'after':
                 if (value < filterValue) {
@@ -360,5 +336,5 @@ export const filterData = (filterByColumns) => {
       }
     }
     return bKeep;
-  }
-}
+  };
+};

package/lib/helpers/state-utils.tsx

@@ -1,7 +1,7 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { connect, Provider, shallowEqual } from 'react-redux';
-import ReactReduxContext from '@pega/react-sdk-components/lib/bridge/Context/StoreContext';
 
+import ReactReduxContext from '@pega/react-sdk-components/lib/bridge/Context/StoreContext';
 
 const connectToState = (mapStateToProps = () => {}) => {
   return (Component: any) => {
@@ -15,19 +15,15 @@ const connectToState = (mapStateToProps = () => {}) => {
         // Compare start props
         const c11nEnv = next.getPConnect();
         const allStateProps = c11nEnv.getStateProps();
-        for (const key in allStateProps) {
-          if (
-            !shallowEqual(next[key], prev[key]) ||
-            (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))
-          ) {
+        for (const key of Object.keys(allStateProps)) {
+          if (!shallowEqual(next[key], prev[key]) || (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))) {
             return false;
           }
         }
         /* TODO For some rawConfig we are not getting routingInfo under allStateProps */
         return !(
           'routingInfo' in next &&
-          (!shallowEqual(next.routingInfo, prev.routingInfo) ||
-            !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))
+          (!shallowEqual(next.routingInfo, prev.routingInfo) || !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))
         );
       }
     })(Component);

package/lib/helpers/template-utils.ts

@@ -1,9 +1,8 @@
 //  This file is adapted from React DX components/template/utils.js
 
-
 export function getAllFields(pConnect: any) {
   const metadata = pConnect.getRawMetadata();
-  let allFields: Array<any> = [];
+  let allFields: any[] = [];
   if (metadata.children && metadata.children.map) {
     allFields = metadata.children.map(fields => {
       const children = fields.children instanceof Array ? fields.children : [];
@@ -13,7 +12,7 @@ export function getAllFields(pConnect: any) {
   return allFields;
 }
 
-export function filterForFieldValueList(fields: Array<any>) {
+export function filterForFieldValueList(fields: any[]) {
   return fields
     .filter(({ visibility }) => visibility !== false)
     .map(({ value, label }) => ({
@@ -47,9 +46,7 @@ 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/lib/helpers/utils.ts

@@ -2,14 +2,14 @@ import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { SdkConfigAccess } from './config_access';
+import { SdkConfigAccess } from '@pega/auth/lib/sdk-auth-manager';
 
 dayjs.extend(customParseFormat);
 dayjs.extend(localizedFormat);
 dayjs.extend(relativeTime);
 
 export class Utils {
-  static lastControlID: number = 0;
+  static lastControlID = 0;
 
   static getSDKStaticConentUrl() {
     const sdkConfigServer = SdkConfigAccess.getSdkConfigServer();
@@ -30,9 +30,9 @@ export class Utils {
     return sPrefix + this.lastControlID.toString();
   }
 
-  static getOptionList(configProps: any, dataObject: any): Array<any> {
+  static getOptionList(configProps: any, dataObject: any): any[] {
     const listType = configProps.listType;
-    let arReturn: Array<any> = [];
+    let arReturn: any[] = [];
 
     if (listType) {
       switch (listType.toLowerCase()) {
@@ -47,7 +47,7 @@ export class Utils {
           // get data page
           // eslint-disable-next-line no-case-declarations
           const dataPage = configProps.datasource;
-          if (dataObject[dataPage]) {
+          if (typeof dataPage === 'string' && dataObject[dataPage]) {
             // eslint-disable-next-line no-alert
             alert('need to handle data page');
           } else {

package/lib/helpers/versionHelpers.ts

@@ -5,14 +5,11 @@
  * PCore/PConnect is being run
  */
 
-
-export const sdkVersion = "8.7";
+export const sdkVersion = '8.7';
 
 export function compareSdkPCoreVersions() {
-
   // const theConstellationVersion = PCore.getPCoreVersion();
 
   // eslint-disable-next-line no-console
   console.warn(`Using Constellation version ${PCore.getPCoreVersion()}. Ensure this is the same version as your Infinity server.`);
-
 }