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/infra/RootContainer/RootContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RootContainer.js","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/RootContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useRef, useState, useEffect, useContext, createElement } from \"react\";\n// import { Banner, ModalManager } from \"@pega/cosmos-react-core\";\nimport PropTypes, { object } from \"prop-types\";\nimport isEqual from 'lodash.isequal';\n// import ReAuthMessageModal from \"../ReAuthenticationModal\";\nimport { Box, CircularProgress } from \"@material-ui/core\";\nimport createPConnectComponent from \"../../../bridge/react_pconnect\";\nimport { LazyMap as LazyComponentMap } from \"../../../components_map\";\nimport StoreContext from \"../../../bridge/Context/StoreContext\";\nimport Utils from '../../helpers/utils';\n\ndeclare const PCore;\n\n//\n// WARNING: It is not expected that this file should be modified. It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect. Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\n\nconst renderingModes = [\"portal\", \"view\"];\n\nfunction usePrevious(value) {\n const ref = useRef(null);\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nfunction getItemView(routingInfo, renderingMode) {\n const viewConfigs: any = [];\n if (routingInfo && renderingModes.includes(renderingMode)) {\n const { accessedOrder, items }: {accessedOrder: any, items:any } = routingInfo;\n if (accessedOrder && items) {\n const key = accessedOrder[accessedOrder.length - 1];\n if (\n items[key] &&\n items[key].view &&\n !Utils.isEmptyObject(items[key].view)\n ) {\n viewConfigs.push(items[key]);\n }\n }\n }\n return viewConfigs;\n}\n\nconst RootContainer = (props) => {\n const {\n getPConnect,\n renderingMode,\n children,\n skeleton,\n httpMessages,\n routingInfo\n } = props;\n\n const { displayOnlyFA, isMashup } = useContext(StoreContext);\n\n\n const pConn = getPConnect();\n\n const options = { \"context\": \"app\" };\n if (isMashup) {\n options[\"context\"] = \"root\";\n }\n\n // Used for embedded mode\n // let newPConn: any;\n const [componentName, setComponentName] = useState(\"\");\n\n useEffect( () => {\n // debugging/investigation help\n // console.log(`componentName change: ${componentName} triggering a re-render`);\n }, [componentName] );\n\n // debugging/investigation help\n // console.log(`RootContainer props.routingInfo: ${JSON.stringify(routingInfo)}`);\n\n // const bannerRef = useRef(null);\n let hasBanner = false;\n let banners: any = null;\n const messages = httpMessages\n ? httpMessages.map((msg) => msg.message)\n : httpMessages;\n\n hasBanner = messages && messages.length > 0;\n banners = hasBanner && (<div>RootContainer: trying to emit Banner with {messages}</div>);\n // && (\n // <Banner\n // ref={bannerRef}\n // id=\"appShellBanner\"\n // variant=\"urgent\"\n // heading=\"Error\"\n // onDismiss={() =>\n // pConn.clearErrorMessages({\n // category: \"HTTP\",\n // context: \"root\"\n // })\n // }\n // messages={messages}\n // />\n // );\n\n const MemoizedModalViewContainer = useMemo(() => {\n return createElement(\n createPConnectComponent(),\n PCore.createPConnect({\n meta: {\n type: \"ModalViewContainer\",\n config: {\n name: \"modal\"\n }\n },\n options\n })\n );\n }, []);\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n const MemoizedPreviewViewContainer = useMemo(() => {\n return createElement(\n createPConnectComponent(),\n PCore.createPConnect({\n meta: {\n type: \"PreviewViewContainer\",\n config: {\n name: \"preview\"\n }\n },\n options\n })\n );\n }, []);\n\n\n //\n function getNoPortalContent() {\n let noPortalContent: any;\n\n switch (componentName) {\n case \"View\":\n noPortalContent = <div>getNoPortalContent: RootContainer wants to render View in noPortal mode</div>\n break;\n\n case \"ViewContainer\": {\n const configProps = pConn.getConfigProps();\n const viewContConfig = {\n \"meta\": {\n \"type\": \"ViewContainer\",\n \"config\": configProps\n },\n options\n };\n const theViewCont = PCore.createPConnect(viewContConfig);\n // Add in displayOnlyFA if prop is on RootContainer\n if (displayOnlyFA) {\n theViewCont[\"displayOnlyFA\"] = true;\n }\n\n const theViewContainerAsReact = createElement(createPConnectComponent(), theViewCont);\n\n noPortalContent = theViewContainerAsReact;\n break;\n }\n\n default:\n noPortalContent = <div>getNoPortalContent: RootContainer wants to render NO componentName in noPortal mode</div>\n break;\n\n }\n\n return noPortalContent;\n }\n\n\n // const rootViewRef: any = useRef(null);\n let rootView : any;\n let rootViewConfig: any = null;\n\n useEffect(() => {\n const { containers } = PCore.getStore().getState();\n const items = Object.keys(containers).filter((item) =>\n item.includes(\"root\")\n );\n PCore.getContainerUtils().getContainerAPI().addContainerItems(items);\n }, [routingInfo]);\n\n // const { store } = useConstellationContext();\n const items: any = getItemView(routingInfo, renderingMode);\n\n if (items.length > 0) {\n rootViewConfig = {\n meta: items[0].view,\n options: {\n context: items[0].context\n }\n };\n }\n const prevRootConfig = usePrevious(rootViewConfig);\n\n if (\n renderingModes.includes(renderingMode) &&\n messages &&\n routingInfo &&\n routingInfo?.accessedOrder.length === 0\n ) {\n return <div id=\"root-container\">{banners}</div>;\n }\n\n if (items.length > 0) {\n const itemView = items[0].view;\n const currentRootConfig = {\n meta: itemView,\n options: {\n context: items[0].context\n }\n };\n\n if (!isEqual(currentRootConfig, prevRootConfig)) {\n rootView = createElement(\n createPConnectComponent(),\n PCore.createPConnect(currentRootConfig)\n );\n }\n\n // interior was\n // <ModalManager>\n // {rootViewRef.current}\n // {MemoisedModalViewContainer}\n // {MemoizedPreviewViewContainer}\n // <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n // </ModalManager> /}\n\n // debugging/investigation help\n // console.log(`rootView.props.getPConnect().getComponentName(): ${rootView.props.getPConnect().getComponentName()}`);\n\n return (\n <div id=\"ModalManager\">\n {rootView}\n {MemoizedModalViewContainer}\n <div id=\"MemoizedPreviewViewContainer\"></div>\n <div id=\"ReAuthMessageModal\"></div>\n </div>\n );\n\n }\n else if (renderingMode === \"noPortal\") {\n // eslint-disable-next-line no-console\n console.log(`RootContainer rendering in noPortal mode`);\n\n const theChildren = pConn.getChildren();\n if (theChildren && (theChildren.length === 1)) {\n // this.createdPConnect = theChildren[0];\n // this.createdPConnect = null;\n const localPConn = theChildren[0].getPConnect();\n // newPConn = pConn;\n const localCompName = localPConn.getComponentName()\n if (componentName !== localCompName) {\n setComponentName(localCompName);\n }\n }\n\n const noPortalContent = getNoPortalContent();\n\n return noPortalContent;\n }\n else if (children && children.length > 0) {\n // interior was\n // <ModalManager>\n // {httpMessages ? <div id=\"root-container\">{banners}</div> : \"\"}\n // {children}\n // {MemoizedModalViewContainer}\n // <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n // {MemoizedPreviewViewContainer}\n // </ModalManager>\n\n return (\n <React.Fragment>\n <div>RootContainer: Has children. Trying to show ModalManager with children, etc.</div>\n {children}\n {MemoizedModalViewContainer}\n </React.Fragment>\n\n );\n } else if (skeleton) {\n // TODO: need to update once skeletons are available\n // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n const LoadingComponent = LazyComponentMap[skeleton];\n // interior was\n // <ModalManager>\n // <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n // <LoadingComponent />\n // </ModalManager>\n\n return (\n <div id=\"root-container\">\n {/ <div>RootContainer: Trying to show skeleton</div> */}\n <Box textAlign=\"center\"><CircularProgress /></Box>\n </div>\n );\n } else {\n // interior was\n // <ModalManager>\n // {MemoisedModalViewContainer}\n // {MemoizedPreviewViewContainer}\n // <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n // </ModalManager>\n return (\n <div id=\"root-container\">\n <div>RootContainer: Should be ModalManager, etc.</div>\n </div>\n );\n }\n};\n\nRootContainer.defaultProps = {\n getPConnect: null,\n renderingMode: null,\n children: null,\n routingInfo: object\n};\n\nRootContainer.propTypes = {\n getPConnect: PropTypes.func,\n renderingMode: PropTypes.string,\n routingInfo: PropTypes.shape({\n type: PropTypes.string,\n accessedOrder: PropTypes.array,\n items: PropTypes.object\n }),\n children: PropTypes.arrayOf(PropTypes.oneOfType( [PropTypes.object, PropTypes.string ]))\n};\n\nexport default RootContainer;\n"]}
1	+ {"version":3,"file":"RootContainer.js","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/RootContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useRef, useState, useEffect, useContext, createElement } from \"react\";\n// import { Banner, ModalManager } from \"@pega/cosmos-react-core\";\nimport PropTypes, { object } from \"prop-types\";\nimport isEqual from 'lodash.isequal';\n// import ReAuthMessageModal from \"../ReAuthenticationModal\";\nimport { Box, CircularProgress } from \"@material-ui/core\";\nimport createPConnectComponent from \"../../../bridge/react_pconnect\";\nimport { LazyMap as LazyComponentMap } from \"../../../components_map\";\nimport StoreContext from \"../../../bridge/Context/StoreContext\";\nimport Utils from '../../helpers/utils';\n\ndeclare const PCore;\n\n//\n// WARNING: It is not expected that this file should be modified. It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect. Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\n\nconst renderingModes = [\"portal\", \"view\"];\n\nfunction usePrevious(value) {\n const ref = useRef(null);\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nfunction getItemView(routingInfo, renderingMode) {\n const viewConfigs: any = [];\n if (routingInfo && renderingModes.includes(renderingMode)) {\n const { accessedOrder, items }: {accessedOrder: any, items:any } = routingInfo;\n if (accessedOrder && items) {\n const key = accessedOrder[accessedOrder.length - 1];\n if (\n items[key] &&\n items[key].view &&\n !Utils.isEmptyObject(items[key].view)\n ) {\n viewConfigs.push(items[key]);\n }\n }\n }\n return viewConfigs;\n}\n\nconst RootContainer = (props) => {\n const {\n getPConnect,\n renderingMode,\n children,\n skeleton,\n httpMessages,\n routingInfo\n } = props;\n\n const { displayOnlyFA, isMashup } = useContext(StoreContext);\n\n\n const pConn = getPConnect();\n\n const options = { \"context\": \"app\" };\n if (isMashup) {\n options[\"context\"] = \"root\";\n }\n\n const [componentName, setComponentName] = useState(\"\");\n\n useEffect( () => {\n // debugging/investigation help\n // console.log(`componentName change: ${componentName} triggering a re-render`);\n }, [componentName] );\n\n // debugging/investigation help\n // console.log(`RootContainer props.routingInfo: ${JSON.stringify(routingInfo)}`);\n\n let hasBanner = false;\n let banners: any = null;\n const messages = httpMessages\n ? httpMessages.map((msg) => msg.message)\n : httpMessages;\n\n hasBanner = messages && messages.length > 0;\n banners = hasBanner && (<div>RootContainer: trying to emit Banner with {messages}</div>);\n\n const MemoizedModalViewContainer = useMemo(() => {\n return createElement(\n createPConnectComponent(),\n PCore.createPConnect({\n meta: {\n type: \"ModalViewContainer\",\n config: {\n name: \"modal\"\n }\n },\n options\n })\n );\n }, []);\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n const MemoizedPreviewViewContainer = useMemo(() => {\n return createElement(\n createPConnectComponent(),\n PCore.createPConnect({\n meta: {\n type: \"PreviewViewContainer\",\n config: {\n name: \"preview\"\n }\n },\n options\n })\n );\n }, []);\n\n\n //\n function getNoPortalContent() {\n let noPortalContent: any;\n\n switch (componentName) {\n case \"View\":\n noPortalContent = <div>getNoPortalContent: RootContainer wants to render View in noPortal mode</div>\n break;\n\n case \"ViewContainer\": {\n const configProps = pConn.getConfigProps();\n const viewContConfig = {\n \"meta\": {\n \"type\": \"ViewContainer\",\n \"config\": configProps\n },\n options\n };\n const theViewCont = PCore.createPConnect(viewContConfig);\n // Add in displayOnlyFA if prop is on RootContainer\n if (displayOnlyFA) {\n theViewCont[\"displayOnlyFA\"] = true;\n }\n\n const theViewContainerAsReact = createElement(createPConnectComponent(), theViewCont);\n\n noPortalContent = theViewContainerAsReact;\n break;\n }\n\n default:\n noPortalContent = <div>getNoPortalContent: RootContainer wants to render NO componentName in noPortal mode</div>\n break;\n\n }\n\n return noPortalContent;\n }\n\n\n let rootView : any;\n let rootViewConfig: any = null;\n\n useEffect(() => {\n const { containers } = PCore.getStore().getState();\n const items = Object.keys(containers).filter((item) =>\n item.includes(\"root\")\n );\n PCore.getContainerUtils().getContainerAPI().addContainerItems(items);\n }, [routingInfo]);\n\n const items: any = getItemView(routingInfo, renderingMode);\n\n if (items.length > 0) {\n rootViewConfig = {\n meta: items[0].view,\n options: {\n context: items[0].context\n }\n };\n }\n const prevRootConfig = usePrevious(rootViewConfig);\n\n if (\n renderingModes.includes(renderingMode) &&\n messages &&\n routingInfo &&\n routingInfo?.accessedOrder.length === 0\n ) {\n return <div id=\"root-container\">{banners}</div>;\n }\n\n if (items.length > 0) {\n const itemView = items[0].view;\n const currentRootConfig = {\n meta: itemView,\n options: {\n context: items[0].context\n }\n };\n\n if (!isEqual(currentRootConfig, prevRootConfig)) {\n rootView = createElement(\n createPConnectComponent(),\n PCore.createPConnect(currentRootConfig)\n );\n }\n\n // debugging/investigation help\n // console.log(`rootView.props.getPConnect().getComponentName(): ${rootView.props.getPConnect().getComponentName()}`);\n\n return (\n <div id=\"ModalManager\">\n {rootView}\n {MemoizedModalViewContainer}\n <div id=\"MemoizedPreviewViewContainer\"></div>\n <div id=\"ReAuthMessageModal\"></div>\n </div>\n );\n\n }\n else if (renderingMode === \"noPortal\") {\n // eslint-disable-next-line no-console\n console.log(`RootContainer rendering in noPortal mode`);\n\n const theChildren = pConn.getChildren();\n if (theChildren && (theChildren.length === 1)) {\n const localPConn = theChildren[0].getPConnect();\n const localCompName = localPConn.getComponentName()\n if (componentName !== localCompName) {\n setComponentName(localCompName);\n }\n }\n\n const noPortalContent = getNoPortalContent();\n\n return noPortalContent;\n }\n else if (children && children.length > 0) {\n return (\n <React.Fragment>\n <div>RootContainer: Has children. Trying to show ModalManager with children, etc.</div>\n {children}\n {MemoizedModalViewContainer}\n </React.Fragment>\n\n );\n } else if (skeleton) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n const LoadingComponent = LazyComponentMap[skeleton];\n\n return (\n <div id=\"root-container\">\n {/* <div>RootContainer: Trying to show skeleton</div> */}\n <Box textAlign=\"center\"><CircularProgress /></Box>\n </div>\n );\n } else {\n return (\n <div id=\"root-container\">\n <div>RootContainer: Should be ModalManager, etc.</div>\n </div>\n );\n }\n};\n\nRootContainer.defaultProps = {\n getPConnect: null,\n renderingMode: null,\n children: null,\n routingInfo: object\n};\n\nRootContainer.propTypes = {\n getPConnect: PropTypes.func,\n renderingMode: PropTypes.string,\n routingInfo: PropTypes.shape({\n type: PropTypes.string,\n accessedOrder: PropTypes.array,\n items: PropTypes.object\n }),\n children: PropTypes.arrayOf(PropTypes.oneOfType( [PropTypes.object, PropTypes.string ]))\n};\n\nexport default RootContainer;\n"]}

package/lib/components/infra/Stages/Stages.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stages.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":";~~AAEA~~,OAAO,SAAS,MAAM,YAAY,CAAC;AAwDnC,iBAAwB,MAAM,CAAC,KAAK,KAAA,eAwDnC;kBAxDuB,MAAM;;;;;;eAAN,MAAM"}
1	+ {"version":3,"file":"Stages.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAwDnC,iBAAwB,MAAM,CAAC,KAAK,KAAA,eAwDnC;kBAxDuB,MAAM;;;;;;eAAN,MAAM"}

package/lib/components/infra/Stages/Stages.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from "react";
-// import { Stages as CosmosStages } from "@pega/cosmos-react-work";
 import PropTypes from "prop-types";
 import { Breadcrumbs, Card, Typography } from "@material-ui/core";
 import DoubleArrowIcon from '@material-ui/icons/DoubleArrow';
@@ -43,7 +42,7 @@ function getFilteredStages(stages) {
     return stages.filter((stage) => stage.type !== "Alternate" ||
         (stage.type === "Alternate" && stage.visited_status === "active"));
 }
-/* TODO - this component should be refactored and not exposed as top level Nebula component -
+/* TODO - this component should be refactored and not exposed as top level DX Component -
   the stages should be created as part of the CaseView */
 export default function Stages(props) {
     const classes = useStyles();

package/lib/components/infra/Stages/Stages.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stages.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,~~oEAAoE;AACpE,~~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","sourcesContent":["import React from \"react\";\~~n// import { Stages as CosmosStages } from \"@pega/cosmos-react-work\";\~~nimport PropTypes from \"prop-types\";\nimport { Breadcrumbs, Card, Typography } from \"@material-ui/core\";\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\nimport DoneIcon from '@material-ui/icons/Done';\nimport { makeStyles } from '@material-ui/core/styles';\n\ndeclare const PCore: any;\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 completedStage: {\n color: theme.palette.text.primary,\n },\n currentStage: {\n color: theme.palette.info.dark,\n fontWeight: 600,\n },\n futureStage: {\n color: theme.palette.text.secondary,\n },\n separatorIcon: {\n color: theme.palette.text.disabled,\n }\n\n}));\n\n\n/*\n API to filter out the alternate stages which are not in active and return all other stages\n * @param {Array} stages - Stages of a case type\n \n @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.\n /\nfunction getFilteredStages(stages) {\n if (!Array.isArray(stages)) {\n return [];\n }\n\n return stages.filter(\n (stage) =>\n stage.type !== \"Alternate\" \|\|\n (stage.type === \"Alternate\" && stage.visited_status === \"active\")\n );\n}\n\n/ TODO - this component should be refactored and not exposed as top level ~~Nebula~~ ~~component~~ -\n the stages should be created as part of the CaseView /\nexport default function Stages(props) {\n const classes = useStyles();\n\n const { getPConnect, stages } = props;\n const pConn = getPConnect();\n\n const filteredStages = getFilteredStages(stages);\n const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID);\n const stagesObj = filteredStages.map((stage, index, arr) => {\n const theID = stage.ID \|\| stage.id;\n return {\n name: stage.name,\n id: theID,\n complete: stage.visited_status === \"completed\",\n current: (theID === currentStageID),\n last: (index === arr.length - 1),\n };\n });\n\n // debugging/investigation help\n // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);\n\n function getStage(stage, index) {\n // Removing nested ternary for lint\n // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);\n let theClass;\n if (stage.current) {\n theClass = classes.currentStage;\n } else if (stage.complete) {\n theClass = classes.completedStage;\n } else {\n theClass = classes.futureStage;\n }\n\n return <span key={index}>\n {stage.complete ? <DoneIcon color=\"disabled\" fontSize=\"small\" /> : null}\n <Typography variant=\"h5\" component=\"span\" display=\"inline\" className={theClass}>{stage.name}</Typography>\n </span>;\n }\n\n function getStages(inStages) {\n return <Breadcrumbs aria-label=\"stages\" separator={<DoubleArrowIcon className={classes.separatorIcon} />}>\n {inStages.map((stage, index) => {\n return getStage(stage, index);\n })}\n </Breadcrumbs>\n }\n\n return (\n <Card id=\"Stages\" className={classes.root}>\n {/ Stages<br />\n currentStageID: {currentStageID}<br />\n {JSON.stringify(stagesObj)}<br /><br /> */}\n {getStages(stagesObj)}\n </Card>\n )\n}\n\nStages.propTypes = {\n getPConnect: PropTypes.func.isRequired,\n stages: PropTypes.arrayOf(PropTypes.object).isRequired\n};\n"]}
1	+ {"version":3,"file":"Stages.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Breadcrumbs, Card, Typography } from \"@material-ui/core\";\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\nimport DoneIcon from '@material-ui/icons/Done';\nimport { makeStyles } from '@material-ui/core/styles';\n\ndeclare const PCore: any;\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 completedStage: {\n color: theme.palette.text.primary,\n },\n currentStage: {\n color: theme.palette.info.dark,\n fontWeight: 600,\n },\n futureStage: {\n color: theme.palette.text.secondary,\n },\n separatorIcon: {\n color: theme.palette.text.disabled,\n }\n\n}));\n\n\n/*\n API to filter out the alternate stages which are not in active and return all other stages\n * @param {Array} stages - Stages of a case type\n \n @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.\n /\nfunction getFilteredStages(stages) {\n if (!Array.isArray(stages)) {\n return [];\n }\n\n return stages.filter(\n (stage) =>\n stage.type !== \"Alternate\" \|\|\n (stage.type === \"Alternate\" && stage.visited_status === \"active\")\n );\n}\n\n/ TODO - this component should be refactored and not exposed as top level DX Component -\n the stages should be created as part of the CaseView /\nexport default function Stages(props) {\n const classes = useStyles();\n\n const { getPConnect, stages } = props;\n const pConn = getPConnect();\n\n const filteredStages = getFilteredStages(stages);\n const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID);\n const stagesObj = filteredStages.map((stage, index, arr) => {\n const theID = stage.ID \|\| stage.id;\n return {\n name: stage.name,\n id: theID,\n complete: stage.visited_status === \"completed\",\n current: (theID === currentStageID),\n last: (index === arr.length - 1),\n };\n });\n\n // debugging/investigation help\n // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);\n\n function getStage(stage, index) {\n // Removing nested ternary for lint\n // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);\n let theClass;\n if (stage.current) {\n theClass = classes.currentStage;\n } else if (stage.complete) {\n theClass = classes.completedStage;\n } else {\n theClass = classes.futureStage;\n }\n\n return <span key={index}>\n {stage.complete ? <DoneIcon color=\"disabled\" fontSize=\"small\" /> : null}\n <Typography variant=\"h5\" component=\"span\" display=\"inline\" className={theClass}>{stage.name}</Typography>\n </span>;\n }\n\n function getStages(inStages) {\n return <Breadcrumbs aria-label=\"stages\" separator={<DoubleArrowIcon className={classes.separatorIcon} />}>\n {inStages.map((stage, index) => {\n return getStage(stage, index);\n })}\n </Breadcrumbs>\n }\n\n return (\n <Card id=\"Stages\" className={classes.root}>\n {/ Stages<br />\n currentStageID: {currentStageID}<br />\n {JSON.stringify(stagesObj)}<br /><br /> */}\n {getStages(stagesObj)}\n </Card>\n )\n}\n\nStages.propTypes = {\n getPConnect: PropTypes.func.isRequired,\n stages: PropTypes.arrayOf(PropTypes.object).isRequired\n};\n"]}

