@pega/react-sdk-components 8.23.11 → 23.1.11

package/lib/components/infra/Containers/ModalViewContainer/ModalViewContainer.js

@@ -1,38 +1,72 @@
-import React, { useEffect, useRef, useState, createElement } from 'react';
-import PropTypes from 'prop-types';
-import isEqual from 'fast-deep-equal';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createElement, useEffect, useRef, useState } from 'react';
 import Dialog from '@material-ui/core/Dialog';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogTitle from '@material-ui/core/DialogTitle';
 import { makeStyles } from '@material-ui/core/styles';
+import { MuiPickersUtilsProvider } from '@material-ui/pickers';
+import DayjsUtils from '@date-io/dayjs';
+import difference from 'lodash.difference';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 // Need to get correct implementation from component map for Assignment and CancelAlert
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 import { getBanners } from '../../../helpers/case-utils';
-import { isEmptyObject } from '../../../helpers/common-utils';
+function isOpenModalAction(prevModalCollection, currentModalList) {
+    return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length < currentModalList.length : false;
+}
+function isUpdateModalAction(prevModalCollection, currentModalList) {
+    return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length === currentModalList.length : false;
+}
+function isCloseModalAction(prevModalCollection, currentModalList) {
+    return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length > currentModalList.length : false;
+}
 function buildName(pConnect, name = '') {
     const context = pConnect.getContextName();
     return `${context}/${name}`;
 }
