@pega/react-sdk-components 0.23.26 → 0.23.28

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.js

@@ -1,11 +1,14 @@
-import React, { useState } from 'react';
-import PropTypes from "prop-types";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import Button from '@material-ui/core/Button';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 export default function CaseViewActionsMenu(props) {
-    const { getPConnect, availableActions, availableProcesses } = props;
+    const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;
     const thePConn = getPConnect();
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'CaseView';
+    const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();
     const [anchorEl, setAnchorEl] = useState(null);
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -17,27 +20,28 @@ export default function CaseViewActionsMenu(props) {
     function _actionMenuActionsClick(data) {
         const actionsAPI = thePConn.getActionsApi();
         const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);
-        openLocalAction(data.ID, { ...data, containerName: 'modal', type: 'express' });
+        openLocalAction(data.ID, {
+            ...data,
+            containerName: 'modal',
+            type: 'express'
+        });
         // after doing the action, close the menu...
         handleClose();
     }
-    availableActions.forEach((action) => {
-        arMenuItems.push(React.createElement(MenuItem, { key: action.ID, onClick: () => _actionMenuActionsClick(action) }, action.name));
+    function _actionMenuProcessClick(process) {
+        const actionsAPI = thePConn.getActionsApi();
+        const openProcessAction = actionsAPI.openProcessAction.bind(actionsAPI);
+        openProcessAction(process.ID, {
+            ...process
+        });
+        handleClose();
+    }
+    availableActions.forEach(action => {
+        arMenuItems.push(_jsx(MenuItem, { onClick: () => _actionMenuActionsClick(action), children: localizedVal(action.name, '', localeKey) }, action.ID));
     });
-    availableProcesses.forEach((process) => {
-        arMenuItems.push(React.createElement(MenuItem, { onClick: handleClose }, process.name));
+    availableProcesses.forEach(process => {
+        arMenuItems.push(_jsx(MenuItem, { onClick: () => _actionMenuProcessClick(process), children: localizedVal(process.name, '', localeKey) }, process.ID));
     });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { "aria-controls": "simple-menu", "aria-haspopup": "true", onClick: handleClick }, "Actions..."),
-        React.createElement(Menu, { id: "simple-menu", anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, arMenuItems)));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { "aria-controls": 'simple-menu', "aria-haspopup": 'true', onClick: handleClick, children: localizedVal('Actions...', localeCategory) }), _jsx(Menu, { id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: arMenuItems })] }));
 }
-CaseViewActionsMenu.defaultProps = {
-    availableActions: [],
-    availableProcesses: []
-};
-CaseViewActionsMenu.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    availableActions: PropTypes.arrayOf(PropTypes.object),
-    availableProcesses: PropTypes.arrayOf(PropTypes.any)
-};
 //# sourceMappingURL=CaseViewActionsMenu.js.map

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseViewActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK;IAC/C,MAAM,EAAC,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAG/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAe,EAAE,CAAC;IAGnC,SAAS,uBAAuB,CAAC,IAAI;QAEnC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC5C,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEpE,eAAe,CAAE,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC;QAC/E,4CAA4C;QAC5C,WAAW,EAAE,CAAC;IAEhB,CAAC;IAGD,gBAAgB,CAAC,OAAO,CAAE,CAAC,MAAM,EAAE,EAAE;QACnC,WAAW,CAAC,IAAI,CAAE,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,IAAG,MAAM,CAAC,IAAI,CAAY,CAAE,CAAA;IACxH,CAAC,CAAC,CAAC;IAEH,kBAAkB,CAAC,OAAO,CAAE,CAAC,OAAO,EAAE,EAAE;QACtC,WAAW,CAAC,IAAI,CAAE,oBAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,IAAG,OAAO,CAAC,IAAI,CAAY,CAAE,CAAA;IAC/E,CAAC,CAAC,CAAC;IAGH,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,MAAM,qBAAe,aAAa,mBAAe,MAAM,EAAC,OAAO,EAAE,WAAW,iBAEpE;QACT,oBAAC,IAAI,IACH,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,IAEnB,WAAW,CACP,CACQ,CAClB,CAAC;AACJ,CAAC;AAED,mBAAmB,CAAC,YAAY,GAAG;IACjC,gBAAgB,EAAE,EAAE;IACpB,kBAAkB,EAAE,EAAE;CACvB,CAAA;AAED,mBAAmB,CAAC,SAAS,GAAG;IAC9B,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,gBAAgB,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;IACrD,kBAAkB,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;CACrD,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from \"prop-types\";\nimport Button from '@material-ui/core/Button';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nexport default function CaseViewActionsMenu(props) {\n  const {getPConnect, availableActions, availableProcesses} = props;\n  const thePConn = getPConnect();\n\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const arMenuItems: Array<any> = [];\n\n\n  function _actionMenuActionsClick(data) {\n\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction( data.ID, { ...data, containerName: 'modal', type: 'express'});\n    // after doing the action, close the menu...\n    handleClose();\n\n  }\n\n\n  availableActions.forEach( (action) => {\n    arMenuItems.push( <MenuItem key={action.ID} onClick={() => _actionMenuActionsClick(action)}>{action.name}</MenuItem> )\n  });\n\n  availableProcesses.forEach( (process) => {\n    arMenuItems.push( <MenuItem onClick={handleClose}>{process.name}</MenuItem> )\n  });\n\n\n  return (\n    <React.Fragment>\n      <Button aria-controls=\"simple-menu\" aria-haspopup=\"true\" onClick={handleClick}>\n        Actions...\n      </Button>\n      <Menu\n        id=\"simple-menu\"\n        anchorEl={anchorEl}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleClose}\n      >\n        {arMenuItems}\n      </Menu>\n    </React.Fragment>\n  );\n}\n\nCaseViewActionsMenu.defaultProps = {\n  availableActions: [],\n  availableProcesses: []\n}\n\nCaseViewActionsMenu.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  availableActions: PropTypes.arrayOf(PropTypes.object),\n  availableProcesses: PropTypes.arrayOf(PropTypes.any)\n};\n"]}
+{"version":3,"file":"CaseViewActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewActionsMenuProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  availableActions: any[];\n  availableProcesses: any[];\n  caseTypeID: string;\n  caseTypeName: string;\n}\n\nexport default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {\n  const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;\n  const thePConn = getPConnect();\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const arMenuItems: any[] = [];\n\n  function _actionMenuActionsClick(data) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(data.ID, {\n      ...data,\n      containerName: 'modal',\n      type: 'express'\n    });\n    // after doing the action, close the menu...\n    handleClose();\n  }\n\n  function _actionMenuProcessClick(process) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openProcessAction = actionsAPI.openProcessAction.bind(actionsAPI);\n    openProcessAction(process.ID, {\n      ...process\n    });\n    handleClose();\n  }\n\n  availableActions.forEach(action => {\n    arMenuItems.push(\n      <MenuItem key={action.ID} onClick={() => _actionMenuActionsClick(action)}>\n        {localizedVal(action.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  availableProcesses.forEach(process => {\n    arMenuItems.push(\n      <MenuItem key={process.ID} onClick={() => _actionMenuProcessClick(process)}>\n        {localizedVal(process.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  return (\n    <>\n      <Button aria-controls='simple-menu' aria-haspopup='true' onClick={handleClick}>\n        {localizedVal('Actions...', localeCategory)}\n      </Button>\n      <Menu id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>\n        {arMenuItems}\n      </Menu>\n    </>\n  );\n}\n"]}