package/lib/components/infra/View/View.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,YAAY,CAAC;~~AASpB~~,iBAAwB,IAAI,CAAC,KAAK,KAAA,~~eAuGjC~~;~~kBAvGuB~~,IAAI;;;;;;;;;;;;;;;;;eAAJ,IAAI"}
1	+ {"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,YAAY,CAAC;AAkBpB,iBAAwB,IAAI,CAAC,KAAK,KAAA,eAqGjC;kBArGuB,IAAI;;;;;;;;;;;;;;;;;eAAJ,IAAI"}

package/lib/components/infra/View/View.js CHANGED Viewed

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 // import { LazyMap as LazyComponentMap } from "../../components_map";
 import { SdkComponentMap } from '../../../bridge/helpers/sdk_component_map';
 import ErrorBoundary from '../ErrorBoundary';
-import { getAllFields } from '../../template/utils';
+import { getAllFields } from '../../helpers/template-utils';
 // Need to import any templates that we might render
 import './View.css';
 //
@@ -13,6 +13,15 @@ import './View.css';
 // is totally at your own risk.
 //
 const FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];
+const NO_HEADER_TEMPLATES = [
+    'SubTabs',
+    'SimpleTable',
+    'Details',
+    'DetailsTwoColumn',
+    'DetailsThreeColumn',
+    'NarrowWideDetails',
+    'WideNarrowDetails'
+];
 export default function View(props) {
     const { children, template, getPConnect, mode } = props;
     let { label, showLabel = false } = props;
@@ -51,7 +60,7 @@ export default function View(props) {
                     ViewTemplate = ErrorBoundary;
                 }
             }