-function getKeyAndLatestItem(routinginfo, pConn) {
+function getKeyAndLatestItem(routinginfo, pConn, options) {
     const containerName = pConn.getContainerName();
+    const { acTertiary = false } = options || {};
     if (PCore.getContainerUtils().hasContainerItems(buildName(pConn, containerName))) {
         const { accessedOrder, items } = routinginfo;
-        const key = accessedOrder[accessedOrder.length - 1];
+        let key;
+        // eslint-disable-next-line no-plusplus
+        for (let i = accessedOrder.length - 1; i >= 0; i--) {
+            const tempkey = accessedOrder[i];
+            if ((acTertiary && items[tempkey].acTertiary) || (!acTertiary && !items[tempkey].acTertiary)) {
+                key = tempkey;
+                break;
+            }
+        }
         const latestItem = items[key];
         return { key, latestItem };
     }
     return {};
 }
-function getConfigObject(item, pConnect) {
+function getConfigObject(item, pConnect, isReverseCoexistence = false) {
+    let config;
+    if (isReverseCoexistence) {
+        config = {
+            options: {
+                pageReference: pConnect?.getPageReference(),
+                hasForm: true,
+                containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL
+            }
+        };
+        return PCore.createPConnect(config);
+    }
     if (item) {
-        const { context, view } = item;
-        const config = {
+        const { context, view, isBulkAction } = item;
+        const target = PCore.getContainerUtils().getTargetFromContainerItemID(context);
+        config = {
             meta: view,
             options: {
                 context,
                 pageReference: view.config.context || pConnect.getPageReference(),
-                hasForm: true
+                hasForm: true,
+                ...(isBulkAction && { isBulkAction }),
+                containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL,
+                target
             }
         };
         return PCore.createPConnect(config);
@@ -45,213 +79,186 @@ const useStyles = makeStyles(theme => ({
         marginRight: theme.spacing(2),
         marginTop: theme.spacing(2),
         marginBottom: theme.spacing(0)
-        // paddingLeft: theme.spacing(0),
-        // paddingRight: theme.spacing(0),
-        // paddingTop: theme.spacing(0),
-        // paddingBottom: theme.spacing(0),
     },
     dlgContent: {
         marginLeft: theme.spacing(2),
         marginRight: theme.spacing(2),
         marginTop: theme.spacing(0),
         marginBottom: theme.spacing(2)
-        // paddingLeft: theme.spacing(0),
-        // paddingRight: theme.spacing(0),
-        // paddingTop: theme.spacing(0),
-        // paddingBottom: theme.spacing(0),
     }
 }));
-const ModalViewContainer = props => {
+export default function ModalViewContainer(props) {
     // Get the proper implementation (local or Pega-provided) for these components that are emitted below
-    const Assignment = getComponentFromMap("Assignment");
-    const CancelAlert = getComponentFromMap("CancelAlert");
+    const Assignment = getComponentFromMap('Assignment');
+    const CancelAlert = getComponentFromMap('CancelAlert');
+    const ListViewActionButtons = getComponentFromMap('ListViewActionButtons');
     const classes = useStyles();
+    const modalCollection = useRef({});
     const routingInfoRef = useRef({});
-    const { getPConnect, routingInfo, loadingInfo, pageMessages } = props;
+    const { getPConnect, routingInfo = null, pageMessages = [] } = props;
     const pConn = getPConnect();
+    const { acTertiary } = pConn.getConfigProps();
     const { CONTAINER_TYPE: { MULTIPLE }, PUB_SUB_EVENTS: { EVENT_SHOW_CANCEL_ALERT } } = PCore.getConstants();
-    const { subscribe } = PCore.getPubSubUtils();
+    const { subscribe, unsubscribe } = PCore.getPubSubUtils();
     const [bShowModal, setShowModal] = useState(false);
-    const [bSubscribed, setSubscribed] = useState(false);
     const [bShowCancelAlert, setShowCancelAlert] = useState(false);
-    const [oCaseInfo, setOCaseInfo] = useState({});
     const [createdView, setCreatedView] = useState(null);
     const [title, setTitle] = useState('');
     const [arNewChildrenAsReact, setArNewChildrenAsReact] = useState([]);
     const [itemKey, setItemKey] = useState('');
-    const [cancelPConn, setCancelPConn] = useState(null);
+    const [cancelAlertProps, setCancelAlertProps] = useState({});
+    const [isMultiRecordData, setMultiRecordData] = useState(false);
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const localeCategory = 'Data Object';
+    const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';
     function showAlert(payload) {
-        const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);
-        const { isModalAction } = payload;
+        const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn, { acTertiary });
+        const isReverseCoexistence = PCore.getCoexistenceManager().getBroadcastUtils().isReverseCoexistenceCaseLoaded();
+        const { isModalAction, hideDelete, isDataObject, skipReleaseLockRequest } = payload;
         /*
           If we are in create stage full page mode, created a new case and trying to click on cancel button
           it will show two alert dialogs which is not expected. Hence isModalAction flag to avoid that.
         */
         if (latestItem && isModalAction) {
-            const configObject = getConfigObject(latestItem, pConn);
-            setCancelPConn(configObject.getPConnect());
+            const configObject = getConfigObject(latestItem, pConn, isReverseCoexistence);
+            const contextName = configObject?.getPConnect().getContextName();
+            setCancelAlertProps({
+                heading: 'Discard unsaved changes?',
+                content: 'You have unsaved changes. You can discard them or go back to keep working.',
+                getPConnect: configObject?.getPConnect,
+                itemKey: contextName,
+                hideDelete,
+                isDataObject,
+                skipReleaseLockRequest
+            });
             setShowCancelAlert(true);
         }
     }
-    function compareCaseInfoIsDifferent(oCurrentCaseInfo) {
-        let bRet = false;
-        // fast-deep-equal version
-        if (isEqual !== undefined) {
-            bRet = !isEqual(oCaseInfo, oCurrentCaseInfo);
-        }
-        else {
-            const sCurrentCaseInfo = JSON.stringify(oCurrentCaseInfo);
-            const sOldCaseInfo = JSON.stringify(oCaseInfo);
-            // stringify compare version
-            if (sCurrentCaseInfo !== sOldCaseInfo) {
-                bRet = true;
-            }
-        }
-        // if different, save off new case info
-        if (bRet) {
-            setOCaseInfo(JSON.parse(JSON.stringify(oCurrentCaseInfo)));
+    function handleModalOpen(key) {
+        modalCollection.current = {
+            ...modalCollection.current,
+            [key]: {}
+        };
+    }
+    function handleModalClose(accessedOrder) {
+        const tempModalCollection = modalCollection.current;
+        const [closedModalKey] = difference(Object.keys(tempModalCollection), accessedOrder);
+        if (closedModalKey && tempModalCollection[closedModalKey]) {
+            const modifiedModalCollection = { ...tempModalCollection };
+            delete modifiedModalCollection[closedModalKey];
+            modalCollection.current = modifiedModalCollection;
+            setShowModal(false);
         }
-        return bRet;
     }
-    const updateAlertState = modalFlag => {
+    const dismissCancelAlert = dismissAllModals => {
         setShowCancelAlert(false);
-        setShowModal(modalFlag);
+        if (dismissAllModals) {
+            setShowModal(false);
+        }
     };
+    function getModalHeading(dataObjectAction) {
+        return dataObjectAction === PCore.getConstants().RESOURCE_STATUS.CREATE
+            ? localizedVal('Add Record', localeCategory)
+            : localizedVal('Edit Record', localeCategory);
+    }
+    function determineModalHeaderByAction(actionName, caseTypeName, ID, caseLocaleRef) {
+        if (actionName) {
+            return localizedVal(actionName, localeCategory);
+        }
+        return `${localizedVal('Create', localeCategory)} ${localizedVal(caseTypeName, undefined, caseLocaleRef)} (${ID})`;
+    }
     useEffect(() => {
         // Establish the necessary containers
         const containerMgr = pConn.getContainerManager();
         containerMgr.initializeContainers({ type: MULTIPLE });
     }, [MULTIPLE, pConn]);
     useEffect(() => {
-        // Update routingInfoRef.current whenever routingInfo changes
+        // Persisting routing information between the renders in showAlert
         routingInfoRef.current = routingInfo;
-    }, [routingInfo]);
+    });
     useEffect(() => {
-        if (routingInfoRef.current && !loadingInfo) {
-            const currentOrder = routingInfo.accessedOrder;
-            if (undefined === currentOrder) {
-                return;
-            }
-            const currentItems = routingInfo.items;
-            const { key, latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);
-            // console.log(`ModalViewContainer: key: ${key} latestItem: ${JSON.stringify(latestItem)}`);
-            if (currentOrder.length > 0) {
-                if (currentItems[key] &&
-                    currentItems[key].view &&
-                    !isEmptyObject(currentItems[key].view)) {
-                    const currentItem = currentItems[key];
-                    const rootView = currentItem.view;
-                    const { context } = rootView.config;
-                    const config = { meta: rootView };
-                    config['options'] = {
-                        context: currentItem.context,
-                        hasForm: true,
-                        pageReference: context || pConn.getPageReference()
-                    };
-                    if (!bSubscribed) {
-                        setSubscribed(true);
-                        subscribe(EVENT_SHOW_CANCEL_ALERT, showAlert, EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */);
-                    }
-                    const configObject = PCore.createPConnect(config);
-                    // THIS is where the ViewContainer creates a View
-                    //    The config has meta.config.type = "view"
-                    const newComp = configObject.getPConnect();
-                    // const newCompName = newComp.getComponentName();
-                    const caseInfo = newComp && newComp.getDataObject() && newComp.getDataObject().caseInfo
-                        ? newComp.getDataObject().caseInfo
-                        : null;
-                    // console.log(`ModalViewContainer just created newComp: ${newCompName}`);
-                    // The metadata for pyDetails changed such that the "template": "CaseView"
-                    //  is no longer a child of the created View but is in the created View's
-                    //  config. So, we DON'T want to replace this.pConn$ since the created
-                    //  component is a View (and not a ViewContainer). We now look for the
-                    //  "template" type directly in the created component (newComp) and NOT
-                    //  as a child of the newly created component.
-                    // console.log(`---> ModalViewContainer created new ${newCompName}`);
-                    // Use the newly created component (View) info but DO NOT replace
-                    //  this ModalViewContainer's pConn$, etc.
-                    //  Note that we're now using the newly created View's PConnect in the
-                    //  ViewContainer HTML template to guide what's rendered similar to what
-                    //  the React return of React.Fragment does
-                    // right now need to check caseInfo for changes, to trigger redraw, not getting
-                    // changes from angularPconnect except for first draw
-                    if (newComp && caseInfo && compareCaseInfoIsDifferent(caseInfo)) {
-                        setCreatedView(configObject);
-                        const { actionName } = latestItem;
-                        const theNewCaseInfo = newComp.getCaseInfo();
-                        const caseName = theNewCaseInfo.getName();
-                        const ID = theNewCaseInfo.getID();
-                        setTitle(actionName || `${localizedVal('New', localeCategory)} ${caseName} (${ID})`);
-                        let arChildrenAsReact = [];
-                        if (newComp.getComponentName() === 'reference') {
-                            // Reference component doesn't have children. It can build the View we want.
-                            //  The Reference component getPConnect is in configObject
-                            arChildrenAsReact.push(createElement(createPConnectComponent(), {
-                                ...configObject,
-                                key: `${caseName}-${ID}`
-                            }));
-                        }
-                        else {
-                            // This is the 8.6 implementation. Leaving it in for reference for now.
-                            // And create a similar array of the children as React components
-                            //  passed to Assignment component when rendered
-                            arChildrenAsReact = newComp.getChildren().map(child => {
-                                // Use Case Summary ID as the React element's key
-                                const caseSummaryID = child.getPConnect().getCaseSummary().ID;
-                                return createElement(createPConnectComponent(), { ...child, key: caseSummaryID });
-                            });
-                        }
-                        if (arChildrenAsReact.length > 0)
-                            setArNewChildrenAsReact(arChildrenAsReact);
-                        setShowModal(true);
-                        // save off itemKey to be used for finishAssignment, etc.
-                        setItemKey(key);
-                    }
+        subscribe(EVENT_SHOW_CANCEL_ALERT, showAlert, EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */);
+        subscribe(ERROR_WHILE_RENDERING, error => {
+            // setError(true);
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }, `${ERROR_WHILE_RENDERING}-mc-${getPConnect().getContextName()}`, false, getPConnect().getContextName());
+        // Unsubscribe on component unmount
+        return () => {
+            unsubscribe(EVENT_SHOW_CANCEL_ALERT, EVENT_SHOW_CANCEL_ALERT /* Should be same unique string passed during subscription */);
+        };
+    });
+    useEffect(() => {
+        if (routingInfo) {
+            const { accessedOrder, type } = routingInfo;
+            const { key, latestItem } = getKeyAndLatestItem(routingInfo, pConn, { acTertiary });
+            if (latestItem &&
+                type === MULTIPLE &&
+                (isOpenModalAction(modalCollection.current, accessedOrder) || isUpdateModalAction(modalCollection.current, accessedOrder))) {
+                const { actionName } = latestItem;
+                // const { isDockable = false } = latestItem?.modalOptions || {};
+                const configObject = getConfigObject(latestItem, null, false);
+                const pConnect = configObject.getPConnect();
+                const caseInfo = pConnect.getCaseInfo();
+                const caseName = caseInfo.getName();
+                const caseTypeName = caseInfo.getCaseTypeName();
+                const ID = caseInfo.getBusinessID() || caseInfo.getID();
+                const isDataObject = routingInfo.items[latestItem.context].resourceType === PCore.getConstants().RESOURCE_TYPES.DATA;
+                const dataObjectAction = routingInfo.items[latestItem.context].resourceStatus;
+                const isMultiRecord = routingInfo.items[latestItem.context].isMultiRecordData;
+                const headingValue = isDataObject || isMultiRecord
+                    ? getModalHeading(dataObjectAction)
+                    : determineModalHeaderByAction(actionName, caseTypeName, ID, `${caseInfo?.getClassName()}!CASE!${caseInfo.getName()}`.toUpperCase());
+                let arChildrenAsReact = [];
+                if (pConnect.getComponentName() === 'reference') {
+                    // Reference component doesn't have children. It can build the View we want.
+                    // The Reference component getPConnect is in configObject
+                    arChildrenAsReact.push(createElement(createPConnectComponent(), {
+                        ...configObject,
+                        key: `${caseName}-${ID}`
+                    }));
                 }
-            }
-            else {
-                if (bShowModal) {
-                    setShowModal(false);
+                else {
+                    // This is the 8.6 implementation. Leaving it in for reference for now.
+                    // And create a similar array of the children as React components
+                    // passed to Assignment component when rendered
+                    arChildrenAsReact = pConnect.getChildren().map((child) => {
+                        // Use Case Summary ID as the React element's key
+                        const caseSummaryID = child.getPConnect().getCaseSummary().ID;
+                        return createElement(createPConnectComponent(), {
+                            ...child,
+                            key: caseSummaryID
+                        });
+                    });
                 }
-                if (!isEmptyObject(oCaseInfo)) {
-                    setOCaseInfo({});
+                if (arChildrenAsReact.length > 0)
+                    setArNewChildrenAsReact(arChildrenAsReact);
+                setMultiRecordData(isMultiRecord);
+                setTitle(headingValue);
+                setCreatedView({ configObject, latestItem });
+                setItemKey(key);
+                setShowModal(true);
+                // Update modal use case which happens when assignment in submitted in modal.
+                if (isUpdateModalAction(modalCollection.current, accessedOrder)) {
+                    // handleModalUpdate(key);
                 }
+                else if (isOpenModalAction(modalCollection.current, accessedOrder)) {
+                    // New modal open scenario
+                    handleModalOpen(key);
+                }
+            }
+            else if (isCloseModalAction(modalCollection.current, accessedOrder)) {
+                handleModalClose(accessedOrder);
             }
         }
-    });
-    // function placeholderModalClose() {
-    //   // Intentionally a no-op. Similar behavior in other SDKs.
-    //   //  Does NOT close the window. This forces the user to use
-    //   //  the cancel or submit button to close the modal (which, in turn, gets the right
-    //   //  Constellation code to run to clean up the containers, data, etc.)
-    //   // console.log(`ModalViewContainer: placeholderModalClose setting bShowModal to false`)    setShowModal(false);
-    // }
-    // if (bShowModal) {
-    //   console.log(`ModalViewContainer about to show modal with`);
-    //   console.log(`--> createdView: ${createdView} createdView.getPConnect: ${typeof createdView.getPConnect}`);
-    //   console.log(`--> itemKey: ${itemKey}`);
-    //   console.log(`--> arNewChildrenAsReact: ${JSON.stringify(arNewChildrenAsReact)}`);
-    // }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Dialog, { open: bShowModal, "aria-labelledby": 'form-dialog-title' },
-            React.createElement(DialogTitle, { id: 'form-dialog-title', className: classes.dlgTitle }, title),
-            React.createElement(DialogContent, { className: classes.dlgContent }, bShowModal ? (React.createElement(Assignment, { getPConnect: createdView.getPConnect, itemKey: itemKey, isInModal: true, banners: getBanners({
-                    target: itemKey,
-                    pageMessages
-                }) }, arNewChildrenAsReact)) : (React.createElement(React.Fragment, null)))),
-        bShowCancelAlert && (React.createElement(CancelAlert, { pConn: cancelPConn, showAlert: bShowCancelAlert, updateAlertState: updateAlertState }))));
-};
-export default ModalViewContainer;
-ModalViewContainer.defaultProps = {
-    getPConnect: null,
-    loadingInfo: false,
-    routingInfo: null
-};
-ModalViewContainer.propTypes = {
-    getPConnect: PropTypes.func,
-    loadingInfo: PropTypes.bool,
-    routingInfo: PropTypes.objectOf(PropTypes.any)
-};
+    }, [routingInfo]);
+    function closeActionsDialog() {
+        // actionsDialog.current = true;
+        setShowModal(false);
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: bShowModal, "aria-labelledby": 'form-dialog-title', children: [_jsx(DialogTitle, { id: 'form-dialog-title', className: `${classes.dlgTitle} psdk-dialog-title`, children: title }), _jsx(DialogContent, { className: `${classes.dlgContent} psdk-dialog-content`, children: bShowModal ? (_jsx(MuiPickersUtilsProvider, { utils: DayjsUtils, children: _jsx(Assignment, { getPConnect: createdView.configObject.getPConnect, itemKey: itemKey, isInModal: true, banners: getBanners({
+                                    target: itemKey,
+                                    pageMessages
+                                }), children: arNewChildrenAsReact }) })) : null }), isMultiRecordData && (_jsx(ListViewActionButtons, { getPConnect: createdView.configObject.getPConnect, context: createdView.latestItem.context, closeActionsDialog: closeActionsDialog }))] }), bShowCancelAlert && _jsx(CancelAlert, { ...cancelAlertProps, dismiss: dismissCancelAlert })] }));
+}
 //# sourceMappingURL=ModalViewContainer.js.map

