@pega/react-sdk-components 0.23.26 → 8.8.20

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Utils } from '../../helpers/utils';\nimport { Card, CardHeader, Avatar, Typography, Divider } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\n\nimport StoreContext from \"../../../bridge/Context/StoreContext\";\nimport CaseViewActionsMenu from \"../CaseViewActionsMenu\";\nimport VerticalTabs from '../../infra/VerticalTabs/VerticalTabs';\nimport DeferLoad from '../../infra/DeferLoad';\n\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  caseViewHeader: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.getContrastText(theme.palette.info.light),\n    borderRadius: \"inherit\",\n  },\n  caseViewIconBox: {\n    backgroundColor: theme.palette.info.dark,\n    width: theme.spacing(8),\n    height: theme.spacing(8),\n    padding: theme.spacing(1),\n  },\n  caseViewIconImage: {\n    filter: 'invert(100%)'\n  }\n}));\n\nexport default function CaseView(props) {\n  const {\n    getPConnect,\n    icon,\n    header,\n    subheader,\n    children,\n    caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments }\n  } = props;\n  const currentCaseID = props.caseInfo.ID;\n  let isComponentMounted = true;\n\n  const { displayOnlyFA } = useContext(StoreContext);\n\n  const thePConn = getPConnect();\n\n  const classes = useStyles();\n\n  const editAction = availableActions.find((action) => action.ID === 'pyUpdateCaseDetails');\n\n  /**\n   *\n   * @param inName the metadata <em>name</em> that will cause a region to be returned\n   */\n   function getChildRegionByName(inName: string): any {\n\n    for (const child of children) {\n      const theMetadataType: string = child.props.getPConnect().getRawMetadata()['type'].toLowerCase();\n      const theMetadataName: string = child.props.getPConnect().getRawMetadata()['name'].toLowerCase();\n\n      if ((theMetadataType === \"region\") && (theMetadataName === inName )) {\n        return child;\n      }\n    }\n\n    return null;\n  }\n\n\n  const theSummaryRegion = getChildRegionByName(\"summary\");\n  const theStagesRegion = getChildRegionByName(\"stages\");\n  const theTodoRegion = getChildRegionByName(\"todo\");\n  const theUtilitiesRegion = getChildRegionByName(\"utilities\");\n  const theTabsRegion = getChildRegionByName(\"tabs\");\n\n  const svgCase = Utils.getImageSrc(icon, PCore.getAssetLoader().getStaticServerUrl());\n\n  const [activeVertTab, setActiveVertTab] = useState(0);\n\n  // const tmpLoadData1 = { config: { label: \"Details\", name: \"pyDetailsTabContent\" }, type: \"DeferLoad\" };\n  // const tmpLoadData2 = { config: { label: \"Case History\", name: \"CaseHistory\" }, type: \"DeferLoad\" };\n\n  // Extract the tabs we need to display from theTabsRegion (one tab per entry in theTabsRegionChildren)\n  const theTabsRegionChildren = theTabsRegion.props.getPConnect().getChildren();\n\n  // vertTabInfo is sent to VerticalTabs component\n  const vertTabInfo: Array<Object> = [];\n\n  // deferLoadInfo is sent to DeferLoad component (currently selected entry)\n  const deferLoadInfo: Array<any> = [];\n\n  if (theTabsRegionChildren) {\n    // populate vertTabInfo and deferLoadInfo\n    theTabsRegionChildren.forEach((tabComp, index) => {\n      const theTabCompConfig = tabComp.getPConnect().getConfigProps();\n      // eslint-disable-next-line prefer-const\n      let { label, inheritedProps } = theTabCompConfig;\n      // For some tabs, \"label\" property is not avaialable in theTabCompConfig, so will get them from inheritedProps\n      if (!label) {\n        inheritedProps.forEach(inheritedProp => {\n          if (inheritedProp.prop === 'label') {\n            label = inheritedProp.value;\n          }\n        });\n      }\n      // We'll display the tabs when either visibility property doesn't exist or is true(if exists)\n      if (theTabCompConfig.visibility === undefined || theTabCompConfig.visibility === true) {\n        vertTabInfo.push({ name: label, id: index });\n        deferLoadInfo.push({ type: 'DeferLoad', config: theTabCompConfig });\n      }\n    });\n  }\n\n\n\n  function handleVerticalTabClick(eventDetail: any) {\n    const theItem = parseInt(eventDetail.additionalData.itemClicked, 10);\n\n    // only call useEffectSetter if the component is mounted\n    if (isComponentMounted) {\n      setActiveVertTab(theItem);\n    }\n  }\n\n\n  // Add and Remove event listener for VerticalTabClick only at startup and teardown\n  useEffect(() => {\n    document.addEventListener('VerticalTabClick', (event: any) => {\n      handleVerticalTabClick(event.detail);\n    });\n\n    return ():void => {\n      // inform that the component is unmounted so other code can\n      //  know not to try to call useState setters (to avoid console warnings)\n      isComponentMounted = false;\n\n      document.removeEventListener('VerticalTabClick', (event: any) => {\n        handleVerticalTabClick(event.detail);\n      });\n    }\n  }, [])\n\n  useEffect(() => {\n    if (hasNewAttachments) {\n      PCore.getPubSubUtils().publish(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);\n    }\n  }, [hasNewAttachments]);\n\n  function _editClick() {\n\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction( editAction.ID, { ...editAction});\n  }\n\n\n  function getActionButtonsHtml(): any {\n\n    const aBHtml = <Box>\n            {editAction && (<Button onClick={() => {_editClick()}}>Edit</Button>)}\n            <CaseViewActionsMenu getPConnect={getPConnect} availableActions={availableActions} availableProcesses={availableProcesses} />\n        </Box>;\n\n\n    return aBHtml;\n\n  }\n\n\n  function getContainerContents() {\n\n    if (!displayOnlyFA) {\n      // show full portal\n      return (\n        <Grid container>\n          <Grid item xs={3}>\n          <div hidden={true} id=\"current-caseID\">{currentCaseID}</div>\n          <Card className={classes.root} >\n            <CardHeader className={classes.caseViewHeader}\n              title={<Typography variant=\"h6\" component=\"div\">{header}</Typography>}\n              subheader={<Typography variant=\"body1\" component=\"div\" id=\"caseId\">{subheader}</Typography>}\n              avatar={\n                <Avatar className={classes.caseViewIconBox} variant=\"square\">\n                  <img src={svgCase} className={classes.caseViewIconImage}/>\n                </Avatar>\n              }\n            />\n            {getActionButtonsHtml()}\n            <Divider />\n            {theSummaryRegion}\n            <Divider />\n            { vertTabInfo.length > 1 && <VerticalTabs tabconfig={vertTabInfo} />}\n          </Card>\n        </Grid>\n\n        <Grid item xs={6}>\n          {theStagesRegion}\n          {theTodoRegion}\n          { deferLoadInfo.length > 0 && <DeferLoad getPConnect={getPConnect} name={deferLoadInfo[activeVertTab].config.name } isTab />}\n        </Grid>\n\n        <Grid item xs={3}>\n          {theUtilitiesRegion}\n        </Grid>\n      </Grid>\n      )\n    } else {\n      // displayOnlyFA - only show the \"todo\" region\n      return (\n        <Grid container>\n          <Grid item xs={12}>\n            {theTodoRegion}\n          </Grid>\n        </Grid>\n      )\n    }\n  }\n\n\n  return (\n      getContainerContents()\n  );\n}\n\nCaseView.defaultProps = {\n  icon: \"\",\n  children: [],\n  caseInfo: {},\n  showIconInHeader: true,\n  getPConnect: null\n};\n\nCaseView.propTypes = {\n  icon: PropTypes.string,\n  children: PropTypes.arrayOf(PropTypes.node),\n  subheader: PropTypes.string.isRequired,\n  header: PropTypes.string.isRequired,\n  showIconInHeader: PropTypes.bool,\n  caseInfo: PropTypes.objectOf(PropTypes.any),\n  getPConnect: PropTypes.func\n};\n"]}
+{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport React, { useState, useEffect, useContext } from 'react';\nimport { Utils } from '../../helpers/utils';\nimport { Card, CardHeader, Avatar, Typography, Divider } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\n\nimport StoreContext from '../../../bridge/Context/StoreContext';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  icon: string,\n  children: Array<any>,\n  subheader: string,\n  header: string,\n  showIconInHeader: boolean,\n  caseInfo: any,\n}\n\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 2 errors)\ndeclare const PCore: any;\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  caseViewHeader: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.getContrastText(theme.palette.info.light),\n    borderRadius: 'inherit'\n  },\n  caseViewIconBox: {\n    backgroundColor: theme.palette.info.dark,\n    width: theme.spacing(8),\n    height: theme.spacing(8),\n    padding: theme.spacing(1)\n  },\n  caseViewIconImage: {\n    filter: 'invert(100%)'\n  }\n}));\n\nexport default function CaseView(props: CaseViewProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseViewActionsMenu = getComponentFromMap(\"CaseViewActionsMenu\");\n  const VerticalTabs = getComponentFromMap(\"VerticalTabs\");\n  const DeferLoad = getComponentFromMap(\"DeferLoad\");\n\n  const {\n    getPConnect,\n    icon = '',\n    header,\n    subheader,\n    children = [],\n    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n    showIconInHeader = true,\n    caseInfo: {\n      availableActions = [],\n      availableProcesses = [],\n      hasNewAttachments,\n      caseTypeID = '',\n      caseTypeName = ''\n    }\n  } = props;\n  const currentCaseID = props.caseInfo.ID;\n  let isComponentMounted = true;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const thePConn = getPConnect();\n\n  const classes = useStyles();\n\n  const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  /**\n   *\n   * @param inName the metadata <em>name</em> that will cause a region to be returned\n   */\n  function getChildRegionByName(inName: string): any {\n    for (const child of children) {\n      const theMetadataType: string = child.props\n        .getPConnect()\n        .getRawMetadata()\n        ['type'].toLowerCase();\n      const theMetadataName: string = child.props\n        .getPConnect()\n        .getRawMetadata()\n        ['name'].toLowerCase();\n\n      if (theMetadataType === 'region' && theMetadataName === inName) {\n        return child;\n      }\n    }\n\n    return null;\n  }\n\n  const theSummaryRegion = getChildRegionByName('summary');\n  const theStagesRegion = getChildRegionByName('stages');\n  const theTodoRegion = getChildRegionByName('todo');\n  const theUtilitiesRegion = getChildRegionByName('utilities');\n  const theTabsRegion = getChildRegionByName('tabs');\n\n  const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());\n\n  const [activeVertTab, setActiveVertTab] = useState(0);\n\n  // const tmpLoadData1 = { config: { label: \"Details\", name: \"pyDetailsTabContent\" }, type: \"DeferLoad\" };\n  // const tmpLoadData2 = { config: { label: \"Case History\", name: \"CaseHistory\" }, type: \"DeferLoad\" };\n\n  // Extract the tabs we need to display from theTabsRegion (one tab per entry in theTabsRegionChildren)\n  const theTabsRegionChildren = theTabsRegion.props.getPConnect().getChildren();\n\n  // vertTabInfo is sent to VerticalTabs component\n  const vertTabInfo: Array<Object> = [];\n\n  // deferLoadInfo is sent to DeferLoad component (currently selected entry)\n  const deferLoadInfo: Array<any> = [];\n\n  if (theTabsRegionChildren) {\n    // populate vertTabInfo and deferLoadInfo\n    theTabsRegionChildren.forEach((tabComp, index) => {\n      const theTabCompConfig = tabComp.getPConnect().getConfigProps();\n      // eslint-disable-next-line prefer-const\n      let { label, inheritedProps } = theTabCompConfig;\n      // For some tabs, \"label\" property is not avaialable in theTabCompConfig, so will get them from inheritedProps\n      if (!label) {\n        inheritedProps.forEach(inheritedProp => {\n          if (inheritedProp.prop === 'label') {\n            label = inheritedProp.value;\n          }\n        });\n      }\n      // We'll display the tabs when either visibility property doesn't exist or is true(if exists)\n      if (theTabCompConfig.visibility === undefined || theTabCompConfig.visibility === true) {\n        vertTabInfo.push({ name: label, id: index });\n        deferLoadInfo.push({ type: 'DeferLoad', config: theTabCompConfig });\n      }\n    });\n  }\n\n  function handleVerticalTabClick(eventDetail: any) {\n    const theItem = parseInt(eventDetail.additionalData.itemClicked, 10);\n\n    // only call useEffectSetter if the component is mounted\n    if (isComponentMounted) {\n      setActiveVertTab(theItem);\n    }\n  }\n\n  // Add and Remove event listener for VerticalTabClick only at startup and teardown\n  useEffect(() => {\n    document.addEventListener('VerticalTabClick', (event: any) => {\n      handleVerticalTabClick(event.detail);\n    });\n\n    return (): void => {\n      // inform that the component is unmounted so other code can\n      //  know not to try to call useState setters (to avoid console warnings)\n      isComponentMounted = false;\n\n      document.removeEventListener('VerticalTabClick', (event: any) => {\n        handleVerticalTabClick(event.detail);\n      });\n    };\n  }, []);\n\n  useEffect(() => {\n    if (hasNewAttachments) {\n      PCore.getPubSubUtils().publish(\n        PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW,\n        true\n      );\n    }\n  }, [hasNewAttachments]);\n\n  function _editClick() {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(editAction.ID, { ...editAction });\n  }\n\n  function getActionButtonsHtml(): any {\n    const aBHtml = (\n      <Box>\n        {editAction && (\n          <Button\n            onClick={() => {\n              _editClick();\n            }}\n          >\n            {localizedVal('Edit', localeCategory)}\n          </Button>\n        )}\n        <CaseViewActionsMenu\n          getPConnect={getPConnect}\n          availableActions={availableActions}\n          availableProcesses={availableProcesses}\n          caseTypeName={caseTypeName}\n          caseTypeID={caseTypeID}\n        />\n      </Box>\n    );\n\n    return aBHtml;\n  }\n\n  function getContainerContents() {\n    if (!displayOnlyFA) {\n      // show full portal\n      return (\n        <Grid container>\n          <Grid item xs={3}>\n            <div hidden={true} id='current-caseID'>\n              {currentCaseID}\n            </div>\n            <Card className={classes.root}>\n              <CardHeader\n                className={classes.caseViewHeader}\n                title={\n                  <Typography variant='h6' component='div'>\n                    {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}\n                  </Typography>\n                }\n                subheader={\n                  <Typography variant='body1' component='div' id='caseId'>\n                    {subheader}\n                  </Typography>\n                }\n                avatar={\n                  <Avatar className={classes.caseViewIconBox} variant='square'>\n                    <img src={svgCase} className={classes.caseViewIconImage} />\n                  </Avatar>\n                }\n              />\n              {getActionButtonsHtml()}\n              <Divider />\n              {theSummaryRegion}\n              <Divider />\n              {vertTabInfo.length > 1 && <VerticalTabs tabconfig={vertTabInfo} />}\n            </Card>\n          </Grid>\n\n          <Grid item xs={6}>\n            {theStagesRegion}\n            {theTodoRegion}\n            {deferLoadInfo.length > 0 && (\n              <DeferLoad\n                getPConnect={getPConnect}\n                name={deferLoadInfo[activeVertTab].config.name}\n                isTab\n              />\n            )}\n          </Grid>\n\n          <Grid item xs={3}>\n            {theUtilitiesRegion}\n          </Grid>\n        </Grid>\n      );\n    } else {\n      // displayOnlyFA - only show the \"todo\" region\n      return (\n        <Grid container>\n          <Grid item xs={12}>\n            {theTodoRegion}\n          </Grid>\n        </Grid>\n      );\n    }\n  }\n\n  return getContainerContents();\n}\n"]}

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