package/lib/components/template/Confirmation/Confirmation.d.ts

@@ -1,20 +1,13 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function Confirmation(props: any): JSX.Element | null;
-declare namespace Confirmation {
-    var defaultProps: {
-        datasource: undefined;
-        label: string;
-        showLabel: boolean;
-    };
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        datasource: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-        label: PropTypes.Requireable<string>;
-        showLabel: PropTypes.Requireable<boolean>;
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface ConfirmationProps extends PConnProps {
+    datasource: {
+        source: any;
     };
+    label: string;
+    showLabel: boolean;
+    showTasks: boolean;
 }
-export default Confirmation;
+export default function Confirmation(props: PropsWithChildren<ConfirmationProps>): JSX.Element | null;
+export {};
 //# sourceMappingURL=Confirmation.d.ts.map

package/lib/components/template/Confirmation/Confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAIA,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,iBAAwB,YAAY,CAAC,KAAK,KAAA,sBA6DzC;kBA7DuB,YAAY;;;;;;;;;;;;;;;eAAZ,YAAY"}
+{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,UAAU,EAAE;QAAE,MAAM,EAAE,GAAG,CAAA;KAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAeD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,sBA2C/E"}

package/lib/components/template/Confirmation/Confirmation.js

@@ -1,13 +1,9 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable no-unused-vars */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-nested-ternary */
 import { useState } from 'react';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';
-import ToDo from '../../widget/ToDo';
-import Details from '../Details/Details';
 import { Button, Card, makeStyles } from '@material-ui/core';
+import { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
@@ -21,14 +17,17 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 export default function Confirmation(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const ToDo = getComponentFromMap('Todo'); // NOTE: ConstellationJS Engine uses "Todo" and not "ToDo"!!!
+    const Details = getComponentFromMap('Details');
     const classes = useStyles();
     const CONSTS = PCore.getConstants();
     const [showConfirmView, setShowConfirmView] = useState(true);
-    const { showTasks, getPConnect, datasource } = props;
+    const { showTasks, getPConnect } = props;
     // Get the inherited props from the parent to determine label settings
     // Not using whatsNext at the moment, need to figure out the use of it
-    const whatsNext = datasource?.source;
-    const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';
+    // const whatsNext = datasource?.source;
+    // const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';
     const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(getPConnect().getTarget());
     const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), activeContainerItemID);
     const onConfirmViewClose = () => {
@@ -39,23 +38,6 @@ export default function Confirmation(props) {
     const toDoList = getToDoAssignments(getPConnect());
     const detailProps = { ...props, showLabel: false };
     const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;
-    return showConfirmView ? (React.createElement(Card, { className: classes.root },
-        React.createElement("h2", { id: 'confirm-label' }, props.showLabel ? props.label : ''),
-        showDetails ? React.createElement(Details, { ...detailProps }) : undefined,
-        showTasks ? (toDoList && toDoList.length > 0 ? (React.createElement(ToDo, { ...todoProps, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Open Tasks', isConfirm: true })) : undefined) : undefined,
-        React.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end' } },
-            React.createElement(Button, { variant: 'contained', color: 'primary', onClick: onConfirmViewClose }, "Done")))) : toDoList && toDoList.length > 0 ? (React.createElement(Card, { className: classes.root },
-        React.createElement(ToDo, { ...props, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Tasks', isConfirm: true }))) : null;
+    return showConfirmView ? (_jsxs(Card, { className: classes.root, children: [_jsx("h2", { id: 'confirm-label', children: props.showLabel ? props.label : '' }), showDetails ? _jsx(Details, { ...detailProps }) : undefined, showTasks ? (toDoList && toDoList.length > 0 ? (_jsx(ToDo, { ...todoProps, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Open Tasks', isConfirm: true })) : undefined) : undefined, _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Button, { variant: 'contained', color: 'primary', onClick: onConfirmViewClose, children: "Done" }) })] })) : toDoList && toDoList.length > 0 ? (_jsx(Card, { className: classes.root, children: _jsx(ToDo, { ...props, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Tasks', isConfirm: true }) })) : null;
 }
-Confirmation.defaultProps = {
-    datasource: undefined,
-    label: '',
-    showLabel: true
-};
-Confirmation.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    datasource: PropTypes.objectOf(PropTypes.any),
-    label: PropTypes.string,
-    showLabel: PropTypes.bool
-};
 //# sourceMappingURL=Confirmation.js.map

package/lib/components/template/Confirmation/Confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable no-nested-ternary */\nimport { Fragment, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';\nimport ToDo from '../../widget/ToDo';\nimport Details from '../Details/Details';\nimport { Button, Card, makeStyles } from '@material-ui/core';\n\ndeclare const PCore;\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 Confirmation(props) {\n  const classes = useStyles();\n  const CONSTS = PCore.getConstants();\n  const [showConfirmView, setShowConfirmView] = useState(true);\n  const { showTasks, getPConnect, datasource } = props;\n  // Get the inherited props from the parent to determine label settings\n  // Not using whatsNext at the moment, need to figure out the use of it\n  const whatsNext = datasource?.source;\n  const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(\n    getPConnect().getTarget()\n  );\n  const rootInfo = PCore.getContainerUtils().getContainerItemData(\n    getPConnect().getTarget(),\n    activeContainerItemID\n  );\n  const onConfirmViewClose = () => {\n    setShowConfirmView(false);\n    PCore.getPubSubUtils().publish(\n      PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CLOSE_CONFIRM_VIEW,\n      rootInfo\n    );\n  };\n  const todoProps = { ...props, renderTodoInConfirm: true };\n  const toDoList = getToDoAssignments(getPConnect());\n  const detailProps = { ...props, showLabel: false };\n  const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;\n  return showConfirmView ? (\n    <Card className={classes.root}>\n      <h2 id='confirm-label'>{props.showLabel ? props.label : ''}</h2>\n      {showDetails ? <Details {...detailProps} /> : undefined}\n      {showTasks ? (\n        toDoList && toDoList.length > 0 ? (\n          <ToDo\n            {...todoProps}\n            datasource={{ source: toDoList }}\n            getPConnect={getPConnect}\n            type={CONSTS.TODO}\n            headerText='Open Tasks'\n            isConfirm\n          />\n        ) : undefined\n      ) : undefined}\n      <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Button variant='contained' color='primary' onClick={onConfirmViewClose}>\n          Done\n        </Button>\n      </div>\n    </Card>\n  ) : toDoList && toDoList.length > 0 ? (\n    <Card className={classes.root}>\n      <ToDo\n        {...props}\n        datasource={{ source: toDoList }}\n        getPConnect={getPConnect}\n        type={CONSTS.TODO}\n        headerText='Tasks'\n        isConfirm\n      />\n    </Card>\n  ) : null;\n}\n\nConfirmation.defaultProps = {\n  datasource: undefined,\n  label: '',\n  showLabel: true\n};\n\nConfirmation.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  datasource: PropTypes.objectOf(PropTypes.any),\n  label: PropTypes.string,\n  showLabel: PropTypes.bool\n};\n"]}
+{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-nested-ternary */\nimport { PropsWithChildren, useState } from 'react';\nimport { Button, Card, makeStyles } from '@material-ui/core';\n\nimport { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface ConfirmationProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  datasource: { source: any };\n  label: string;\n  showLabel: boolean;\n  showTasks: boolean;\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 Confirmation(props: PropsWithChildren<ConfirmationProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ToDo = getComponentFromMap('Todo'); // NOTE: ConstellationJS Engine uses \"Todo\" and not \"ToDo\"!!!\n  const Details = getComponentFromMap('Details');\n\n  const classes = useStyles();\n  const CONSTS = PCore.getConstants();\n  const [showConfirmView, setShowConfirmView] = useState(true);\n  const { showTasks, getPConnect } = props;\n  // Get the inherited props from the parent to determine label settings\n  // Not using whatsNext at the moment, need to figure out the use of it\n  // const whatsNext = datasource?.source;\n  // const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(getPConnect().getTarget());\n  const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), activeContainerItemID);\n  const onConfirmViewClose = () => {\n    setShowConfirmView(false);\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CLOSE_CONFIRM_VIEW, rootInfo);\n  };\n  const todoProps = { ...props, renderTodoInConfirm: true };\n  const toDoList = getToDoAssignments(getPConnect());\n  const detailProps = { ...props, showLabel: false };\n  const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;\n  return showConfirmView ? (\n    <Card className={classes.root}>\n      <h2 id='confirm-label'>{props.showLabel ? props.label : ''}</h2>\n      {showDetails ? <Details {...detailProps} /> : undefined}\n      {showTasks ? (\n        toDoList && toDoList.length > 0 ? (\n          <ToDo {...todoProps} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Open Tasks' isConfirm />\n        ) : undefined\n      ) : undefined}\n      <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Button variant='contained' color='primary' onClick={onConfirmViewClose}>\n          Done\n        </Button>\n      </div>\n    </Card>\n  ) : toDoList && toDoList.length > 0 ? (\n    <Card className={classes.root}>\n      <ToDo {...props} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Tasks' isConfirm />\n    </Card>\n  ) : null;\n}\n"]}

package/lib/components/template/DataReference/DataReference.d.ts

@@ -1,32 +1,17 @@
-import PropTypes from 'prop-types';
-declare function DataReference(props: any): any;
-declare namespace DataReference {
-    var defaultProps: {
-        label: undefined;
-        showLabel: undefined;
-        displayMode: undefined;
-        allowAndPersistChangesInReviewMode: boolean;
-        referenceType: string;
-        selectionMode: string;
-        displayAs: string;
-        ruleClass: string;
-        parameters: undefined;
-        hideLabel: boolean;
-    };
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        label: PropTypes.Requireable<string>;
-        showLabel: PropTypes.Requireable<(...args: any[]) => any>;
-        displayMode: PropTypes.Requireable<string>;
-        allowAndPersistChangesInReviewMode: PropTypes.Requireable<boolean>;
-        referenceType: PropTypes.Requireable<string>;
-        selectionMode: PropTypes.Requireable<string>;
-        displayAs: PropTypes.Requireable<string>;
-        ruleClass: PropTypes.Requireable<string>;
-        parameters: PropTypes.Requireable<(string | null | undefined)[]>;
-        hideLabel: PropTypes.Requireable<boolean>;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface DataReferenceProps extends PConnProps {
+    label: string;
+    showLabel: any;
+    displayMode: string;
+    allowAndPersistChangesInReviewMode: boolean;
+    referenceType: string;
+    selectionMode: string;
+    displayAs: string;
+    ruleClass: string;
+    parameters: string[];
+    hideLabel: boolean;
 }
-export default DataReference;
+export default function DataReference(props: PropsWithChildren<DataReferenceProps>): JSX.Element;
+export {};
 //# sourceMappingURL=DataReference.d.ts.map

package/lib/components/template/DataReference/DataReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataReference.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,OA4P1C;kBA5PuB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAb,aAAa"}
+{"version":3,"file":"DataReference.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,kCAAkC,EAAE,OAAO,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,eA+OjF"}

package/lib/components/template/DataReference/DataReference.js

@@ -1,9 +1,11 @@
-import React, { useMemo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import SingleReferenceReadonly from '../SingleReferenceReadOnly';
-import MultiReferenceReadonly from '../MultiReferenceReadOnly';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };
 export default function DataReference(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');
+    const MultiReferenceReadonly = getComponentFromMap('MultiReferenceReadOnly');
     const { children, getPConnect, label, showLabel, displayMode, allowAndPersistChangesInReviewMode, referenceType, selectionMode, displayAs, ruleClass, parameters, hideLabel } = props;
     let childrenToRender = children;
     const pConn = getPConnect();
@@ -22,22 +24,20 @@ export default function DataReference(props) {
     let firstChildPConnect;
     /* Only for dropdown when it has param use data api to get the data back and add it to datasource */
     useEffect(() => {
-        if (firstChildMeta?.type === "Dropdown" &&
-            rawViewMetadata.config?.parameters) {
+        if (firstChildMeta?.type === 'Dropdown' && rawViewMetadata.config?.parameters) {
             const { value, key, text } = firstChildMeta.config.datasource.fields;
-            PCore.getDataApiUtils()
-                .getData(refList, {
+            PCore.getDataApiUtils().getData(refList, {
                 dataViewParameters: parameters
-            })
-                .then((res) => {
+            }, '')
+                .then(res => {
                 if (res.data.data !== null) {
                     const ddDataSource = res.data.data
-                        .map((listItem) => ({
-                        key: listItem[key.split(" .", 2)[1]],
-                        text: listItem[text.split(" .", 2)[1]],
-                        value: listItem[value.split(" .", 2)[1]]
+                        .map(listItem => ({
+                        key: listItem[key.split(' .', 2)[1]],
+                        text: listItem[text.split(' .', 2)[1]],
+                        value: listItem[value.split(' .', 2)[1]]
                     }))
-                        .filter((item) => item.key);
+                        .filter(item => item.key);
                     // Filtering out undefined entries that will break preview
                     setDropDownDataSource(ddDataSource);
                 }
@@ -46,7 +46,7 @@ export default function DataReference(props) {
                     setDropDownDataSource(ddDataSource);
                 }
             })
-                .catch((err) => {
+                .catch(err => {
                 // eslint-disable-next-line no-console
                 console.error(err?.stack);
                 return Promise.resolve({
@@ -56,7 +56,7 @@ export default function DataReference(props) {
         }
     }, [firstChildMeta, rawViewMetadata, parameters]);
     if (firstChildMeta?.type !== 'Region') {
-        firstChildPConnect = getPConnect().getChildren()[0].getPConnect;
+        firstChildPConnect = getPConnect().getChildren()?.[0].getPConnect;
         /* remove refresh When condition from those old view so that it will not be used for runtime */
         if (firstChildMeta.config?.readOnly) {
             delete firstChildMeta.config.readOnly;
@@ -87,10 +87,9 @@ export default function DataReference(props) {
     const handleSelection = event => {
         const caseKey = pConn.getCaseInfo().getKey();
         const refreshOptions = { autoDetectRefresh: true };
-        if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName')) {
-            getPConnect()
-                .getActionsApi()
-                .refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName'), null, refreshOptions);
+        if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName', '')) {
+            // 2nd arg empty string until typedef marked correctly
+            getPConnect().getActionsApi().refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName', ''), null, refreshOptions); // 2nd arg empty string until typedef marked correctly
             PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());
         }
         else {
@@ -100,9 +99,7 @@ export default function DataReference(props) {
         // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value
         const propValue = event?.id || event?.target.value;
         if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {
-            PCore.getDataApiUtils()
-                .getCaseEditLock(caseKey)
-                .then(caseResponse => {
+            PCore.getDataApiUtils().getCaseEditLock(caseKey, '').then(caseResponse => {
                 const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');
                 let curr = {};
                 const commitData = curr;
@@ -123,10 +120,9 @@ export default function DataReference(props) {
                         curr = curr[element];
                     }
                 });
-                PCore.getDataApiUtils()
-                    .updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName())
-                    .then(response => {
-                    PCore.getContainerUtils().updateChildContainersEtag(pConn.getContextName(), response.headers.etag);
+                PCore.getDataApiUtils().updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName()).then(response => {
+                    PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);
+                    PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);
                 });
             });
         }
@@ -138,18 +134,19 @@ export default function DataReference(props) {
         const { type, config } = firstChildMeta;
         if (firstChildMeta?.type !== 'Region') {
             pConn.clearErrorMessages({
-                property: propName
+                // Need to add empty string for category and context to match typdef
+                property: propName,
+                category: '',
+                context: ''
             });
             if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {
-                return (React.createElement(SingleReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, type: type, displayAs: displayAs, displayMode: displayMode, ruleClass: ruleClass, referenceType: referenceType, hideLabel: hideLabel, dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null }));
+                return (_jsx(SingleReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, type: type, displayAs: displayAs, displayMode: displayMode, ruleClass: ruleClass, referenceType: referenceType, hideLabel: hideLabel, dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null }));
             }
             if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {
-                return (React.createElement(MultiReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, hideLabel: hideLabel }));
+                return _jsx(MultiReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, hideLabel: hideLabel });
             }
             // In the case of a datasource with parameters you cannot load the dropdown before the parameters
-            if (type === 'Dropdown' &&
-                rawViewMetadata.config?.parameters &&
-                dropDownDataSource === null) {
+            if (type === 'Dropdown' && rawViewMetadata.config?.parameters && dropDownDataSource === null) {
                 return null;
             }
             return firstChildPConnect().createComponent({
@@ -165,21 +162,13 @@ export default function DataReference(props) {
                     readOnly: false,
                     localeReference: rawViewMetadata.config.localeReference,
                     ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),
-                    dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name
-                        ? rawViewMetadata.config.name
-                        : null,
+                    dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null,
                     hideLabel,
                     onRecordChange: handleSelection
                 }
-            });
+            }, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
         }
-    }, [
-        firstChildMeta.config?.datasource?.source,
-        parameters,
-        dropDownDataSource,
-        propsToUse.required,
-        propsToUse.disabled
-    ]);
+    }, [firstChildMeta.config?.datasource?.source, parameters, dropDownDataSource, propsToUse.required, propsToUse.disabled]);
     // Only include the views region for rendering when it has content
     if (firstChildMeta?.type !== 'Region') {
         const viewsRegion = rawViewMetadata.children[1];
@@ -190,32 +179,6 @@ export default function DataReference(props) {
             childrenToRender = [recreatedFirstChild];
         }
     }
-    return childrenToRender.length === 1 ? (childrenToRender[0] ?? null) : (React.createElement("div", null, childrenToRender.map(child => (React.createElement(React.Fragment, null, child)))));
+    return childrenToRender.length === 1 ? (childrenToRender[0] ?? null) : (_jsx("div", { children: childrenToRender.map(child => (_jsx(_Fragment, { children: child }))) }));
 }
-DataReference.defaultProps = {
-    label: undefined,
-    showLabel: undefined,
-    displayMode: undefined,
-    allowAndPersistChangesInReviewMode: false,
-    referenceType: '',
-    selectionMode: '',
-    displayAs: '',
-    ruleClass: '',
-    parameters: undefined,
-    hideLabel: false
-};
-DataReference.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    getPConnect: PropTypes.func.isRequired,
-    label: PropTypes.string,
-    showLabel: PropTypes.func,
-    displayMode: PropTypes.string,
-    allowAndPersistChangesInReviewMode: PropTypes.bool,
-    referenceType: PropTypes.string,
-    selectionMode: PropTypes.string,
-    displayAs: PropTypes.string,
-    ruleClass: PropTypes.string,
-    parameters: PropTypes.arrayOf(PropTypes.string),
-    hideLabel: PropTypes.bool
-};
 //# sourceMappingURL=DataReference.js.map

package/lib/components/template/DataReference/DataReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataReference.js","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport SingleReferenceReadonly from '../SingleReferenceReadOnly';\nimport MultiReferenceReadonly from '../MultiReferenceReadOnly';\n\nconst SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };\n\ndeclare const PCore: any;\n\nexport default function DataReference(props) {\n  const {\n    children,\n    getPConnect,\n    label,\n    showLabel,\n    displayMode,\n    allowAndPersistChangesInReviewMode,\n    referenceType,\n    selectionMode,\n    displayAs,\n    ruleClass,\n    parameters,\n    hideLabel\n  } = props;\n  let childrenToRender = children;\n  const pConn = getPConnect();\n  const [dropDownDataSource, setDropDownDataSource] = useState(null);\n  const propsToUse = { label, showLabel, ...pConn.getInheritedProps() };\n  if (propsToUse.showLabel === false) {\n    propsToUse.label = '';\n  }\n  const rawViewMetadata = pConn.getRawMetadata();\n  const viewName = rawViewMetadata.name;\n  const [firstChildMeta] = rawViewMetadata.children;\n  const refList = rawViewMetadata.config.referenceList;\n  const canBeChangedInReviewMode = allowAndPersistChangesInReviewMode && (displayAs === 'autocomplete' || displayAs === 'dropdown');\n  let propName;\n  const isDisplayModeEnabled = ['LABELS_LEFT', 'STACKED_LARGE_VAL'].includes(displayMode);\n  let firstChildPConnect;\n\n  /* Only for dropdown when it has param use data api to get the data back and add it to datasource */\n  useEffect(() => {\n    if (\n      firstChildMeta?.type === \"Dropdown\" &&\n      rawViewMetadata.config?.parameters\n    ) {\n      const { value, key, text } = firstChildMeta.config.datasource.fields;\n      PCore.getDataApiUtils()\n        .getData(refList, {\n          dataViewParameters: parameters\n        })\n        .then((res) => {\n          if (res.data.data !== null) {\n            const ddDataSource = res.data.data\n              .map((listItem) => ({\n                key: listItem[key.split(\" .\", 2)[1]],\n                text: listItem[text.split(\" .\", 2)[1]],\n                value: listItem[value.split(\" .\", 2)[1]]\n              }))\n              .filter((item) => item.key);\n            // Filtering out undefined entries that will break preview\n            setDropDownDataSource(ddDataSource);\n          } else {\n            const ddDataSource: any = []\n            setDropDownDataSource(ddDataSource);\n          }\n        })\n        .catch((err) => {\n          // eslint-disable-next-line no-console\n          console.error(err?.stack);\n          return Promise.resolve({\n            data: { data: [] }\n          });\n        });\n    }\n  }, [firstChildMeta, rawViewMetadata, parameters]);\n\n  if (firstChildMeta?.type !== 'Region') {\n    firstChildPConnect = getPConnect().getChildren()[0].getPConnect;\n    /* remove refresh When condition from those old view so that it will not be used for runtime */\n    if (firstChildMeta.config?.readOnly) {\n      delete firstChildMeta.config.readOnly;\n    }\n    if (firstChildMeta?.type === 'Dropdown') {\n      firstChildMeta.config.datasource.source = rawViewMetadata.config?.parameters\n        ? dropDownDataSource\n        : '@DATASOURCE '.concat(refList).concat('.pxResults');\n    } else if (firstChildMeta?.type === 'AutoComplete') {\n      firstChildMeta.config.datasource = refList;\n\n      /* Insert the parameters to the component only if present */\n      if (rawViewMetadata.config?.parameters) {\n        firstChildMeta.config.parameters = parameters;\n      }\n    }\n    // set displayMode conditionally\n    if (!canBeChangedInReviewMode) {\n      firstChildMeta.config.displayMode = displayMode;\n    }\n    if (firstChildMeta.type === 'SimpleTableSelect' && selectionMode === SELECTION_MODE.MULTI) {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.selectionList);\n    } else {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.value);\n    }\n  }\n\n  const handleSelection = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true };\n    if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName')) {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName'), null, refreshOptions);\n      PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());\n    } else {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value\n    const propValue = event?.id || event?.target.value;\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      PCore.getDataApiUtils()\n        .getCaseEditLock(caseKey)\n        .then(caseResponse => {\n          const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n          let curr = {};\n          const commitData = curr;\n\n          pageTokens.forEach(el => {\n            if (el !== '') {\n              curr[el] = {};\n              curr = curr[el];\n            }\n          });\n\n          // expecting format like {Customer: {pyID:\"C-100\"}}\n          const propArr = propName.split('.');\n          propArr.forEach((element, idx) => {\n            if (idx + 1 === propArr.length) {\n              curr[element] = propValue;\n            } else {\n              curr[element] = {};\n              curr = curr[element];\n            }\n          });\n\n          PCore.getDataApiUtils()\n            .updateCaseEditFieldsData(\n              caseKey,\n              { [caseKey]: commitData },\n              caseResponse.headers.etag,\n              pConn.getContextName()\n            )\n            .then(response => {\n              PCore.getContainerUtils().updateChildContainersEtag(\n                pConn.getContextName(),\n                response.headers.etag\n              );\n            });\n        });\n    }\n  };\n\n  // Re-create first child with overridden props\n  // Memoized child in order to stop unmount and remount of the child component when data reference\n  // rerenders without any actual change\n  const recreatedFirstChild = useMemo(() => {\n    const { type, config } = firstChildMeta;\n    if (firstChildMeta?.type !== 'Region') {\n      pConn.clearErrorMessages({\n        property: propName\n      });\n      if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {\n        return (\n          <SingleReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            type={type}\n            displayAs={displayAs}\n            displayMode={displayMode}\n            ruleClass={ruleClass}\n            referenceType={referenceType}\n            hideLabel={hideLabel}\n            dataRelationshipContext={\n              rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null\n            }\n          />\n        );\n      }\n\n      if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {\n        return (\n          <MultiReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            hideLabel={hideLabel}\n          />\n        );\n      }\n\n      // In the case of a datasource with parameters you cannot load the dropdown before the parameters\n      if (\n        type === 'Dropdown' &&\n        rawViewMetadata.config?.parameters &&\n        dropDownDataSource === null\n      ) {\n        return null;\n      }\n\n      return firstChildPConnect().createComponent({\n        type,\n        config: {\n          ...config,\n          required: propsToUse.required,\n          visibility: propsToUse.visibility,\n          disabled: propsToUse.disabled,\n          label: propsToUse.label,\n          viewName: getPConnect().getCurrentView(),\n          parameters: rawViewMetadata.config.parameters,\n          readOnly: false,\n          localeReference: rawViewMetadata.config.localeReference,\n          ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n          dataRelationshipContext:\n            rawViewMetadata.config.contextClass && rawViewMetadata.config.name\n              ? rawViewMetadata.config.name\n              : null,\n          hideLabel,\n          onRecordChange: handleSelection\n        }\n      });\n    }\n  }, [\n    firstChildMeta.config?.datasource?.source,\n    parameters,\n    dropDownDataSource,\n    propsToUse.required,\n    propsToUse.disabled\n  ]);\n\n  // Only include the views region for rendering when it has content\n  if (firstChildMeta?.type !== 'Region') {\n    const viewsRegion = rawViewMetadata.children[1];\n    if (viewsRegion?.name === 'Views' && viewsRegion.children.length) {\n      childrenToRender = [recreatedFirstChild, ...children.slice(1)];\n    } else {\n      childrenToRender = [recreatedFirstChild];\n    }\n  }\n\n  return childrenToRender.length === 1 ? (\n    childrenToRender[0] ?? null\n  ) : (\n    <div>\n      {childrenToRender.map(child => (\n        <React.Fragment>{child}</React.Fragment>\n      ))}\n    </div>\n  );\n}\n\nDataReference.defaultProps = {\n  label: undefined,\n  showLabel: undefined,\n  displayMode: undefined,\n  allowAndPersistChangesInReviewMode: false,\n  referenceType: '',\n  selectionMode: '',\n  displayAs: '',\n  ruleClass: '',\n  parameters: undefined,\n  hideLabel: false\n};\n\nDataReference.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  getPConnect: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  showLabel: PropTypes.func,\n  displayMode: PropTypes.string,\n  allowAndPersistChangesInReviewMode: PropTypes.bool,\n  referenceType: PropTypes.string,\n  selectionMode: PropTypes.string,\n  displayAs: PropTypes.string,\n  ruleClass: PropTypes.string,\n  parameters: PropTypes.arrayOf(PropTypes.string), // need to fix\n  hideLabel: PropTypes.bool\n};\n"]}
+{"version":3,"file":"DataReference.js","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, ReactElement, useEffect, useMemo, useState } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ReferenceProps can't be used until getComponentConfig() is NOT private\ninterface DataReferenceProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  showLabel: any;\n  displayMode: string;\n  allowAndPersistChangesInReviewMode: boolean;\n  referenceType: string;\n  selectionMode: string;\n  displayAs: string;\n  ruleClass: string;\n  parameters: string[]; // need to fix\n  hideLabel: boolean;\n}\n\nconst SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };\n\nexport default function DataReference(props: PropsWithChildren<DataReferenceProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');\n  const MultiReferenceReadonly = getComponentFromMap('MultiReferenceReadOnly');\n\n  const {\n    children,\n    getPConnect,\n    label,\n    showLabel,\n    displayMode,\n    allowAndPersistChangesInReviewMode,\n    referenceType,\n    selectionMode,\n    displayAs,\n    ruleClass,\n    parameters,\n    hideLabel\n  } = props;\n  let childrenToRender = children as ReactElement[];\n  const pConn = getPConnect();\n  const [dropDownDataSource, setDropDownDataSource] = useState(null);\n  const propsToUse: any = { label, showLabel, ...pConn.getInheritedProps() };\n  if (propsToUse.showLabel === false) {\n    propsToUse.label = '';\n  }\n  const rawViewMetadata: any = pConn.getRawMetadata();\n  const viewName = rawViewMetadata.name;\n  const [firstChildMeta] = rawViewMetadata.children;\n  const refList = rawViewMetadata.config.referenceList;\n  const canBeChangedInReviewMode = allowAndPersistChangesInReviewMode && (displayAs === 'autocomplete' || displayAs === 'dropdown');\n  let propName;\n  const isDisplayModeEnabled = ['LABELS_LEFT', 'STACKED_LARGE_VAL'].includes(displayMode);\n  let firstChildPConnect;\n\n  /* Only for dropdown when it has param use data api to get the data back and add it to datasource */\n  useEffect(() => {\n    if (firstChildMeta?.type === 'Dropdown' && rawViewMetadata.config?.parameters) {\n      const { value, key, text } = firstChildMeta.config.datasource.fields;\n      (\n        PCore.getDataApiUtils().getData(\n          refList,\n          {\n            dataViewParameters: parameters\n          } as any,\n          ''\n        ) as Promise<any>\n      )\n        .then(res => {\n          if (res.data.data !== null) {\n            const ddDataSource = res.data.data\n              .map(listItem => ({\n                key: listItem[key.split(' .', 2)[1]],\n                text: listItem[text.split(' .', 2)[1]],\n                value: listItem[value.split(' .', 2)[1]]\n              }))\n              .filter(item => item.key);\n            // Filtering out undefined entries that will break preview\n            setDropDownDataSource(ddDataSource);\n          } else {\n            const ddDataSource: any = [];\n            setDropDownDataSource(ddDataSource);\n          }\n        })\n        .catch(err => {\n          // eslint-disable-next-line no-console\n          console.error(err?.stack);\n          return Promise.resolve({\n            data: { data: [] }\n          });\n        });\n    }\n  }, [firstChildMeta, rawViewMetadata, parameters]);\n\n  if (firstChildMeta?.type !== 'Region') {\n    firstChildPConnect = getPConnect().getChildren()?.[0].getPConnect;\n    /* remove refresh When condition from those old view so that it will not be used for runtime */\n    if (firstChildMeta.config?.readOnly) {\n      delete firstChildMeta.config.readOnly;\n    }\n    if (firstChildMeta?.type === 'Dropdown') {\n      firstChildMeta.config.datasource.source = rawViewMetadata.config?.parameters\n        ? dropDownDataSource\n        : '@DATASOURCE '.concat(refList).concat('.pxResults');\n    } else if (firstChildMeta?.type === 'AutoComplete') {\n      firstChildMeta.config.datasource = refList;\n\n      /* Insert the parameters to the component only if present */\n      if (rawViewMetadata.config?.parameters) {\n        firstChildMeta.config.parameters = parameters;\n      }\n    }\n    // set displayMode conditionally\n    if (!canBeChangedInReviewMode) {\n      firstChildMeta.config.displayMode = displayMode;\n    }\n    if (firstChildMeta.type === 'SimpleTableSelect' && selectionMode === SELECTION_MODE.MULTI) {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.selectionList);\n    } else {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.value);\n    }\n  }\n\n  const handleSelection = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true };\n    if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName', '')) {\n      // 2nd arg empty string until typedef marked correctly\n      getPConnect().getActionsApi().refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName', ''), null, refreshOptions); // 2nd arg empty string until typedef marked correctly\n      PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());\n    } else {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value\n    const propValue = event?.id || event?.target.value;\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      (PCore.getDataApiUtils().getCaseEditLock(caseKey, '') as Promise<any>).then(caseResponse => {\n        const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n        let curr = {};\n        const commitData = curr;\n\n        pageTokens.forEach(el => {\n          if (el !== '') {\n            curr[el] = {};\n            curr = curr[el];\n          }\n        });\n\n        // expecting format like {Customer: {pyID:\"C-100\"}}\n        const propArr = propName.split('.');\n        propArr.forEach((element, idx) => {\n          if (idx + 1 === propArr.length) {\n            curr[element] = propValue;\n          } else {\n            curr[element] = {};\n            curr = curr[element];\n          }\n        });\n\n        (\n          PCore.getDataApiUtils().updateCaseEditFieldsData(\n            caseKey,\n            { [caseKey]: commitData },\n            caseResponse.headers.etag,\n            pConn.getContextName()\n          ) as Promise<any>\n        ).then(response => {\n          PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);\n          PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);\n        });\n      });\n    }\n  };\n\n  // Re-create first child with overridden props\n  // Memoized child in order to stop unmount and remount of the child component when data reference\n  // rerenders without any actual change\n  const recreatedFirstChild = useMemo(() => {\n    const { type, config } = firstChildMeta;\n    if (firstChildMeta?.type !== 'Region') {\n      pConn.clearErrorMessages({\n        // Need to add empty string for category and context to match typdef\n        property: propName,\n        category: '',\n        context: ''\n      });\n      if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {\n        return (\n          <SingleReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            type={type}\n            displayAs={displayAs}\n            displayMode={displayMode}\n            ruleClass={ruleClass}\n            referenceType={referenceType}\n            hideLabel={hideLabel}\n            dataRelationshipContext={rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null}\n          />\n        );\n      }\n\n      if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {\n        return <MultiReferenceReadonly config={config} getPConnect={firstChildPConnect} label={propsToUse.label} hideLabel={hideLabel} />;\n      }\n\n      // In the case of a datasource with parameters you cannot load the dropdown before the parameters\n      if (type === 'Dropdown' && rawViewMetadata.config?.parameters && dropDownDataSource === null) {\n        return null;\n      }\n\n      return firstChildPConnect().createComponent(\n        {\n          type,\n          config: {\n            ...config,\n            required: propsToUse.required,\n            visibility: propsToUse.visibility,\n            disabled: propsToUse.disabled,\n            label: propsToUse.label,\n            viewName: getPConnect().getCurrentView(),\n            parameters: rawViewMetadata.config.parameters,\n            readOnly: false,\n            localeReference: rawViewMetadata.config.localeReference,\n            ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n            dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null,\n            hideLabel,\n            onRecordChange: handleSelection\n          }\n        },\n        '',\n        '',\n        {}\n      ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n    }\n  }, [firstChildMeta.config?.datasource?.source, parameters, dropDownDataSource, propsToUse.required, propsToUse.disabled]);\n\n  // Only include the views region for rendering when it has content\n  if (firstChildMeta?.type !== 'Region') {\n    const viewsRegion = rawViewMetadata.children[1];\n    if (viewsRegion?.name === 'Views' && viewsRegion.children.length) {\n      childrenToRender = [recreatedFirstChild, ...(children as ReactElement[]).slice(1)];\n    } else {\n      childrenToRender = [recreatedFirstChild];\n    }\n  }\n\n  return childrenToRender.length === 1 ? (\n    childrenToRender[0] ?? null\n  ) : (\n    <div>\n      {childrenToRender.map(child => (\n        <>{child}</>\n      ))}\n    </div>\n  );\n}\n"]}

package/lib/components/template/DefaultForm/DefaultForm.css

@@ -16,15 +16,19 @@
   gap: calc(1rem);
 }
 
+.psdk-default-form-three-column .grid-column {
+  grid-column: 1 / span 3;
+}
+
 .psdk-default-form-two-column .grid-column {
   grid-column: 1 / span 2;
 }
 
-.psdk-default-form-three-column .grid-column {
-  grid-column: 1 / span 3;
+.psdk-default-form-one-column .grid-column {
+  grid-column: 1;
 }
 
-.psdk-default-form-instruction-text{
+.psdk-default-form-instruction-text {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }