@pega/react-sdk-components 0.23.26 → 0.23.28

package/lib/components/infra/DashboardFilter/DashboardFilter.d.ts

@@ -1,23 +1,12 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
 import 'react-datepicker/dist/react-datepicker.css';
-declare function DashboardFilter(props: any): JSX.Element;
-declare namespace DashboardFilter {
-    var defaultProps: {
-        children: null;
-        type: null;
-        metadata: null;
-    };
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        children: PropTypes.Requireable<object>;
-        name: PropTypes.Validator<string>;
-        filterProp: PropTypes.Validator<string>;
-        type: PropTypes.Requireable<string>;
-        metadata: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-    };
+interface DashboardFilterProps extends PConnProps {
+    name: string;
+    filterProp: string;
+    type?: string;
+    metadata?: any;
 }
-export default DashboardFilter;
+export default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>): JSX.Element;
+export {};
 //# sourceMappingURL=DashboardFilter.d.ts.map

package/lib/components/infra/DashboardFilter/DashboardFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":";AAIA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,4CAA4C,CAAC;AAIpD,iBAAwB,eAAe,CAAC,KAAK,KAAA,eAoJ5C;kBApJuB,eAAe;;;;;;;;;;;;;;;;;eAAf,eAAe"}
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAOnF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,4CAA4C,CAAC;AAEpD,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,eAqIrF"}

package/lib/components/infra/DashboardFilter/DashboardFilter.js

@@ -1,18 +1,15 @@
-/* eslint-disable no-shadow */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable operator-assignment */
-import { useRef, useEffect, useState, Fragment, forwardRef } from 'react';
-import PropTypes from 'prop-types';
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { TextField } from '@material-ui/core';
 import { v4 as uuidv4 } from 'uuid';
 import { debounce } from 'throttle-debounce';
-import { createFilter, combineFilters, getFormattedDate } from './filterUtils';
-import { getFilterExpression } from './filterUtils';
-import { TextField } from '@material-ui/core';
-import React from 'react';
 import DatePicker from 'react-datepicker';
