npm - @pega/react-sdk-components - Versions diffs - 0.23.17 → 0.23.19 - Mend

@pega/react-sdk-components 0.23.17 → 0.23.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { NavContext } from '../../helpers/reactContextHelpers';\n\n// import {\n// Avatar,\n// Toaster,\n// Banner,\n// AppShell as CosmosAppShell\n// } from \"@pega/cosmos-react-core\";\n\n// import createPConnectComponent from \"../../../bridge/react_pconnect\";\n// import { buildRecentList, onRecentClickHandler } from \"./Recents/utils\";\n\nimport './AppShell.css';\n\n// AppShell can emit NavBar and ViewContainer\nimport NavBar from '../../infra/NavBar';\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}));\n\ndeclare const PCore;\n\n\n/\n The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template. This could be a combination of things but it knows...\n /\nexport default function AppShell(props) {\n const {\n pages,\n caseTypes,\n showAppName,\n children,\n getPConnect,\n } = props;\n const [open, setOpen] = useState(true);\n\n const pConn = getPConnect();\n // const actionsAPI = pConn.getActionsApi();\n const envInfo = PCore.getEnvironmentInfo();\n\n // const bannerRef = useRef(null);\n // const hasBanner = httpMessages && httpMessages.length ? httpMessages.length > 0 : false;\n\n const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : \"\";\n\n const classes = useStyles();\n // let banners = null;\n // banners = hasBanner && (\n // <Banner\n // ref={bannerRef}\n // id=\"appShellBanner\"\n // variant=\"urgent\"\n // heading=\"Error\"\n // onDismiss={() =>\n // pConn.clearErrorMessages({\n // category: \"HTTP\",\n // context: null\n // })\n // }\n // messages={httpMessages}\n // />\n // );\n\n // useEffect(() => {\n // if (hasBanner && bannerRef.current) {\n // bannerRef.current.focus();\n // window.scrollTo(0, bannerRef.current.offsetTop);\n // }\n // }, [hasBanner]);\n\n /\n \n * Function to dispatch a show page action for the page links in\n * the left nav of the app shell\n \n @param {string} searchString Name of view to show\n /\n // function showSearchResults(searchString) {\n // if (searchString === \"\") {\n // actionsAPI.showPage(\"pySearchPage\", \"Data-Portal\");\n // return;\n // }\n // const searchTerm = searchString.replace(/['\"]+/g, \"\");\n // PCore.getDataApiUtils()\n // .getData(\n // \"D_pySearch\",\n // `{\"dataViewParameters\": {\"SearchString\": \"${encodeURIComponent(\n // searchTerm\n // )}\"}}`\n // )\n // .then((response) => {\n // if (\n // response.data.data !== null &&\n // response.data.resultCount === 1 &&\n // response.data.data[0].pyID === searchTerm\n // ) {\n // / This is a match for a work item - then we will open it /\n // pConn\n // .getActionsApi()\n // .openWorkByHandle(\n // response.data.data[0].pzInsKey,\n // response.data.data[0].pzCategoryActionKeys\n // );\n // return;\n // }\n // // window.searchResults = {\n // // searchString: searchTerm,\n // // results: response.data\n // // };\n // actionsAPI.showPage(\"pySearchPage\", \"Data-Portal\");\n // });\n // }\n\n /\n \n * Function to dispatch a show page action for the page links in\n * the left nav of the app shell\n \n @param {string} viewName Name of view to show\n * @param {string} className Pega Applies to class of the page\n /\n // function showPage(viewName, className) {\n // actionsAPI.showPage(viewName, className);\n // }\n\n /\n \n * Function to dispatch a create work action\n * @param {string} className - placeholder string of case type being created\n /\n // function createWork(className) {\n // actionsAPI\n // .createWork(className)\n // .catch((error) =>\n // // eslint-disable-next-line no-console\n // console.log(\"Error in case creation: \", error?.message)\n // );\n // }\n\n /\n Returns the Custome Component for each active case\n /\n // const VisualComponent = useCallback(\n // (context) => {\n // if (activeCases && activeCases.length > 0) {\n // const meta = PCore.getViewResources().fetchViewResources(\n // \"pyCaseVisual\",\n // getPConnect(),\n // PCore.getStoreValue(\".caseTypeID\", \"caseInfo\", context)\n // );\n // if (meta?.config && !meta.config.defaultVisual) {\n // const config = {\n // meta,\n // options: {\n // context,\n // pageReference: \"caseInfo.content\"\n // }\n // };\n // const visualConfig = PCore.createPConnect(config);\n // return React.createElement(createPConnectComponent(), visualConfig);\n // }\n // }\n // return undefined;\n // },\n // [getPConnect, activeCases]\n // );\n\n /\n Transforms the active cases information into the model that cosmos expect.\n /\n // function getActiveCases() {\n // if (activeCases) {\n // const activeCaseLinks = [];\n // activeCases.forEach((activeCase) => {\n // const { caseID, className, workID, active, context } = activeCase;\n // // activeCaseLinks.push({\n // // onDismiss: () => {\n // // PCore.getContainerUtils().closeContainerItem(\n // // activeCase.containerItemID\n // // );\n // // },\n // // key: caseID,\n // // name: caseID,\n // // onClick: () => {\n // // actionsAPI.openWorkByHandle(workID, className);\n // // },\n // // active,\n // // visual: VisualComponent(context)\n // // });\n // });\n // return activeCaseLinks;\n // }\n // return activeCases;\n // }\n\n /\n Translate Pega Data Page into the model that Cosmos expects\n \n Example:\n * pxPageViewIcon: \"pi pi-home-solid\"\n * pxURLPath: \"Home\"\n * pyClassName: \"Data-Portal\"\n * pyLabel: \"Home\"\n * pyRuleName: \"pyHome\"\n /\n // const links = !pages\n // ? []\n // : pages.map((page) => {\n // return {\n // name: page.pyLabel,\n // icon: page.pxPageViewIcon.replace(\"pi pi-\", \"\"),\n // onClick: () => showPage(page.pyRuleName, page.pyClassName)\n // };\n // });\n\n // const userName = envInfo.getOperatorName();\n // const imageKey = envInfo.getOperatorImageInsKey();\n\n // const logOffAction = () => {\n // actionsAPI.logout().then(() => window?.top?.location?.reload());\n // };\n\n // const getOperator = () => {\n // const operatorActions = [\n // [{ text: \"Logoff\", id: \"1\", onClick: logOffAction }]\n // ];\n // if (imageKey) {\n // return {\n // avatar: (\n // <div id=\"AvatarWithImageKey\">Avatar with image key</div>\n // // <Avatar\n // // name={userName}\n // // imageSrc={getPConnect().getImagePath(imageKey)}\n // // />\n // ),\n // actions: operatorActions,\n // name: userName\n // };\n // }\n // return {\n // avatar: (\n // <div id=\"Avatar\">Avatar</div>\n // // <Avatar name={userName}>\n // // {userName\n // // .split(\" \")\n // // .map((i) => i.charAt(0))\n // // .join(\"\")\n // // .toUpperCase()}\n // // </Avatar>\n // ),\n // actions: operatorActions,\n // name: userName\n // };\n // };\n\n /\n Translate Case Types page into what is expected by Cosmos\n \n Example:\n * pyClassName: \"\"\n * pyFlowType: \"\"\n * pyLabel: \"No case types defined\"\n /\n // const cases = !caseTypes\n // ? []\n // : caseTypes.map((caseType) => {\n // let action = {};\n // // Only add actions to entries with a class name to create so in case of empty message no action is added\n // if (caseType.pyClassName) {\n // action = { onClick: () => createWork(caseType.pyClassName) };\n // }\n // return {\n // name: caseType.pyLabel,\n // ...action\n // };\n // });\n\n // const [recents, setRecents] = useState([]);\n\n // const [searchVal, setSearchVal] = useState(\"\");\n\n // // default the icon to be empty. This will cause the image to be initially broken.\n // const [iconURL, setIconURL] = 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 // ) {\n // setIconURL(\n // `${PCore.getAssetLoader().getStaticServerUrl()}static/py-logo.svg`\n // );\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((data) => {\n // setIconURL(window.URL.createObjectURL(data));\n // })\n // .catch(() => {\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 /\n To fetch recents and translate items into what Cosmos expects\n /\n // const fetchRecents = () => {\n // actionsAPI.getRecents(15).then((response) => {\n // const recentsitems = response.data.recents;\n // // setRecents(buildRecentList(recentsitems));\n // });\n // };\n\n /\n To handle on click of any recent item after the drawer is open\n \n @param {} id : Recent item unique id\n /\n\n // const onItemClick = (id, e) => {\n // e.preventDefault();\n // // onRecentClickHandler(id, actionsAPI);\n // };\n\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 <div id={theChildComp} key={theKey} style={{border: \"solid 1px silver\", margin: \"1px\"}}>{theChildComp} will be here</div>\n });\n\n setMapChildren(tempMap)\n\n }, []);\n\n if (pConn.hasChildren()) {\n // const theChildren = pConn.getChildren();\n // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});\n\n // debugging/investigation help\n // console.log(`AppShell has children: ${theChildren.length}`);\n // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);\n }\n\n return (\n\n <NavContext.Provider value={{open, setOpen}}>\n <div id=\"AppShell\" className={classes.root}>\n <NavBar pConn={getPConnect()} appName={appNameToDisplay} pages={pages} caseTypes={caseTypes}></NavBar>\n <div className={classes.content}>\n {children}\n </div>\n </div>\n </NavContext.Provider>\n\n // <Toaster dismissAfter={3000}>\n // <CosmosAppShell\n // {...{\n // appInfo: {\n // imageSrc: `${iconURL}`,\n // appName: `${appNameToDisplay}`,\n // portalName\n // },\n // recents: {\n // items: recents,\n // onDrawerOpen: fetchRecents,\n // onItemClick\n // },\n // searchInput: {\n // onSearchChange: (value) => {\n // setSearchVal(value);\n // },\n // onSearchSubmit: (value) => {\n // showSearchResults(value.trim());\n // setSearchVal(\"\");\n // },\n // value: searchVal\n // },\n // caseTypes: cases,\n // links,\n // cases: getActiveCases(),\n // operator: getOperator()\n // }}\n // main={[children]}\n // banners={banners}\n // className=\"app-shell\"\n // />\n // </Toaster>\n );\n}\nAppShell.defaultProps = {\n pages: [],\n caseTypes: [],\n children: [],\n // httpMessages: [],\n // activeCases: null\n};\nAppShell.propTypes = {\n // portalName: PropTypes.string/* .isRequired /,\n // portalLogo: PropTypes.string/ .isRequired /,\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 // httpMessages: PropTypes.arrayOf(PropTypes.string),\n // activeCases: PropTypes.arrayOf(PropTypes.object)\n};\n"]}
1	+ {"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { NavContext } from '../../helpers/reactContextHelpers';\nimport './AppShell.css';\n\n// AppShell can emit NavBar\nimport NavBar from '../../infra/NavBar';\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}));\n\ndeclare const PCore;\n\n\nexport default function AppShell(props) {\n const {\n pages,\n caseTypes,\n showAppName,\n children,\n getPConnect,\n } = props;\n const [open, setOpen] = useState(true);\n\n const pConn = getPConnect();\n const envInfo = PCore.getEnvironmentInfo();\n\n const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : \"\";\n\n const classes = useStyles();\n\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 <div id={theChildComp} key={theKey} style={{border: \"solid 1px silver\", margin: \"1px\"}}>{theChildComp} will be here</div>\n });\n\n setMapChildren(tempMap)\n\n }, []);\n\n if (pConn.hasChildren()) {\n // const theChildren = pConn.getChildren();\n // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});\n\n // debugging/investigation help\n // console.log(`AppShell has children: ${theChildren.length}`);\n // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);\n }\n\n return (\n\n <NavContext.Provider value={{open, setOpen}}>\n <div id=\"AppShell\" className={classes.root}>\n <NavBar pConn={getPConnect()} appName={appNameToDisplay} pages={pages} caseTypes={caseTypes}></NavBar>\n <div className={classes.content}>\n {children}\n </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"]}

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