@@ -1,16 +1,11 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function CaseViewActionsMenu(props: any): JSX.Element;
-declare namespace CaseViewActionsMenu {
-    var defaultProps: {
-        availableActions: never[];
-        availableProcesses: never[];
-    };
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        availableActions: PropTypes.Requireable<(object | null | undefined)[]>;
-        availableProcesses: PropTypes.Requireable<any[]>;
-    };
+import type { PConnProps } from '../../../types/PConnProps';
+interface CaseViewActionsMenuProps extends PConnProps {
+    availableActions: Array<any>;
+    availableProcesses: Array<any>;
+    caseTypeID: string;
+    caseTypeName: string;
 }
-export default CaseViewActionsMenu;
+export default function CaseViewActionsMenu(props: CaseViewActionsMenuProps): JSX.Element;
+export {};
 //# sourceMappingURL=CaseViewActionsMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseViewActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,mBAAmB,CAAC,KAAK,KAAA,eAuDhD;kBAvDuB,mBAAmB;;;;;;;;;;;eAAnB,mBAAmB"}
+{"version":3,"file":"CaseViewActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7B,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAGD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAC,wBAAwB,eAyDzE"}

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

@@ -1,11 +1,13 @@
 import React, { useState } from 'react';
-import PropTypes from "prop-types";
 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);