+import { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';
 import 'react-datepicker/dist/react-datepicker.css';
 export default function DashboardFilter(props) {
-    const { children, name, filterProp, type, metadata, getPConnect } = props;
+    const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;
     const { current: filterId } = useRef(uuidv4());
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);
@@ -73,7 +70,7 @@ export default function DashboardFilter(props) {
         metadata.config.onRecordChange = e => {
             fireFilterChange(e.id);
         };
-        return getPConnect().createComponent(metadata);
+        return getPConnect().createComponent(metadata, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
     };
     const onChange = dates => {
         const [start, end] = dates;
@@ -82,29 +79,14 @@ export default function DashboardFilter(props) {
         dateRangeChangeHandler({ start, end });
     };
     const label = metadata.config.label.substring(3);
-    const CustomDateInput = forwardRef(({ value, onClick }, ref) => (React.createElement(TextField, { label: label, variant: 'outlined', fullWidth: true, value: value, size: 'small', onClick: onClick, ref: ref }, value)));
-    return (React.createElement(Fragment, null,
-        type === 'DateTime' && (React.createElement(DatePicker, { onChange: onChange, startDate: startDate, endDate: endDate, selectsRange: true, enableTabLoop: false, customInput: React.createElement(CustomDateInput, null) })),
-        type === 'AutoComplete' && (React.createElement("span", { onChange: event => {
-                if (event && event.target && !event.target.value) {
-                    fireFilterChange('ALL');
-                }
-            } }, renderAutoComplete())),
-        children && (React.createElement("span", { onChange: event => {
-                fireFilterChangeDebounced(event.target.value);
-            } }, children))));
+    // eslint-disable-next-line react/no-unstable-nested-components
+    const CustomDateInput = forwardRef(({ value, onClick }, ref) => (_jsx(TextField, { label: label, variant: 'outlined', fullWidth: true, value: value, size: 'small', onClick: onClick, ref: ref, children: value })));
+    return (_jsxs(_Fragment, { children: [type === 'DateTime' && (_jsx(DatePicker, { onChange: onChange, startDate: startDate, endDate: endDate, selectsRange: true, enableTabLoop: false, customInput: _jsx(CustomDateInput, {}) })), type === 'AutoComplete' && (_jsx("span", { onChange: event => {
+                    if (event && event.target && !event.target.value) {
+                        fireFilterChange('ALL');
+                    }
+                }, children: renderAutoComplete() })), children && (_jsx("span", { onChange: event => {
+                    fireFilterChangeDebounced(event.target.value);
+                }, children: children }))] }));
 }
-DashboardFilter.defaultProps = {
-    children: null,
-    type: null,
-    metadata: null
-};
-DashboardFilter.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    children: PropTypes.object,
-    name: PropTypes.string.isRequired,
-    filterProp: PropTypes.string.isRequired,
-    type: PropTypes.string,
-    metadata: PropTypes.objectOf(PropTypes.any)
-};
 //# sourceMappingURL=DashboardFilter.js.map

package/lib/components/infra/DashboardFilter/DashboardFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable operator-assignment */\nimport { useRef, useEffect, useState, Fragment, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { debounce } from 'throttle-debounce';\nimport { createFilter, combineFilters, getFormattedDate } from './filterUtils';\nimport { getFilterExpression } from './filterUtils';\nimport { TextField } from '@material-ui/core';\nimport React from 'react';\nimport DatePicker from 'react-datepicker';\nimport 'react-datepicker/dist/react-datepicker.css';\n\ndeclare const PCore: any;\n\nexport default function DashboardFilter(props) {\n  const { children, name, filterProp, type, metadata, getPConnect } = props;\n  const { current: filterId } = useRef(uuidv4());\n\n  const [startDate, setStartDate] = useState(null);\n  const [endDate, setEndDate] = useState(null);\n\n  useEffect(() => {\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n      () => {\n        if (type === 'Dropdown') {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, '');\n        } else if (type === 'RadioButtons') {\n          const reference = getPConnect().getFullReference() + filterProp;\n          const radList = document.getElementsByName(reference);\n          for (let i = 0; i < radList.length; i = i + 1) {\n            if ((radList[i] as HTMLInputElement).value === '') {\n              (radList[i] as HTMLInputElement).checked = true;\n            } else {\n              (radList[i] as HTMLInputElement).checked = false;\n            }\n          }\n        } else {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, undefined);\n          if (type === 'DateTime') {\n            setStartDate(null);\n            setEndDate(null);\n          }\n        }\n      },\n      filterId,\n      false,\n      getPConnect().getContextName()\n    );\n    return function cleanup() {\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n        filterId,\n        getPConnect().getContextName()\n      );\n    };\n  });\n\n  const fireFilterChange = filterValue => {\n    const filterData = {\n      filterId,\n      filterExpression: getFilterExpression(filterValue, name, metadata)\n    };\n\n    PCore.getPubSubUtils().publish(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE,\n      filterData\n    );\n  };\n\n  const fireFilterChangeDebounced = debounce(500, fireFilterChange);\n  const dateRangeChangeHandler = value => {\n    const { start, end } = value;\n\n    let startDate = getFormattedDate(start);\n    let endDate = getFormattedDate(end);\n\n    if (startDate && endDate) {\n      startDate = `${startDate}T00:00:00`;\n      endDate = `${endDate}T00:00:00`;\n      const startFilter = createFilter(startDate, name, 'GT');\n      const endFilter = createFilter(endDate, name, 'LT');\n\n      const filterData = {\n        filterId,\n        filterExpression: combineFilters([startFilter, endFilter], null)\n      };\n      PCore.getPubSubUtils().publish(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE,\n        filterData\n      );\n    }\n  };\n\n  const renderAutoComplete = () => {\n    metadata.config.onRecordChange = e => {\n      fireFilterChange(e.id);\n    };\n    return getPConnect().createComponent(metadata);\n  };\n\n  const onChange = dates => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    dateRangeChangeHandler({ start, end });\n  };\n\n  type TextProps = React.HTMLProps<HTMLInputElement>;\n\n  const label = metadata.config.label.substring(3);\n\n  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(\n    ({ value, onClick }, ref: any) => (\n      <TextField\n        label={label}\n        variant='outlined'\n        fullWidth\n        value={value}\n        size='small'\n        onClick={onClick}\n        ref={ref}\n      >\n        {value}\n      </TextField>\n    )\n  );\n\n  return (\n    <Fragment>\n      {type === 'DateTime' && (\n        <DatePicker\n          onChange={onChange}\n          startDate={startDate}\n          endDate={endDate}\n          selectsRange\n          enableTabLoop={false}\n          customInput={<CustomDateInput />}\n        />\n      )}\n      {type === 'AutoComplete' && (\n        <span\n          onChange={event => {\n            if (event && event.target && !(event.target as HTMLInputElement).value) {\n              fireFilterChange('ALL');\n            }\n          }}\n        >\n          {renderAutoComplete()}\n        </span>\n      )}\n      {children && (\n        <span\n          onChange={event => {\n            fireFilterChangeDebounced((event.target as HTMLInputElement).value);\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </Fragment>\n  );\n}\n\nDashboardFilter.defaultProps = {\n  children: null,\n  type: null,\n  metadata: null\n};\n\nDashboardFilter.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  children: PropTypes.object,\n  name: PropTypes.string.isRequired,\n  filterProp: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  metadata: PropTypes.objectOf(PropTypes.any)\n};\n"]}
+{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable operator-assignment */\nimport { forwardRef, PropsWithChildren, useEffect, useRef, useState } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { debounce } from 'throttle-debounce';\nimport DatePicker from 'react-datepicker';\n\nimport { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport 'react-datepicker/dist/react-datepicker.css';\n\ninterface DashboardFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  filterProp: string;\n  type?: string;\n  metadata?: any;\n}\n\nexport default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>) {\n  const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;\n  const { current: filterId } = useRef(uuidv4());\n\n  const [startDate, setStartDate] = useState(null);\n  const [endDate, setEndDate] = useState(null);\n\n  useEffect(() => {\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n      () => {\n        if (type === 'Dropdown') {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, '');\n        } else if (type === 'RadioButtons') {\n          const reference = getPConnect().getFullReference() + filterProp;\n          const radList = document.getElementsByName(reference);\n          for (let i = 0; i < radList.length; i = i + 1) {\n            if ((radList[i] as HTMLInputElement).value === '') {\n              (radList[i] as HTMLInputElement).checked = true;\n            } else {\n              (radList[i] as HTMLInputElement).checked = false;\n            }\n          }\n        } else {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, undefined);\n          if (type === 'DateTime') {\n            setStartDate(null);\n            setEndDate(null);\n          }\n        }\n      },\n      filterId,\n      false,\n      getPConnect().getContextName()\n    );\n    return function cleanup() {\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n        filterId,\n        getPConnect().getContextName()\n      );\n    };\n  });\n\n  const fireFilterChange = filterValue => {\n    const filterData = {\n      filterId,\n      filterExpression: getFilterExpression(filterValue, name, metadata)\n    };\n\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n  };\n\n  const fireFilterChangeDebounced = debounce(500, fireFilterChange);\n  const dateRangeChangeHandler = value => {\n    const { start, end } = value;\n\n    let startDate = getFormattedDate(start);\n    let endDate = getFormattedDate(end);\n\n    if (startDate && endDate) {\n      startDate = `${startDate}T00:00:00`;\n      endDate = `${endDate}T00:00:00`;\n      const startFilter = createFilter(startDate, name, 'GT');\n      const endFilter = createFilter(endDate, name, 'LT');\n\n      const filterData = {\n        filterId,\n        filterExpression: combineFilters([startFilter, endFilter], null)\n      };\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n    }\n  };\n\n  const renderAutoComplete = () => {\n    metadata.config.onRecordChange = e => {\n      fireFilterChange(e.id);\n    };\n    return getPConnect().createComponent(metadata, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n  };\n\n  const onChange = dates => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    dateRangeChangeHandler({ start, end });\n  };\n\n  type TextProps = React.HTMLProps<HTMLInputElement>;\n\n  const label = metadata.config.label.substring(3);\n\n  // eslint-disable-next-line react/no-unstable-nested-components\n  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(({ value, onClick }, ref: any) => (\n    <TextField label={label} variant='outlined' fullWidth value={value} size='small' onClick={onClick} ref={ref}>\n      {value}\n    </TextField>\n  ));\n\n  return (\n    <>\n      {type === 'DateTime' && (\n        <DatePicker\n          onChange={onChange}\n          startDate={startDate}\n          endDate={endDate}\n          selectsRange\n          enableTabLoop={false}\n          customInput={<CustomDateInput />}\n        />\n      )}\n      {type === 'AutoComplete' && (\n        <span\n          onChange={event => {\n            if (event && event.target && !(event.target as HTMLInputElement).value) {\n              fireFilterChange('ALL');\n            }\n          }}\n        >\n          {renderAutoComplete()}\n        </span>\n      )}\n      {children && (\n        <span\n          onChange={event => {\n            fireFilterChangeDebounced((event.target as HTMLInputElement).value);\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/infra/DashboardFilter/filterUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"AACA,6HAA6H;;AAQ7H,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,gDAiB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gEAoDjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,4CAqBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;QAuB/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,KAAA,OAwBjD;AAED,eAAO,MAAM,gBAAgB,oBAQ5B,CAAC"}
+{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"AACA,6HAA6H;;AAM7H,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,gDAiB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gEAkCjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,4CAkBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;QAuB/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,KAAA,OAsBjD;AAED,eAAO,MAAM,gBAAgB,oBAK5B,CAAC"}

