@pega/react-sdk-components 0.23.26 → 0.23.28

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,gBAAgB,CAAC;AAExB,wCAAwC;AACxC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;CACF,CAAC,CAAC,CAAC;AAKJ,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK;IACpC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,WAAW,EACX,cAAc,EACd,UAAU,EACV,UAAU,EACV,iBAAiB,EAClB,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,6EAA6E;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IACjF,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,OAAO,CAAC,sBAAsB,EAAE,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IAC3C,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,gGAAgG;IAChG,6EAA6E;IAC7E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,6EAA6E;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;QAE5D,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvD,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,gBAAgB,EAAE,CAAC;YAC5D,MAAM,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YAC3B,OAAO,CACL,6BAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE;gBACrF,YAAY;gCACT,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,kFAAkF;QAClF,IACE,CAAC,UAAU;YACX,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;YACrD,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;YAC5C,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,EACjD;YACA,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAC3F,sBAAsB,CACvB,CAAC;YACF,UAAU,CAAC,eAAe,CAAC,CAAC;YAC5B,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,kBAAkB,EAAE,yBAAyB,CAAC,CAAC;SACzF;QACD,6EAA6E;aACxE;YACH,KAAK,CAAC,cAAc,EAAE;iBACnB,WAAW,CAAC,UAAU,CAAC;iBACvB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;iBAC9C,IAAI,CAAC,IAAI,CAAC,EAAE;gBACX,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACT,sCAAsC;gBACvC,OAAO,CAAC,KAAK,CACX,sEAAsE,UAAU,EAAE,CACnF,CAAC;YACJ,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,cAAc,KAAK,KAAK,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE;iBACnB,WAAW,CAAC,QAAQ,CAAC;iBACrB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;iBAC9C,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;SAClD;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO;YACL,MAAM,EAAE,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE;YAC1F,IAAI,EAAE,QAAQ;YACd,mBAAmB;SACpB,CAAC;IACJ,CAAC,CAAC;IAEF,SAAS,QAAQ,CAAC,QAAQ,EAAE,SAAS;QACnC,UAAU,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC3C,CAAC;IAED,SAAS,OAAO,CAAC,GAAG;QAClB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM,KAAK,GAAG,CAAC,KAAK;QAClB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACf,MAAM,IAAI,GAAG,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC;YAC3E,OAAO;gBACL,IAAI,EAAE,IAAI;gBACV,IAAI;gBACJ,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAC/C,MAAM,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS;gBACrC,OAAO,EAAE,GAAG,EAAE,CACZ,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,EAAE;oBAC5C,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC;oBAC7C,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;aACjC,CAAC;QACJ,CAAC,CAAC,CAAC;IAEP,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE;QACvB,2CAA2C;QAC3C,0GAA0G;QAC1G,+BAA+B;QAC/B,+DAA+D;QAC/D,yEAAyE;KAC1E;IAED,IAAI,cAAc,KAAK,KAAK,EAAE;QAC5B,OAAO,CACL,6BAAK,EAAE,EAAC,UAAU;YAChB,oBAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,WAAW,CAAC,cAAc,CACjC,gBAAgB,EAChB,EAAE,EACF,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CACvD,EACD,OAAO,EAAE;oBACP,QAAQ,EAAE,OAAO;oBACjB,OAAO,EAAE,WAAW,CAAC,cAAc,CACjC,gBAAgB,EAChB,EAAE,EACF,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CACvD;oBACD,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;iBACrE,EACD,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBACrC,OAAO,KAAK,KAAK,CAAC,CAAC;gBACrB,CAAC,CAAC,EACF,QAAQ,EAAE,WAAW,EAAE,EACvB,iBAAiB,EAAE,iBAAiB,GACpC;YACF,6BAAK,SAAS,EAAE,OAAO,CAAC,UAAU,IAAG,QAAQ,CAAO,CAChD,CAEP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QAC3C,6BAAK,EAAE,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxC,oBAAC,MAAM,IACL,KAAK,EAAE,WAAW,EAAE,EACpB,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACZ;YACV,6BAAK,SAAS,EAAE,OAAO,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC7C,CACc,CACvB,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,EAAE;CACb,CAAC;AACF,QAAQ,CAAC,SAAS,GAAG;IACnB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,iBAAiB;IAC7C,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;IAC1C,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;IAC3C,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Utils } from '../../helpers/utils';\nimport Avatar from '@material-ui/core/Avatar';\nimport { NavContext } from '../../helpers/reactContextHelpers';\nimport './AppShell.css';\n\n// AppShell can emit NavBar or WssNavBar\nimport NavBar from '../../infra/NavBar';\nimport WssNavBar from '../../template/WssNavBar';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  wsscontent: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  }\n}));\n\ndeclare const PCore;\n\n\nexport default function AppShell(props) {\n  const {\n    pages,\n    caseTypes,\n    showAppName,\n    children,\n    getPConnect,\n    portalTemplate,\n    portalName,\n    portalLogo,\n    navDisplayOptions\n  } = props;\n  const [open, setOpen] = useState(true);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [activeTab, setActiveTab] = useState(!pages ? null : pages[0]?.pyRuleName);\n  const pConn = getPConnect();\n  const envInfo = PCore.getEnvironmentInfo();\n  const imageKey = envInfo.getOperatorImageInsKey();\n  const userName = envInfo.getOperatorName();\n  const currentUserInitials = Utils.getInitials(userName);\n  const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : '';\n  const portalClass = pConn.getValue('.classID');\n  const envPortalName = envInfo.getPortalName();\n  const localeUtils = PCore.getLocaleUtils();\n  const classes = useStyles();\n  const actionsAPI = pConn.getActionsApi();\n  const localeReference = pConn.getValue('.pyLocaleReference');\n  const [imageBlobUrl, setImageBlobUrl] = useState(null);\n  // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [appName, setAppName] = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [mapChildren, setMapChildren] = useState([]);\n\n  // Initial setting of appName and mapChildren\n  useEffect(() => {\n    setAppName(PCore.getEnvironmentInfo().getApplicationName());\n\n    const tempMap = pConn.getChildren().map((child, index) => {\n      const theChildComp = child.getPConnect().getComponentName();\n      const theKey = `.${index}`;\n      return (\n        <div id={theChildComp} key={theKey} style={{ border: 'solid 1px silver', margin: '1px' }}>\n          {theChildComp} will be here\n        </div>\n      );\n    });\n\n    setMapChildren(tempMap);\n  }, []);\n\n  const [iconURL, setIconURL] = useState('');\n  const [fullIconURL, setFullIconURL] = useState('');\n  useEffect(() => {\n    // using the default icon then fetch it from the static folder (not auth involved)\n    if (\n      !portalLogo ||\n      portalLogo.toLowerCase().includes('pzpega-logo-mark') ||\n      portalLogo.toLowerCase().includes('py-logo') ||\n      portalLogo.toLowerCase().includes('py-full-logo')\n    ) {\n      const portalLogoImage = Utils.getIconPath(PCore.getAssetLoader().getStaticServerUrl()).concat(\n        'pzpega-logo-mark.svg'\n      );\n      setIconURL(portalLogoImage);\n      setFullIconURL(`${PCore.getAssetLoader().getStaticServerUrl()}static/py-full-logo.svg`);\n    }\n    // not using default icon to fetch it using the way which uses authentication\n    else {\n      PCore.getAssetLoader()\n        .getSvcImage(portalLogo)\n        .then(blob => window.URL.createObjectURL(blob))\n        .then(data => {\n          setIconURL(data);\n          setFullIconURL(data);\n        })\n        .catch(() => {\n           // eslint-disable-next-line no-console\n          console.error(\n            `Unable to load the image for the portal logo/icon with the insName:${portalLogo}`\n          );\n        });\n    }\n  }, [portalLogo]);\n\n  useEffect(() => {\n    if (imageKey && portalTemplate === 'wss') {\n      PCore.getAssetLoader()\n        .getSvcImage(imageKey)\n        .then(blob => window.URL.createObjectURL(blob))\n        .then(imagePath => setImageBlobUrl(imagePath));\n    }\n  }, []);\n\n  const getOperator = () => {\n    return {\n      avatar: portalTemplate !== 'wss' ? <Avatar /> : { name: userName, imageSrc: imageBlobUrl },\n      name: userName,\n      currentUserInitials\n    };\n  };\n\n  function showPage(viewName, className) {\n    actionsAPI.showPage(viewName, className);\n  }\n\n  function openURL(URL) {\n    window.open(URL, '_blank');\n  }\n\n  const links = !pages\n    ? []\n    : pages.map(page => {\n        const name = localeUtils.getLocaleValue(page.pyLabel, '', localeReference);\n        return {\n          text: name,\n          name,\n          icon: page.pxPageViewIcon.replace('pi pi-', ''),\n          active: page.pyRuleName === activeTab,\n          onClick: () =>\n            !page.pyURLContent || page.pyURLContent === ''\n              ? showPage(page.pyRuleName, page.pyClassName)\n              : openURL(page.pyURLContent)\n        };\n      });\n\n  if (pConn.hasChildren()) {\n    // const theChildren = pConn.getChildren();\n    // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});\n    // debugging/investigation help\n    // console.log(`AppShell has children: ${theChildren.length}`);\n    // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);\n  }\n\n  if (portalTemplate === 'wss') {\n    return (\n      <div id='AppShell'>\n        <WssNavBar\n          portalName={portalName}\n          imageSrc={iconURL}\n          fullImageSrc={fullIconURL}\n          appName={localeUtils.getLocaleValue(\n            appNameToDisplay,\n            '',\n            `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()\n          )}\n          appInfo={{\n            imageSrc: iconURL,\n            appName: localeUtils.getLocaleValue(\n              appNameToDisplay,\n              '',\n              `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()\n            ),\n            onClick: links[0] && links[0].onClick ? links[0].onClick : undefined\n          }}\n          navLinks={links.filter((link, index) => {\n            return index !== 0;\n          })}\n          operator={getOperator()}\n          navDisplayOptions={navDisplayOptions}\n        />\n        <div className={classes.wsscontent}>{children}</div>\n      </div>\n\n    );\n  }\n\n  return (\n    <NavContext.Provider value={{ open, setOpen }}>\n      <div id='AppShell' className={classes.root}>\n        <NavBar\n          pConn={getPConnect()}\n          appName={appNameToDisplay}\n          pages={pages}\n          caseTypes={caseTypes}\n        ></NavBar>\n        <div className={classes.content}>{children}</div>\n      </div>\n    </NavContext.Provider>\n  );\n}\n\nAppShell.defaultProps = {\n  pages: [],\n  caseTypes: [],\n  children: []\n};\nAppShell.propTypes = {\n  showAppName: PropTypes.bool /* .isRequired */,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  caseTypes: PropTypes.arrayOf(PropTypes.object),\n  children: PropTypes.arrayOf(PropTypes.node),\n  getPConnect: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Avatar from '@material-ui/core/Avatar';\n\nimport { Utils } from '../../helpers/utils';\nimport { NavContext } from '../../helpers/reactContextHelpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './AppShell.css';\n\ninterface AppShellProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showAppName: boolean;\n  pages: {\n    pxPageViewIcon: string;\n    pyClassName: string;\n    pyLabel: string;\n    pyRuleName: string;\n    pyURLContent: string;\n  }[];\n  caseTypes?: object[];\n  portalTemplate: string;\n  portalName: string;\n  portalLogo: string;\n  navDisplayOptions: { alignment: string; position: string };\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  wsscontent: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport default function AppShell(props: PropsWithChildren<AppShellProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const NavBar = getComponentFromMap('NavBar');\n  const WssNavBar = getComponentFromMap('WssNavBar');\n\n  const { pages = [], caseTypes = [], showAppName, children = [], getPConnect, portalTemplate, portalName, portalLogo, navDisplayOptions } = props;\n\n  const [open, setOpen] = useState(true);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [activeTab, setActiveTab] = useState(!pages ? null : pages[0]?.pyRuleName);\n  const pConn = getPConnect();\n  const envInfo = PCore.getEnvironmentInfo();\n  const imageKey = envInfo.getOperatorImageInsKey();\n  const userName = envInfo.getOperatorName();\n  const currentUserInitials = Utils.getInitials(userName);\n  const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : '';\n  const portalClass = pConn.getValue('.classID', ''); // 2nd arg empty string until typedef marked correctly\n  const envPortalName = envInfo.getPortalName();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n\n  const classes = useStyles();\n  const actionsAPI = pConn.getActionsApi();\n  const localeReference = pConn.getValue('.pyLocaleReference', ''); // 2nd arg empty string until typedef marked correctly\n  const [imageBlobUrl, setImageBlobUrl] = useState<string | null>(null);\n  // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [appName, setAppName] = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [mapChildren, setMapChildren] = useState([]);\n\n  // Initial setting of appName and mapChildren\n  useEffect(() => {\n    setAppName(PCore.getEnvironmentInfo().getApplicationName());\n\n    const tempMap: any = (pConn.getChildren() as any)?.map((child: any, index) => {\n      const theChildComp = child.getPConnect().getComponentName();\n      const theKey = `.${index}`;\n      return (\n        <div id={theChildComp} key={theKey} style={{ border: 'solid 1px silver', margin: '1px' }}>\n          {theChildComp} will be here\n        </div>\n      );\n    });\n\n    setMapChildren(tempMap);\n  }, []);\n\n  const [iconURL, setIconURL] = useState('');\n  const [fullIconURL, setFullIconURL] = useState('');\n  useEffect(() => {\n    // using the default icon then fetch it from the static folder (not auth involved)\n    if (\n      !portalLogo ||\n      portalLogo.toLowerCase().includes('pzpega-logo-mark') ||\n      portalLogo.toLowerCase().includes('py-logo') ||\n      portalLogo.toLowerCase().includes('py-full-logo')\n    ) {\n      const portalLogoImage = Utils.getIconPath(Utils.getSDKStaticConentUrl()).concat('pzpega-logo-mark.svg');\n      setIconURL(portalLogoImage);\n      setFullIconURL(`${Utils.getSDKStaticConentUrl()}static/py-full-logo.svg`);\n    }\n    // not using default icon to fetch it using the way which uses authentication\n    else {\n      PCore.getAssetLoader()\n        .getSvcImage(portalLogo)\n        .then(blob => window.URL.createObjectURL(blob))\n        .then(data => {\n          setIconURL(data);\n          setFullIconURL(data);\n        })\n        .catch(() => {\n          // eslint-disable-next-line no-console\n          console.error(`${localizedVal('Unable to load the image for the portal logo/icon with the insName', 'AppShell')}:${portalLogo}`);\n        });\n    }\n  }, [portalLogo]);\n\n  useEffect(() => {\n    if (imageKey && portalTemplate === 'wss') {\n      PCore.getAssetLoader()\n        .getSvcImage(imageKey)\n        .then(blob => window.URL.createObjectURL(blob))\n        .then(imagePath => setImageBlobUrl(imagePath));\n    }\n  }, []);\n\n  const getOperator = () => {\n    return {\n      avatar: portalTemplate !== 'wss' ? <Avatar /> : { name: userName, imageSrc: imageBlobUrl },\n      name: userName,\n      currentUserInitials\n    };\n  };\n\n  function showPage(viewName, className) {\n    actionsAPI.showPage(viewName, className);\n  }\n\n  function openURL(URL) {\n    window.open(URL, '_blank');\n  }\n\n  const links = !pages\n    ? []\n    : pages.map(page => {\n        const name = localizedVal(page.pyLabel, '', localeReference);\n        return {\n          text: name,\n          name,\n          icon: page.pxPageViewIcon.replace('pi pi-', ''),\n          active: page.pyRuleName === activeTab,\n          onClick: () => (!page.pyURLContent || page.pyURLContent === '' ? showPage(page.pyRuleName, page.pyClassName) : openURL(page.pyURLContent))\n        };\n      });\n\n  if (pConn.hasChildren()) {\n    // const theChildren = pConn.getChildren();\n    // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});\n    // debugging/investigation help\n    // console.log(`AppShell has children: ${theChildren.length}`);\n    // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);\n  }\n\n  if (portalTemplate === 'wss') {\n    return (\n      <div id='AppShell'>\n        <WssNavBar\n          portalName={portalName}\n          imageSrc={iconURL}\n          fullImageSrc={fullIconURL}\n          appName={localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase())}\n          appInfo={{\n            imageSrc: iconURL,\n            appName: localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()),\n            onClick: links[0] && /* links[0].onClick ? */ links[0].onClick /* : undefined */\n          }}\n          navLinks={links.filter((link, index) => {\n            return index !== 0;\n          })}\n          operator={getOperator()}\n          navDisplayOptions={navDisplayOptions}\n        />\n        <div className={classes.wsscontent}>{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <NavContext.Provider value={{ open, setOpen }}>\n      <div id='AppShell' className={classes.root}>\n        <NavBar\n          getPConnect={getPConnect}\n          pConn={getPConnect()}\n          appName={localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase())}\n          pages={pages}\n          caseTypes={caseTypes}\n        />\n        <div className={classes.content}>{children}</div>\n      </div>\n    </NavContext.Provider>\n  );\n}\n"]}

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

