@pega/react-sdk-components 0.23.0

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

@@ -0,0 +1,110 @@
+/* eslint-disable no-shadow */
+/* eslint-disable @typescript-eslint/no-shadow */
+/* eslint-disable operator-assignment */
+import { useRef, useEffect, useState, Fragment, forwardRef } from 'react';
+import PropTypes from 'prop-types';
+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 'react-datepicker/dist/react-datepicker.css';
+export default function DashboardFilter(props) {
+    const { children, name, filterProp, type, metadata, getPConnect } = props;
+    const { current: filterId } = useRef(uuidv4());
+    const [startDate, setStartDate] = useState(null);
+    const [endDate, setEndDate] = useState(null);
+    useEffect(() => {
+        PCore.getPubSubUtils().subscribe(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL, () => {
+            if (type === 'Dropdown') {
+                getPConnect().getActionsApi().updateFieldValue(filterProp, '');
+            }
+            else if (type === 'RadioButtons') {
+                const reference = getPConnect().getFullReference() + filterProp;
+                const radList = document.getElementsByName(reference);
+                for (let i = 0; i < radList.length; i = i + 1) {
+                    if (radList[i].value === '') {
+                        radList[i].checked = true;
+                    }
+                    else {
+                        radList[i].checked = false;
+                    }
+                }
+            }
+            else {
+                getPConnect().getActionsApi().updateFieldValue(filterProp, undefined);
+                if (type === 'DateTime') {
+                    setStartDate(null);
+                    setEndDate(null);
+                }
+            }
+        }, filterId, false, getPConnect().getContextName());
+        return function cleanup() {
+            PCore.getPubSubUtils().unsubscribe(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL, filterId, getPConnect().getContextName());
+        };
+    });
+    const fireFilterChange = filterValue => {
+        const filterData = {
+            filterId,
+            filterExpression: getFilterExpression(filterValue, name, metadata)
+        };
+        PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);
+    };
+    const fireFilterChangeDebounced = debounce(500, fireFilterChange);
+    const dateRangeChangeHandler = value => {
+        const { start, end } = value;
+        let startDate = getFormattedDate(start);
+        let endDate = getFormattedDate(end);
+        if (startDate && endDate) {
+            startDate = `${startDate}T00:00:00`;
+            endDate = `${endDate}T00:00:00`;
+            const startFilter = createFilter(startDate, name, 'GT');
+            const endFilter = createFilter(endDate, name, 'LT');
+            const filterData = {
+                filterId,
+                filterExpression: combineFilters([startFilter, endFilter], null)
+            };
+            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);
+        }
+    };
+    const renderAutoComplete = () => {
+        metadata.config.onRecordChange = e => {
+            fireFilterChange(e.id);
+        };
+        return getPConnect().createComponent(metadata);
+    };
+    const onChange = dates => {
+        const [start, end] = dates;
+        setStartDate(start);
+        setEndDate(end);
+        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))));
+}
+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

@@ -0,0 +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"]}

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