package/lib/components/infra/DashboardFilter/filterUtils.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable prefer-template */
 /** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */
 import { Grid, Link } from '@material-ui/core';
-import React from 'react';
 import DashboardFilter from './DashboardFilter';
 export const createFilter = (value, fieldId, comparator = 'EQ') => {
     return {
@@ -39,6 +39,7 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
     }
     let propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName, filterMeta.config.ruleClass);
     if (!propInfo) {
+        // @ts-ignore - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.
         propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);
     }
     const { type: propertyType } = propInfo || { type: 'Text' };
@@ -48,7 +49,7 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
     const type = filterType || filterMeta.type;
     const filterProp = `.pyDashboardFilter${index}`;
     if (type === 'DateTime') {
-        return (React.createElement(DashboardFilter, { key: name, getPConnect: getPConnect, name: name, filterProp: filterProp, metadata: filterMeta, type: filterMeta.type }));
+        return _jsx(DashboardFilter, { getPConnect: getPConnect, name: name, filterProp: filterProp, metadata: filterMeta, type: filterMeta.type }, name);
     }
     if (datasource && datasource.fields) {
         datasource.fields.key = datasource.fields.value;
@@ -59,15 +60,15 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
     filterMeta.config.value = `@P ${filterProp}`;
     filterMeta.type = filterMeta.config.displayAs || type;
     filterMeta.config.placeholder = 'ALL';
-    return (React.createElement(DashboardFilter, { key: name, getPConnect: getPConnect, name: name, filterProp: filterProp, metadata: filterMeta, type: filterMeta.type }, getPConnect().createComponent(filterMeta)));
+    return (_jsx(DashboardFilter, { getPConnect: getPConnect, name: name, filterProp: filterProp, metadata: filterMeta, type: filterMeta.type, children: getPConnect().createComponent(filterMeta, '', '', {}) }, name));
 };
 export const buildFilterComponents = (getPConnect, allFilters) => {
     const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));
     if (filterComponents && filterComponents.length > 0) {
-        filterComponents.push(React.createElement(Grid, null,
-            React.createElement(Link, { style: { cursor: 'pointer' }, onClick: () => {
+        filterComponents.push(_jsx(Grid, { children: _jsx(Link, { style: { cursor: 'pointer' }, onClick: () => {
+                    // @ts-ignore - second parameter “payload” for publish method should be optional
                     PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);
-                } }, "Clear All")));
+                }, children: "Clear All" }) }));
     }
     return filterComponents;
 };
