@pega/react-sdk-components 0.23.17 → 0.23.19

package/lib/components/infra/MultiStep/MultiStep.css

@@ -34,7 +34,7 @@ mat-horizontal-stepper {
 }
 
 .psdk-sub-step-current {
-  padding-left: 0.625rem; 
+  padding-left: 0.625rem;
   font-weight: bold;
   color: rgba(0,0,0,.87);
 }
@@ -53,7 +53,7 @@ mat-horizontal-stepper {
 }
 
 .psdk-sub-step-list {
-  list-style: none; 
+  list-style: none;
   padding-bottom: 0.625rem;
 }
 
@@ -219,35 +219,21 @@ mat-horizontal-stepper {
 .psdk-horizontal-step-label {
   color: rgba(0,0,0,.54);
   display: inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
   min-width: 50px;
   vertical-align: middle;
   font-size: 14px;
   font-weight: 500;
-  text-overflow: ellipsis;
-  overflow: hidden;
+  white-space: initial;
 }
 
 .psdk-horizontal-step-label-selected {
   color: rgba(0,0,0,.87);
   display: inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
   min-width: 50px;
   vertical-align: middle;
   font-size: 14px;
   font-weight: 500;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.psdk-horizontal-step-text-label {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: block;
+  white-space: initial;
 }
 
 .psdk-horizontal-step-line {

package/lib/components/infra/NavBar/NavBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 import './NavBar.css';
 declare function NavBar(props: any): JSX.Element;
 declare namespace NavBar {

package/lib/components/infra/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,cAAc,CAAC;AA0FtB,iBAAwB,MAAM,CAAC,KAAK,KAAA,eAyRnC;kBAzRuB,MAAM;;;;;;;;;;;;;;eAAN,MAAM"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAC;AA4FtB,iBAAwB,MAAM,CAAC,KAAK,KAAA,eA8LnC;kBA9LuB,MAAM;;;;;;;;;;;;;;eAAN,MAAM"}

package/lib/components/infra/NavBar/NavBar.js

@@ -1,7 +1,7 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState } from 'react';
 import { makeStyles, useTheme } from '@material-ui/core/styles';
 import clsx from 'clsx';
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 import { Utils } from '../../helpers/utils';
 import './NavBar.css';
 import { Drawer, List, ListItem, ListItemIcon, ListItemText, ListItemSecondaryAction, Collapse, Divider, IconButton, Menu, MenuItem, Typography } from '@material-ui/core';
@@ -17,117 +17,99 @@ import WorkOutlineIcon from '@material-ui/icons/WorkOutline';
 import ClearOutlinedIcon from '@material-ui/icons/ClearOutlined';
 import ArrowBackIcon from '@material-ui/icons/ArrowBack';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { useNavBar } from "../../helpers/reactContextHelpers";
+import { useNavBar } from '../../helpers/reactContextHelpers';
 import { logout } from '../../helpers/authManager';
 const iconMap = {
-    "pi pi-headline": React.createElement(HomeOutlinedIcon, { fontSize: "large" }),
-    "pi pi-flag-solid": React.createElement(FlagOutlinedIcon, { fontSize: "large" })
+    'pi pi-headline': React.createElement(HomeOutlinedIcon, { fontSize: 'large' }),
+    'pi pi-flag-solid': React.createElement(FlagOutlinedIcon, { fontSize: 'large' })
 };
 const drawerWidth = 300;
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
     drawerPaper: {
         position: 'relative',
         whiteSpace: 'nowrap',
         width: drawerWidth,
         transition: theme.transitions.create('width', {
             easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.enteringScreen,
+            duration: theme.transitions.duration.enteringScreen
         }),
-        height: "100vh"
+        height: '100vh'
     },
     drawerPaperClose: {
         overflowX: 'hidden',
         transition: theme.transitions.create('width', {
             easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.leavingScreen,
+            duration: theme.transitions.duration.leavingScreen
         }),
         width: theme.spacing(7),
         [theme.breakpoints.up('md')]: {
-            width: theme.spacing(9),
+            width: theme.spacing(9)
         },
-        height: "100vh"
+        height: '100vh'
     },
     nested: {
-        paddingLeft: theme.spacing(4),
+        paddingLeft: theme.spacing(4)
     },
     appListItem: {
         backgroundColor: theme.palette.primary.light,
-        color: theme.palette.getContrastText(theme.palette.primary.light),
+        color: theme.palette.getContrastText(theme.palette.primary.light)
     },
     appListLogo: {
         marginRight: theme.spacing(2),
-        width: "3.6rem",
+        width: '3.6rem'
     },
     appListIcon: {
-        color: theme.palette.getContrastText(theme.palette.primary.light),
+        color: theme.palette.getContrastText(theme.palette.primary.light)
     },
     appListDiv: {
         backgroundColor: theme.palette.primary.light,
         color: theme.palette.getContrastText(theme.palette.primary.light),
         paddingTop: theme.spacing(2),
         paddingBottom: theme.spacing(2),
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+    applicationLabel: {
+        whiteSpace: 'initial'
     }
 }));
 export default function NavBar(props) {
     const { pConn, pages, caseTypes } = props;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-    const [navIcon, setNavIcon] = useState((PCore.getAssetLoader().getStaticServerUrl()).concat("pzpega-logo-mark.svg"));
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-    const [navExpandCollapse, setNavExpandCollapse] = useState(Utils.getImageSrc("plus", PCore.getAssetLoader().getStaticServerUrl()));
+    const classes = useStyles();
+    const theme = useTheme();
+    const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+    const { open, setOpen } = useNavBar();
     const [navPages, setNavPages] = useState(JSON.parse(JSON.stringify(pages)));
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-    const [portalLogoImage, setPortalLogoImage] = useState(Utils.getIconPath(PCore.getAssetLoader().getStaticServerUrl()).concat("pzpega-logo-mark.svg"));
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-    const [portalOperator, setPortalOperator] = useState(PCore.getEnvironmentInfo().getOperatorName());
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-    const [portalOperatorInitials, setPortalOperatorInitials] = useState(Utils.getInitials(portalOperator));
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-    const [portalApp, setPortalApp] = useState(PCore.getEnvironmentInfo().getApplicationLabel());
     const [bShowCaseTypes, setBShowCaseTypes] = useState(true);
     const [bShowOperatorButtons, setBShowOperatorButtons] = useState(false);
-    const { open, setOpen } = useNavBar();
     const [anchorEl, setAnchorEl] = useState(null);
-    const classes = useStyles();
-    const theme = useTheme();
-    const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+    const portalLogoImage = Utils.getIconPath(PCore.getAssetLoader().getStaticServerUrl()).concat('pzpega-logo-mark.svg');
+    const portalOperator = PCore.getEnvironmentInfo().getOperatorName();
+    const portalApp = PCore.getEnvironmentInfo().getApplicationLabel();
     useEffect(() => {
         setNavPages(JSON.parse(JSON.stringify(pages)));
     }, [pages]);
-    // const caseTypesMap = caseTypes.map((caseType, index) => {
-    //   const theKey = `caseType.${index}`;
-    //   return <li key={theKey}>{caseType.pyLabel}</li>;
-    // });
-    // const pagesMap = pages.map((page, index) => {
-    //   const theKey = `page.${index}`;
-    //   return <li key={theKey}>{page.pyLabel}</li>;
-    // });
     function navPanelButtonClick(oPageData) {
         const { pyClassName, pyRuleName } = oPageData;
-        pConn.getActionsApi().showPage(pyRuleName, pyClassName).then(() => {
+        pConn
+            .getActionsApi()
+            .showPage(pyRuleName, pyClassName)
+            .then(() => {
             // eslint-disable-next-line no-console
             console.log(`showPage completed`);
         });
     }
-    // function navPanelCreateButtonClick() {
-    //   if (navExpandCollapse.indexOf("plus") > 0) {
-    //    setNavExpandCollapse(Utils.getImageSrc("times", PCore.getAssetLoader().getStaticServerUrl()));
-    //    setBShowCaseTypes(true);
-    //   }
-    //   else {
-    //     setNavExpandCollapse(Utils.getImageSrc("plus", PCore.getAssetLoader().getStaticServerUrl()));
-    //     setBShowCaseTypes(false);
-    //   }
-    // }
     function navPanelCreateCaseType(sCaseType, sFlowType) {
         setOpen(false);
         const actionInfo = {
-            containerName: "primary",
-            flowType: sFlowType || "pyStartCase"
+            containerName: 'primary',
+            flowType: sFlowType || 'pyStartCase'
         };
-        pConn.getActionsApi().createWork(sCaseType, actionInfo).then(() => {
+        pConn
+            .getActionsApi()
+            .createWork(sCaseType, actionInfo)
+            .then(() => {
             // eslint-disable-next-line no-console
             console.log(`createWork completed`);
         });
@@ -140,46 +122,6 @@ export default function NavBar(props) {
         else
             setAnchorEl(null);
     }
-    function navPanelLogoutClick() {
-        try {
-            // eslint-disable-next-line no-console
-            console.log(`--> navPanelLogoutClick clicked`);
-            // Commenting out until revokeToken API is available
-            // pConn.getActionsApi().logout().then(() => {
-            //   // eslint-disable-next-line no-console
-            //   console.log(`logout completed`);
-            // },
-            // error => {
-            //   // eslint-disable-next-line no-console
-            //   console.error(`onRejected function called: ${error.message}`);
-            // })
-        }
-        catch (err) {
-            // eslint-disable-next-line no-console
-            console.log(`--> Attempt to call logout api failed: ${err}`);
-        }
-        finally {
-            // authLogout();
-            logout();
-        }
-    }
-    // const theCaseTypeButtons = caseTypes.map((caseType) => <div style={{display: "flex"}}>
-    //   <button className="btn btn-link text-white"
-    //     onClick={() => { navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType)}}>{caseType.pyLabel}</button></div>
-    // );
-    // const theOperatorButtons = <button className="btn btn-link text-white" style={{marginLeft: "-0.05rem"}} onClick={navPanelLogoutClick}>Logoff</button>;
-    // return <div id="NavBar" style={{border: "solid 1px silver", margin: "1px"}} >
-    //     NavBar for <strong>{appName}</strong>
-    //     <br></br>
-    //     caseTypes:
-    //     <ul>
-    //       {caseTypesMap}
-    //     </ul>
-    //     Pages:
-    //     <ul>
-    //       {pagesMap}
-    //     </ul>
-    //   </div>;
     const handleDrawerOpen = () => {
         setOpen(!open);
     };
@@ -191,39 +133,33 @@ export default function NavBar(props) {
         else
             setBShowCaseTypes(!bShowCaseTypes);
     };
-    //  const handlePopoverOpen = (event) => {
-    //     setAnchorEl(event.currentTarget);
-    //   };
-    // const handlePopoverClose = () => {
-    //   setAnchorEl(null);
-    // };
     useEffect(() => {
         if (!isDesktop)
             setOpen(false);
         else
             setOpen(true);
     }, [isDesktop]);
-    return (React.createElement(Drawer, { variant: "permanent", classes: {
-            paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose),
+    return (React.createElement(Drawer, { variant: 'permanent', classes: {
+            paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose)
         }, open: open && isDesktop },
         open ? (React.createElement(List, { className: classes.appListItem },
             React.createElement(ListItem, { onClick: handleDrawerOpen },
                 React.createElement(ListItemIcon, null,
                     React.createElement("img", { src: portalLogoImage, className: classes.appListLogo })),
-                React.createElement(ListItemText, { primary: React.createElement(Typography, { variant: "h6" }, portalApp) }),
+                React.createElement(ListItemText, { primary: React.createElement(Typography, { variant: 'h6', className: classes.applicationLabel }, portalApp) }),
                 React.createElement(ListItemSecondaryAction, null,
-                    React.createElement(IconButton, { edge: "end", onClick: handleDrawerOpen },
+                    React.createElement(IconButton, { edge: 'end', onClick: handleDrawerOpen },
                         React.createElement(ChevronLeftIcon, { className: classes.appListIcon })))))) : (React.createElement("div", { className: classes.appListDiv, onClick: handleDrawerOpen },
-            React.createElement(ChevronRightIcon, { className: classes.appListIcon, id: "chevron-right-icon", fontSize: "large" }))),
+            React.createElement(ChevronRightIcon, { className: classes.appListIcon, id: 'chevron-right-icon', fontSize: 'large' }))),
         React.createElement(List, null,
             React.createElement(ListItem, { button: true, onClick: handleCaseItemClick },
-                React.createElement(ListItemIcon, null, bShowCaseTypes && open ? React.createElement(ClearOutlinedIcon, { fontSize: "large" }) : React.createElement(AddIcon, { fontSize: "large" })),
-                React.createElement(ListItemText, { primary: "Create" }),
+                React.createElement(ListItemIcon, null, bShowCaseTypes && open ? (React.createElement(ClearOutlinedIcon, { fontSize: 'large' })) : (React.createElement(AddIcon, { fontSize: 'large' }))),
+                React.createElement(ListItemText, { primary: 'Create' }),
                 bShowCaseTypes ? React.createElement(ExpandLess, null) : React.createElement(ExpandMore, null))),
-        React.createElement(Collapse, { in: bShowCaseTypes && open, timeout: "auto", unmountOnExit: true, className: 'scrollable' },
-            React.createElement(List, { component: "div", disablePadding: true }, caseTypes.map(caseType => (React.createElement(ListItem, { button: true, className: classes.nested, onClick: () => navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType), key: caseType.pyLabel },
+        React.createElement(Collapse, { in: bShowCaseTypes && open, timeout: 'auto', unmountOnExit: true, className: 'scrollable' },
+            React.createElement(List, { component: 'div', disablePadding: true }, caseTypes.map(caseType => (React.createElement(ListItem, { button: true, className: classes.nested, onClick: () => navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType), key: caseType.pyLabel },
                 React.createElement(ListItemIcon, null,
-                    React.createElement(WorkOutlineIcon, { fontSize: "large" })),
+                    React.createElement(WorkOutlineIcon, { fontSize: 'large' })),
                 React.createElement(ListItemText, { primary: caseType.pyLabel })))))),
         React.createElement(List, null, navPages.map(page => (React.createElement(ListItem, { button: true, onClick: () => navPanelButtonClick(page), key: page.pyLabel },
             React.createElement(ListItemIcon, null, iconMap[page.pxPageViewIcon]),
@@ -233,28 +169,28 @@ export default function NavBar(props) {
             React.createElement(React.Fragment, null,
                 React.createElement(ListItem, { onClick: navPanelOperatorButtonClick },
                     React.createElement(ListItemIcon, null,
-                        React.createElement(PersonOutlineIcon, { fontSize: "large" })),
+                        React.createElement(PersonOutlineIcon, { fontSize: 'large' })),
                     React.createElement(ListItemText, { primary: portalOperator }),
                     open && (React.createElement(ListItemSecondaryAction, null,
-                        React.createElement(IconButton, { edge: "end", onClick: navPanelOperatorButtonClick },
+                        React.createElement(IconButton, { edge: 'end', onClick: navPanelOperatorButtonClick },
                             React.createElement(ChevronRightIcon, null))))),
                 React.createElement(Menu, { anchorEl: anchorEl, keepMounted: bShowOperatorButtons, open: bShowOperatorButtons, onClick: navPanelOperatorButtonClick, anchorOrigin: {
                         vertical: 'top',
-                        horizontal: 'right',
+                        horizontal: 'right'
                     }, transformOrigin: {
                         vertical: 'top',
-                        horizontal: 'left',
+                        horizontal: 'left'
                     } },
-                    React.createElement(MenuItem, { onClick: navPanelLogoutClick },
+                    React.createElement(MenuItem, { onClick: logout },
                         React.createElement(ListItemIcon, null,
-                            React.createElement(ArrowBackIcon, { fontSize: "large" })),
-                        React.createElement(Typography, { variant: "inherit" }, "Logout")))))));
+                            React.createElement(ArrowBackIcon, { fontSize: 'large' })),
+                        React.createElement(Typography, { variant: 'inherit' }, "Logout")))))));
 }
 NavBar.defaultProps = {
     pConn: null,
-    appName: "",
+    appName: '',
     pages: [],
-    caseTypes: [],
+    caseTypes: []
 };
 NavBar.propTypes = {
     pConn: PropTypes.object,

package/lib/components/infra/NavBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport clsx from 'clsx';\nimport PropTypes from \"prop-types\";\nimport { Utils } from '../../helpers/utils';\n\nimport './NavBar.css';\n\nimport {\n  Drawer,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  ListItemSecondaryAction,\n  Collapse,\n  Divider,\n  IconButton,\n  Menu,\n  MenuItem,\n  Typography\n} from '@material-ui/core';\n\nimport PersonOutlineIcon from '@material-ui/icons/PersonOutlineOutlined';\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport FlagOutlinedIcon from '@material-ui/icons/FlagOutlined';\nimport HomeOutlinedIcon from '@material-ui/icons/HomeOutlined';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\nimport AddIcon from '@material-ui/icons/Add';\nimport WorkOutlineIcon from '@material-ui/icons/WorkOutline';\nimport ClearOutlinedIcon from '@material-ui/icons/ClearOutlined';\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport { useNavBar } from \"../../helpers/reactContextHelpers\";\nimport { logout } from '../../helpers/authManager';\n\ndeclare const PCore;\n\nconst iconMap = {\n  \"pi pi-headline\" : <HomeOutlinedIcon fontSize=\"large\"/>,\n  \"pi pi-flag-solid\": <FlagOutlinedIcon fontSize=\"large\"/>\n}\n\nconst drawerWidth = 300;\n\nconst useStyles = makeStyles((theme) => ({\n  drawerPaper: {\n    position: 'relative',\n    whiteSpace: 'nowrap',\n    width: drawerWidth,\n    transition: theme.transitions.create('width', {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.enteringScreen,\n    }),\n    height: \"100vh\"\n  },\n  drawerPaperClose: {\n    overflowX: 'hidden',\n    transition: theme.transitions.create('width', {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen,\n    }),\n    width: theme.spacing(7),\n    [theme.breakpoints.up('md')]: {\n      width: theme.spacing(9),\n    },\n    height: \"100vh\"\n  },\n  nested: {\n    paddingLeft: theme.spacing(4),\n  },\n  appListItem: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light),\n  },\n  appListLogo: {\n    marginRight: theme.spacing(2),\n    width: \"3.6rem\",\n  },\n  appListIcon: {\n    color: theme.palette.getContrastText(theme.palette.primary.light),\n  },\n  appListDiv: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light),\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  }\n}));\n\nexport default function NavBar(props) {\n  const {\n    pConn,\n    pages,\n    caseTypes\n  } = props;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [navIcon, setNavIcon] = useState((PCore.getAssetLoader().getStaticServerUrl()).concat(\"pzpega-logo-mark.svg\"));\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [navExpandCollapse, setNavExpandCollapse] = useState(Utils.getImageSrc(\"plus\", PCore.getAssetLoader().getStaticServerUrl()));\n  const [navPages, setNavPages] = useState(JSON.parse(JSON.stringify(pages)));\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [portalLogoImage, setPortalLogoImage] = useState(Utils.getIconPath(PCore.getAssetLoader().getStaticServerUrl()).concat(\"pzpega-logo-mark.svg\"));\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [portalOperator, setPortalOperator] = useState(PCore.getEnvironmentInfo().getOperatorName());\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [portalOperatorInitials, setPortalOperatorInitials] = useState(Utils.getInitials(portalOperator));\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [portalApp, setPortalApp] = useState(PCore.getEnvironmentInfo().getApplicationLabel());\n  const [bShowCaseTypes, setBShowCaseTypes] = useState(true);\n  const [bShowOperatorButtons, setBShowOperatorButtons] = useState(false)\n  const {open, setOpen} = useNavBar();\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n\n  useEffect( () => {\n    setNavPages(JSON.parse(JSON.stringify(pages)));\n  },\n  [pages]);\n\n  // const caseTypesMap = caseTypes.map((caseType, index) => {\n  //   const theKey = `caseType.${index}`;\n  //   return <li key={theKey}>{caseType.pyLabel}</li>;\n  // });\n\n  // const pagesMap = pages.map((page, index) => {\n  //   const theKey = `page.${index}`;\n  //   return <li key={theKey}>{page.pyLabel}</li>;\n  // });\n\n  function navPanelButtonClick(oPageData: any) {\n    const {\n      pyClassName,\n      pyRuleName\n    } = oPageData;\n\n    pConn.getActionsApi().showPage(pyRuleName, pyClassName).then(() => {\n      // eslint-disable-next-line no-console\n      console.log(`showPage completed`);\n    });\n  }\n\n  // function navPanelCreateButtonClick() {\n  //   if (navExpandCollapse.indexOf(\"plus\") > 0) {\n  //    setNavExpandCollapse(Utils.getImageSrc(\"times\", PCore.getAssetLoader().getStaticServerUrl()));\n  //    setBShowCaseTypes(true);\n  //   }\n  //   else {\n  //     setNavExpandCollapse(Utils.getImageSrc(\"plus\", PCore.getAssetLoader().getStaticServerUrl()));\n  //     setBShowCaseTypes(false);\n  //   }\n  // }\n\n  function navPanelCreateCaseType(sCaseType: string, sFlowType: string) {\n    setOpen(false);\n    const actionInfo = {\n      containerName: \"primary\",\n      flowType: sFlowType || \"pyStartCase\"\n    };\n\n    pConn.getActionsApi().createWork(sCaseType, actionInfo).then(() => {\n      // eslint-disable-next-line no-console\n      console.log(`createWork completed`);\n    });\n\n  }\n\n  // Toggle showing the Operator buttons\n  function navPanelOperatorButtonClick(evt) {\n    setBShowOperatorButtons(!bShowOperatorButtons);\n    if (!bShowOperatorButtons) setAnchorEl(evt.currentTarget);\n    else setAnchorEl(null);\n  }\n\n  function navPanelLogoutClick() {\n\n    try {\n      // eslint-disable-next-line no-console\n      console.log(`--> navPanelLogoutClick clicked`);\n      // Commenting out until revokeToken API is available\n      // pConn.getActionsApi().logout().then(() => {\n      //   // eslint-disable-next-line no-console\n      //   console.log(`logout completed`);\n      // },\n      // error => {\n      //   // eslint-disable-next-line no-console\n      //   console.error(`onRejected function called: ${error.message}`);\n      // })\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.log(`--> Attempt to call logout api failed: ${err}`);\n    }\n    finally {\n      // authLogout();\n      logout();\n    }\n  }\n\n  // const theCaseTypeButtons = caseTypes.map((caseType) => <div style={{display: \"flex\"}}>\n  //   <button className=\"btn btn-link text-white\"\n  //     onClick={() => { navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType)}}>{caseType.pyLabel}</button></div>\n  // );\n\n  // const theOperatorButtons = <button className=\"btn btn-link text-white\" style={{marginLeft: \"-0.05rem\"}} onClick={navPanelLogoutClick}>Logoff</button>;\n\n\n  // return <div id=\"NavBar\" style={{border: \"solid 1px silver\", margin: \"1px\"}} >\n  //     NavBar for <strong>{appName}</strong>\n  //     <br></br>\n  //     caseTypes:\n  //     <ul>\n  //       {caseTypesMap}\n  //     </ul>\n  //     Pages:\n  //     <ul>\n  //       {pagesMap}\n  //     </ul>\n  //   </div>;\n\n\n  const handleDrawerOpen = () => {\n    setOpen(!open);\n  };\n\n  const handleCaseItemClick = () => {\n    if (!open) {\n      setOpen(true);\n      setBShowCaseTypes(true);\n    } else setBShowCaseTypes(!bShowCaseTypes);\n  }\n\n//  const handlePopoverOpen = (event) => {\n//     setAnchorEl(event.currentTarget);\n//   };\n\n  // const handlePopoverClose = () => {\n  //   setAnchorEl(null);\n  // };\n\n\n  useEffect(() => {\n    if (!isDesktop) setOpen(false);\n    else setOpen(true);\n  }, [isDesktop])\n\n\n  return (\n    <Drawer\n      variant=\"permanent\"\n      classes={{\n        paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose),\n      }}\n      open={open && isDesktop}\n    >\n      {\n        open ? (\n          <List className={classes.appListItem}>\n            <ListItem onClick={handleDrawerOpen}>\n              <ListItemIcon>\n                  <img src={portalLogoImage} className={classes.appListLogo}/>\n              </ListItemIcon>\n              <ListItemText\n                primary={<Typography variant=\"h6\">{portalApp}</Typography>}\n              />\n              <ListItemSecondaryAction>\n                <IconButton edge=\"end\" onClick={handleDrawerOpen}>\n                  <ChevronLeftIcon className={classes.appListIcon} />\n                </IconButton>\n                      </ListItemSecondaryAction>\n            </ListItem>\n          </List>\n          ) : (\n            <div className={classes.appListDiv} onClick={handleDrawerOpen} >\n              <ChevronRightIcon className={classes.appListIcon} id=\"chevron-right-icon\" fontSize=\"large\" />\n            </div>\n          )\n      }\n      <List>\n        <ListItem button onClick={handleCaseItemClick}>\n          <ListItemIcon>\n            {\n              bShowCaseTypes && open ? <ClearOutlinedIcon fontSize=\"large\" /> : <AddIcon fontSize=\"large\" />\n            }\n          </ListItemIcon>\n          <ListItemText primary=\"Create\" />\n          {bShowCaseTypes ? <ExpandLess /> : <ExpandMore />}\n        </ListItem>\n      </List>\n      <Collapse in={bShowCaseTypes && open} timeout=\"auto\" unmountOnExit className='scrollable'>\n        <List component=\"div\" disablePadding>\n          {\n            caseTypes.map(caseType => (\n              <ListItem\n                button\n                className={classes.nested}\n                onClick={() => navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType)}\n                key={caseType.pyLabel}\n              >\n                <ListItemIcon>\n                  <WorkOutlineIcon fontSize=\"large\" />\n                </ListItemIcon>\n                <ListItemText primary={caseType.pyLabel} />\n              </ListItem>\n            ))\n          }\n        </List>\n      </Collapse>\n      <List>\n        {\n          navPages.map(page => (\n              <ListItem\n                button\n                onClick={() => navPanelButtonClick(page)}\n                key={page.pyLabel}\n              >\n                <ListItemIcon>\n                  {iconMap[page.pxPageViewIcon]}\n                </ListItemIcon>\n                <ListItemText primary={page.pyLabel} />\n            </ListItem>\n          ))\n        }\n      </List>\n      <Divider />\n      <List className='marginTopAuto'>\n        <>\n          <ListItem onClick={navPanelOperatorButtonClick}>\n            <ListItemIcon>\n              <PersonOutlineIcon fontSize=\"large\" />\n            </ListItemIcon>\n            <ListItemText primary={portalOperator} />\n            {\n              open && (\n                <ListItemSecondaryAction>\n                  <IconButton edge=\"end\" onClick={navPanelOperatorButtonClick}>\n                    <ChevronRightIcon/>\n                  </IconButton>\n                </ListItemSecondaryAction>\n              )\n            }\n\n          </ListItem>\n          <Menu\n            anchorEl={anchorEl}\n            keepMounted={bShowOperatorButtons}\n            open={bShowOperatorButtons}\n            onClick={navPanelOperatorButtonClick}\n            anchorOrigin={{\n              vertical: 'top',\n              horizontal: 'right',\n            }}\n            transformOrigin={{\n              vertical: 'top',\n              horizontal: 'left',\n            }}\n          >\n            <MenuItem onClick={navPanelLogoutClick}>\n              <ListItemIcon>\n                <ArrowBackIcon fontSize=\"large\" />\n              </ListItemIcon>\n              <Typography variant=\"inherit\">Logout</Typography>\n            </MenuItem>\n          </Menu>\n        </>\n      </List>\n    </Drawer>\n  );\n}\n\nNavBar.defaultProps = {\n  pConn: null,\n  appName: \"\",\n  pages: [],\n  caseTypes: [],\n};\n\nNavBar.propTypes = {\n  pConn: PropTypes.object,\n  // eslint-disable-next-line react/no-unused-prop-types\n  appName: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  caseTypes: PropTypes.arrayOf(PropTypes.object)\n};\n"]}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { Utils } from '../../helpers/utils';\nimport './NavBar.css';\nimport {\n  Drawer,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  ListItemSecondaryAction,\n  Collapse,\n  Divider,\n  IconButton,\n  Menu,\n  MenuItem,\n  Typography\n} from '@material-ui/core';\n\nimport PersonOutlineIcon from '@material-ui/icons/PersonOutlineOutlined';\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport FlagOutlinedIcon from '@material-ui/icons/FlagOutlined';\nimport HomeOutlinedIcon from '@material-ui/icons/HomeOutlined';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\nimport AddIcon from '@material-ui/icons/Add';\nimport WorkOutlineIcon from '@material-ui/icons/WorkOutline';\nimport ClearOutlinedIcon from '@material-ui/icons/ClearOutlined';\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport { useNavBar } from '../../helpers/reactContextHelpers';\nimport { logout } from '../../helpers/authManager';\n\ndeclare const PCore;\n\nconst iconMap = {\n  'pi pi-headline': <HomeOutlinedIcon fontSize='large' />,\n  'pi pi-flag-solid': <FlagOutlinedIcon fontSize='large' />\n};\n\nconst drawerWidth = 300;\n\nconst useStyles = makeStyles(theme => ({\n  drawerPaper: {\n    position: 'relative',\n    whiteSpace: 'nowrap',\n    width: drawerWidth,\n    transition: theme.transitions.create('width', {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.enteringScreen\n    }),\n    height: '100vh'\n  },\n  drawerPaperClose: {\n    overflowX: 'hidden',\n    transition: theme.transitions.create('width', {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen\n    }),\n    width: theme.spacing(7),\n    [theme.breakpoints.up('md')]: {\n      width: theme.spacing(9)\n    },\n    height: '100vh'\n  },\n  nested: {\n    paddingLeft: theme.spacing(4)\n  },\n  appListItem: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light)\n  },\n  appListLogo: {\n    marginRight: theme.spacing(2),\n    width: '3.6rem'\n  },\n  appListIcon: {\n    color: theme.palette.getContrastText(theme.palette.primary.light)\n  },\n  appListDiv: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light),\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  applicationLabel: {\n    whiteSpace: 'initial'\n  }\n}));\n\nexport default function NavBar(props) {\n  const { pConn, pages, caseTypes } = props;\n\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n\n  const { open, setOpen } = useNavBar();\n  const [navPages, setNavPages] = useState(JSON.parse(JSON.stringify(pages)));\n  const [bShowCaseTypes, setBShowCaseTypes] = useState(true);\n  const [bShowOperatorButtons, setBShowOperatorButtons] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const portalLogoImage = Utils.getIconPath(PCore.getAssetLoader().getStaticServerUrl()).concat(\n    'pzpega-logo-mark.svg'\n  );\n  const portalOperator = PCore.getEnvironmentInfo().getOperatorName();\n  const portalApp = PCore.getEnvironmentInfo().getApplicationLabel();\n\n  useEffect(() => {\n    setNavPages(JSON.parse(JSON.stringify(pages)));\n  }, [pages]);\n\n  function navPanelButtonClick(oPageData: any) {\n    const { pyClassName, pyRuleName } = oPageData;\n\n    pConn\n      .getActionsApi()\n      .showPage(pyRuleName, pyClassName)\n      .then(() => {\n        // eslint-disable-next-line no-console\n        console.log(`showPage completed`);\n      });\n  }\n\n  function navPanelCreateCaseType(sCaseType: string, sFlowType: string) {\n    setOpen(false);\n    const actionInfo = {\n      containerName: 'primary',\n      flowType: sFlowType || 'pyStartCase'\n    };\n\n    pConn\n      .getActionsApi()\n      .createWork(sCaseType, actionInfo)\n      .then(() => {\n        // eslint-disable-next-line no-console\n        console.log(`createWork completed`);\n      });\n  }\n\n  // Toggle showing the Operator buttons\n  function navPanelOperatorButtonClick(evt) {\n    setBShowOperatorButtons(!bShowOperatorButtons);\n    if (!bShowOperatorButtons) setAnchorEl(evt.currentTarget);\n    else setAnchorEl(null);\n  }\n\n  const handleDrawerOpen = () => {\n    setOpen(!open);\n  };\n\n  const handleCaseItemClick = () => {\n    if (!open) {\n      setOpen(true);\n      setBShowCaseTypes(true);\n    } else setBShowCaseTypes(!bShowCaseTypes);\n  };\n\n  useEffect(() => {\n    if (!isDesktop) setOpen(false);\n    else setOpen(true);\n  }, [isDesktop]);\n\n  return (\n    <Drawer\n      variant='permanent'\n      classes={{\n        paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose)\n      }}\n      open={open && isDesktop}\n    >\n      {open ? (\n        <List className={classes.appListItem}>\n          <ListItem onClick={handleDrawerOpen}>\n            <ListItemIcon>\n              <img src={portalLogoImage} className={classes.appListLogo} />\n            </ListItemIcon>\n            <ListItemText\n              primary={\n                <Typography variant='h6' className={classes.applicationLabel}>\n                  {portalApp}\n                </Typography>\n              }\n            />\n            <ListItemSecondaryAction>\n              <IconButton edge='end' onClick={handleDrawerOpen}>\n                <ChevronLeftIcon className={classes.appListIcon} />\n              </IconButton>\n            </ListItemSecondaryAction>\n          </ListItem>\n        </List>\n      ) : (\n        <div className={classes.appListDiv} onClick={handleDrawerOpen}>\n          <ChevronRightIcon\n            className={classes.appListIcon}\n            id='chevron-right-icon'\n            fontSize='large'\n          />\n        </div>\n      )}\n      <List>\n        <ListItem button onClick={handleCaseItemClick}>\n          <ListItemIcon>\n            {bShowCaseTypes && open ? (\n              <ClearOutlinedIcon fontSize='large' />\n            ) : (\n              <AddIcon fontSize='large' />\n            )}\n          </ListItemIcon>\n          <ListItemText primary='Create' />\n          {bShowCaseTypes ? <ExpandLess /> : <ExpandMore />}\n        </ListItem>\n      </List>\n      <Collapse in={bShowCaseTypes && open} timeout='auto' unmountOnExit className='scrollable'>\n        <List component='div' disablePadding>\n          {caseTypes.map(caseType => (\n            <ListItem\n              button\n              className={classes.nested}\n              onClick={() => navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType)}\n              key={caseType.pyLabel}\n            >\n              <ListItemIcon>\n                <WorkOutlineIcon fontSize='large' />\n              </ListItemIcon>\n              <ListItemText primary={caseType.pyLabel} />\n            </ListItem>\n          ))}\n        </List>\n      </Collapse>\n      <List>\n        {navPages.map(page => (\n          <ListItem button onClick={() => navPanelButtonClick(page)} key={page.pyLabel}>\n            <ListItemIcon>{iconMap[page.pxPageViewIcon]}</ListItemIcon>\n            <ListItemText primary={page.pyLabel} />\n          </ListItem>\n        ))}\n      </List>\n      <Divider />\n      <List className='marginTopAuto'>\n        <>\n          <ListItem onClick={navPanelOperatorButtonClick}>\n            <ListItemIcon>\n              <PersonOutlineIcon fontSize='large' />\n            </ListItemIcon>\n            <ListItemText primary={portalOperator} />\n            {open && (\n              <ListItemSecondaryAction>\n                <IconButton edge='end' onClick={navPanelOperatorButtonClick}>\n                  <ChevronRightIcon />\n                </IconButton>\n              </ListItemSecondaryAction>\n            )}\n          </ListItem>\n          <Menu\n            anchorEl={anchorEl}\n            keepMounted={bShowOperatorButtons}\n            open={bShowOperatorButtons}\n            onClick={navPanelOperatorButtonClick}\n            anchorOrigin={{\n              vertical: 'top',\n              horizontal: 'right'\n            }}\n            transformOrigin={{\n              vertical: 'top',\n              horizontal: 'left'\n            }}\n          >\n            <MenuItem onClick={logout}>\n              <ListItemIcon>\n                <ArrowBackIcon fontSize='large' />\n              </ListItemIcon>\n              <Typography variant='inherit'>Logout</Typography>\n            </MenuItem>\n          </Menu>\n        </>\n      </List>\n    </Drawer>\n  );\n}\n\nNavBar.defaultProps = {\n  pConn: null,\n  appName: '',\n  pages: [],\n  caseTypes: []\n};\n\nNavBar.propTypes = {\n  pConn: PropTypes.object,\n  // eslint-disable-next-line react/no-unused-prop-types\n  appName: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  caseTypes: PropTypes.arrayOf(PropTypes.object)\n};\n"]}

package/lib/components/infra/RootContainer/RootContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RootContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/RootContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAqB,MAAM,YAAY,CAAC;AA8C/C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;CA2QlB,CAAC;AAoBF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"RootContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/RootContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAqB,MAAM,YAAY,CAAC;AA8C/C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;CAuNlB,CAAC;AAoBF,eAAe,aAAa,CAAC"}

package/lib/components/infra/RootContainer/RootContainer.js

@@ -44,8 +44,6 @@ const RootContainer = (props) => {
     if (isMashup) {
         options["context"] = "root";
     }
-    // Used for embedded mode
-    // let newPConn: any;
     const [componentName, setComponentName] = useState("");
     useEffect(() => {
         // debugging/investigation help
@@ -53,7 +51,6 @@ const RootContainer = (props) => {
     }, [componentName]);
     // debugging/investigation help
     // console.log(`RootContainer props.routingInfo: ${JSON.stringify(routingInfo)}`);
-    // const bannerRef = useRef(null);
     let hasBanner = false;
     let banners = null;
     const messages = httpMessages
@@ -63,21 +60,6 @@ const RootContainer = (props) => {
     banners = hasBanner && (React.createElement("div", null,
         "RootContainer: trying to emit Banner with ",
         messages));
-    // && (
-    // <Banner
-    //   ref={bannerRef}
-    //   id="appShellBanner"
-    //   variant="urgent"
-    //   heading="Error"
-    //   onDismiss={() =>
-    //     pConn.clearErrorMessages({
-    //       category: "HTTP",
-    //       context: "root"
-    //     })
-    //   }
-    //   messages={messages}
-    // />
-    // );
     const MemoizedModalViewContainer = useMemo(() => {
         return createElement(createPConnectComponent(), PCore.createPConnect({
             meta: {
@@ -132,7 +114,6 @@ const RootContainer = (props) => {
         }
         return noPortalContent;
     }
-    // const rootViewRef: any = useRef(null);
     let rootView;
     let rootViewConfig = null;
     useEffect(() => {
@@ -140,7 +121,6 @@ const RootContainer = (props) => {
         const items = Object.keys(containers).filter((item) => item.includes("root"));
         PCore.getContainerUtils().getContainerAPI().addContainerItems(items);
     }, [routingInfo]);
-    // const { store } = useConstellationContext();
     const items = getItemView(routingInfo, renderingMode);
     if (items.length > 0) {
         rootViewConfig = {
@@ -168,13 +148,6 @@ const RootContainer = (props) => {
         if (!isEqual(currentRootConfig, prevRootConfig)) {
             rootView = createElement(createPConnectComponent(), PCore.createPConnect(currentRootConfig));
         }
-        // interior was
-        // <ModalManager>
-        //   {rootViewRef.current}
-        //   {MemoisedModalViewContainer}
-        //   {MemoizedPreviewViewContainer}
-        //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-        // </ModalManager> */}
         // debugging/investigation help
         // console.log(`rootView.props.getPConnect().getComponentName(): ${rootView.props.getPConnect().getComponentName()}`);
         return (React.createElement("div", { id: "ModalManager" },
@@ -188,10 +161,7 @@ const RootContainer = (props) => {
         console.log(`RootContainer rendering in noPortal mode`);
         const theChildren = pConn.getChildren();
         if (theChildren && (theChildren.length === 1)) {
-            // this.createdPConnect =  theChildren[0];
-            // this.createdPConnect = null;
             const localPConn = theChildren[0].getPConnect();
-            // newPConn = pConn;
             const localCompName = localPConn.getComponentName();
             if (componentName !== localCompName) {
                 setComponentName(localCompName);
@@ -201,39 +171,19 @@ const RootContainer = (props) => {
         return noPortalContent;
     }
     else if (children && children.length > 0) {
-        // interior was
-        // <ModalManager>
-        //       {httpMessages ? <div id="root-container">{banners}</div> : ""}
-        //       {children}
-        //       {MemoizedModalViewContainer}
-        //       <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-        //       {MemoizedPreviewViewContainer}
-        //     </ModalManager>
         return (React.createElement(React.Fragment, null,
             React.createElement("div", null, "RootContainer: Has children. Trying to show ModalManager with children, etc."),
             children,
             MemoizedModalViewContainer));
     }
     else if (skeleton) {
-        // TODO: need to update once skeletons are available
         // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
         const LoadingComponent = LazyComponentMap[skeleton];
-        // interior was
-        // <ModalManager>
-        //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-        //   <LoadingComponent />
-        // </ModalManager>
         return (React.createElement("div", { id: "root-container" },
             React.createElement(Box, { textAlign: "center" },
                 React.createElement(CircularProgress, null))));
     }
     else {
-        // interior was
-        // <ModalManager>
-        //   {MemoisedModalViewContainer}
-        //   {MemoizedPreviewViewContainer}
-        //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-        // </ModalManager>
         return (React.createElement("div", { id: "root-container" },
             React.createElement("div", null, "RootContainer: Should be ModalManager, etc.")));
     }