@@ -6,7 +6,7 @@ export default function CaseSummary(props) {
     const thePConn = getPConnect();
     const theConfigProps = thePConn.getConfigProps();
     const { status, showStatus } = theConfigProps;
-    // from Nebula
+    // 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;
     // const primaryFieldsRaw = regionsRaw[0].children;

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

	@@ -1 +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,~~cAAc~~;~~IACd~~,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 ~~Nebula~~\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"]}
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"]}

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

	@@ -1 +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,~~eAoMrC~~;~~kBApMuB~~,QAAQ;;;;;;;;;;;;;;;;;;;;eAAR,QAAQ"}
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"}

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

@@ -44,6 +44,7 @@ export default function CaseView(props) {
     const { displayOnlyFA } = useContext(StoreContext);
     const thePConn = getPConnect();
     const classes = useStyles();
+    const editAction = availableActions.find((action) => action.ID === 'pyUpdateCaseDetails');
     /**
      *
      * @param inName the metadata <em>name</em> that will cause a region to be returned
@@ -121,15 +122,13 @@ export default function CaseView(props) {
         }
     }, [hasNewAttachments]);
     function _editClick() {
-        const editAction = availableActions.find((action) => action.ID === "pyUpdateCaseDetails");
         const actionsAPI = thePConn.getActionsApi();
         const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);
         openLocalAction(editAction.ID, { ...editAction });
     }
     function getActionButtonsHtml() {
         const aBHtml = React.createElement(Box, null,
-            React.createElement(Button, { onClick: () => { _editClick(); } }, "Edit"),
-            "\u00A0",
+            editAction && (React.createElement(Button, { onClick: () => { _editClick(); } }, "Edit")),
             React.createElement(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses }));
         return aBHtml;
     }

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

	@@ -1 +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\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 editAction = availableActions.find(\n (action) => action.ID === \"pyUpdateCaseDetails\"\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 <Button onClick={() => {_editClick()}}>Edit</Button>\n  \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"]}
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"]}

package/lib/components/template/DefaultForm/DefaultForm.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultForm.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;~~AAInC~~,OAAO,mBAAmB,CAAC;AAE3B,iBAAwB,WAAW,CAAC,KAAK,KAAA,~~eAmCxC~~;~~kBAnCuB~~,WAAW;;;;;;;;eAAX,WAAW"}
1	+ {"version":3,"file":"DefaultForm.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,mBAAmB,CAAC;AAE3B,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAsCxC;kBAtCuB,WAAW;;;;;;;;eAAX,WAAW"}

package/lib/components/template/DefaultForm/DefaultForm.js CHANGED Viewed

@@ -1,9 +1,12 @@
 import React, { createElement } from "react";
 import PropTypes from "prop-types";
+import { getInstructions } from '../../helpers/template-utils';
 import createPConnectComponent from '../../../bridge/react_pconnect';
 import './DefaultForm.css';
 export default function DefaultForm(props) {
     const { getPConnect, NumCols } = props;
+    const instructions = getInstructions(getPConnect(), props.instructions);
+    const instructionText = instructions?.replace(/<\/?[^>]+(>|$)/g, '');
     let divClass;
     const numCols = NumCols || "1";
     switch (numCols) {
@@ -27,7 +30,9 @@ export default function DefaultForm(props) {
     const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();
     // eslint-disable-next-line react/no-array-index-key
     const dfChildren = arChildren.map((kid, idx) => createElement(createPConnectComponent(), { ...kid, key: idx }));
-    return (React.createElement("div", { className: divClass }, dfChildren));
+    return (React.createElement("div", { className: divClass },
+        React.createElement("div", null, instructionText),
+        dfChildren));
 }
 DefaultForm.propTypes = {
     // children: PropTypes.arrayOf(PropTypes.node).isRequired,

package/lib/components/template/DefaultForm/DefaultForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultForm.js","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AAErE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;~~IAEvC~~,IAAI,QAAgB,CAAC;IAErB,MAAM,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,gCAAgC,CAAC;YAC5C,MAAM;QACR;YACE,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;KACT;IAED,YAAY;IAEZ,yFAAyF;IACzF,uFAAuF;IACvF,mBAAmB;IACnB,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9E,oDAAoD;IACpD,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,uBAAuB,EAAE,EAAE,EAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,CAAC,CAAC,CAAC;IAE9G,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,~~IACrB~~,UAAU,CACP,CACP,CAAA;AACH,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,GAAG;CACb,CAAC","sourcesContent":["import React, { createElement } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport './DefaultForm.css';\n\nexport default function DefaultForm(props) {\n const { getPConnect, NumCols } = props;\n\n let divClass: string;\n\n const numCols = NumCols \|\| \"1\";\n switch (numCols) {\n case \"1\" :\n divClass = \"psdk-default-form-one-column\";\n break;\n case \"2\" :\n divClass = \"psdk-default-form-two-column\";\n break;\n case \"3\" :\n divClass = \"psdk-default-form-three-column\";\n break;\n default :\n divClass = \"psdk-default-form-one-column\";\n break;\n }\n\n // debugger;\n\n // repoint the children because they are in a region and we need to not render the region\n // to take the children and create components for them, put in an array and pass as the\n // defaultForm kids\n const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();\n // eslint-disable-next-line react/no-array-index-key\n const dfChildren = arChildren.map((kid, idx) => createElement(createPConnectComponent(), {...kid, key: idx}));\n\n return (\n <div className={divClass}>\n {dfChildren}\n </div>\n )\n}\n\nDefaultForm.propTypes = {\n // children: PropTypes.arrayOf(PropTypes.node).isRequired,\n NumCols: PropTypes.string\n};\n\nDefaultForm.defaultProps = {\n NumCols: \"1\"\n};\n"]}
1	+ {"version":3,"file":"DefaultForm.js","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AAErE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,YAAY,GAAG,eAAe,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACxE,MAAM,eAAe,GAAG,YAAY,EAAE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;IAErE,IAAI,QAAgB,CAAC;IAErB,MAAM,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,gCAAgC,CAAC;YAC5C,MAAM;QACR;YACE,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;KACT;IAED,YAAY;IAEZ,yFAAyF;IACzF,uFAAuF;IACvF,mBAAmB;IACnB,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9E,oDAAoD;IACpD,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,uBAAuB,EAAE,EAAE,EAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,CAAC,CAAC,CAAC;IAE9G,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ;QACtB,iCAAM,eAAe,CAAO;QAC3B,UAAU,CACP,CACP,CAAA;AACH,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,GAAG;CACb,CAAC","sourcesContent":["import React, { createElement } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { getInstructions } from '../../helpers/template-utils';\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport './DefaultForm.css';\n\nexport default function DefaultForm(props) {\n const { getPConnect, NumCols } = props;\n const instructions = getInstructions(getPConnect(), props.instructions);\n const instructionText = instructions?.replace(/<\\/?[^>]+(>\|$)/g, '');\n\n let divClass: string;\n\n const numCols = NumCols \|\| \"1\";\n switch (numCols) {\n case \"1\" :\n divClass = \"psdk-default-form-one-column\";\n break;\n case \"2\" :\n divClass = \"psdk-default-form-two-column\";\n break;\n case \"3\" :\n divClass = \"psdk-default-form-three-column\";\n break;\n default :\n divClass = \"psdk-default-form-one-column\";\n break;\n }\n\n // debugger;\n\n // repoint the children because they are in a region and we need to not render the region\n // to take the children and create components for them, put in an array and pass as the\n // defaultForm kids\n const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();\n // eslint-disable-next-line react/no-array-index-key\n const dfChildren = arChildren.map((kid, idx) => createElement(createPConnectComponent(), {...kid, key: idx}));\n\n return (\n <div className={divClass}>\n <div>{instructionText}</div>\n {dfChildren}\n </div>\n )\n}\n\nDefaultForm.propTypes = {\n // children: PropTypes.arrayOf(PropTypes.node).isRequired,\n NumCols: PropTypes.string\n};\n\nDefaultForm.defaultProps = {\n NumCols: \"1\"\n};\n"]}

package/lib/components/template/Details/Details/Details.d.ts CHANGED Viewed

@@ -5,11 +5,13 @@ declare namespace Details {
     var defaultProps: {
         label: undefined;
         showLabel: boolean;
+        showHighlightedData: boolean;
     };
     var propTypes: {
         showLabel: PropTypes.Requireable<boolean>;
         label: PropTypes.Requireable<string>;
         getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        showHighlightedData: PropTypes.Requireable<boolean>;
     };
 }
 export default Details;

package/lib/components/template/Details/Details/Details.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;~~AAInC~~,iBAAwB,OAAO,CAAC,KAAK,KAAA,~~eA6BpC~~;~~kBA7BuB~~,OAAO~~;;;;;;;;;;;~~eAAP,OAAO"}
1	+ {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,OAAO,CAAC,KAAK,KAAA,eAyDpC;kBAzDuB,OAAO;;;;;;;;;;;;;eAAP,OAAO"}

package/lib/components/template/Details/Details/Details.js CHANGED Viewed

@@ -1,33 +1,50 @@
-import React from 'react';
+import React, { createElement } from 'react';
 import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
-import DetailsFields from '../../../designSystemExtension/DetailsFields';
+import createPConnectComponent from '../../../../bridge/react_pconnect';
+import FieldGroup from '../../../designSystemExtension/FieldGroup';
 export default function Details(props) {
-    const { children, label, showLabel, getPConnect } = props;
-    const arFields = [];
+    const { label, showLabel, getPConnect, showHighlightedData } = props;
     // Get the inherited props from the parent to determine label settings
     const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
-    for (const child of children) {
-        const theChildPConn = child.props.getPConnect();
-        theChildPConn.setInheritedProp('displayMode', 'LABELS_LEFT');
-        theChildPConn.setInheritedProp('readOnly', true);
-        const theChildrenOfChild = theChildPConn.getChildren();
-        arFields.push(theChildrenOfChild);
+    // Set display mode prop and re-create the children so this part of the dom tree renders
+    // in a readonly (display) mode instead of a editable
+    getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
+    getPConnect().setInheritedProp('readOnly', true);
+    const children = getPConnect()
+        .getChildren()
+        .map((configObject, index) => createElement(createPConnectComponent(), {
+        ...configObject,
+        // eslint-disable-next-line react/no-array-index-key
+        key: index.toString()
+    }));
+    // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent
+    let highlightedDataArr = [];
+    if (showHighlightedData) {
+        const { highlightedData = [] } = getPConnect().getRawMetadata().config;
+        highlightedDataArr = highlightedData.map(field => {
+            field.config.displayMode = 'STACKED_LARGE_VAL';
+            // Mark as status display when using pyStatusWork
+            if (field.config.value === '@P .pyStatusWork') {
+                field.type = 'TextInput';
+                field.config.displayAsStatus = true;
+            }
+            return getPConnect().createComponent(field);
+        });
     }
-    return (React.createElement("div", { id: 'DetailsOneColumn' },
-        propsToUse.showLabel && (React.createElement("div", { className: 'template-title-container' },
-            React.createElement("span", null, propsToUse.label))),
-        React.createElement(Grid, { container: true, spacing: 1 },
-            React.createElement(Grid, { item: true, xs: 12 },
-                React.createElement(DetailsFields, { fields: arFields[0] })))));
+    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
+        showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: 12, key: `hf-${i + 1}` }, child))))),
+        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: 12, key: `r-${i + 1}` }, child))))));
 }
 Details.defaultProps = {
     label: undefined,
-    showLabel: true
+    showLabel: true,
+    showHighlightedData: false
 };
 Details.propTypes = {
     showLabel: PropTypes.bool,
     label: PropTypes.string,
-    getPConnect: PropTypes.func.isRequired
+    getPConnect: PropTypes.func.isRequired,
+    showHighlightedData: PropTypes.bool
 };
 //# sourceMappingURL=Details.js.map

package/lib/components/template/Details/Details/Details.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAC1B~~,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,~~aAAa~~,MAAM,~~8CAA8C~~,CAAC;~~AAEzE~~,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK;IACnC,MAAM,EAAE,~~QAAQ,EAAE,~~KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;~~IAC1D~~,~~MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,~~sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,~~KAAK~~,~~MAAM~~,~~KAAK~~,IAAI,QAAQ,EAAE;~~QAC5B~~,~~MAAM~~,~~aAAa~~,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;~~QAChD~~,~~aAAa~~,CAAC,~~gBAAgB~~,CAAC,~~aAAa~~,EAAE,~~aAAa~~,CAAC,CAAC;~~QAC7D~~,~~aAAa~~,CAAC,~~gBAAgB~~,CAAC,~~UAAU~~,EAAE,~~IAAI~~,CAAC,CAAC;~~QACjD~~,MAAM,~~kBAAkB~~,GAAG,~~aAAa~~,CAAC,WAAW,EAAE,CAAC~~;QACvD~~,~~QAAQ~~,CAAC,~~IAAI~~,CAAC,~~kBAAkB~~,CAAC,CAAC;~~KACnC~~;IAED,OAAO,CACL,~~6BAAK~~,~~EAAE~~,~~EAAC~~,~~kBAAkB;QACvB~~,UAAU,CAAC,SAAS,~~IAAI~~,~~CACvB~~,~~6BAAK~~,~~SAAS~~,~~EAAC~~,~~0BAA0B~~;~~YACvC~~,~~kCAAO~~,~~UAAU~~,CAAC,~~KAAK~~,~~CAAQ~~,~~CAC3B~~,~~CACP;QACD~~,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC~~;YACxB~~,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;~~gBACf~~,oBAAC,~~aAAa~~,IAAC,~~MAAM~~,EAAE,QAAQ,CAAC,CAAC,CAAC,~~GAAI~~,~~CACjC~~,~~CACF~~,~~CACH~~,~~CACP~~,CAAC;AACJ,CAAC;AAED,OAAO,CAAC,YAAY,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,IAAI;~~CAChB~~,CAAC;AAEF,OAAO,CAAC,SAAS,GAAG;IAClB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;~~CACvC~~,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport ~~DetailsFields~~ from '../../../designSystemExtension/~~DetailsFields~~';\n\nexport default function Details(props) {\n const { ~~children,~~ label, showLabel, getPConnect } = props;\n ~~const arFields: Array<any> = [];\n~~\n // Get the inherited props from the parent to determine label settings\n const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n ~~for~~ ~~(const~~ ~~child~~ of children) {\n ~~const~~ ~~theChildPConn~~ = ~~child.props.~~getPConnect()~~;\n theChildPConn~~.setInheritedProp('displayMode', 'LABELS_LEFT');\n ~~theChildPConn~~.setInheritedProp('readOnly', true);\n const ~~theChildrenOfChild~~ = ~~theChildPConn~~.getChildren();\n ~~arFields~~.~~push~~(~~theChildrenOfChild~~);\n }\n\n return (\n <~~div~~ id='~~DetailsOneColumn~~'>\n {~~propsToUse~~.~~showLabel~~ && (\n <~~div~~ ~~className~~='~~template-title-container~~'>\n <~~span>~~{~~propsToUse.label~~}</~~span~~>\n </~~div~~>\n )}\n <Grid container spacing={1}>\n <Grid item xs={12}~~>\n <DetailsFields~~ ~~fields~~={~~arFields[0]~~} ~~/>\~~n </Grid>\n </Grid>\n </~~div~~>\n );\n}\n\nDetails.defaultProps = {\n label: undefined,\n showLabel: true\n};\n\nDetails.propTypes = {\n showLabel: PropTypes.bool,\n label: PropTypes.string,\n getPConnect: PropTypes.func.isRequired\n};\n"]}
1	+ {"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport FieldGroup from '../../../designSystemExtension/FieldGroup';\n\nexport default function Details(props) {\n const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n // Get the inherited props from the parent to determine label settings\n const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n // Set display mode prop and re-create the children so this part of the dom tree renders\n // in a readonly (display) mode instead of a editable\n getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n getPConnect().setInheritedProp('readOnly', true);\n const children = getPConnect()\n .getChildren()\n .map((configObject, index) =>\n createElement(createPConnectComponent(), {\n ...configObject,\n // eslint-disable-next-line react/no-array-index-key\n key: index.toString()\n })\n );\n\n // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n let highlightedDataArr = [];\n if (showHighlightedData) {\n const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n highlightedDataArr = highlightedData.map(field => {\n field.config.displayMode = 'STACKED_LARGE_VAL';\n\n // Mark as status display when using pyStatusWork\n if (field.config.value === '@P .pyStatusWork') {\n field.type = 'TextInput';\n field.config.displayAsStatus = true;\n }\n\n return getPConnect().createComponent(field);\n });\n }\n\n return (\n <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n {showHighlightedData && highlightedDataArr.length > 0 && (\n <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n {highlightedDataArr.map((child, i) => (\n <Grid item xs={12} key={`hf-${i + 1}`}>\n {child}\n </Grid>\n ))}\n </Grid>\n )}\n <Grid container spacing={1}>\n {children.map((child, i) => (\n <Grid item xs={12} key={`r-${i + 1}`}>\n {child}\n </Grid>\n ))}\n </Grid>\n </FieldGroup>\n );\n}\n\nDetails.defaultProps = {\n label: undefined,\n showLabel: true,\n showHighlightedData: false\n};\n\nDetails.propTypes = {\n showLabel: PropTypes.bool,\n label: PropTypes.string,\n getPConnect: PropTypes.func.isRequired,\n showHighlightedData: PropTypes.bool\n};\n"]}

package/lib/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.d.ts CHANGED Viewed

@@ -1,7 +1,18 @@
 /// <reference types="react" />
+import PropTypes from 'prop-types';
 declare function DetailsThreeColumn(props: any): JSX.Element;
 declare namespace DetailsThreeColumn {
-    var propTypes: {};
+    var defaultProps: {
+        label: undefined;
+        showLabel: boolean;
+        showHighlightedData: boolean;
+    };
+    var propTypes: {
+        showLabel: PropTypes.Requireable<boolean>;
+        label: PropTypes.Requireable<string>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        showHighlightedData: PropTypes.Requireable<boolean>;
+    };
 }
 export default DetailsThreeColumn;
 //# sourceMappingURL=DetailsThreeColumn.d.ts.map

package/lib/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsThreeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";~~AAKA~~,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,~~eAgC~~/C;~~kBAhCuB~~,kBAAkB~~;;;~~eAAlB,kBAAkB"}
1	+ {"version":3,"file":"DetailsThreeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,eAyD/C;kBAzDuB,kBAAkB;;;;;;;;;;;;;eAAlB,kBAAkB"}

package/lib/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.js CHANGED Viewed

@@ -1,34 +1,50 @@
-import React from 'react';
-// import PropTypes from "prop-types";
+import React, { createElement } from 'react';
+import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
-import DetailsFields from '../../../designSystemExtension/DetailsFields';
+import createPConnectComponent from '../../../../bridge/react_pconnect';
+import FieldGroup from '../../../designSystemExtension/FieldGroup';
 export default function DetailsThreeColumn(props) {
-    const { children } = props;
-    const arFields = [];
-    for (const child of children) {
-        const theChildPConn = child.props.getPConnect();
-        theChildPConn.setInheritedProp('displayMode', 'LABELS_LEFT');
-        theChildPConn.setInheritedProp('readOnly', true);
-        const theChildrenOfChild = theChildPConn.getChildren();
-        arFields.push(theChildrenOfChild);
+    const { label, showLabel, getPConnect, showHighlightedData } = props;
+    // Get the inherited props from the parent to determine label settings
+    const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
+    // Set display mode prop and re-create the children so this part of the dom tree renders
+    // in a readonly (display) mode instead of a editable
+    getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
+    getPConnect().setInheritedProp('readOnly', true);
+    const children = getPConnect()
+        .getChildren()
+        .map((configObject, index) => createElement(createPConnectComponent(), {
+        ...configObject,
+        // eslint-disable-next-line react/no-array-index-key
+        key: index.toString()
+    }));
+    // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent
+    let highlightedDataArr = [];
+    if (showHighlightedData) {
+        const { highlightedData = [] } = getPConnect().getRawMetadata().config;
+        highlightedDataArr = highlightedData.map(field => {
+            field.config.displayMode = 'STACKED_LARGE_VAL';
+            // Mark as status display when using pyStatusWork
+            if (field.config.value === '@P .pyStatusWork') {
+                field.type = 'TextInput';
+                field.config.displayAsStatus = true;
+            }
+            return getPConnect().createComponent(field);
+        });
     }
-    if (arFields.length !== 3) {
-        // eslint-disable-next-line no-console
-        console.error(`DetailsThreeColumn expects 3 children and received ${arFields.length}`);
-    }
-    return (React.createElement("div", { id: 'DetailsThreeColumn' },
-        React.createElement(Grid, { container: true, spacing: 1 },
-            React.createElement(Grid, { item: true, xs: 4 },
-                React.createElement(DetailsFields, { fields: arFields[0] })),
-            React.createElement(Grid, { item: true, xs: 4 },
-                React.createElement(DetailsFields, { fields: arFields[1] })),
-            React.createElement(Grid, { item: true, xs: 4 },
-                React.createElement(DetailsFields, { fields: arFields[2] })))));
+    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
+        showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: 4, key: `hf-${i + 1}` }, child))))),
+        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: 4, key: `r-${i + 1}` }, child))))));
 }
+DetailsThreeColumn.defaultProps = {
+    label: undefined,
+    showLabel: true,
+    showHighlightedData: false
+};
 DetailsThreeColumn.propTypes = {
-// showLabel: PropTypes.bool,
-// label: PropTypes.string,
-// getPConnect: PropTypes.func.isRequired,
-// template: PropTypes.string.isRequired
+    showLabel: PropTypes.bool,
+    label: PropTypes.string,
+    getPConnect: PropTypes.func.isRequired,
+    showHighlightedData: PropTypes.bool
 };
 //# sourceMappingURL=DetailsThreeColumn.js.map

package/lib/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsThreeColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAC1B~~,~~sCAAsC~~;~~AACtC~~,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,~~aAAa~~,MAAM,~~8CAA8C~~,CAAC;~~AAEzE~~,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK;IAC9C,MAAM,EAAE,~~QAAQ~~,EAAE,GAAG,KAAK,CAAC;~~IAC3B~~,MAAM,~~QAAQ~~,~~GAAe~~,EAAE,~~CAAC;IAEhC,~~KAAK,~~MAAM~~,~~KAAK~~,~~IAAI~~,~~QAAQ~~,EAAE~~;QAC5B~~,~~MAAM~~,~~aAAa~~,~~GAAG~~,~~KAAK~~,CAAC,~~KAAK~~,~~CAAC~~,WAAW,EAAE,CAAC~~;QAChD~~,~~aAAa,CAAC,~~gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;~~QAC7D~~,~~aAAa~~,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;~~QACjD~~,MAAM,~~kBAAkB~~,GAAG,aAAa,CAAC,~~WAAW~~,EAAE,~~CAAC~~;~~QACvD~~,QAAQ,CAAC,~~IAAI~~,CAAC,kBAAkB,~~CAAC~~,CAAC;~~KACnC;IAED~~,IAAI,~~QAAQ~~,CAAC,MAAM,KAAK,CAAC,EAAE;~~QACzB~~,~~sCAAsC~~;~~QACtC~~,~~OAAO~~,CAAC,KAAK,CAAC,~~sDAAsD~~,~~QAAQ~~,CAAC,MAAM,EAAE,CAAC,CAAC;~~KACxF~~;IAED,OAAO,CACL,~~6BAAK~~,EAAE,~~EAAC~~,~~oBAAoB~~;~~QAC1B~~,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC~~;YACxB~~,~~oBAAC~~,~~IAAI~~,~~IAAC~~,~~IAAI~~,~~QAAC~~,EAAE,EAAE,CAAC~~;gBACd~~,~~oBAAC~~,~~aAAa~~,~~IAAC~~,~~MAAM~~,EAAE,~~QAAQ,~~CAAC,~~CAAC~~,CAAC,~~GAAI~~,~~CACjC;YACP,~~oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC~~;gBACd~~,~~oBAAC~~,~~aAAa~~,~~IAAC~~,MAAM,~~EAAE~~,~~QAAQ~~,CAAC,~~CAAC~~,CAAC,~~GAAI~~,~~CACjC~~;~~YACP~~,oBAAC,IAAI,IAAC,~~IAAI~~,QAAC,EAAE,EAAE,CAAC~~;gBACd~~,oBAAC,~~aAAa~~,IAAC,~~MAAM~~,EAAE,~~QAAQ~~,CAAC,CAAC,CAAC,~~GAAI~~,~~CACjC~~,~~CACF~~,~~CACH~~,~~CACP~~,CAAC;AACJ,CAAC;AAED,kBAAkB,CAAC,SAAS,GAAG;~~AAC7B~~,~~6BAA6B~~;~~AAC7B~~,~~2BAA2B~~;~~AAC3B~~,~~0CAA0C~~;~~AAC1C~~,~~wCAAwC~~;~~CACzC~~,CAAC","sourcesContent":["import React from 'react';\~~n//~~ ~~import~~ PropTypes from \"prop-types\";\nimport Grid from '@material-ui/core/Grid';\nimport ~~DetailsFields~~ from '../../../designSystemExtension/~~DetailsFields~~';\n\nexport default function DetailsThreeColumn(props) {\n const { ~~children~~ } = props;\n const ~~arFields:~~ ~~Array<any>~~ = [];\n\n ~~for~~ ~~(const~~ ~~child~~ of children) {\n ~~const~~ ~~theChildPConn~~ = ~~child.props.~~getPConnect()~~;\n theChildPConn~~.setInheritedProp('displayMode', 'LABELS_LEFT');\n ~~theChildPConn~~.setInheritedProp('readOnly', true);\n const ~~theChildrenOfChild~~ = ~~theChildPConn.getChildren~~();\n ~~arFields~~.~~push~~(~~theChildrenOfChild~~)~~;\n }~~\n~~\n if~~ (~~arFields.length~~ ~~!==~~ 3) {\n // eslint-disable-next-line no-~~console~~\n ~~console~~.~~error~~(~~`DetailsThreeColumn~~ ~~expects~~ 3 ~~children~~ ~~and~~ ~~received~~ ${~~arFields~~.~~length~~}`);\n }\n\n return (\n <~~div~~ id='~~DetailsThreeColumn~~'>\n <Grid container spacing={1}>\n <Grid item xs={4}~~>\n <DetailsFields~~ ~~fields~~={~~arFields[0]~~} ~~/>\~~n </Grid>\n <Grid ~~item~~ xs={4}>\n ~~<DetailsFields fields=~~{~~arFields[1]}~~ ~~/>\~~n ~~</Grid>\n~~ <Grid item xs={4}~~>\n <DetailsFields~~ ~~fields~~={~~arFields[2]~~} ~~/>\~~n </Grid>\n </Grid>\n </~~div~~>\n );\n}\n\nDetailsThreeColumn.~~propTypes~~ = {\n // showLabel: PropTypes.bool,\n // label: PropTypes.string,\n // getPConnect: PropTypes.func.isRequired,\n ~~// template~~: PropTypes.~~string.isRequired~~\n};\n"]}
1	+ {"version":3,"file":"DetailsThreeColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport FieldGroup from '../../../designSystemExtension/FieldGroup';\n\nexport default function DetailsThreeColumn(props) {\n const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n // Get the inherited props from the parent to determine label settings\n const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n // Set display mode prop and re-create the children so this part of the dom tree renders\n // in a readonly (display) mode instead of a editable\n getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n getPConnect().setInheritedProp('readOnly', true);\n const children = getPConnect()\n .getChildren()\n .map((configObject, index) =>\n createElement(createPConnectComponent(), {\n ...configObject,\n // eslint-disable-next-line react/no-array-index-key\n key: index.toString()\n })\n );\n\n // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n let highlightedDataArr = [];\n if (showHighlightedData) {\n const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n highlightedDataArr = highlightedData.map(field => {\n field.config.displayMode = 'STACKED_LARGE_VAL';\n\n // Mark as status display when using pyStatusWork\n if (field.config.value === '@P .pyStatusWork') {\n field.type = 'TextInput';\n field.config.displayAsStatus = true;\n }\n\n return getPConnect().createComponent(field);\n });\n }\n\n return (\n <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n {showHighlightedData && highlightedDataArr.length > 0 && (\n <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n {highlightedDataArr.map((child, i) => (\n <Grid item xs={4} key={`hf-${i + 1}`}>\n {child}\n </Grid>\n ))}\n </Grid>\n )}\n <Grid container spacing={1}>\n {children.map((child, i) => (\n <Grid item xs={4} key={`r-${i + 1}`}>\n {child}\n </Grid>\n ))}\n </Grid>\n </FieldGroup>\n );\n}\n\nDetailsThreeColumn.defaultProps = {\n label: undefined,\n showLabel: true,\n showHighlightedData: false\n};\n\nDetailsThreeColumn.propTypes = {\n showLabel: PropTypes.bool,\n label: PropTypes.string,\n getPConnect: PropTypes.func.isRequired,\n showHighlightedData: PropTypes.bool\n};\n"]}

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.d.ts CHANGED Viewed

@@ -1,7 +1,18 @@
 /// <reference types="react" />
+import PropTypes from 'prop-types';
 declare function DetailsTwoColumn(props: any): JSX.Element;
 declare namespace DetailsTwoColumn {
-    var propTypes: {};
+    var defaultProps: {
+        label: undefined;
+        showLabel: boolean;
+        showHighlightedData: boolean;
+    };
+    var propTypes: {
+        showLabel: PropTypes.Requireable<boolean>;
+        label: PropTypes.Requireable<string>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        showHighlightedData: PropTypes.Requireable<boolean>;
+    };
 }
 export default DetailsTwoColumn;
 //# sourceMappingURL=DetailsTwoColumn.d.ts.map

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsTwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";~~AAKA~~,iBAAwB,gBAAgB,CAAC,KAAK,KAAA,~~eA8B7C~~;~~kBA9BuB~~,gBAAgB~~;;;~~eAAhB,gBAAgB"}
1	+ {"version":3,"file":"DetailsTwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,gBAAgB,CAAC,KAAK,KAAA,eAyD7C;kBAzDuB,gBAAgB;;;;;;;;;;;;;eAAhB,gBAAgB"}