-            if (template === "ListView") {
+            if (template === 'ListView') {
                 // special case for ListView - add in a prop
                 const bInForm = true;
                 props = { ...props, bInForm };
@@ -78,7 +87,7 @@ export default function View(props) {
                 /* name */ id: 'label', style: { marginBlockStart: '1rem' }, className: 'grid-column' }, RenderedTemplate));
         }
         return (React.createElement("div", { className: 'grid-column' },
-            showLabel && template !== 'SubTabs' && template !== 'SimpleTable' && template !== 'Details' && (React.createElement("div", { className: 'template-title-container' },
+            showLabel && !NO_HEADER_TEMPLATES.includes(template) && (React.createElement("div", { className: 'template-title-container' },
                 React.createElement("span", null, label))),
             RenderedTemplate));
     }
@@ -108,7 +117,7 @@ View.propTypes = {
     mode: PropTypes.string,
     title: PropTypes.string
 };
-// Adapted from Nebula/Constellation to add in additional props for some templates
+// Adapted from Constellation DX Component to add in additional props for some templates
 View.additionalProps = (state, getPConnect) => {
     const thePConn = getPConnect();
     const { template } = thePConn.getConfigProps();

package/lib/components/infra/View/View.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,wDAAwD;AACxD,sEAAsE;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,~~sBAAsB~~,CAAC;~~AAEpD~~,oDAAoD;AAEpD,OAAO,YAAY,CAAC;AACpB,EAAE;AACF,qHAAqH;AACrH,uHAAuH;AACvH,+BAA+B;AAC/B,EAAE;AAEF,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;~~AAE5F~~,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK;IAChC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEzC,0HAA0H;IAC1H,gFAAgF;IAEhF,MAAM,cAAc,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,CAAC;IACzD,KAAK,GAAG,cAAc,CAAC,KAAK,IAAI,KAAK,CAAC;IACtC,SAAS,GAAG,cAAc,CAAC,SAAS,IAAI,SAAS,CAAC;IAElD,MAAM,kBAAkB,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,mFAAmF;IACnI,IAAI,kBAAkB,IAAI,SAAS,KAAK,SAAS,EAAE;QACjD,SAAS,GAAG,IAAI,CAAC;KAClB;IAED,qEAAqE;IACrE,0DAA0D;IAC1D,iDAAiD;IACjD,IAAI,QAAQ,CAAC,mCAAmC,EAAE;QAChD,mDAAmD;QACnD,IAAI,YAAiB,CAAC;QAEtB,IAAI,eAAe,EAAE;YACnB,sDAAsD;YACtD,MAAM,iBAAiB,GAAG,eAAe,CAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC,CAAC;YAC3E,~~IAAK~~,iBAAiB,KAAK,SAAS,EAAE;~~gBAClC~~,sCAAsC;gBACtC,OAAO,CAAC,GAAG,CAAC,wBAAwB,QAAQ,SAAS,CAAC,CAAC;gBACvD,YAAY,GAAG,iBAAiB,~~CAAA~~;~~aACnC~~;iBAAM;~~gBACH~~,MAAM,wBAAwB,GAAG,eAAe,CAAC,2BAA2B,EAAE,CAAC,QAAQ,CAAC,CAAC;gBACzF,~~IAAK~~,wBAAwB,KAAK,SAAS,EAAE;~~oBAC3C~~,kEAAkE;oBAClE,YAAY,GAAG,wBAAwB,CAAC;iBACzC;qBAAM;~~oBACH~~,sCAAsC;oBACtC,OAAO,CAAC,KAAK,CAAC,2CAA2C,QAAQ,EAAE,CAAC,CAAC;oBACrE,YAAY,GAAG,aAAa,CAAC;~~iBAChC~~;~~aACJ~~;YAED,IAAI,QAAQ,KAAK,UAAU,EAAE;gBAC3B,4CAA4C;gBAC5C,MAAM,OAAO,GAAG,IAAI,CAAC;gBACrB,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,OAAO,~~EAAC~~,CAAC;~~aAC9B~~;SACF;aAAM;~~YAEL~~,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,~~CAAA~~;~~YAE7D~~,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,+CAA+C,QAAQ,EAAE,CAAC,CAAC;~~SAE1E~~;QAED,8BAA8B;QAC9B,uDAAuD;QAEvD,wDAAwD;QACxD,IAAI,gBAAgB,GAAG,oBAAC,YAAY,OAAK,KAAK,IAAG,QAAQ,CAAgB,CAAC;QAE1E,IAAI,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,SAAS,EAAE;YACjD,YAAY;YACZ,uBAAuB;YACvB,mEAAmE;YACnE,yBAAyB;YACzB,kBAAkB;YAClB,KAAK;YACL,gBAAgB,GAAG,CACjB,0CACY,kBAAkB,wBACR,QAAQ;gBAC5B,UAAU,CAAC,EAAE,EAAC,OAAO,EACrB,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,EAAE,EACnC,SAAS,EAAC,aAAa,IAEtB,gBAAgB,CACb,CACP,CAAC;SACH;QAED,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;YACzB,SAAS,IAAI,~~QAAQ~~,~~KAAK~~,~~SAAS~~,~~IAAI,~~QAAQ,~~KAAK~~,~~aAAa,IAAI,~~QAAQ,~~KAAK~~,~~SAAS,~~IAAI,~~CAC9F~~,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,kCAAO,KAAK,CAAQ,CAChB,CACP;YACA,gBAAgB,CACb,CACP,CAAC;KACH;IAED,+BAA+B;IAC/B,gFAAgF;IAEhF,IAAI,QAAQ,EAAE;QACZ,OAAO,0CAAG,QAAQ,CAAI,CAAC;KACxB;SAAM;QACL,OAAO,6BAAK,EAAE,EAAC,MAAM,4BAA4B,CAAC;KACnD;AACH,CAAC;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC;QAC5B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;QACjC,SAAS,CAAC,KAAK;KAChB,CAAC,CAAC,0BAA0B;IAC7B,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,iBAAiB;IAC5C,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,KAAK,EAAE,SAAS,CAAC,MAAM;CACxB,CAAC;AAEF,~~kFAAkF~~;~~AAClF~~,IAAI,CAAC,eAAe,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;IAC5C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IAE/C,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,QAAQ,QAAQ,EAAE;QAChB,KAAK,aAAa;YAChB,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;YACnC,gDAAgD;YAChD,MAAM,WAAW,GAAG;gBAClB,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;gBAC3B,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;aAC9B,CAAC;YACF,OAAO,GAAG,QAAQ,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM;QAER,KAAK,SAAS;YACZ,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;YACnC,OAAO,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YACnC,MAAM;QAER;YACE,MAAM;KACT;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import { FieldGroup } from \"@pega/cosmos-react-core\";\n// import { LazyMap as LazyComponentMap } from \"../../components_map\";\n\nimport { SdkComponentMap } from '../../../bridge/helpers/sdk_component_map';\nimport ErrorBoundary from '../ErrorBoundary';\n\nimport { getAllFields } from '../../template/utils';\n\n// Need to import any templates that we might render\n\nimport './View.css';\n//\n// WARNING: It is not expected that this file should be modified. It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect. Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];\n\nexport default function View(props) {\n const { children, template, getPConnect, mode } = props;\n let { label, showLabel = false } = props;\n\n // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views\n // Putting this logic here instead of copy/paste in every Form template index.js\n\n const inheritedProps = getPConnect().getInheritedProps();\n label = inheritedProps.label \|\| label;\n showLabel = inheritedProps.showLabel \|\| showLabel;\n\n const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible\n if (isEmbeddedDataView && showLabel === undefined) {\n showLabel = true;\n }\n\n // As long as the template is defined in the dependencies of the view\n // it will be loaded, otherwise fall back to single column\n // JA - React SDK not using LazyComponentMap yet\n if (template /* && LazyComponentMap[template] /) {\n // const ViewTemplate = LazyComponentMap[template];\n let ViewTemplate: any;\n\n if (SdkComponentMap) {\n // This is the node_modules version of react_pconnect!\n const theLocalComponent = SdkComponentMap.getLocalComponentMap()[template];\n if ( theLocalComponent !== undefined) {\n // eslint-disable-next-line no-console\n console.log(`View component found ${template}: Local`);\n ViewTemplate = theLocalComponent\n } else {\n const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[template];\n if ( thePegaProvidedComponent !== undefined) {\n // console.log(`View component found ${template}: Pega-provided`);\n ViewTemplate = thePegaProvidedComponent;\n } else {\n // eslint-disable-next-line no-console\n console.error(`View component can't find template type ${template}`);\n ViewTemplate = ErrorBoundary;\n }\n }\n\n if (template === \"ListView\") {\n // special case for ListView - add in a prop\n const bInForm = true;\n props = { ...props, bInForm};\n }\n } else {\n\n // eslint-disable-next-line no-console\n console.warn(`View: SdkComponentMap expected but not found.`)\n\n // eslint-disable-next-line no-console\n console.error(`View: Trying to render an unknown template: ${template}`);\n\n }\n\n // for debugging/investigation\n // console.log(`View rendering template: ${template}`);\n\n // spreading because all props should go to the template\n let RenderedTemplate = <ViewTemplate {...props}>{children}</ViewTemplate>;\n\n if (FORMTEMPLATES.includes(template) && showLabel) {\n // Original:\n // RenderedTemplate = (\n // <FieldGroup name={label} style={{ marginBlockStart: \"1rem\" }}>\n // {RenderedTemplate}\n // </FieldGroup>\n // );\n RenderedTemplate = (\n <div\n data-name='RenderedTemplate'\n data-template-type={template}\n / name / id='label'\n style={{ marginBlockStart: '1rem' }}\n className='grid-column'\n >\n {RenderedTemplate}\n </div>\n );\n }\n\n return (\n <div className='grid-column'>\n {showLabel && template ~~!== 'SubTabs'~~ && ~~template !== 'SimpleTable' && template !== 'Details' &&~~ (\n <div className='template-title-container'>\n <span>{label}</span>\n </div>\n )}\n {RenderedTemplate}\n </div>\n );\n }\n\n // debugging/investigation help\n // console.log(`View about to render React.Fragment for children: ${children}`);\n\n if (children) {\n return <>{children}</>;\n } else {\n return <div id='View'>View has no children.</div>;\n }\n}\n\nView.defaultProps = {\n label: undefined,\n showLabel: undefined,\n mode: undefined\n};\n\nView.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.array\n ]) / array might be empty /,\n template: PropTypes.string / .isRequired */,\n getPConnect: PropTypes.func.isRequired,\n label: PropTypes.string,\n showLabel: PropTypes.bool,\n mode: PropTypes.string,\n title: PropTypes.string\n};\n\n// Adapted from ~~Nebula/~~Constellation to add in additional props for some templates\nView.additionalProps = (state, getPConnect) => {\n const thePConn = getPConnect();\n const { template } = thePConn.getConfigProps();\n\n let propObj = {};\n let allFields = {};\n\n switch (template) {\n case 'CaseSummary':\n allFields = getAllFields(thePConn);\n // eslint-disable-next-line no-case-declarations\n const unresFields = {\n primaryFields: allFields[0],\n secondaryFields: allFields[1]\n };\n propObj = thePConn.resolveConfigProps(unresFields);\n break;\n\n case 'Details':\n allFields = getAllFields(thePConn);\n propObj = { fields: allFields[0] };\n break;\n\n default:\n break;\n }\n\n return propObj;\n};\n"]}
1	+ {"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import { FieldGroup } from \"@pega/cosmos-react-core\";\n// import { LazyMap as LazyComponentMap } from \"../../components_map\";\n\nimport { SdkComponentMap } from '../../../bridge/helpers/sdk_component_map';\nimport ErrorBoundary from '../ErrorBoundary';\n\nimport { getAllFields } from '../../helpers/template-utils';\n\n// Need to import any templates that we might render\n\nimport './View.css';\n//\n// WARNING: It is not expected that this file should be modified. It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect. Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];\nconst NO_HEADER_TEMPLATES = [\n 'SubTabs',\n 'SimpleTable',\n 'Details',\n 'DetailsTwoColumn',\n 'DetailsThreeColumn',\n 'NarrowWideDetails',\n 'WideNarrowDetails'\n];\n\nexport default function View(props) {\n const { children, template, getPConnect, mode } = props;\n let { label, showLabel = false } = props;\n\n // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views\n // Putting this logic here instead of copy/paste in every Form template index.js\n\n const inheritedProps = getPConnect().getInheritedProps();\n label = inheritedProps.label \|\| label;\n showLabel = inheritedProps.showLabel \|\| showLabel;\n\n const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible\n if (isEmbeddedDataView && showLabel === undefined) {\n showLabel = true;\n }\n\n // As long as the template is defined in the dependencies of the view\n // it will be loaded, otherwise fall back to single column\n // JA - React SDK not using LazyComponentMap yet\n if (template /* && LazyComponentMap[template] /) {\n // const ViewTemplate = LazyComponentMap[template];\n let ViewTemplate: any;\n\n if (SdkComponentMap) {\n // This is the node_modules version of react_pconnect!\n const theLocalComponent = SdkComponentMap.getLocalComponentMap()[template];\n if (theLocalComponent !== undefined) {\n // eslint-disable-next-line no-console\n console.log(`View component found ${template}: Local`);\n ViewTemplate = theLocalComponent;\n } else {\n const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[template];\n if (thePegaProvidedComponent !== undefined) {\n // console.log(`View component found ${template}: Pega-provided`);\n ViewTemplate = thePegaProvidedComponent;\n } else {\n // eslint-disable-next-line no-console\n console.error(`View component can't find template type ${template}`);\n ViewTemplate = ErrorBoundary;\n }\n }\n\n if (template === 'ListView') {\n // special case for ListView - add in a prop\n const bInForm = true;\n props = { ...props, bInForm };\n }\n } else {\n // eslint-disable-next-line no-console\n console.warn(`View: SdkComponentMap expected but not found.`);\n\n // eslint-disable-next-line no-console\n console.error(`View: Trying to render an unknown template: ${template}`);\n }\n\n // for debugging/investigation\n // console.log(`View rendering template: ${template}`);\n\n // spreading because all props should go to the template\n let RenderedTemplate = <ViewTemplate {...props}>{children}</ViewTemplate>;\n\n if (FORMTEMPLATES.includes(template) && showLabel) {\n // Original:\n // RenderedTemplate = (\n // <FieldGroup name={label} style={{ marginBlockStart: \"1rem\" }}>\n // {RenderedTemplate}\n // </FieldGroup>\n // );\n RenderedTemplate = (\n <div\n data-name='RenderedTemplate'\n data-template-type={template}\n / name / id='label'\n style={{ marginBlockStart: '1rem' }}\n className='grid-column'\n >\n {RenderedTemplate}\n </div>\n );\n }\n\n return (\n <div className='grid-column'>\n {showLabel && !NO_HEADER_TEMPLATES.includes(template) && (\n <div className='template-title-container'>\n <span>{label}</span>\n </div>\n )}\n {RenderedTemplate}\n </div>\n );\n }\n\n // debugging/investigation help\n // console.log(`View about to render React.Fragment for children: ${children}`);\n\n if (children) {\n return <>{children}</>;\n } else {\n return <div id='View'>View has no children.</div>;\n }\n}\n\nView.defaultProps = {\n label: undefined,\n showLabel: undefined,\n mode: undefined\n};\n\nView.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.array\n ]) / array might be empty /,\n template: PropTypes.string / .isRequired */,\n getPConnect: PropTypes.func.isRequired,\n label: PropTypes.string,\n showLabel: PropTypes.bool,\n mode: PropTypes.string,\n title: PropTypes.string\n};\n\n// Adapted from Constellation DX Component to add in additional props for some templates\nView.additionalProps = (state, getPConnect) => {\n const thePConn = getPConnect();\n const { template } = thePConn.getConfigProps();\n\n let propObj = {};\n let allFields = {};\n\n switch (template) {\n case 'CaseSummary':\n allFields = getAllFields(thePConn);\n // eslint-disable-next-line no-case-declarations\n const unresFields = {\n primaryFields: allFields[0],\n secondaryFields: allFields[1]\n };\n propObj = thePConn.resolveConfigProps(unresFields);\n break;\n\n case 'Details':\n allFields = getAllFields(thePConn);\n propObj = { fields: allFields[0] };\n break;\n\n default:\n break;\n }\n\n return propObj;\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;~~AAenC~~,OAAO,gBAAgB,CAAC;~~AAyBxB~~,iBAAwB,QAAQ,CAAC,KAAK,KAAA,~~eA0XrC~~;~~kBA1XuB~~,QAAQ;;;;;;;;;;;;;;eAAR,QAAQ"}
1	+ {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,gBAAgB,CAAC;AAqBxB,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAyDrC;kBAzDuB,QAAQ;;;;;;;;;;;;;;eAAR,QAAQ"}

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

@@ -2,16 +2,8 @@ import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { makeStyles } from '@material-ui/core/styles';
 import { NavContext } from '../../helpers/reactContextHelpers';
-// import {
-//   Avatar,
-//   Toaster,
-//   Banner,
-//   AppShell as CosmosAppShell
-// } from "@pega/cosmos-react-core";
-// import createPConnectComponent from "../../../bridge/react_pconnect";
-// import { buildRecentList, onRecentClickHandler } from "./Recents/utils";
 import './AppShell.css';
-// AppShell can emit NavBar and ViewContainer
+// AppShell can emit NavBar
 import NavBar from '../../infra/NavBar';
 const useStyles = makeStyles((theme) => ({
     root: {
@@ -25,286 +17,13 @@ const useStyles = makeStyles((theme) => ({
         marginRight: theme.spacing(2),
     },
 }));
-/*
- * The wrapper handles knowing how to take in just children and mapping
- * to the Cosmos template. This could be a combination of things but it knows...
- */
 export default function AppShell(props) {
     const { pages, caseTypes, showAppName, children, getPConnect, } = props;
     const [open, setOpen] = useState(true);
     const pConn = getPConnect();
-    // const actionsAPI = pConn.getActionsApi();
     const envInfo = PCore.getEnvironmentInfo();
-    // const bannerRef = useRef(null);
-    // const hasBanner = httpMessages && httpMessages.length ? httpMessages.length > 0 : false;
     const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : "";
     const classes = useStyles();
-    // let banners = null;
-    // banners = hasBanner && (
-    //   <Banner
-    //     ref={bannerRef}
-    //     id="appShellBanner"
-    //     variant="urgent"
-    //     heading="Error"
-    //     onDismiss={() =>
-    //       pConn.clearErrorMessages({
-    //         category: "HTTP",
-    //         context: null
-    //       })
-    //     }
-    //     messages={httpMessages}
-    //   />
-    // );
-    // useEffect(() => {
-    //   if (hasBanner && bannerRef.current) {
-    //     bannerRef.current.focus();
-    //     window.scrollTo(0, bannerRef.current.offsetTop);
-    //   }
-    // }, [hasBanner]);
-    /**
-     *
-     * Function to dispatch a show page action for the page links in
-     * the left nav of the app shell
-     *
-     * @param {string} searchString Name of view to show
-     */
-    // function showSearchResults(searchString) {
-    //   if (searchString === "") {
-    //     actionsAPI.showPage("pySearchPage", "Data-Portal");
-    //     return;
-    //   }
-    //   const searchTerm = searchString.replace(/['"]+/g, "");
-    //   PCore.getDataApiUtils()
-    //     .getData(
-    //       "D_pySearch",
-    //       `{"dataViewParameters": {"SearchString": "${encodeURIComponent(
-    //         searchTerm
-    //       )}"}}`
-    //     )
-    //     .then((response) => {
-    //       if (
-    //         response.data.data !== null &&
-    //         response.data.resultCount === 1 &&
-    //         response.data.data[0].pyID === searchTerm
-    //       ) {
-    //         /* This is a match for a work item - then we will open it */
-    //         pConn
-    //           .getActionsApi()
-    //           .openWorkByHandle(
-    //             response.data.data[0].pzInsKey,
-    //             response.data.data[0].pzCategoryActionKeys
-    //           );
-    //         return;
-    //       }
-    //       // window.searchResults = {
-    //       //   searchString: searchTerm,
-    //       //   results: response.data
-    //       // };
-    //       actionsAPI.showPage("pySearchPage", "Data-Portal");
-    //     });
-    // }
-    /**
-     *
-     * Function to dispatch a show page action for the page links in
-     * the left nav of the app shell
-     *
-     * @param {string} viewName Name of view to show
-     * @param {string} className Pega Applies to class of the page
-     */
-    // function showPage(viewName, className) {
-    //   actionsAPI.showPage(viewName, className);
-    // }
-    /**
-     *
-     * Function to dispatch a create work action
-     * @param {string} className - placeholder string of case type being created
-     */
-    // function createWork(className) {
-    //   actionsAPI
-    //     .createWork(className)
-    //     .catch((error) =>
-    //       // eslint-disable-next-line no-console
-    //       console.log("Error in case creation: ", error?.message)
-    //     );
-    // }
-    /**
-     * Returns the Custome Component for each active case
-     */
-    // const VisualComponent = useCallback(
-    //   (context) => {
-    //     if (activeCases && activeCases.length > 0) {
-    //       const meta = PCore.getViewResources().fetchViewResources(
-    //         "pyCaseVisual",
-    //         getPConnect(),
-    //         PCore.getStoreValue(".caseTypeID", "caseInfo", context)
-    //       );
-    //       if (meta?.config && !meta.config.defaultVisual) {
-    //         const config = {
-    //           meta,
-    //           options: {
-    //             context,
-    //             pageReference: "caseInfo.content"
-    //           }
-    //         };
-    //         const visualConfig = PCore.createPConnect(config);
-    //         return React.createElement(createPConnectComponent(), visualConfig);
-    //       }
-    //     }
-    //     return undefined;
-    //   },
-    //   [getPConnect, activeCases]
-    // );
-    /**
-     * Transforms the active cases information into the model that cosmos expect.
-     */
-    // function getActiveCases() {
-    //   if (activeCases) {
-    //     const activeCaseLinks = [];
-    //     activeCases.forEach((activeCase) => {
-    //       const { caseID, className, workID, active, context } = activeCase;
-    //       // activeCaseLinks.push({
-    //       //   onDismiss: () => {
-    //       //     PCore.getContainerUtils().closeContainerItem(
-    //       //       activeCase.containerItemID
-    //       //     );
-    //       //   },
-    //       //   key: caseID,
-    //       //   name: caseID,
-    //       //   onClick: () => {
-    //       //     actionsAPI.openWorkByHandle(workID, className);
-    //       //   },
-    //       //   active,
-    //       //   visual: VisualComponent(context)
-    //       // });
-    //     });
-    //     return activeCaseLinks;
-    //   }
-    //   return activeCases;
-    // }
-    /**
-     * Translate Pega Data Page into the model that Cosmos expects
-     *
-     * Example:
-     *   pxPageViewIcon: "pi pi-home-solid"
-     *   pxURLPath: "Home"
-     *   pyClassName: "Data-Portal"
-     *   pyLabel: "Home"
-     *   pyRuleName: "pyHome"
-     */
-    // const links = !pages
-    //   ? []
-    //   : pages.map((page) => {
-    //       return {
-    //         name: page.pyLabel,
-    //         icon: page.pxPageViewIcon.replace("pi pi-", ""),
-    //         onClick: () => showPage(page.pyRuleName, page.pyClassName)
-    //       };
-    //     });
-    // const userName = envInfo.getOperatorName();
-    // const imageKey = envInfo.getOperatorImageInsKey();
-    // const logOffAction = () => {
-    //   actionsAPI.logout().then(() => window?.top?.location?.reload());
-    // };
-    // const getOperator = () => {
-    //   const operatorActions = [
-    //     [{ text: "Logoff", id: "1", onClick: logOffAction }]
-    //   ];
-    //   if (imageKey) {
-    //     return {
-    //       avatar: (
-    //         <div id="AvatarWithImageKey">Avatar with image key</div>
-    //         // <Avatar
-    //         //   name={userName}
-    //         //   imageSrc={getPConnect().getImagePath(imageKey)}
-    //         // />
-    //       ),
-    //       actions: operatorActions,
-    //       name: userName
-    //     };
-    //   }
-    //   return {
-    //     avatar: (
-    //       <div id="Avatar">Avatar</div>
-    //       // <Avatar name={userName}>
-    //       //   {userName
-    //       //     .split(" ")
-    //       //     .map((i) => i.charAt(0))
-    //       //     .join("")
-    //       //     .toUpperCase()}
-    //       // </Avatar>
-    //     ),
-    //     actions: operatorActions,
-    //     name: userName
-    //   };
-    // };
-    /**
-     * Translate Case Types page into what is expected by Cosmos
-     *
-     * Example:
-     *   pyClassName: ""
-     *   pyFlowType: ""
-     *   pyLabel: "No case types defined"
-     */
-    // const cases = !caseTypes
-    //   ? []
-    //   : caseTypes.map((caseType) => {
-    //       let action = {};
-    //       // Only add actions to entries with a class name to create so in case of empty message no action is added
-    //       if (caseType.pyClassName) {
-    //         action = { onClick: () => createWork(caseType.pyClassName) };
-    //       }
-    //       return {
-    //         name: caseType.pyLabel,
-    //         ...action
-    //       };
-    //     });
-    // const [recents, setRecents] = useState([]);
-    // const [searchVal, setSearchVal] = useState("");
-    // // default the icon to be empty. This will cause the image to be initially broken.
-    // const [iconURL, setIconURL] = useState("");
-    // useEffect(() => {
-    //   // using the default icon then fetch it from the static folder (not auth involved)
-    //   if (
-    //     !portalLogo ||
-    //     portalLogo.toLowerCase().includes("pzpega-logo-mark") ||
-    //     portalLogo.toLowerCase().includes("py-logo")
-    //   ) {
-    //     setIconURL(
-    //       `${PCore.getAssetLoader().getStaticServerUrl()}static/py-logo.svg`
-    //     );
-    //   }
-    //   // not using default icon to fetch it using the way which uses authentication
-    //   else {
-    //     PCore.getAssetLoader()
-    //       .getSvcImage(portalLogo)
-    //       .then((data) => {
-    //         setIconURL(window.URL.createObjectURL(data));
-    //       })
-    //       .catch(() => {
-    //         console.error(
-    //           `Unable to load the image for the portal logo/icon with the insName:${portalLogo}`
-    //         );
-    //       });
-    //   }
-    // }, [portalLogo]);
-    /**
-     * To fetch recents and translate items into what Cosmos expects
-     */
-    // const fetchRecents = () => {
-    //   actionsAPI.getRecents(15).then((response) => {
-    //     const recentsitems = response.data.recents;
-    //     // setRecents(buildRecentList(recentsitems));
-    //   });
-    // };
-    /**
-     * To handle on click of any recent item after the drawer is open
-     *
-     * @param {*} id : Recent item unique id
-     */
-    // const onItemClick = (id, e) => {
-    //   e.preventDefault();
-    //   // onRecentClickHandler(id, actionsAPI);
-    // };
     // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)
     // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
     const [appName, setAppName] = useState("");
@@ -332,58 +51,18 @@ export default function AppShell(props) {
     return (React.createElement(NavContext.Provider, { value: { open, setOpen } },
         React.createElement("div", { id: "AppShell", className: classes.root },
             React.createElement(NavBar, { pConn: getPConnect(), appName: appNameToDisplay, pages: pages, caseTypes: caseTypes }),
-            React.createElement("div", { className: classes.content }, children)))
-    // <Toaster dismissAfter={3000}>
-    //   <CosmosAppShell
-    //     {...{
-    //       appInfo: {
-    //         imageSrc: `${iconURL}`,
-    //         appName: `${appNameToDisplay}`,
-    //         portalName
-    //       },
-    //       recents: {
-    //         items: recents,
-    //         onDrawerOpen: fetchRecents,
-    //         onItemClick
-    //       },
-    //       searchInput: {
-    //         onSearchChange: (value) => {
-    //           setSearchVal(value);
-    //         },
-    //         onSearchSubmit: (value) => {
-    //           showSearchResults(value.trim());
-    //           setSearchVal("");
-    //         },
-    //         value: searchVal
-    //       },
-    //       caseTypes: cases,
-    //       links,
-    //       cases: getActiveCases(),
-    //       operator: getOperator()
-    //     }}
-    //     main={[children]}
-    //     banners={banners}
-    //     className="app-shell"
-    //   />
-    // </Toaster>
-    );
+            React.createElement("div", { className: classes.content }, children))));
 }
 AppShell.defaultProps = {
     pages: [],
     caseTypes: [],
     children: [],
-    // httpMessages: [],
-    // activeCases: null
 };
 AppShell.propTypes = {
-    // portalName: PropTypes.string/* .isRequired */,
-    // portalLogo: PropTypes.string/* .isRequired */,
     showAppName: PropTypes.bool /* .isRequired */,
     pages: PropTypes.arrayOf(PropTypes.object),
     caseTypes: PropTypes.arrayOf(PropTypes.object),
     children: PropTypes.arrayOf(PropTypes.node),
     getPConnect: PropTypes.func.isRequired,
-    // httpMessages: PropTypes.arrayOf(PropTypes.string),
-    // activeCases: PropTypes.arrayOf(PropTypes.object)
 };
 //# sourceMappingURL=AppShell.js.map