@@ -86,7 +87,7 @@ export const getFilterExpression = (filterValue, name, metadata) => {
     if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {
         const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];
         const relativeDateExpression = JSON.parse(fieldSource.json);
-        // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const fields = [
             {
                 name: relativeDateExpression.condition.lhs.field,
@@ -113,9 +114,7 @@ export function getLayoutDataFromRegion(regionData) {
         ?.map((item, index) => {
         const itemPConnect = item?.getPConnect();
         return {
-            id: itemPConnect?.getComponentName()
-                ? `${itemPConnect.getComponentName()}--${index}`
-                : `item--${index}`,
+            id: itemPConnect?.getComponentName() ? `${itemPConnect.getComponentName()}--${index}` : `item--${index}`,
             content: itemPConnect?.getComponent(),
             layoutConfig: {
                 ...defaultLayoutConfig,
@@ -128,7 +127,6 @@ export const getFormattedDate = date => {
     if (!date) {
         return date;
     }
-    const formattedDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;
-    return formattedDate;
+    return `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;
 };
 //# sourceMappingURL=filterUtils.js.map

package/lib/components/infra/DashboardFilter/filterUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable prefer-template */\n/** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */\n\nimport { Grid, Link } from '@material-ui/core';\nimport React from 'react';\nimport DashboardFilter from './DashboardFilter';\n\ndeclare const PCore: any;\n\nexport const createFilter = (value, fieldId, comparator = 'EQ') => {\n  return {\n    condition: {\n      lhs: {\n        field: fieldId\n      },\n      comparator,\n      rhs: {\n        value\n      }\n    }\n  };\n};\n\nexport const combineFilters = (filterList, existingFilters) => {\n  if (filterList && filterList.length) {\n    // Need to combine them\n    if (existingFilters) {\n      return { AND: [existingFilters, ...filterList] };\n    }\n\n    // No existing, just return the one(s) from the list\n    if (filterList.length > 1) {\n      return { AND: [...filterList] };\n    }\n\n    return filterList[0];\n  }\n\n  // No filter list,\n  return existingFilters;\n};\n\nexport const createFilterComponent = (getPConnect, filterMeta, index) => {\n  const name = filterMeta.config.value.substring(4);\n  let cleanedName = name;\n  if (name.indexOf('.') !== -1) {\n    cleanedName = name.substring(name.indexOf('.') + 1);\n  }\n  let propInfo = PCore.getMetadataUtils().getPropertyMetadata(\n    cleanedName,\n    filterMeta.config.ruleClass\n  );\n  if (!propInfo) {\n    propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);\n  }\n  const { type: propertyType } = propInfo || { type: 'Text' };\n  const isNumber = propertyType && (propertyType === 'Decimal' || propertyType === 'Integer');\n  filterMeta.isNumber = isNumber;\n  const { filterType, datasource } = filterMeta.config;\n  const type = filterType || filterMeta.type;\n  const filterProp = `.pyDashboardFilter${index}`;\n  if (type === 'DateTime') {\n    return (\n      <DashboardFilter\n        key={name}\n        getPConnect={getPConnect}\n        name={name}\n        filterProp={filterProp}\n        metadata={filterMeta}\n        type={filterMeta.type}\n      ></DashboardFilter>\n    );\n  }\n  if (datasource && datasource.fields) {\n    datasource.fields.key = datasource.fields.value;\n  }\n  if (filterMeta.config.listType === 'associated' && propInfo && propInfo.datasource) {\n    filterMeta.config.datasource = propInfo.datasource.records;\n  }\n  filterMeta.config.value = `@P ${filterProp}`;\n  filterMeta.type = filterMeta.config.displayAs || type;\n  filterMeta.config.placeholder = 'ALL';\n  return (\n    <DashboardFilter\n      key={name}\n      getPConnect={getPConnect}\n      name={name}\n      filterProp={filterProp}\n      metadata={filterMeta}\n      type={filterMeta.type}\n    >\n      {getPConnect().createComponent(filterMeta)}\n    </DashboardFilter>\n  );\n};\n\nexport const buildFilterComponents = (getPConnect, allFilters) => {\n  const filterComponents = allFilters.children.map((filter, index) =>\n    createFilterComponent(getPConnect, filter, index)\n  );\n  if (filterComponents && filterComponents.length > 0) {\n    filterComponents.push(\n      <Grid>\n        <Link\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            PCore.getPubSubUtils().publish(\n              PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL\n            );\n          }}\n        >\n          Clear All\n        </Link>\n      </Grid>\n    );\n  }\n  return filterComponents;\n};\n\nexport const convertDateToGMT = value => {\n  const { valueAsISOString: date } = value;\n  return date ? date.substring(0, date.indexOf('T')) : date;\n};\n\nexport const getFilterExpression = (filterValue, name, metadata) => {\n  if (filterValue === '') {\n    return null;\n  }\n  let comparator = 'EQ';\n  if (metadata.type === 'TextInput' && !metadata.isNumber) {\n    comparator = 'CONTAINS';\n  }\n\n  if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {\n    const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];\n    const relativeDateExpression = JSON.parse(fieldSource.json);\n    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n    const fields = [\n      {\n        name: relativeDateExpression.condition.lhs.field,\n        type: 'DATE_TIME'\n      }\n    ];\n    return '';\n  }\n\n  return createFilter(filterValue, name, comparator);\n};\n\n/**\n * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.\n * @returns {object[]} ConfigurableLayout content.\n */\nexport function getLayoutDataFromRegion(regionData) {\n  const defaultLayoutConfig = {\n    width: 'full',\n    fillAvailable: true,\n    minWidth: [300, 'px']\n  };\n\n  return regionData.props\n    ?.getPConnect()\n    ?.getChildren()\n    ?.map((item, index) => {\n      const itemPConnect = item?.getPConnect();\n\n      return {\n        id: itemPConnect?.getComponentName()\n          ? `${itemPConnect.getComponentName()}--${index}`\n          : `item--${index}`,\n        content: itemPConnect?.getComponent(),\n        layoutConfig: {\n          ...defaultLayoutConfig,\n          ...itemPConnect?.getConfigProps().layoutConfig\n        }\n      };\n    });\n}\n\nexport const getFormattedDate = date => {\n  if (!date) {\n    return date;\n  }\n  const formattedDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${(\n    '0' + date.getDate()\n  ).slice(-2)}`;\n  return formattedDate;\n};\n"]}
+{"version":3,"file":"filterUtils.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable prefer-template */\n/** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */\n\nimport { Grid, Link } from '@material-ui/core';\n\nimport DashboardFilter from './DashboardFilter';\n\nexport const createFilter = (value, fieldId, comparator = 'EQ') => {\n  return {\n    condition: {\n      lhs: {\n        field: fieldId\n      },\n      comparator,\n      rhs: {\n        value\n      }\n    }\n  };\n};\n\nexport const combineFilters = (filterList, existingFilters) => {\n  if (filterList && filterList.length) {\n    // Need to combine them\n    if (existingFilters) {\n      return { AND: [existingFilters, ...filterList] };\n    }\n\n    // No existing, just return the one(s) from the list\n    if (filterList.length > 1) {\n      return { AND: [...filterList] };\n    }\n\n    return filterList[0];\n  }\n\n  // No filter list,\n  return existingFilters;\n};\n\nexport const createFilterComponent = (getPConnect, filterMeta, index) => {\n  const name = filterMeta.config.value.substring(4);\n  let cleanedName = name;\n  if (name.indexOf('.') !== -1) {\n    cleanedName = name.substring(name.indexOf('.') + 1);\n  }\n  let propInfo: any = PCore.getMetadataUtils().getPropertyMetadata(cleanedName, filterMeta.config.ruleClass);\n  if (!propInfo) {\n    // @ts-ignore - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.\n    propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);\n  }\n  const { type: propertyType } = propInfo || { type: 'Text' };\n  const isNumber = propertyType && (propertyType === 'Decimal' || propertyType === 'Integer');\n  filterMeta.isNumber = isNumber;\n  const { filterType, datasource } = filterMeta.config;\n  const type = filterType || filterMeta.type;\n  const filterProp = `.pyDashboardFilter${index}`;\n  if (type === 'DateTime') {\n    return <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type} />;\n  }\n  if (datasource && datasource.fields) {\n    datasource.fields.key = datasource.fields.value;\n  }\n  if (filterMeta.config.listType === 'associated' && propInfo && propInfo.datasource) {\n    filterMeta.config.datasource = propInfo.datasource.records;\n  }\n  filterMeta.config.value = `@P ${filterProp}`;\n  filterMeta.type = filterMeta.config.displayAs || type;\n  filterMeta.config.placeholder = 'ALL';\n  return (\n    <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type}>\n      {getPConnect().createComponent(filterMeta, '', '', {})}\n    </DashboardFilter>\n  );\n};\n\nexport const buildFilterComponents = (getPConnect, allFilters) => {\n  const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));\n  if (filterComponents && filterComponents.length > 0) {\n    filterComponents.push(\n      <Grid>\n        <Link\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            // @ts-ignore - second parameter “payload” for publish method should be optional\n            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);\n          }}\n        >\n          Clear All\n        </Link>\n      </Grid>\n    );\n  }\n  return filterComponents;\n};\n\nexport const convertDateToGMT = value => {\n  const { valueAsISOString: date } = value;\n  return date ? date.substring(0, date.indexOf('T')) : date;\n};\n\nexport const getFilterExpression = (filterValue, name, metadata) => {\n  if (filterValue === '') {\n    return null;\n  }\n  let comparator = 'EQ';\n  if (metadata.type === 'TextInput' && !metadata.isNumber) {\n    comparator = 'CONTAINS';\n  }\n\n  if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {\n    const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];\n    const relativeDateExpression = JSON.parse(fieldSource.json);\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const fields = [\n      {\n        name: relativeDateExpression.condition.lhs.field,\n        type: 'DATE_TIME'\n      }\n    ];\n    return '';\n  }\n\n  return createFilter(filterValue, name, comparator);\n};\n\n/**\n * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.\n * @returns {object[]} ConfigurableLayout content.\n */\nexport function getLayoutDataFromRegion(regionData) {\n  const defaultLayoutConfig = {\n    width: 'full',\n    fillAvailable: true,\n    minWidth: [300, 'px']\n  };\n\n  return regionData.props\n    ?.getPConnect()\n    ?.getChildren()\n    ?.map((item, index) => {\n      const itemPConnect = item?.getPConnect();\n\n      return {\n        id: itemPConnect?.getComponentName() ? `${itemPConnect.getComponentName()}--${index}` : `item--${index}`,\n        content: itemPConnect?.getComponent(),\n        layoutConfig: {\n          ...defaultLayoutConfig,\n          ...itemPConnect?.getConfigProps().layoutConfig\n        }\n      };\n    });\n}\n\nexport const getFormattedDate = date => {\n  if (!date) {\n    return date;\n  }\n  return `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;\n};\n"]}

package/lib/components/infra/DeferLoad/DeferLoad.d.ts

@@ -1,15 +1,10 @@
-import PropTypes from 'prop-types';
-declare function DeferLoad(props: any): any;
-declare namespace DeferLoad {
-    var defaultProps: {
-        isChildDeferLoad: boolean;
-    };
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        name: PropTypes.Validator<string>;
-        isChildDeferLoad: PropTypes.Requireable<boolean>;
-        isTab: PropTypes.Requireable<boolean>;
-    };
+import { PConnProps } from '../../../types/PConnProps';
+interface DeferLoadProps extends PConnProps {
+    name: string;
+    isChildDeferLoad?: boolean;
+    isTab: boolean;
+    deferLoadId: string;
 }
-export default DeferLoad;
+export default function DeferLoad(props: DeferLoadProps): any;
+export {};
 //# sourceMappingURL=DeferLoad.d.ts.map

package/lib/components/infra/DeferLoad/DeferLoad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeferLoad.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA2BnC,iBAAwB,SAAS,CAAC,KAAK,KAAA,OAuItC;kBAvIuB,SAAS;;;;;;;;;;;eAAT,SAAS"}
+{"version":3,"file":"DeferLoad.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,cAAe,SAAQ,UAAU;IAEzC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAqBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,OAkItD"}

package/lib/components/infra/DeferLoad/DeferLoad.js

@@ -1,5 +1,5 @@
-import React, { useState, useEffect, createElement } from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, createElement } from 'react';
 import { Box, Card, CircularProgress } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import createPConnectComponent from '../../../bridge/react_pconnect';
@@ -24,17 +24,17 @@ export default function DeferLoad(props) {
     const { getPConnect, name, deferLoadId, isTab } = props;
     const [content, setContent] = useState(null);
     const [isLoading, setLoading] = useState(true);
-    const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState("");
+    const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');
     const classes = useStyles();
     const pConnect = getPConnect();
     const constants = PCore.getConstants();
-    const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);
+    const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, ''); // 2nd arg empty string until typedef allows optional
     if (theRequestedAssignment !== currentLoadedAssignment) {
         // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);
         setCurrentLoadedAssignment(theRequestedAssignment);
     }
     const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;
-    const loadViewCaseID = pConnect.getValue(constants.PZINSKEY) || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID);
+    const loadViewCaseID = pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef allows optional
     let containerName;
     let containerItemData;
     const targetName = pConnect.getTarget();
@@ -48,7 +48,7 @@ export default function DeferLoad(props) {
     const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());
     const getViewOptions = () => ({
         viewContext: resourceType,
-        pageClass: loadViewCaseID ? '' : pConnect.getDataObject().pyPortal.classID,
+        pageClass: loadViewCaseID ? '' : pConnect.getDataObject('').pyPortal.classID,
         container: isContainerPreview ? 'preview' : null,
         containerName: isContainerPreview ? 'preview' : null,
         updateData: isContainerPreview
@@ -83,7 +83,9 @@ export default function DeferLoad(props) {
                 getPConnect()
                     .getActionsApi()
                     .showData(name, dataContext, dataContextParameters, {
+                    // @ts-ignore - Type 'boolean' is not assignable to type 'string'
                     skipSemanticUrl: true,
+                    // @ts-ignore
                     isDeferLoaded: true
                 })
                     .then(data => {
@@ -107,7 +109,7 @@ export default function DeferLoad(props) {
         else {
             getPConnect()
                 .getActionsApi()
-                .refreshCaseView(encodeURI(loadViewCaseID), name)
+                .refreshCaseView(encodeURI(loadViewCaseID), name, '') // 3rd arg empty string until typedef allows optional
                 .then(data => {
                 onResponse(data.root);
             });
@@ -116,24 +118,11 @@ export default function DeferLoad(props) {
     /* TODO Cosmos need to handle for now added a wrapper div with pos relative */
     let deferLoadContent;
     if (isLoading) {
-        deferLoadContent = (React.createElement("div", { style: { position: 'relative', height: '100px' } },
-            React.createElement(Box, { textAlign: 'center' },
-                React.createElement(CircularProgress, null))));
+        deferLoadContent = (_jsx("div", { style: { position: 'relative', height: '100px' }, children: _jsx(Box, { textAlign: 'center', children: _jsx(CircularProgress, {}) }) }));
     }
     else {
-        deferLoadContent = !isTab ? (React.createElement("div", { className: classes.root },
-            React.createElement(React.Fragment, null, content))) : (React.createElement(Card, { id: 'DeferLoad', className: classes.root },
-            React.createElement(React.Fragment, null, content)));
+        deferLoadContent = !isTab ? (_jsx("div", { className: classes.root, children: content })) : (_jsx(Card, { id: 'DeferLoad', className: classes.root, children: _jsx(_Fragment, { children: content }) }));
     }
     return deferLoadContent;
 }
-DeferLoad.defaultProps = {
-    isChildDeferLoad: false
-};
-DeferLoad.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    name: PropTypes.string.isRequired,
-    isChildDeferLoad: PropTypes.bool,
-    isTab: PropTypes.bool
-};
 //# sourceMappingURL=DeferLoad.js.map

package/lib/components/infra/DeferLoad/DeferLoad.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { Box, Card, CircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\ndeclare const PCore;\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function DeferLoad(props) {\n  const { getPConnect, name, deferLoadId, isTab } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState(\"\");\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue( PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);\n  if (theRequestedAssignment !== currentLoadedAssignment)  {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID =\n    pConnect.getValue(constants.PZINSKEY) || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID);\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : pConnect.getDataObject().pyPortal.classID,\n    container: isContainerPreview ? 'preview' : null,\n    containerName: isContainerPreview ? 'preview' : null,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = data => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference()\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      configObject.getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue(\n          '.dataContextParameters',\n          'dataInfo',\n          containerName\n        );\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {\n            skipSemanticUrl: true,\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name)\n        .then(data => {\n          onResponse(data.root);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>\n        <React.Fragment>{content}</React.Fragment>\n      </div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <React.Fragment>{content}</React.Fragment>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n\nDeferLoad.defaultProps = {\n  isChildDeferLoad: false\n};\n\nDeferLoad.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  isChildDeferLoad: PropTypes.bool,\n  isTab: PropTypes.bool\n};\n"]}
+{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AAYrE,EAAE;AACF,qHAAqH;AACrH,uHAAuH;AACvH,+BAA+B;AAC/B,EAAE;AAEF,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3E,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEvC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,qDAAqD;IAC5J,IAAI,sBAAsB,KAAK,uBAAuB,EAAE;QACtD,kIAAkI;QAClI,0BAA0B,CAAC,sBAAsB,CAAC,CAAC;KACpD;IAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,cAAc,CAAC;IACtD,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,qDAAqD;IAClL,IAAI,aAAa,CAAC;IAClB,IAAI,iBAAiB,CAAC;IACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;IACxC,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,0BAA0B,CAAC,UAAU,CAAC,CAAC;QAEjF,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;KAC/F;IAED,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,iBAAiB,IAAI;QACnD,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;KAC3C,CAAC;IACF,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;IAE7E,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAAC;QAC5B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAS,CAAC,QAAQ,CAAC,OAAO;QACrF,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAChD,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACpD,UAAU,EAAE,kBAAkB;KAC/B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE;QACxB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,WAAW,EAAE;YACf,KAAK,CAAC,mBAAmB,EAAE,CAAC,KAAK,CAC/B,IAAI,EACJ,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,EACpC,WAAW,EAAE,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,EAChE,WAAW,EAAE,CAAC,cAAc,EAAE,EAC9B,WAAW,CACZ,CAAC;SACH;QAED,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,EAAE;YACjD,MAAM,MAAM,GAAG;gBACb,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE;oBACP,OAAO,EAAE,QAAQ,CAAC,cAAc,EAAE;oBAClC,aAAa,EAAE,QAAQ,CAAC,gBAAgB,EAAE;iBAC3C;aACF,CAAC;YACF,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAClD,YAAY,CAAC,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YAC1E,UAAU,CAAC,aAAa,CAAC,uBAAuB,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;YACnE,IAAI,WAAW,EAAE;gBACf,KAAK,CAAC,mBAAmB,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;aAC/E;SACF;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,IAAI,EAAE;YACzB,8CAA8C;YAC9C,IAAI,aAAa,EAAE;gBACjB,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;gBACnF,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,wBAAwB,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;gBAEvG,WAAW,EAAE;qBACV,aAAa,EAAE;qBACf,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,qBAAqB,EAAE;oBAClD,iEAAiE;oBACjE,eAAe,EAAE,IAAI;oBACrB,aAAa;oBACb,aAAa,EAAE,IAAI;iBACpB,CAAC;qBACD,IAAI,CAAC,IAAI,CAAC,EAAE;oBACX,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC,CAAC,CAAC;aACN;iBAAM;gBACL,sCAAsC;gBACtC,OAAO,CAAC,KAAK,CAAC,iEAAiE,CAAC,CAAC;aAClF;SACF;aAAM,IAAI,YAAY,KAAK,IAAI,EAAE;YAChC,oDAAoD;YACpD,WAAW,EAAE;iBACV,aAAa,EAAE;iBACf,QAAQ,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;iBAC3D,IAAI,CAAC,IAAI,CAAC,EAAE;gBACX,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,CAAC,CAAC;SACN;aAAM;YACL,WAAW,EAAE;iBACV,aAAa,EAAE;iBACf,eAAe,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,qDAAqD;iBAC1G,IAAI,CAAC,IAAI,CAAC,EAAE;gBACX,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,uBAAuB,CAAC,CAAC,CAAC;IACjD,8EAA8E;IAC9E,IAAI,gBAAgB,CAAC;IACrB,IAAI,SAAS,EAAE;QACb,gBAAgB,GAAG,CACjB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,YACnD,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,YACrB,KAAC,gBAAgB,KAAG,GAChB,GACF,CACP,CAAC;KACH;SAAM;QACL,gBAAgB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAC1B,cAAK,SAAS,EAAE,OAAO,CAAC,IAAI,YAAG,OAAO,GAAO,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,EAAE,EAAC,WAAW,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,YAC1C,4BAAG,OAAO,GAAI,GACT,CACR,CAAC;KACH;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC","sourcesContent":["import { useState, useEffect, createElement } from 'react';\nimport { Box, Card, CircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface DeferLoadProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  isChildDeferLoad?: boolean;\n  isTab: boolean;\n  deferLoadId: string;\n}\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function DeferLoad(props: DeferLoadProps) {\n  const { getPConnect, name, deferLoadId, isTab } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, ''); // 2nd arg empty string until typedef allows optional\n  if (theRequestedAssignment !== currentLoadedAssignment) {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID = pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef allows optional\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : (pConnect.getDataObject('') as any).pyPortal.classID, // 2nd arg empty string until typedef allows optional\n    container: isContainerPreview ? 'preview' : null,\n    containerName: isContainerPreview ? 'preview' : null,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = data => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference()\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      configObject.getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue('.dataContextParameters', 'dataInfo', containerName);\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {\n            // @ts-ignore - Type 'boolean' is not assignable to type 'string'\n            skipSemanticUrl: true,\n            // @ts-ignore\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name, '') // 3rd arg empty string until typedef allows optional\n        .then(data => {\n          onResponse(data.root);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>{content}</div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <>{content}</>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n"]}

package/lib/components/infra/DeferLoad/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './DeferLoad';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './DeferLoad';\n"]}

package/lib/components/infra/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,15 +1,8 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function ErrorBoundary(props: any): JSX.Element | null;
-declare namespace ErrorBoundary {
-    var propTypes: {
-        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
-        isInternalError: PropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        getPConnect: null;
-        isInternalError: boolean;
-    };
+import { PConnProps } from '../../../types/PConnProps';
+interface ErrorBoundaryProps extends PConnProps {
+    isInternalError?: boolean;
 }
-export default ErrorBoundary;
+export default function ErrorBoundary(props: ErrorBoundaryProps): JSX.Element | null;
+export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/components/infra/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAS,aAAa,CAAC,KAAK,KAAA,sBA0C3B;kBA1CQ,aAAa;;;;;;;;;;AAqDtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBAsC9D"}

package/lib/components/infra/ErrorBoundary/ErrorBoundary.js

@@ -1,40 +1,34 @@
-import React from "react";
-import PropTypes from "prop-types";
-function ErrorBoundary(props) {
-    const ERROR_TEXT = PCore.getErrorHandler().getGenericFailedMessage();
-    const WORK_AREA = "workarea";
-    const ERROR_WHILE_RENDERING = "ERROR_WHILE_RENDERING";
-    const { getPConnect, isInternalError } = props;
-    const theErrorDiv = React.createElement("div", null, ERROR_TEXT);
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ErrorBoundary(props) {
+    const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Messages';
+    const ERROR_TEXT = localizedVal(errorMsg, localeCategory);
+    const WORK_AREA = 'workarea';
+    const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';
+    const { getPConnect, isInternalError = false } = props;
+    const theErrorDiv = _jsx("div", { children: ERROR_TEXT });
     if (!getPConnect) {
-        return (theErrorDiv);
+        return theErrorDiv;
     }
     const pConn = getPConnect();
     if (!isInternalError) {
         // eslint-disable-next-line no-console
-        console.error(`Unable to load the component ${pConn.getComponentName()}
-    This might be due to the view meta data getting corrupted or the component file missing.
-    Raw meta data for the component: ${JSON.stringify(pConn.getRawMetadata())}`);
+        console.error(`
+  ${localizedVal('Unable to load the component', localeCategory)} ${pConn.getComponentName()}
+  ${localizedVal('This might be due to the view metadata getting corrupted or the component file missing.', localeCategory)}
+  Raw metadata for the component: ${JSON.stringify(pConn.getRawMetadata())}
+`);
     }
-    if (pConn.getConfigProps().type === "page") {
-        return (theErrorDiv);
+    if (pConn.getConfigProps().type === 'page') {
+        return theErrorDiv;
     }
-    if (pConn.getContainerName() === WORK_AREA ||
-        pConn.isInsideList() === true ||
-        pConn.getContainerName() === "modal") {
+    if (pConn.getContainerName() === WORK_AREA || pConn.isInsideList() === true || pConn.getContainerName() === 'modal') {
         const { publish } = PCore.getPubSubUtils();
+        // @ts-ignore - second parameter “payload” for publish method should be optional
         publish(ERROR_WHILE_RENDERING);
         return null;
     }
-    return (theErrorDiv);
+    return theErrorDiv;
 }
-ErrorBoundary.propTypes = {
-    getPConnect: PropTypes.func,
-    isInternalError: PropTypes.bool
-};
-ErrorBoundary.defaultProps = {
-    getPConnect: null,
-    isInternalError: false
-};
-export default ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.js.map

package/lib/components/infra/ErrorBoundary/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,SAAS,aAAa,CAAC,KAAK;IAC1B,MAAM,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,uBAAuB,EAAE,CAAC;IACrE,MAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE/C,MAAM,WAAW,GAAG,iCAAM,UAAU,CAAO,CAAA;IAE3C,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CACL,WAAW,CACZ,CAAC;KACH;IAED,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAI,CAAC,eAAe,EAAE;QACpB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,gCAAgC,KAAK,CAAC,gBAAgB,EAAE;;uCAEnC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;KAC9E;IAED,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE;QAC1C,OAAO,CACL,WAAW,CACZ,CAAC;KACH;IAED,IACE,KAAK,CAAC,gBAAgB,EAAE,KAAK,SAAS;QACtC,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI;QAC7B,KAAK,CAAC,gBAAgB,EAAE,KAAK,OAAO,EACpC;QACA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3C,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,WAAW,CACZ,CAAC;AACJ,CAAC;AACD,aAAa,CAAC,SAAS,GAAG;IACxB,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,eAAe,EAAE,SAAS,CAAC,IAAI;CAChC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\ndeclare const PCore;\n\nfunction ErrorBoundary(props) {\n  const ERROR_TEXT = PCore.getErrorHandler().getGenericFailedMessage();\n  const WORK_AREA = \"workarea\";\n  const ERROR_WHILE_RENDERING = \"ERROR_WHILE_RENDERING\";\n  const { getPConnect, isInternalError } = props;\n\n  const theErrorDiv = <div>{ERROR_TEXT}</div>\n\n  if (!getPConnect) {\n    return (\n      theErrorDiv\n    );\n  }\n\n  const pConn = getPConnect();\n\n  if (!isInternalError) {\n    // eslint-disable-next-line no-console\n    console.error(`Unable to load the component ${pConn.getComponentName()}\n    This might be due to the view meta data getting corrupted or the component file missing.\n    Raw meta data for the component: ${JSON.stringify(pConn.getRawMetadata())}`);\n  }\n\n  if (pConn.getConfigProps().type === \"page\") {\n    return (\n      theErrorDiv\n    );\n  }\n\n  if (\n    pConn.getContainerName() === WORK_AREA ||\n    pConn.isInsideList() === true ||\n    pConn.getContainerName() === \"modal\"\n  ) {\n    const { publish } = PCore.getPubSubUtils();\n    publish(ERROR_WHILE_RENDERING);\n    return null;\n  }\n\n  return (\n    theErrorDiv\n  );\n}\nErrorBoundary.propTypes = {\n  getPConnect: PropTypes.func,\n  isInternalError: PropTypes.bool\n};\n\nErrorBoundary.defaultProps = {\n  getPConnect: null,\n  isInternalError: false\n};\n\nexport default ErrorBoundary;\n"]}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,uBAAuB,EAAE,CAAC;IACnE,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,eAAe,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,WAAW,GAAG,wBAAM,UAAU,GAAO,CAAC;IAE5C,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,WAAW,CAAC;KACpB;IAED,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAI,CAAC,eAAe,EAAE;QACpB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC;IACd,YAAY,CAAC,8BAA8B,EAAE,cAAc,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE;IACxF,YAAY,CAAC,yFAAyF,EAAE,cAAc,CAAC;oCACvF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;CACzE,CAAC,CAAC;KACA;IAED,IAAK,KAAK,CAAC,cAAc,EAAU,CAAC,IAAI,KAAK,MAAM,EAAE;QACnD,OAAO,WAAW,CAAC;KACpB;IAED,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,SAAS,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,OAAO,EAAE;QACnH,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3C,gFAAgF;QAChF,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["import { PConnProps } from '../../../types/PConnProps';\n\ninterface ErrorBoundaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  isInternalError?: boolean;\n}\n\nexport default function ErrorBoundary(props: ErrorBoundaryProps) {\n  const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Messages';\n  const ERROR_TEXT = localizedVal(errorMsg, localeCategory);\n  const WORK_AREA = 'workarea';\n  const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';\n  const { getPConnect, isInternalError = false } = props;\n\n  const theErrorDiv = <div>{ERROR_TEXT}</div>;\n\n  if (!getPConnect) {\n    return theErrorDiv;\n  }\n\n  const pConn = getPConnect();\n\n  if (!isInternalError) {\n    // eslint-disable-next-line no-console\n    console.error(`\n  ${localizedVal('Unable to load the component', localeCategory)} ${pConn.getComponentName()}\n  ${localizedVal('This might be due to the view metadata getting corrupted or the component file missing.', localeCategory)}\n  Raw metadata for the component: ${JSON.stringify(pConn.getRawMetadata())}\n`);\n  }\n\n  if ((pConn.getConfigProps() as any).type === 'page') {\n    return theErrorDiv;\n  }\n\n  if (pConn.getContainerName() === WORK_AREA || pConn.isInsideList() === true || pConn.getContainerName() === 'modal') {\n    const { publish } = PCore.getPubSubUtils();\n    // @ts-ignore - second parameter “payload” for publish method should be optional\n    publish(ERROR_WHILE_RENDERING);\n    return null;\n  }\n\n  return theErrorDiv;\n}\n"]}