package/lib/components/infra/Containers/ModalViewContainer/ModalViewContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ModalViewContainer/ModalViewContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState, createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'fast-deep-equal';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { makeStyles } from '@material-ui/core/styles';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\n// Need to get correct implementation from component map for Assignment and CancelAlert\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { getBanners } from '../../../helpers/case-utils';\nimport { isEmptyObject } from '../../../helpers/common-utils';\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 8 errors)\ndeclare const PCore: any;\n\n\nfunction buildName(pConnect, name = '') {\n  const context = pConnect.getContextName();\n  return `${context}/${name}`;\n}\n\nfunction getKeyAndLatestItem(routinginfo, pConn) {\n  const containerName = pConn.getContainerName();\n  if (PCore.getContainerUtils().hasContainerItems(buildName(pConn, containerName))) {\n    const { accessedOrder, items } = routinginfo;\n    const key = accessedOrder[accessedOrder.length - 1];\n    const latestItem = items[key];\n    return { key, latestItem };\n  }\n  return {};\n}\n\nfunction getConfigObject(item, pConnect) {\n  if (item) {\n    const { context, view } = item;\n    const config = {\n      meta: view,\n      options: {\n        context,\n        pageReference: view.config.context || pConnect.getPageReference(),\n        hasForm: true\n      }\n    };\n    return PCore.createPConnect(config);\n  }\n  return null;\n}\n\nconst useStyles = makeStyles(theme => ({\n  dlgTitle: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(0)\n    // paddingLeft: theme.spacing(0),\n    // paddingRight: theme.spacing(0),\n    // paddingTop: theme.spacing(0),\n    // paddingBottom: theme.spacing(0),\n  },\n  dlgContent: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(0),\n    marginBottom: theme.spacing(2)\n    // paddingLeft: theme.spacing(0),\n    // paddingRight: theme.spacing(0),\n    // paddingTop: theme.spacing(0),\n    // paddingBottom: theme.spacing(0),\n  }\n}));\n\nconst ModalViewContainer = props => {\n  // Get the proper implementation (local or Pega-provided) for these components that are emitted below\n  const Assignment = getComponentFromMap(\"Assignment\");\n  const CancelAlert = getComponentFromMap(\"CancelAlert\");\n\n  const classes = useStyles();\n\n  const routingInfoRef = useRef({});\n  const { getPConnect, routingInfo, loadingInfo, pageMessages } = props;\n  const pConn = getPConnect();\n  const {\n    CONTAINER_TYPE: { MULTIPLE },\n    PUB_SUB_EVENTS: { EVENT_SHOW_CANCEL_ALERT }\n  } = PCore.getConstants();\n  const { subscribe } = PCore.getPubSubUtils();\n  const [bShowModal, setShowModal] = useState(false);\n  const [bSubscribed, setSubscribed] = useState(false);\n  const [bShowCancelAlert, setShowCancelAlert] = useState(false);\n  const [oCaseInfo, setOCaseInfo] = useState({});\n  const [createdView, setCreatedView] = useState<any>(null);\n  const [title, setTitle] = useState('');\n  const [arNewChildrenAsReact, setArNewChildrenAsReact] = useState<Array<any>>([]);\n  const [itemKey, setItemKey] = useState('');\n  const [cancelPConn, setCancelPConn] = useState(null);\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Data Object';\n\n\n  function showAlert(payload) {\n    const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);\n    const { isModalAction } = payload;\n\n    /*\n      If we are in create stage full page mode, created a new case and trying to click on cancel button\n      it will show two alert dialogs which is not expected. Hence isModalAction flag to avoid that.\n    */\n    if (latestItem && isModalAction) {\n      const configObject = getConfigObject(latestItem, pConn);\n      setCancelPConn(configObject.getPConnect());\n      setShowCancelAlert(true);\n    }\n  }\n\n  function compareCaseInfoIsDifferent(oCurrentCaseInfo: Object): boolean {\n    let bRet = false;\n\n    // fast-deep-equal version\n    if (isEqual !== undefined) {\n      bRet = !isEqual(oCaseInfo, oCurrentCaseInfo);\n    } else {\n      const sCurrentCaseInfo = JSON.stringify(oCurrentCaseInfo);\n      const sOldCaseInfo = JSON.stringify(oCaseInfo);\n      // stringify compare version\n      if (sCurrentCaseInfo !== sOldCaseInfo) {\n        bRet = true;\n      }\n    }\n\n    // if different, save off new case info\n    if (bRet) {\n      setOCaseInfo(JSON.parse(JSON.stringify(oCurrentCaseInfo)));\n    }\n\n    return bRet;\n  }\n\n  const updateAlertState = modalFlag => {\n    setShowCancelAlert(false);\n    setShowModal(modalFlag);\n  };\n\n  useEffect(() => {\n    // Establish the necessary containers\n    const containerMgr = pConn.getContainerManager();\n    containerMgr.initializeContainers({ type: MULTIPLE });\n  }, [MULTIPLE, pConn]);\n\n  useEffect(() => {\n    // Update routingInfoRef.current whenever routingInfo changes\n    routingInfoRef.current = routingInfo;\n  }, [routingInfo]);\n\n  useEffect(() => {\n    if (routingInfoRef.current && !loadingInfo) {\n      const currentOrder = routingInfo.accessedOrder;\n\n      if (undefined === currentOrder) {\n        return;\n      }\n\n      const currentItems = routingInfo.items;\n\n      const { key, latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);\n\n      // console.log(`ModalViewContainer: key: ${key} latestItem: ${JSON.stringify(latestItem)}`);\n\n      if (currentOrder.length > 0) {\n        if (\n          currentItems[key] &&\n          currentItems[key].view &&\n          !isEmptyObject(currentItems[key].view)\n        ) {\n          const currentItem = currentItems[key];\n          const rootView = currentItem.view;\n          const { context } = rootView.config;\n          const config = { meta: rootView };\n          config['options'] = {\n            context: currentItem.context,\n            hasForm: true,\n            pageReference: context || pConn.getPageReference()\n          };\n\n          if (!bSubscribed) {\n            setSubscribed(true);\n            subscribe(\n              EVENT_SHOW_CANCEL_ALERT,\n              showAlert,\n              EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */\n            );\n          }\n\n          const configObject = PCore.createPConnect(config);\n\n          // THIS is where the ViewContainer creates a View\n          //    The config has meta.config.type = \"view\"\n          const newComp = configObject.getPConnect();\n          // const newCompName = newComp.getComponentName();\n          const caseInfo =\n            newComp && newComp.getDataObject() && newComp.getDataObject().caseInfo\n              ? newComp.getDataObject().caseInfo\n              : null;\n\n          // console.log(`ModalViewContainer just created newComp: ${newCompName}`);\n\n          // The metadata for pyDetails changed such that the \"template\": \"CaseView\"\n          //  is no longer a child of the created View but is in the created View's\n          //  config. So, we DON'T want to replace this.pConn$ since the created\n          //  component is a View (and not a ViewContainer). We now look for the\n          //  \"template\" type directly in the created component (newComp) and NOT\n          //  as a child of the newly created component.\n          // console.log(`---> ModalViewContainer created new ${newCompName}`);\n\n          // Use the newly created component (View) info but DO NOT replace\n          //  this ModalViewContainer's pConn$, etc.\n          //  Note that we're now using the newly created View's PConnect in the\n          //  ViewContainer HTML template to guide what's rendered similar to what\n          //  the React return of React.Fragment does\n\n          // right now need to check caseInfo for changes, to trigger redraw, not getting\n          // changes from angularPconnect except for first draw\n          if (newComp && caseInfo && compareCaseInfoIsDifferent(caseInfo)) {\n            setCreatedView(configObject);\n\n            const { actionName } = latestItem;\n            const theNewCaseInfo = newComp.getCaseInfo();\n            const caseName = theNewCaseInfo.getName();\n            const ID = theNewCaseInfo.getID();\n\n            setTitle(actionName || `${localizedVal('New', localeCategory)} ${caseName} (${ID})`);\n\n            let arChildrenAsReact: Array<any> = [];\n\n            if (newComp.getComponentName() === 'reference') {\n              // Reference component doesn't have children. It can build the View we want.\n              //  The Reference component getPConnect is in configObject\n\n              arChildrenAsReact.push(\n                createElement(createPConnectComponent(), {\n                  ...configObject,\n                  key: `${caseName}-${ID}`\n                })\n              );\n            } else {\n              // This is the 8.6 implementation. Leaving it in for reference for now.\n              // And create a similar array of the children as React components\n              //  passed to Assignment component when rendered\n              arChildrenAsReact = newComp.getChildren().map(child => {\n                // Use Case Summary ID as the React element's key\n                const caseSummaryID = child.getPConnect().getCaseSummary().ID;\n                return createElement(createPConnectComponent(), { ...child, key: caseSummaryID });\n              });\n            }\n\n            if (arChildrenAsReact.length > 0) setArNewChildrenAsReact(arChildrenAsReact);\n\n            setShowModal(true);\n\n            // save off itemKey to be used for finishAssignment, etc.\n            setItemKey(key);\n          }\n        }\n      } else {\n        if (bShowModal) {\n          setShowModal(false);\n        }\n        if (!isEmptyObject(oCaseInfo)) {\n          setOCaseInfo({});\n        }\n      }\n    }\n  });\n\n  // function placeholderModalClose() {\n  //   // Intentionally a no-op. Similar behavior in other SDKs.\n  //   //  Does NOT close the window. This forces the user to use\n  //   //  the cancel or submit button to close the modal (which, in turn, gets the right\n  //   //  Constellation code to run to clean up the containers, data, etc.)\n\n  //   // console.log(`ModalViewContainer: placeholderModalClose setting bShowModal to false`)    setShowModal(false);\n  // }\n\n  // if (bShowModal) {\n  //   console.log(`ModalViewContainer about to show modal with`);\n  //   console.log(`--> createdView: ${createdView} createdView.getPConnect: ${typeof createdView.getPConnect}`);\n  //   console.log(`--> itemKey: ${itemKey}`);\n  //   console.log(`--> arNewChildrenAsReact: ${JSON.stringify(arNewChildrenAsReact)}`);\n  // }\n\n  return (\n    <>\n      <Dialog open={bShowModal} aria-labelledby='form-dialog-title'>\n        <DialogTitle id='form-dialog-title' className={classes.dlgTitle}>\n          {title}\n        </DialogTitle>\n        <DialogContent className={classes.dlgContent}>\n          {bShowModal ? (\n            <Assignment\n              getPConnect={createdView.getPConnect}\n              itemKey={itemKey}\n              isInModal\n              banners={getBanners({\n                target: itemKey,\n                pageMessages\n              })}\n            >\n              {arNewChildrenAsReact}\n            </Assignment>\n          ) : (\n            <></>\n          )}\n        </DialogContent>\n      </Dialog>\n      {bShowCancelAlert && (\n        <CancelAlert\n          pConn={cancelPConn}\n          showAlert={bShowCancelAlert}\n          updateAlertState={updateAlertState}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ModalViewContainer;\n\nModalViewContainer.defaultProps = {\n  getPConnect: null,\n  loadingInfo: false,\n  routingInfo: null\n};\n\nModalViewContainer.propTypes = {\n  getPConnect: PropTypes.func,\n  loadingInfo: PropTypes.bool,\n  routingInfo: PropTypes.objectOf(PropTypes.any)\n};\n"]}
+{"version":3,"file":"ModalViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ModalViewContainer/ModalViewContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement, useEffect, useRef, useState } from 'react';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport DayjsUtils from '@date-io/dayjs';\nimport difference from 'lodash.difference';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\n// Need to get correct implementation from component map for Assignment and CancelAlert\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { getBanners } from '../../../helpers/case-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface ModalViewContainerProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  loadingInfo?: string;\n  routingInfo?: any;\n  pageMessages?: string[];\n}\n\nfunction isOpenModalAction(prevModalCollection, currentModalList) {\n  return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length < currentModalList.length : false;\n}\n\nfunction isUpdateModalAction(prevModalCollection, currentModalList) {\n  return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length === currentModalList.length : false;\n}\n\nfunction isCloseModalAction(prevModalCollection, currentModalList) {\n  return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length > currentModalList.length : false;\n}\n\nfunction buildName(pConnect, name = '') {\n  const context = pConnect.getContextName();\n  return `${context}/${name}`;\n}\n\nfunction getKeyAndLatestItem(routinginfo, pConn, options) {\n  const containerName = pConn.getContainerName();\n  const { acTertiary = false } = options || {};\n  if (PCore.getContainerUtils().hasContainerItems(buildName(pConn, containerName))) {\n    const { accessedOrder, items } = routinginfo;\n    let key;\n    // eslint-disable-next-line no-plusplus\n    for (let i = accessedOrder.length - 1; i >= 0; i--) {\n      const tempkey = accessedOrder[i];\n      if ((acTertiary && items[tempkey].acTertiary) || (!acTertiary && !items[tempkey].acTertiary)) {\n        key = tempkey;\n        break;\n      }\n    }\n    const latestItem = items[key];\n    return { key, latestItem };\n  }\n  return {};\n}\n\nfunction getConfigObject(item, pConnect, isReverseCoexistence = false) {\n  let config;\n  if (isReverseCoexistence) {\n    config = {\n      options: {\n        pageReference: pConnect?.getPageReference(),\n        hasForm: true,\n        containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL\n      }\n    };\n    return PCore.createPConnect(config);\n  }\n  if (item) {\n    const { context, view, isBulkAction } = item;\n    const target = PCore.getContainerUtils().getTargetFromContainerItemID(context);\n    config = {\n      meta: view,\n      options: {\n        context,\n        pageReference: view.config.context || pConnect.getPageReference(),\n        hasForm: true,\n        ...(isBulkAction && { isBulkAction }),\n        containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL,\n        target\n      }\n    };\n    return PCore.createPConnect(config);\n  }\n  return null;\n}\n\nconst useStyles = makeStyles(theme => ({\n  dlgTitle: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(0)\n  },\n  dlgContent: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(0),\n    marginBottom: theme.spacing(2)\n  }\n}));\n\nexport default function ModalViewContainer(props: ModalViewContainerProps) {\n  // Get the proper implementation (local or Pega-provided) for these components that are emitted below\n  const Assignment = getComponentFromMap('Assignment');\n  const CancelAlert = getComponentFromMap('CancelAlert');\n  const ListViewActionButtons = getComponentFromMap('ListViewActionButtons');\n\n  const classes = useStyles();\n\n  const modalCollection = useRef({});\n  const routingInfoRef = useRef({});\n  const { getPConnect, routingInfo = null, pageMessages = [] } = props;\n  const pConn = getPConnect();\n  const { acTertiary } = pConn.getConfigProps() as any;\n  const {\n    CONTAINER_TYPE: { MULTIPLE },\n    PUB_SUB_EVENTS: { EVENT_SHOW_CANCEL_ALERT }\n  } = PCore.getConstants();\n  const { subscribe, unsubscribe } = PCore.getPubSubUtils();\n  const [bShowModal, setShowModal] = useState(false);\n  const [bShowCancelAlert, setShowCancelAlert] = useState(false);\n  const [createdView, setCreatedView] = useState<any>(null);\n  const [title, setTitle] = useState('');\n  const [arNewChildrenAsReact, setArNewChildrenAsReact] = useState<any[]>([]);\n  const [itemKey, setItemKey] = useState('');\n  const [cancelAlertProps, setCancelAlertProps] = useState({});\n  const [isMultiRecordData, setMultiRecordData] = useState(false);\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Data Object';\n\n  const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';\n\n  function showAlert(payload) {\n    const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn, { acTertiary });\n    const isReverseCoexistence = (PCore.getCoexistenceManager().getBroadcastUtils() as any).isReverseCoexistenceCaseLoaded();\n    const { isModalAction, hideDelete, isDataObject, skipReleaseLockRequest } = payload;\n\n    /*\n      If we are in create stage full page mode, created a new case and trying to click on cancel button\n      it will show two alert dialogs which is not expected. Hence isModalAction flag to avoid that.\n    */\n    if (latestItem && isModalAction) {\n      const configObject = getConfigObject(latestItem, pConn, isReverseCoexistence);\n      const contextName = configObject?.getPConnect().getContextName();\n      setCancelAlertProps({\n        heading: 'Discard unsaved changes?',\n        content: 'You have unsaved changes. You can discard them or go back to keep working.',\n        getPConnect: configObject?.getPConnect,\n        itemKey: contextName,\n        hideDelete,\n        isDataObject,\n        skipReleaseLockRequest\n      });\n      setShowCancelAlert(true);\n    }\n  }\n\n  function handleModalOpen(key) {\n    modalCollection.current = {\n      ...modalCollection.current,\n      [key]: {}\n    };\n  }\n\n  function handleModalClose(accessedOrder) {\n    const tempModalCollection = modalCollection.current;\n    const [closedModalKey] = difference(Object.keys(tempModalCollection), accessedOrder);\n\n    if (closedModalKey && tempModalCollection[closedModalKey]) {\n      const modifiedModalCollection = { ...tempModalCollection };\n      delete modifiedModalCollection[closedModalKey];\n      modalCollection.current = modifiedModalCollection;\n      setShowModal(false);\n    }\n  }\n\n  const dismissCancelAlert = dismissAllModals => {\n    setShowCancelAlert(false);\n\n    if (dismissAllModals) {\n      setShowModal(false);\n    }\n  };\n\n  function getModalHeading(dataObjectAction) {\n    return dataObjectAction === PCore.getConstants().RESOURCE_STATUS.CREATE\n      ? localizedVal('Add Record', localeCategory)\n      : localizedVal('Edit Record', localeCategory);\n  }\n\n  function determineModalHeaderByAction(actionName, caseTypeName, ID, caseLocaleRef) {\n    if (actionName) {\n      return localizedVal(actionName, localeCategory);\n    }\n    return `${localizedVal('Create', localeCategory)} ${localizedVal(caseTypeName, undefined, caseLocaleRef)} (${ID})`;\n  }\n\n  useEffect(() => {\n    // Establish the necessary containers\n    const containerMgr = pConn.getContainerManager();\n    containerMgr.initializeContainers({ type: MULTIPLE });\n  }, [MULTIPLE, pConn]);\n\n  useEffect(() => {\n    // Persisting routing information between the renders in showAlert\n    routingInfoRef.current = routingInfo;\n  });\n\n  useEffect(() => {\n    subscribe(EVENT_SHOW_CANCEL_ALERT, showAlert, EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */);\n    subscribe(\n      ERROR_WHILE_RENDERING,\n      error => {\n        // setError(true);\n        // eslint-disable-next-line no-console\n        console.error(error);\n      },\n      `${ERROR_WHILE_RENDERING}-mc-${getPConnect().getContextName()}`,\n      false,\n      getPConnect().getContextName()\n    );\n\n    // Unsubscribe on component unmount\n    return () => {\n      unsubscribe(EVENT_SHOW_CANCEL_ALERT, EVENT_SHOW_CANCEL_ALERT /* Should be same unique string passed during subscription */);\n    };\n  });\n\n  useEffect(() => {\n    if (routingInfo) {\n      const { accessedOrder, type } = routingInfo;\n      const { key, latestItem } = getKeyAndLatestItem(routingInfo, pConn, { acTertiary });\n\n      if (\n        latestItem &&\n        type === MULTIPLE &&\n        (isOpenModalAction(modalCollection.current, accessedOrder) || isUpdateModalAction(modalCollection.current, accessedOrder))\n      ) {\n        const { actionName } = latestItem;\n        // const { isDockable = false } = latestItem?.modalOptions || {};\n        const configObject: any = getConfigObject(latestItem, null, false);\n        const pConnect = configObject.getPConnect();\n        const caseInfo: any = pConnect.getCaseInfo();\n        const caseName = caseInfo.getName();\n        const caseTypeName = caseInfo.getCaseTypeName();\n        const ID = caseInfo.getBusinessID() || caseInfo.getID();\n        const isDataObject = routingInfo.items[latestItem.context].resourceType === PCore.getConstants().RESOURCE_TYPES.DATA;\n        const dataObjectAction = routingInfo.items[latestItem.context].resourceStatus;\n        const isMultiRecord = routingInfo.items[latestItem.context].isMultiRecordData;\n        const headingValue =\n          isDataObject || isMultiRecord\n            ? getModalHeading(dataObjectAction)\n            : determineModalHeaderByAction(actionName, caseTypeName, ID, `${caseInfo?.getClassName()}!CASE!${caseInfo.getName()}`.toUpperCase());\n\n        let arChildrenAsReact: any[] = [];\n\n        if (pConnect.getComponentName() === 'reference') {\n          // Reference component doesn't have children. It can build the View we want.\n          // The Reference component getPConnect is in configObject\n\n          arChildrenAsReact.push(\n            createElement(createPConnectComponent(), {\n              ...configObject,\n              key: `${caseName}-${ID}`\n            })\n          );\n        } else {\n          // This is the 8.6 implementation. Leaving it in for reference for now.\n          // And create a similar array of the children as React components\n          // passed to Assignment component when rendered\n          arChildrenAsReact = (pConnect.getChildren() as []).map((child: any) => {\n            // Use Case Summary ID as the React element's key\n            const caseSummaryID = child.getPConnect().getCaseSummary().ID;\n            return createElement(createPConnectComponent(), {\n              ...child,\n              key: caseSummaryID\n            });\n          });\n        }\n\n        if (arChildrenAsReact.length > 0) setArNewChildrenAsReact(arChildrenAsReact);\n        setMultiRecordData(isMultiRecord);\n        setTitle(headingValue);\n        setCreatedView({ configObject, latestItem });\n        setItemKey(key);\n        setShowModal(true);\n\n        // Update modal use case which happens when assignment in submitted in modal.\n        if (isUpdateModalAction(modalCollection.current, accessedOrder)) {\n          // handleModalUpdate(key);\n        } else if (isOpenModalAction(modalCollection.current, accessedOrder)) {\n          // New modal open scenario\n          handleModalOpen(key);\n        }\n      } else if (isCloseModalAction(modalCollection.current, accessedOrder)) {\n        handleModalClose(accessedOrder);\n      }\n    }\n  }, [routingInfo]);\n\n  function closeActionsDialog() {\n    // actionsDialog.current = true;\n    setShowModal(false);\n  }\n\n  return (\n    <>\n      <Dialog open={bShowModal} aria-labelledby='form-dialog-title'>\n        <DialogTitle id='form-dialog-title' className={`${classes.dlgTitle} psdk-dialog-title`}>\n          {title}\n        </DialogTitle>\n        <DialogContent className={`${classes.dlgContent} psdk-dialog-content`}>\n          {bShowModal ? (\n            <MuiPickersUtilsProvider utils={DayjsUtils}>\n              <Assignment\n                getPConnect={createdView.configObject.getPConnect}\n                itemKey={itemKey}\n                isInModal\n                banners={getBanners({\n                  target: itemKey,\n                  pageMessages\n                })}\n              >\n                {arNewChildrenAsReact}\n              </Assignment>\n            </MuiPickersUtilsProvider>\n          ) : null}\n        </DialogContent>\n\n        {isMultiRecordData && (\n          <ListViewActionButtons\n            getPConnect={createdView.configObject.getPConnect}\n            context={createdView.latestItem.context}\n            closeActionsDialog={closeActionsDialog}\n          />\n        )}\n      </Dialog>\n      {bShowCancelAlert && <CancelAlert {...cancelAlertProps} dismiss={dismissCancelAlert} />}\n    </>\n  );\n}\n"]}