@@ -0,0 +1,35 @@
+/** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */
+/// <reference types="react" />
+export declare const createFilter: (value: any, fieldId: any, comparator?: string) => {
+    condition: {
+        lhs: {
+            field: any;
+        };
+        comparator: string;
+        rhs: {
+            value: any;
+        };
+    };
+};
+export declare const combineFilters: (filterList: any, existingFilters: any) => any;
+export declare const createFilterComponent: (getPConnect: any, filterMeta: any, index: any) => JSX.Element;
+export declare const buildFilterComponents: (getPConnect: any, allFilters: any) => any;
+export declare const convertDateToGMT: (value: any) => any;
+export declare const getFilterExpression: (filterValue: any, name: any, metadata: any) => "" | {
+    condition: {
+        lhs: {
+            field: any;
+        };
+        comparator: string;
+        rhs: {
+            value: any;
+        };
+    };
+} | null;
+/**
+ * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.
+ * @returns {object[]} ConfigurableLayout content.
+ */
+export declare function getLayoutDataFromRegion(regionData: any): any;
+export declare const getFormattedDate: (date: any) => any;
+//# sourceMappingURL=filterUtils.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,134 @@
+/* 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 {
+        condition: {
+            lhs: {
+                field: fieldId
+            },
+            comparator,
+            rhs: {
+                value
+            }
+        }
+    };
+};
+export const combineFilters = (filterList, existingFilters) => {
+    if (filterList && filterList.length) {
+        // Need to combine them
+        if (existingFilters) {
+            return { AND: [existingFilters, ...filterList] };
+        }
+        // No existing, just return the one(s) from the list
+        if (filterList.length > 1) {
+            return { AND: [...filterList] };
+        }
+        return filterList[0];
+    }
+    // No filter list,
+    return existingFilters;
+};
+export const createFilterComponent = (getPConnect, filterMeta, index) => {
+    const name = filterMeta.config.value.substring(4);
+    let cleanedName = name;
+    if (name.indexOf('.') !== -1) {
+        cleanedName = name.substring(name.indexOf('.') + 1);
+    }
+    let propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName, filterMeta.config.ruleClass);
+    if (!propInfo) {
+        propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);
+    }
+    const { type: propertyType } = propInfo || { type: 'Text' };
+    const isNumber = propertyType && (propertyType === 'Decimal' || propertyType === 'Integer');
+    filterMeta.isNumber = isNumber;
+    const { filterType, datasource } = filterMeta.config;
+    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 }));
+    }
+    if (datasource && datasource.fields) {
+        datasource.fields.key = datasource.fields.value;
+    }
+    if (filterMeta.config.listType === 'associated' && propInfo && propInfo.datasource) {
+        filterMeta.config.datasource = propInfo.datasource.records;
+    }
+    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)));
+};
+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: () => {
+                    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);
+                } }, "Clear All")));
+    }
+    return filterComponents;
+};
+export const convertDateToGMT = value => {
+    const { valueAsISOString: date } = value;
+    return date ? date.substring(0, date.indexOf('T')) : date;
+};
+export const getFilterExpression = (filterValue, name, metadata) => {
+    if (filterValue === '') {
+        return null;
+    }
+    let comparator = 'EQ';
+    if (metadata.type === 'TextInput' && !metadata.isNumber) {
+        comparator = 'CONTAINS';
+    }
+    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
+        const fields = [
+            {
+                name: relativeDateExpression.condition.lhs.field,
+                type: 'DATE_TIME'
+            }
+        ];
+        return '';
+    }
+    return createFilter(filterValue, name, comparator);
+};
+/**
+ * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.
+ * @returns {object[]} ConfigurableLayout content.
+ */
+export function getLayoutDataFromRegion(regionData) {
+    const defaultLayoutConfig = {
+        width: 'full',
+        fillAvailable: true,
+        minWidth: [300, 'px']
+    };
+    return regionData.props
+        ?.getPConnect()
+        ?.getChildren()
+        ?.map((item, index) => {
+        const itemPConnect = item?.getPConnect();
+        return {
+            id: itemPConnect?.getComponentName()
+                ? `${itemPConnect.getComponentName()}--${index}`
+                : `item--${index}`,
+            content: itemPConnect?.getComponent(),
+            layoutConfig: {
+                ...defaultLayoutConfig,
+                ...itemPConnect?.getConfigProps().layoutConfig
+            }
+        };
+    });
+}
+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;
+};
+//# sourceMappingURL=filterUtils.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,2 @@
+export { default } from './DashboardFilter';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from './DashboardFilter';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,15 @@
+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>;
+    };
+}
+export default DeferLoad;
+//# sourceMappingURL=DeferLoad.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,139 @@
+import React, { useState, useEffect, createElement } from 'react';
+import PropTypes from 'prop-types';
+import { Box, Card, CircularProgress } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+import createPConnectComponent from '../../../bridge/react_pconnect';
+//
+// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
+// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and
+// is totally at your own risk.
+//
+const useStyles = makeStyles(theme => ({
+    root: {
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1),
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1)
+    }
+}));
+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 classes = useStyles();
+    const pConnect = getPConnect();
+    const constants = PCore.getConstants();
+    const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);
+    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);
+    let containerName;
+    let containerItemData;
+    const targetName = pConnect.getTarget();
+    if (targetName) {
+        containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);
+        containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);
+    }
+    const { resourceType = CASE } = containerItemData || {
+        resourceType: loadViewCaseID ? CASE : PAGE
+    };
+    const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());
+    const getViewOptions = () => ({
+        viewContext: resourceType,
+        pageClass: loadViewCaseID ? '' : pConnect.getDataObject().pyPortal.classID,
+        container: isContainerPreview ? 'preview' : null,
+        containerName: isContainerPreview ? 'preview' : null,
+        updateData: isContainerPreview
+    });
+    const onResponse = data => {
+        setLoading(false);
+        if (deferLoadId) {
+            PCore.getDeferLoadManager().start(name, getPConnect().getCaseInfo().getKey(), getPConnect().getPageReference().replace('caseInfo.content', ''), getPConnect().getContextName(), deferLoadId);
+        }
+        if (data && !(data.type && data.type === 'error')) {
+            const config = {
+                meta: data,
+                options: {
+                    context: pConnect.getContextName(),
+                    pageReference: pConnect.getPageReference()
+                }
+            };
+            const configObject = PCore.createPConnect(config);
+            configObject.getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
+            setContent(createElement(createPConnectComponent(), configObject));
+            if (deferLoadId) {
+                PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());
+            }
+        }
+    };
+    useEffect(() => {
+        if (resourceType === DATA) {
+            // Rendering defer loaded tabs in data context
+            if (containerName) {
+                const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);
+                const dataContextParameters = PCore.getStoreValue('.dataContextParameters', 'dataInfo', containerName);
+                getPConnect()
+                    .getActionsApi()
+                    .showData(name, dataContext, dataContextParameters, {
+                    skipSemanticUrl: true,
+                    isDeferLoaded: true
+                })
+                    .then(data => {
+                    onResponse(data);
+                });
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.error('Cannot load the defer loaded view without container information');
+            }
+        }
+        else if (resourceType === PAGE) {
+            // Rendering defer loaded tabs in case/ page context
+            getPConnect()
+                .getActionsApi()
+                .loadView(encodeURI(loadViewCaseID), name, getViewOptions())
+                .then(data => {
+                onResponse(data);
+            });
+        }
+        else {
+            getPConnect()
+                .getActionsApi()
+                .refreshCaseView(encodeURI(loadViewCaseID), name)
+                .then(data => {
+                onResponse(data.root);
+            });
+        }
+    }, [name, getPConnect, currentLoadedAssignment]);
+    /* 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))));
+    }
+    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)));
+    }
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,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;AAIrE,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,KAAK;IACrC,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,CAAE,KAAK,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACnG,IAAI,sBAAsB,KAAK,uBAAuB,EAAG;QACvD,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,GAClB,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/F,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,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,OAAO;QAC1E,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,CAC/C,wBAAwB,EACxB,UAAU,EACV,aAAa,CACd,CAAC;gBAEF,WAAW,EAAE;qBACV,aAAa,EAAE;qBACf,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,qBAAqB,EAAE;oBAClD,eAAe,EAAE,IAAI;oBACrB,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,CAAC;iBAChD,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,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE;YACnD,oBAAC,GAAG,IAAC,SAAS,EAAC,QAAQ;gBACrB,oBAAC,gBAAgB,OAAG,CAChB,CACF,CACP,CAAC;KACH;SAAM;QACL,gBAAgB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAC1B,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,oBAAC,KAAK,CAAC,QAAQ,QAAE,OAAO,CAAkB,CACtC,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,EAAE,EAAC,WAAW,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1C,oBAAC,KAAK,CAAC,QAAQ,QAAE,OAAO,CAAkB,CACrC,CACR,CAAC;KACH;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED,SAAS,CAAC,YAAY,GAAG;IACvB,gBAAgB,EAAE,KAAK;CACxB,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,gBAAgB,EAAE,SAAS,CAAC,IAAI;IAChC,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAC","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"]}

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

@@ -0,0 +1,2 @@
+export { default } from './DeferLoad';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from './DeferLoad';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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';"]}

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

@@ -0,0 +1,15 @@
+/// <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;
+    };
+}
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAS,aAAa,CAAC,KAAK,KAAA,sBAoF3B;kBApFQ,aAAa;;;;;;;;;;AA+FtB,eAAe,aAAa,CAAC"}