@@ -21,23 +23,14 @@ export default function CaseViewActionsMenu(props) {
         // after doing the action, close the menu...
         handleClose();
     }
-    availableActions.forEach((action) => {
-        arMenuItems.push(React.createElement(MenuItem, { key: action.ID, onClick: () => _actionMenuActionsClick(action) }, action.name));
+    availableActions.forEach(action => {
+        arMenuItems.push(React.createElement(MenuItem, { key: action.ID, onClick: () => _actionMenuActionsClick(action) }, localizedVal(action.name, '', localeKey)));
     });
-    availableProcesses.forEach((process) => {
+    availableProcesses.forEach(process => {
         arMenuItems.push(React.createElement(MenuItem, { onClick: handleClose }, process.name));
     });
     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)));
+        React.createElement(Button, { "aria-controls": 'simple-menu', "aria-haspopup": 'true', onClick: handleClick }, localizedVal('Actions...', localeCategory)),
+        React.createElement(Menu, { id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, 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":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAYlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAA8B;IACxE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,SAAS,GAAG,GAAG,UAAU,SAAS,YAAY,EAAE,CAAC,WAAW,EAAE,CAAC;IAErE,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;IAEnC,SAAS,uBAAuB,CAAC,IAAI;QACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC5C,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEpE,eAAe,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QAC/E,4CAA4C;QAC5C,WAAW,EAAE,CAAC;IAChB,CAAC;IAED,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAChC,WAAW,CAAC,IAAI,CACd,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,IACrE,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,CAAC,CAChC,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,oBAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,IAAG,OAAO,CAAC,IAAI,CAAY,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,MAAM,qBAAe,aAAa,mBAAe,MAAM,EAAC,OAAO,EAAE,WAAW,IAC1E,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CACpC;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","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';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewActionsMenuProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  availableActions: Array<any>,\n  availableProcesses: Array<any>,\n  caseTypeID: string,\n  caseTypeName: string\n}\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: Array<any> = [];\n\n  function _actionMenuActionsClick(data) {\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  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(<MenuItem onClick={handleClose}>{process.name}</MenuItem>);\n  });\n\n  return (\n    <React.Fragment>\n      <Button aria-controls='simple-menu' aria-haspopup='true' onClick={handleClick}>\n        {localizedVal('Actions...', localeCategory)}\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"]}

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

@@ -1,20 +1,14 @@
 /// <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 type { PConnProps } from '../../../types/PConnProps';
+interface ConfirmationProps extends PConnProps {
+    children: Array<any>;
+    datasource: {
+        source: any;
     };
+    label: string;
+    showLabel: boolean;
+    showTasks: boolean;
 }
-export default Confirmation;
+export default function Confirmation(props: 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":";AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAI5D,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,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,sBA2C5D"}

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

@@ -1,14 +1,11 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable no-unused-vars */
 /* 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 React, { useState } from 'react';
 import { Button, Card, makeStyles } from '@material-ui/core';
-const useStyles = makeStyles(theme => ({
+import { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+const useStyles = makeStyles((theme) => ({
     root: {
         paddingRight: theme.spacing(1),
         paddingLeft: theme.spacing(1),
@@ -21,6 +18,9 @@ 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);
@@ -28,7 +28,7 @@ export default function Confirmation(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 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 = () => {
@@ -40,22 +40,11 @@ export default function Confirmation(props) {
     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 : ''),
+        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,
+        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;
+            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;
 }
-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 @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable no-nested-ternary */\nimport React, { useState } from 'react';\nimport { Button, Card, makeStyles } from '@material-ui/core';\nimport { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\n// Confirmation does NOT have getPConnect. So, no need to extend from PConnProps\n\ninterface ConfirmationProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>;\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: 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, 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(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,2 @@
-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>;
-    };
-}
-export default DataReference;
+export default function DataReference(props: any): any;
 //# 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":"AA4BA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,KAAA,OAmQ1C"}

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

@@ -1,9 +1,26 @@
 import React, { useMemo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import SingleReferenceReadonly from '../SingleReferenceReadOnly';
-import MultiReferenceReadonly from '../MultiReferenceReadOnly';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+// import type { PConnProps } from '../../../types/PConnProps';
+// ReferenceProps can't be used until getComponentConfig() is NOT private
+// interface DataReferenceProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   children: Array<any>,
+//   label: string,
+//   showLabel: any,
+//   displayMode: string,
+//   allowAndPersistChangesInReviewMode: boolean,
+//   referenceType: string,
+//   selectionMode: string,
+//   displayAs: string,
+//   ruleClass: string,
+//   parameters: Array<string>, // need to fix
+//   hideLabel: boolean
+// }
 const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };
-export default function DataReference(props) {
+export default function DataReference(props /*: DataReferenceProps */) {
+    // 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();
@@ -13,9 +30,9 @@ export default function DataReference(props) {
         propsToUse.label = '';
     }
     const rawViewMetadata = pConn.getRawMetadata();
-    const viewName = rawViewMetadata.name;
-    const [firstChildMeta] = rawViewMetadata.children;
-    const refList = rawViewMetadata.config.referenceList;
+    const viewName = rawViewMetadata["name"];
+    const [firstChildMeta] = rawViewMetadata["children"];
+    const refList = rawViewMetadata["config"].referenceList;
     const canBeChangedInReviewMode = allowAndPersistChangesInReviewMode && (displayAs === 'autocomplete' || displayAs === 'dropdown');
     let propName;
     const isDisplayModeEnabled = ['LABELS_LEFT', 'STACKED_LARGE_VAL'].includes(displayMode);
@@ -23,7 +40,7 @@ export default function DataReference(props) {
     /* 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) {
+            rawViewMetadata["config"]?.parameters) {
             const { value, key, text } = firstChildMeta.config.datasource.fields;
             PCore.getDataApiUtils()
                 .getData(refList, {
@@ -62,14 +79,14 @@ export default function DataReference(props) {
             delete firstChildMeta.config.readOnly;
         }
         if (firstChildMeta?.type === 'Dropdown') {
-            firstChildMeta.config.datasource.source = rawViewMetadata.config?.parameters
+            firstChildMeta.config.datasource.source = rawViewMetadata["config"]?.parameters
                 ? dropDownDataSource
                 : '@DATASOURCE '.concat(refList).concat('.pxResults');
         }
         else if (firstChildMeta?.type === 'AutoComplete') {
             firstChildMeta.config.datasource = refList;
             /* Insert the parameters to the component only if present */
-            if (rawViewMetadata.config?.parameters) {
+            if (rawViewMetadata["config"]?.parameters) {
                 firstChildMeta.config.parameters = parameters;
             }
         }
@@ -87,10 +104,10 @@ export default function DataReference(props) {
     const handleSelection = event => {
         const caseKey = pConn.getCaseInfo().getKey();
         const refreshOptions = { autoDetectRefresh: true };
-        if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName')) {
+        if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName', '')) { // 2nd arg empty string until typedef marked correctly
             getPConnect()
                 .getActionsApi()
-                .refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName'), null, refreshOptions);
+                .refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName', ''), null, refreshOptions); // 2nd arg empty string until typedef marked correctly
             PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());
         }
         else {
@@ -138,17 +155,19 @@ export default function DataReference(props) {
         const { type, config } = firstChildMeta;
         if (firstChildMeta?.type !== 'Region') {
             pConn.clearErrorMessages({
-                property: propName
+                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 (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 }));
             }
             if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {
                 return (React.createElement(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 &&
+                rawViewMetadata["config"]?.parameters &&
                 dropDownDataSource === null) {
                 return null;
             }
@@ -161,17 +180,17 @@ export default function DataReference(props) {
                     disabled: propsToUse.disabled,
                     label: propsToUse.label,
                     viewName: getPConnect().getCurrentView(),
-                    parameters: rawViewMetadata.config.parameters,
+                    parameters: rawViewMetadata["config"].parameters,
                     readOnly: false,
-                    localeReference: rawViewMetadata.config.localeReference,
+                    localeReference: rawViewMetadata["config"].localeReference,
                     ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),
-                    dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name
-                        ? rawViewMetadata.config.name
+                    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,
@@ -182,7 +201,7 @@ export default function DataReference(props) {
     ]);
     // Only include the views region for rendering when it has content
     if (firstChildMeta?.type !== 'Region') {
-        const viewsRegion = rawViewMetadata.children[1];
+        const viewsRegion = rawViewMetadata["children"][1];
         if (viewsRegion?.name === 'Views' && viewsRegion.children.length) {
             childrenToRender = [recreatedFirstChild, ...children.slice(1)];
         }
@@ -192,30 +211,4 @@ export default function DataReference(props) {
     }
     return childrenToRender.length === 1 ? (childrenToRender[0] ?? null) : (React.createElement("div", null, childrenToRender.map(child => (React.createElement(React.Fragment, null, 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