package/lib/components/infra/Containers/ModalViewContainer/index.js.map

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

package/lib/components/infra/Containers/SimpleView/SimpleView.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const SimpleViewContainer: (props: any) => import("react").CElement<{
+    getPConnect: () => import("@pega/pcore-pconnect-typedefs/interpreter/c11n-env").default;
+}, import("react").Component<{
+    getPConnect: () => import("@pega/pcore-pconnect-typedefs/interpreter/c11n-env").default;
+}, any, any>> | null;
+export declare const withSimpleViewContainerRenderer: (Component: any, options?: any) => (props: any) => JSX.Element;
+export default SimpleViewContainer;
+//# sourceMappingURL=SimpleView.d.ts.map

package/lib/components/infra/Containers/SimpleView/SimpleView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleView.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/SimpleView/SimpleView.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,mBAAmB;;;;oBAexB,CAAC;AAEF,eAAO,MAAM,+BAA+B,6BACrB,GAAG,gCAuBvB,CAAC;AAEJ,eAAe,mBAAmB,CAAC"}

package/lib/components/infra/Containers/SimpleView/SimpleView.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { getActiveContainerItemID, getActiveContainerRootViewElement, getPConnectOfActiveContainerItem, useContainerInitializer } from './helper';
+const SimpleViewContainer = props => {
+    const { CONTAINER_TYPE } = PCore.getConstants();
+    const { getPConnect, mode = CONTAINER_TYPE.SINGLE, routingInfo: containerInfo, isAssignmentView, options = {} } = props;
+    const rootViewElement = useMemo(() => {
+        return getActiveContainerRootViewElement(containerInfo, {
+            isAssignmentView,
+            parentGetPConnect: getPConnect
+        });
+    }, [containerInfo, isAssignmentView, getPConnect]);
+    useContainerInitializer(getPConnect, options.mode || mode);
+    return rootViewElement;
+};
+export const withSimpleViewContainerRenderer = (Component, options = {}) => props => {
+    const { CONTAINER_TYPE } = PCore.getConstants();
+    const { getPConnect, mode = CONTAINER_TYPE.SINGLE, routingInfo: containerInfo, isAssignmentView } = props;
+    const rootViewElement = _jsx(SimpleViewContainer, { ...props, options: options });
+    const activeContainerItemID = getActiveContainerItemID(containerInfo);
+    const getPConnectOfActiveItem = getPConnectOfActiveContainerItem(containerInfo, {
+        isAssignmentView,
+        parentGetPConnect: getPConnect
+    });
+    useContainerInitializer(getPConnect, options.mode || mode);
+    return (_jsx(Component, { ...props, rootViewElement: rootViewElement, activeContainerItemID: activeContainerItemID, getPConnectOfActiveContainerItem: getPConnectOfActiveItem }));
+};
+export default SimpleViewContainer;
+//# sourceMappingURL=SimpleView.js.map