@@ -1,26 +1,14 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function BannerPage(props: any): JSX.Element;
-declare namespace BannerPage {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        layout: PropTypes.Requireable<string>;
-        heading: PropTypes.Requireable<string>;
-        message: PropTypes.Requireable<string>;
-        imageTheme: PropTypes.Requireable<string>;
-        backgroundImage: PropTypes.Requireable<string>;
-        backgroundColor: PropTypes.Requireable<string>;
-        tintImage: PropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        layout: string;
-        heading: string;
-        message: string;
-        imageTheme: string;
-        backgroundImage: string;
-        backgroundColor: string;
-        tintImage: boolean;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface BannerPageProps extends PConnProps {
+    layout?: string;
+    heading?: string;
+    message?: string;
+    imageTheme?: string;
+    backgroundImage?: string;
+    backgroundColor?: string;
+    tintImage?: boolean;
 }
-export default BannerPage;
+export default function BannerPage(props: PropsWithChildren<BannerPageProps>): JSX.Element;
+export {};
 //# sourceMappingURL=BannerPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,iBAAwB,UAAU,CAAC,KAAK,KAAA,eA+BvC;kBA/BuB,UAAU;;;;;;;;;;;;;;;;;;;;;eAAV,UAAU"}
+{"version":3,"file":"BannerPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAKD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,eAkC3E"}

package/lib/components/template/BannerPage/BannerPage.js

@@ -1,16 +1,17 @@
-import { useMemo, Children } from 'react';
-import PropTypes from 'prop-types';
-import Banner from '../../designSystemExtension/Banner';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, useMemo } from 'react';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 /*
  * BannerPage template.
  */
 export default function BannerPage(props) {
-    const { children, layout, heading, message, imageTheme, backgroundImage, backgroundColor, tintImage } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const Banner = getComponentFromMap('Banner');
+    const { children, layout = 'two-column', heading = '', message = '', imageTheme = 'light', backgroundImage = '', backgroundColor = '', tintImage = false } = props;
     const childArray = useMemo(() => {
         return Children.toArray(children);
     }, [children]);
-    return (React.createElement(Banner, { variant: layout, a: childArray[0], b: childArray[1], banner: {
+    return (_jsx(Banner, { variant: layout, a: childArray[0], b: childArray[1], banner: {
             variant: imageTheme,
             backgroundColor,
             title: heading,
@@ -19,23 +20,4 @@ export default function BannerPage(props) {
             tintImage
         } }));
 }
-BannerPage.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    layout: PropTypes.string,
-    heading: PropTypes.string,
-    message: PropTypes.string,
-    imageTheme: PropTypes.string,
-    backgroundImage: PropTypes.string,
-    backgroundColor: PropTypes.string,
-    tintImage: PropTypes.bool
-};
-BannerPage.defaultProps = {
-    layout: 'two-column',
-    heading: '',
-    message: '',
-    imageTheme: 'light',
-    backgroundImage: '',
-    backgroundColor: '',
-    tintImage: false
-};
 //# sourceMappingURL=BannerPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,oCAAoC,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK;IACtC,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,UAAU,EACV,eAAe,EACf,eAAe,EACf,SAAS,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,MAAM,EAAE;YACN,OAAO,EAAE,UAAU;YACnB,eAAe;YACf,KAAK,EAAE,OAAO;YACd,OAAO;YACP,eAAe;YACf,SAAS;SACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,OAAO;IACnB,eAAe,EAAE,EAAE;IACnB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,KAAK;CACjB,CAAC","sourcesContent":["import { useMemo, Children } from 'react';\nimport PropTypes from 'prop-types';\nimport Banner from '../../designSystemExtension/Banner';\nimport React from 'react';\n\n/*\n * BannerPage template.\n */\nexport default function BannerPage(props) {\n  const {\n    children,\n    layout,\n    heading,\n    message,\n    imageTheme,\n    backgroundImage,\n    backgroundColor,\n    tintImage\n  } = props;\n\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  return (\n    <Banner\n      variant={layout}\n      a={childArray[0]}\n      b={childArray[1]}\n      banner={{\n        variant: imageTheme,\n        backgroundColor,\n        title: heading,\n        message,\n        backgroundImage,\n        tintImage\n      }}\n    />\n  );\n}\n\nBannerPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  layout: PropTypes.string,\n  heading: PropTypes.string,\n  message: PropTypes.string,\n  imageTheme: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  tintImage: PropTypes.bool\n};\n\nBannerPage.defaultProps = {\n  layout: 'two-column',\n  heading: '',\n  message: '',\n  imageTheme: 'light',\n  backgroundImage: '',\n  backgroundColor: '',\n  tintImage: false\n};\n"]}
+{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,8EAA8E;IAC9E,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,EAAE,EACpB,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,KAAK,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,MAAM,EAAE;YACN,OAAO,EAAE,UAAU;YACnB,eAAe;YACf,KAAK,EAAE,OAAO;YACd,OAAO;YACP,eAAe;YACf,SAAS;SACV,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren, useMemo } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface BannerPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  layout?: string;\n  heading?: string;\n  message?: string;\n  imageTheme?: string;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  tintImage?: boolean;\n}\n\n/*\n * BannerPage template.\n */\nexport default function BannerPage(props: PropsWithChildren<BannerPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const Banner = getComponentFromMap('Banner');\n\n  const {\n    children,\n    layout = 'two-column',\n    heading = '',\n    message = '',\n    imageTheme = 'light',\n    backgroundImage = '',\n    backgroundColor = '',\n    tintImage = false\n  } = props;\n\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  return (\n    <Banner\n      variant={layout}\n      a={childArray[0]}\n      b={childArray[1]}\n      banner={{\n        variant: imageTheme,\n        backgroundColor,\n        title: heading,\n        message,\n        backgroundImage,\n        tintImage\n      }}\n    />\n  );\n}\n"]}

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

@@ -1,10 +1,7 @@
-/// <reference types="react" />
-import PropTypes from "prop-types";
-declare function CaseSummary(props: any): JSX.Element;
-declare namespace CaseSummary {
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface CaseSummaryProps extends PConnProps {
 }
-export default CaseSummary;
+export default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>): JSX.Element;
+export {};
 //# sourceMappingURL=CaseSummary.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAwCxC;kBAxCuB,WAAW;;;;;eAAX,WAAW"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,gBAAiB,SAAQ,UAAU;CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,eA8C7E"}

package/lib/components/template/CaseSummary/CaseSummary.js

@@ -1,11 +1,14 @@
-import React from "react";
-import PropTypes from "prop-types";
-import CaseSummaryFields from '../../designSystemExtension/CaseSummaryFields';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function CaseSummary(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');
     const { getPConnect, children } = props;
     const thePConn = getPConnect();
     const theConfigProps = thePConn.getConfigProps();
-    const { status, showStatus } = theConfigProps;
+    // const { status, showStatus } = theConfigProps;
+    const status = theConfigProps.status;
+    const showStatus = theConfigProps.showStatus;
     // from Constellation DX Components
     // get the primary and secondary fields with the raw data (which has the non-resolved property values)
     // const regionsRaw = getPConnect().getRawMetadata().children;
@@ -18,10 +21,10 @@ export default function CaseSummary(props) {
     for (const child of children) {
         const childPConn = child.props.getPConnect();
         const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());
-        if (childPConnData.name.toLowerCase() === "primary fields") {
+        if (childPConnData.name.toLowerCase() === 'primary fields') {
             arPrimaryFields = childPConnData.children;
         }
-        else if (childPConnData.name.toLowerCase() === "secondary fields") {
+        else if (childPConnData.name.toLowerCase() === 'secondary fields') {
             arSecondaryFields = childPConnData.children;
         }
     }
@@ -30,11 +33,6 @@ export default function CaseSummary(props) {
     // debugging/investigation help
     // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);
     // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);
-    return (React.createElement("div", { id: "CaseSummary" },
-        React.createElement(CaseSummaryFields, { status: status, showStatus: showStatus, theFields: arPrimaryFields }),
-        React.createElement(CaseSummaryFields, { theFields: arSecondaryFields })));
+    return (_jsxs("div", { id: 'CaseSummary', children: [_jsx(CaseSummaryFields, { status: status, showStatus: showStatus, theFields: arPrimaryFields }), _jsx(CaseSummaryFields, { theFields: arSecondaryFields })] }));
 }
-CaseSummary.propTypes = {
-    getPConnect: PropTypes.func.isRequired
-};
 //# sourceMappingURL=CaseSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,iBAAiB,MAAM,+CAA+C,CAAC;AAE9E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC;IAE9C,mCAAmC;IACnC,sGAAsG;IACtG,8DAA8D;IAC9D,mDAAmD;IACnD,qDAAqD;IAErD,kBAAkB;IAClB,uDAAuD;IACvD,IAAI,eAAe,GAAc,EAAE,CAAC;IACpC,IAAI,iBAAiB,GAAc,EAAE,CAAC;IAEtC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;QAClF,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;YAC1D,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC3C;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;YACnE,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC7C;KACF;IAED,+EAA+E;IAC/E,uDAAuD;IAEvD,+BAA+B;IAC/B,mFAAmF;IACnF,uFAAuF;IAEvF,OAAO,CACL,6BAAK,EAAE,EAAC,aAAa;QACnB,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,GAAI;QACzF,oBAAC,iBAAiB,IAAC,SAAS,EAAE,iBAAiB,GAAI,CAC/C,CACP,CAAA;AACH,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport CaseSummaryFields from '../../designSystemExtension/CaseSummaryFields';\n\nexport default function CaseSummary(props) {\n  const { getPConnect, children } = props;\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const { status, showStatus } = theConfigProps;\n\n  // from Constellation DX Components\n  // get the primary and secondary fields with the raw data (which has the non-resolved property values)\n  // const regionsRaw = getPConnect().getRawMetadata().children;\n  // const primaryFieldsRaw = regionsRaw[0].children;\n  // const secondaryFieldsRaw = regionsRaw[1].children;\n\n  // From other SDKs\n  // may want to move these into useEffect/useState combo\n  let arPrimaryFields:Array<any> = [];\n  let arSecondaryFields:Array<any> = [];\n\n  for (const child of children) {\n    const childPConn = child.props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === \"primary fields\") {\n      arPrimaryFields = childPConnData.children;\n    } else if (childPConnData.name.toLowerCase() === \"secondary fields\") {\n      arSecondaryFields = childPConnData.children;\n    }\n  }\n\n  // At this point, should hand off to another component for layout and rendering\n  //  of primary and secondary fields in the Case Summary\n\n  // debugging/investigation help\n  // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);\n  // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);\n\n  return (\n    <div id=\"CaseSummary\">\n      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />\n      <CaseSummaryFields theFields={arSecondaryFields} />\n    </div>\n  )\n}\n\nCaseSummary.propTypes = {\n  getPConnect: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAA0C;IAC5E,8EAA8E;IAC9E,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAEnE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAQ,QAAQ,CAAC,cAAc,EAAE,CAAC;IACtD,iDAAiD;IACjD,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC;IACrC,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC;IAE7C,mCAAmC;IACnC,sGAAsG;IACtG,8DAA8D;IAC9D,mDAAmD;IACnD,qDAAqD;IAErD,kBAAkB;IAClB,uDAAuD;IACvD,IAAI,eAAe,GAAU,EAAE,CAAC;IAChC,IAAI,iBAAiB,GAAU,EAAE,CAAC;IAElC,KAAK,MAAM,KAAK,IAAI,QAA0B,EAAE;QAC9C,MAAM,UAAU,GAAI,KAAsB,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;QAClF,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;YAC1D,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC3C;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;YACnE,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC7C;KACF;IAED,+EAA+E;IAC/E,uDAAuD;IAEvD,+BAA+B;IAC/B,mFAAmF;IACnF,uFAAuF;IAEvF,OAAO,CACL,eAAK,EAAE,EAAC,aAAa,aACnB,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,GAAI,EACzF,KAAC,iBAAiB,IAAC,SAAS,EAAE,iBAAiB,GAAI,IAC/C,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseSummaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');\n\n  const { getPConnect, children } = props;\n\n  const thePConn = getPConnect();\n  const theConfigProps: any = thePConn.getConfigProps();\n  // const { status, showStatus } = theConfigProps;\n  const status = theConfigProps.status;\n  const showStatus = theConfigProps.showStatus;\n\n  // from Constellation DX Components\n  // get the primary and secondary fields with the raw data (which has the non-resolved property values)\n  // const regionsRaw = getPConnect().getRawMetadata().children;\n  // const primaryFieldsRaw = regionsRaw[0].children;\n  // const secondaryFieldsRaw = regionsRaw[1].children;\n\n  // From other SDKs\n  // may want to move these into useEffect/useState combo\n  let arPrimaryFields: any[] = [];\n  let arSecondaryFields: any[] = [];\n\n  for (const child of children as ReactElement[]) {\n    const childPConn = (child as ReactElement).props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === 'primary fields') {\n      arPrimaryFields = childPConnData.children;\n    } else if (childPConnData.name.toLowerCase() === 'secondary fields') {\n      arSecondaryFields = childPConnData.children;\n    }\n  }\n\n  // At this point, should hand off to another component for layout and rendering\n  //  of primary and secondary fields in the Case Summary\n\n  // debugging/investigation help\n  // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);\n  // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);\n\n  return (\n    <div id='CaseSummary'>\n      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />\n      <CaseSummaryFields theFields={arSecondaryFields} />\n    </div>\n  );\n}\n"]}

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

@@ -1,25 +1,12 @@
-/// <reference types="react" />
-import PropTypes from "prop-types";
-declare function CaseView(props: any): JSX.Element;
-declare namespace CaseView {
-    var defaultProps: {
-        icon: string;
-        children: never[];
-        caseInfo: {};
-        showIconInHeader: boolean;
-        getPConnect: null;
-    };
-    var propTypes: {
-        icon: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-        subheader: PropTypes.Validator<string>;
-        header: PropTypes.Validator<string>;
-        showIconInHeader: PropTypes.Requireable<boolean>;
-        caseInfo: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface CaseViewProps extends PConnProps {
+    icon: string;
+    subheader: string;
+    header: string;
+    showIconInHeader: boolean;
+    caseInfo: any;
 }
-export default CaseView;
+export default function CaseView(props: PropsWithChildren<CaseViewProps>): JSX.Element;
+export {};
 //# sourceMappingURL=CaseView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AA2CnC,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAiMrC;kBAjMuB,QAAQ;;;;;;;;;;;;;;;;;;;;eAAR,QAAQ"}
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAiD,MAAM,OAAO,CAAC;AAUzF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,aAAc,SAAQ,UAAU;IAExC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;CACf;AA6BD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,eAuNvE"}

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

@@ -1,17 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-boolean-value */
-import React, { useState, useEffect, useContext } from "react";
-import PropTypes from "prop-types";
-import { Utils } from '../../helpers/utils';
-import { Card, CardHeader, Avatar, Typography, Divider } from "@material-ui/core";
+import { useContext, useEffect, useState } from 'react';
+import { Avatar, Card, CardHeader, Divider, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Grid from '@material-ui/core/Grid';
-import StoreContext from "../../../bridge/Context/StoreContext";
-import CaseViewActionsMenu from "../CaseViewActionsMenu";
-import VerticalTabs from '../../infra/VerticalTabs/VerticalTabs';
-import DeferLoad from '../../infra/DeferLoad';
-const useStyles = makeStyles((theme) => ({
+import { Utils } from '../../helpers/utils';
+import StoreContext from '../../../bridge/Context/StoreContext';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
         paddingLeft: theme.spacing(1),
@@ -20,51 +18,60 @@ const useStyles = makeStyles((theme) => ({
         marginRight: theme.spacing(1),
         marginLeft: theme.spacing(1),
         marginTop: theme.spacing(1),
-        marginBottom: theme.spacing(1),
+        marginBottom: theme.spacing(1)
     },
     caseViewHeader: {
         backgroundColor: theme.palette.info.light,
         color: theme.palette.getContrastText(theme.palette.info.light),
-        borderRadius: "inherit",
+        borderRadius: 'inherit'
     },
     caseViewIconBox: {
         backgroundColor: theme.palette.info.dark,
         width: theme.spacing(8),
         height: theme.spacing(8),
-        padding: theme.spacing(1),
+        padding: theme.spacing(1)
     },
     caseViewIconImage: {
         filter: 'invert(100%)'
     }
 }));
 export default function CaseView(props) {
-    const { getPConnect, icon, header, subheader, children, caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments } } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');
+    const VerticalTabs = getComponentFromMap('VerticalTabs');
+    const DeferLoad = getComponentFromMap('DeferLoad');
+    const { getPConnect, icon = '', header, subheader, children = [], 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    showIconInHeader = true, caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '' } } = props;
     const currentCaseID = props.caseInfo.ID;
     let isComponentMounted = true;
     const { displayOnlyFA } = useContext(StoreContext);
     const thePConn = getPConnect();
     const classes = useStyles();
-    const editAction = availableActions.find((action) => action.ID === 'pyUpdateCaseDetails');
+    const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'CaseView';
+    const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();
     /**
      *
      * @param inName the metadata <em>name</em> that will cause a region to be returned
      */
     function getChildRegionByName(inName) {
         for (const child of children) {
-            const theMetadataType = child.props.getPConnect().getRawMetadata()['type'].toLowerCase();
-            const theMetadataName = child.props.getPConnect().getRawMetadata()['name'].toLowerCase();
-            if ((theMetadataType === "region") && (theMetadataName === inName)) {
+            const theMetadataType = child.props.getPConnect().getRawMetadata().type.toLowerCase();
+            const theMetadataName = child.props.getPConnect().getRawMetadata().name.toLowerCase();
+            if (theMetadataType === 'region' && theMetadataName === inName) {
                 return child;
             }
         }
         return null;
     }
-    const theSummaryRegion = getChildRegionByName("summary");
-    const theStagesRegion = getChildRegionByName("stages");
-    const theTodoRegion = getChildRegionByName("todo");
-    const theUtilitiesRegion = getChildRegionByName("utilities");
-    const theTabsRegion = getChildRegionByName("tabs");
-    const svgCase = Utils.getImageSrc(icon, PCore.getAssetLoader().getStaticServerUrl());
+    const theSummaryRegion = getChildRegionByName('summary');
+    const theStagesRegion = getChildRegionByName('stages');
+    const theTodoRegion = getChildRegionByName('todo');
+    const theUtilitiesRegion = getChildRegionByName('utilities');
+    const theTabsRegion = getChildRegionByName('tabs');
+    const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());
     const [activeVertTab, setActiveVertTab] = useState(0);
     // const tmpLoadData1 = { config: { label: "Details", name: "pyDetailsTabContent" }, type: "DeferLoad" };
     // const tmpLoadData2 = { config: { label: "Case History", name: "CaseHistory" }, type: "DeferLoad" };
@@ -118,62 +125,28 @@ export default function CaseView(props) {
     }, []);
     useEffect(() => {
         if (hasNewAttachments) {
+            // @ts-ignore - Argument of type 'boolean' is not assignable to parameter of type 'object'
             PCore.getPubSubUtils().publish(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);
         }
     }, [hasNewAttachments]);
     function _editClick() {
         const actionsAPI = thePConn.getActionsApi();
         const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);
-        openLocalAction(editAction.ID, { ...editAction });
+        openLocalAction(editAction.ID, { ...editAction, containerName: 'modal', type: 'express' });
     }
     function getActionButtonsHtml() {
-        const aBHtml = React.createElement(Box, null,
-            editAction && (React.createElement(Button, { onClick: () => { _editClick(); } }, "Edit")),
-            React.createElement(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses }));
-        return aBHtml;
+        return (_jsxs(Box, { children: [editAction && (_jsx(Button, { onClick: () => {
+                        _editClick();
+                    }, children: localizedVal('Edit', localeCategory) })), _jsx(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses, caseTypeName: caseTypeName, caseTypeID: caseTypeID })] }));
     }
     function getContainerContents() {
         if (!displayOnlyFA) {
             // show full portal
-            return (React.createElement(Grid, { container: true },
-                React.createElement(Grid, { item: true, xs: 3 },
-                    React.createElement("div", { hidden: true, id: "current-caseID" }, currentCaseID),
-                    React.createElement(Card, { className: classes.root },
-                        React.createElement(CardHeader, { className: classes.caseViewHeader, title: React.createElement(Typography, { variant: "h6", component: "div" }, header), subheader: React.createElement(Typography, { variant: "body1", component: "div", id: "caseId" }, subheader), avatar: React.createElement(Avatar, { className: classes.caseViewIconBox, variant: "square" },
-                                React.createElement("img", { src: svgCase, className: classes.caseViewIconImage })) }),
-                        getActionButtonsHtml(),
-                        React.createElement(Divider, null),
-                        theSummaryRegion,
-                        React.createElement(Divider, null),
-                        vertTabInfo.length > 1 && React.createElement(VerticalTabs, { tabconfig: vertTabInfo }))),
-                React.createElement(Grid, { item: true, xs: 6 },
-                    theStagesRegion,
-                    theTodoRegion,
-                    deferLoadInfo.length > 0 && React.createElement(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true })),
-                React.createElement(Grid, { item: true, xs: 3 }, theUtilitiesRegion)));
-        }
-        else {
-            // displayOnlyFA - only show the "todo" region
-            return (React.createElement(Grid, { container: true },
-                React.createElement(Grid, { item: true, xs: 12 }, theTodoRegion)));
+            return (_jsxs(Grid, { container: true, children: [_jsxs(Grid, { item: true, xs: 3, children: [_jsx("div", { hidden: true, id: 'current-caseID', children: currentCaseID }), _jsxs(Card, { className: classes.root, children: [_jsx(CardHeader, { className: classes.caseViewHeader, title: _jsx(Typography, { variant: 'h6', component: 'div', children: PCore.getLocaleUtils().getLocaleValue(header, '', localeKey) }), subheader: _jsx(Typography, { variant: 'body1', component: 'div', id: 'caseId', children: subheader }), avatar: _jsx(Avatar, { className: classes.caseViewIconBox, variant: 'square', children: _jsx("img", { src: svgCase, className: classes.caseViewIconImage }) }) }), getActionButtonsHtml(), _jsx(Divider, {}), theSummaryRegion, _jsx(Divider, {}), vertTabInfo.length > 1 && _jsx(VerticalTabs, { tabconfig: vertTabInfo })] })] }), _jsxs(Grid, { item: true, xs: 6, children: [theStagesRegion, theTodoRegion, deferLoadInfo.length > 0 && _jsx(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true })] }), _jsx(Grid, { item: true, xs: 3, children: theUtilitiesRegion })] }));
         }
+        // displayOnlyFA - only show the "todo" region
+        return (_jsx(Grid, { container: true, children: _jsx(Grid, { item: true, xs: 12, children: theTodoRegion }) }));
     }
-    return (getContainerContents());
+    return getContainerContents();
 }
-CaseView.defaultProps = {
-    icon: "",
-    children: [],
-    caseInfo: {},
-    showIconInHeader: true,
-    getPConnect: null
-};
-CaseView.propTypes = {
-    icon: PropTypes.string,
-    children: PropTypes.arrayOf(PropTypes.node),
-    subheader: PropTypes.string.isRequired,
-    header: PropTypes.string.isRequired,
-    showIconInHeader: PropTypes.bool,
-    caseInfo: PropTypes.objectOf(PropTypes.any),
-    getPConnect: PropTypes.func
-};
 //# sourceMappingURL=CaseView.js.map

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 { PropsWithChildren, ReactElement, useContext, useEffect, useState } from 'react';\nimport { Avatar, Card, CardHeader, Divider, Typography } 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 { Utils } from '../../helpers/utils';\nimport StoreContext from '../../../bridge/Context/StoreContext';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { 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  subheader: string;\n  header: string;\n  showIconInHeader: boolean;\n  caseInfo: 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: PropsWithChildren<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 @typescript-eslint/no-unused-vars\n    showIconInHeader = true,\n    caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '' }\n  } = props;\n\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 as ReactElement[]) {\n      const theMetadataType: string = (child as ReactElement).props.getPConnect().getRawMetadata().type.toLowerCase();\n      const theMetadataName: string = (child as ReactElement).props.getPConnect().getRawMetadata().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: Object[] = [];\n\n  // deferLoadInfo is sent to DeferLoad component (currently selected entry)\n  const deferLoadInfo: 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      // @ts-ignore - Argument of type 'boolean' is not assignable to parameter of type 'object'\n      PCore.getPubSubUtils().publish((PCore.getEvents().getCaseEvent() as any).CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);\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, containerName: 'modal', type: 'express' });\n  }\n\n  function getActionButtonsHtml(): any {\n    return (\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\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 && <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    }\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  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 { PConnProps } from '../../../types/PConnProps';
+interface CaseViewActionsMenuProps extends PConnProps {
+    availableActions: any[];
+    availableProcesses: 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":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,gBAAgB,EAAE,GAAG,EAAE,CAAC;IACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAoE1E"}