package/lib/components/infra/Containers/SimpleView/SimpleView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleView.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/SimpleView/SimpleView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,wBAAwB,EAAE,iCAAiC,EAAE,gCAAgC,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAElJ,MAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE;IAClC,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEhD,MAAM,EAAE,WAAW,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAExH,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,iCAAiC,CAAC,aAAa,EAAE;YACtD,gBAAgB;YAChB,iBAAiB,EAAE,WAAW;SAC/B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnD,uBAAuB,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAE3D,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAC1C,CAAC,SAAS,EAAE,UAAe,EAAE,EAAE,EAAE,CACjC,KAAK,CAAC,EAAE;IACN,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEhD,MAAM,EAAE,WAAW,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAE1G,MAAM,eAAe,GAAG,KAAC,mBAAmB,OAAK,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAC7E,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAC;IACtE,MAAM,uBAAuB,GAAG,gCAAgC,CAAC,aAAa,EAAE;QAC9E,gBAAgB;QAChB,iBAAiB,EAAE,WAAW;KAC/B,CAAC,CAAC;IAEH,uBAAuB,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,EAC5C,gCAAgC,EAAE,uBAAuB,GACzD,CACH,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,mBAAmB,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport { getActiveContainerItemID, getActiveContainerRootViewElement, getPConnectOfActiveContainerItem, useContainerInitializer } from './helper';\n\nconst SimpleViewContainer = props => {\n  const { CONTAINER_TYPE } = PCore.getConstants();\n\n  const { getPConnect, mode = CONTAINER_TYPE.SINGLE, routingInfo: containerInfo, isAssignmentView, options = {} } = props;\n\n  const rootViewElement = useMemo(() => {\n    return getActiveContainerRootViewElement(containerInfo, {\n      isAssignmentView,\n      parentGetPConnect: getPConnect\n    });\n  }, [containerInfo, isAssignmentView, getPConnect]);\n\n  useContainerInitializer(getPConnect, options.mode || mode);\n\n  return rootViewElement;\n};\n\nexport const withSimpleViewContainerRenderer =\n  (Component, options: any = {}) =>\n  props => {\n    const { CONTAINER_TYPE } = PCore.getConstants();\n\n    const { getPConnect, mode = CONTAINER_TYPE.SINGLE, routingInfo: containerInfo, isAssignmentView } = props;\n\n    const rootViewElement = <SimpleViewContainer {...props} options={options} />;\n    const activeContainerItemID = getActiveContainerItemID(containerInfo);\n    const getPConnectOfActiveItem = getPConnectOfActiveContainerItem(containerInfo, {\n      isAssignmentView,\n      parentGetPConnect: getPConnect\n    });\n\n    useContainerInitializer(getPConnect, options.mode || mode);\n\n    return (\n      <Component\n        {...props}\n        rootViewElement={rootViewElement}\n        activeContainerItemID={activeContainerItemID}\n        getPConnectOfActiveContainerItem={getPConnectOfActiveItem}\n      />\n    );\n  };\n\nexport default SimpleViewContainer;\n"]}

package/lib/components/infra/Containers/SimpleView/helper.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const getPConnectOfActiveContainerItem: (containerInfo: any, options: any) => (() => import("@pega/pcore-pconnect-typedefs/interpreter/c11n-env").default) | null;
+export declare const getActiveContainerRootViewElement: (containerInfo: any, options: any) => import("react").CElement<{
+    getPConnect: () => import("@pega/pcore-pconnect-typedefs/interpreter/c11n-env").default;
+}, import("react").Component<{
+    getPConnect: () => import("@pega/pcore-pconnect-typedefs/interpreter/c11n-env").default;
+}, any, any>> | null;
+export declare const getActiveContainerItemID: (containerInfo: any) => any;
+export declare const useContainerInitializer: (getPConnect: any, mode: any) => void;
+//# sourceMappingURL=helper.d.ts.map

package/lib/components/infra/Containers/SimpleView/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/SimpleView/helper.ts"],"names":[],"mappings":";AAsDA,eAAO,MAAM,gCAAgC,2HAwC5C,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;oBAM7C,CAAC;AAEF,eAAO,MAAM,wBAAwB,6BAMpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,uCAYnC,CAAC"}