@pega/react-sdk-components 0.23.0

package/lib/components/infra/NavBar/NavBar.css

@@ -0,0 +1,170 @@
+.psdk-nav-divider {
+    border-bottom: 0.0625rem solid var(--app-nav-color);
+    width: 100%;
+}
+
+.psdk-nav-header {
+    display: flex;
+    padding-top: 0.625rem;
+}
+
+.psdk-nav-logo {
+    /* override vertical-align coming in from Bootstrap "reboot" */
+    vertical-align: baseline;
+
+    width: 3.5rem;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+
+/* background color white */
+/* filter: var(--app-white-color-filter); */
+.psdk-nav-svg-icon {
+    width: 2.6rem;
+    /* padding-right: 0.625rem; */
+    -webkit-filter: invert(.75); /* safari 6.0 - 9.0 */
+    filter: invert(.75);
+}
+
+.psdk-nav-portal-info {
+    margin-top: 0.15rem;
+    margin-bottom: 0.25rem;
+    padding-left: 0.15rem;
+    padding-right: 0.5rem;
+
+}
+
+.psdk-nav-portal-name {
+    font-size: 1rem;
+}
+
+.psdk-nav-portal-app {
+    font-size: 1.0rem;
+}
+
+.psdk-appshell-nav {
+    top: 0px;   /* JEA */
+    position: relative;    /* JEA was fixed */
+    z-index: 3;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    background: var(--app-nav-bg);
+    width: var(--app-nav-width);
+    height: 100%;
+    color: var(--app-nav-color);
+    /* overflow: hidden; */
+    white-space: nowrap;
+    transition: width var(--transition-medium) var(--natural-ease);
+    will-change: width;
+
+}
+
+.psdk-appshell-nav:hover {
+    width: var(--app-nav-width-expanded);
+}
+
+.psdk-appshell-topnav {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    background: var(--app-nav-bg);
+    width: var(--app-nav-width);
+    height: 15%;
+    color: var(--app-nav-color);
+    /* overflow: hidden; */
+    white-space: nowrap;
+    transition: width var(--transition-medium) var(--natural-ease);
+    will-change: width;
+}
+
+.psdk-appshell-middlenav {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    background: var(--app-nav-bg);
+    width: var(--app-nav-width);
+    height: 50%;
+    color: var(--app-nav-color);
+    /* overflow: hidden; */
+    white-space: nowrap;
+    transition: width var(--transition-medium) var(--natural-ease);
+    will-change: width;
+}
+
+.psdk-appshell-bottom {
+    /* to make NavBar logout button stay fixed to bottom of window */
+    /* position: fixed; */
+    bottom: 0px;
+    background: var(--app-nav-bg);
+    width: var(--app-nav-width);    /* inherit; */
+    border-top: 0.0625rem solid var(--app-nav-color);
+}
+
+/* Added for nav bar buttons to be like middlenav but with no additional flex direction and left justify */
+.psdk-appshell-buttonnav {
+    /* display: flex;
+    flex-direction: row; */
+    border: none;
+    justify-content: left;
+    background: var(--app-nav-bg);
+    width: var(--app-nav-width);
+    height: 50%;
+    color: var(--app-nav-color);
+    /* overflow: hidden; */
+    white-space: nowrap;
+    transition: width var(--transition-medium) var(--natural-ease);
+    will-change: width;
+}
+
+.psdk-nav-ul-middle {
+    display: block;
+    list-style-type: none;
+    margin: 0rem;
+    padding-inline-start: 30px;
+}
+
+.psdk-nav-li-middle {
+    box-sizing: border-box;
+    text-align: left;
+}
+
+.psdk-icon {
+    padding: 0rem 0.125rem;
+    min-width: unset;
+}
+
+.psdk-nav-button-span {
+    padding: 1rem;
+}
+
+.psdk-nav-oper-avatar {
+    margin: 0rem;
+    padding: 0rem;
+    min-width: 2.5rem;
+    min-height: 2.5rem;
+    max-width: 2.5rem;
+    max-height: 2.5rem;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    display: inline-flex;
+    background: var(--app-neutral-color);
+    color: white;
+    font-weight: normal;
+    font-size: 1rem;
+}
+
+.marginTopAuto {
+    margin-top: auto !important;
+}
+
+.scrollable {
+    overflow-y: scroll !important;
+}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+import './NavBar.css';
+declare function NavBar(props: any): JSX.Element;
+declare namespace NavBar {
+    var defaultProps: {
+        pConn: null;
+        appName: string;
+        pages: never[];
+        caseTypes: never[];
+    };
+    var propTypes: {
+        pConn: PropTypes.Requireable<object>;
+        appName: PropTypes.Requireable<string>;
+        pages: PropTypes.Requireable<(object | null | undefined)[]>;
+        caseTypes: PropTypes.Requireable<(object | null | undefined)[]>;
+    };
+}
+export default NavBar;
+//# sourceMappingURL=NavBar.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,266 @@
+import React, { useEffect, useState } from "react";
+import { makeStyles, useTheme } from '@material-ui/core/styles';
+import clsx from 'clsx';
+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';
+import PersonOutlineIcon from '@material-ui/icons/PersonOutlineOutlined';
+import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
+import ChevronRightIcon from '@material-ui/icons/ChevronRight';
+import FlagOutlinedIcon from '@material-ui/icons/FlagOutlined';
+import HomeOutlinedIcon from '@material-ui/icons/HomeOutlined';
+import ExpandLess from '@material-ui/icons/ExpandLess';
+import ExpandMore from '@material-ui/icons/ExpandMore';
+import AddIcon from '@material-ui/icons/Add';
+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 "../../templates/AppShell/AppShell";
+import { logout } from '../../helpers/authManager';
+const iconMap = {
+    "pi pi-headline": React.createElement(HomeOutlinedIcon, { fontSize: "large" }),
+    "pi pi-flag-solid": React.createElement(FlagOutlinedIcon, { fontSize: "large" })
+};
+const drawerWidth = 300;
+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,
+        }),
+        height: "100vh"
+    },
+    drawerPaperClose: {
+        overflowX: 'hidden',
+        transition: theme.transitions.create('width', {
+            easing: theme.transitions.easing.sharp,
+            duration: theme.transitions.duration.leavingScreen,
+        }),
+        width: theme.spacing(7),
+        [theme.breakpoints.up('md')]: {
+            width: theme.spacing(9),
+        },
+        height: "100vh"
+    },
+    nested: {
+        paddingLeft: theme.spacing(4),
+    },
+    appListItem: {
+        backgroundColor: theme.palette.primary.light,
+        color: theme.palette.getContrastText(theme.palette.primary.light),
+    },
+    appListLogo: {
+        marginRight: theme.spacing(2),
+        width: "3.6rem",
+    },
+    appListIcon: {
+        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"
+    }
+}));
+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 [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'));
+    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(() => {
+            // 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"
+        };
+        pConn.getActionsApi().createWork(sCaseType, actionInfo).then(() => {
+            // eslint-disable-next-line no-console
+            console.log(`createWork completed`);
+        });
+    }
+    // Toggle showing the Operator buttons
+    function navPanelOperatorButtonClick(evt) {
+        setBShowOperatorButtons(!bShowOperatorButtons);
+        if (!bShowOperatorButtons)
+            setAnchorEl(evt.currentTarget);
+        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);
+    };
+    const handleCaseItemClick = () => {
+        if (!open) {
+            setOpen(true);
+            setBShowCaseTypes(true);
+        }
+        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),
+        }, 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(ListItemSecondaryAction, null,
+                    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(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" }),
+                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(ListItemIcon, null,
+                    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]),
+            React.createElement(ListItemText, { primary: page.pyLabel }))))),
+        React.createElement(Divider, null),
+        React.createElement(List, { className: 'marginTopAuto' },
+            React.createElement(React.Fragment, null,
+                React.createElement(ListItem, { onClick: navPanelOperatorButtonClick },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(PersonOutlineIcon, { fontSize: "large" })),
+                    React.createElement(ListItemText, { primary: portalOperator }),
+                    open && (React.createElement(ListItemSecondaryAction, null,
+                        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',
+                    }, transformOrigin: {
+                        vertical: 'top',
+                        horizontal: 'left',
+                    } },
+                    React.createElement(MenuItem, { onClick: navPanelLogoutClick },
+                        React.createElement(ListItemIcon, null,
+                            React.createElement(ArrowBackIcon, { fontSize: "large" })),
+                        React.createElement(Typography, { variant: "inherit" }, "Logout")))))));
+}
+NavBar.defaultProps = {
+    pConn: null,
+    appName: "",
+    pages: [],
+    caseTypes: [],
+};
+NavBar.propTypes = {
+    pConn: PropTypes.object,
+    // eslint-disable-next-line react/no-unused-prop-types
+    appName: PropTypes.string,
+    pages: PropTypes.arrayOf(PropTypes.object),
+    caseTypes: PropTypes.arrayOf(PropTypes.object)
+};
+//# sourceMappingURL=NavBar.js.map

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

@@ -0,0 +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 \"../../templates/AppShell/AppShell\";\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"]}

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

@@ -0,0 +1,2 @@
+export { default } from './NavBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from './NavBar';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default } from './NavBar';\n"]}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function Reference(props: any): JSX.Element | null;
+declare namespace Reference {
+    var defaultProps: {
+        visibility: boolean;
+        context: null;
+        readOnly: boolean;
+        displayMode: null;
+    };
+    var propTypes: {
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        visibility: PropTypes.Requireable<boolean>;
+        context: PropTypes.Requireable<string>;
+        readOnly: PropTypes.Requireable<boolean>;
+        displayMode: PropTypes.Requireable<string>;
+    };
+}
+export default Reference;
+//# sourceMappingURL=Reference.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reference.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Reference/Reference.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAwB,SAAS,CAAC,KAAK,KAAA,sBAuCtC;kBAvCuB,SAAS;;;;;;;;;;;;;;;eAAT,SAAS"}

package/lib/components/infra/Reference/Reference.js

@@ -0,0 +1,48 @@
+import React from "react";
+import PropTypes from "prop-types";
+export default function Reference(props) {
+    const { visibility, context, getPConnect, readOnly, displayMode } = props;
+    const pConnect = getPConnect();
+    const referenceConfig = { ...pConnect.getComponentConfig() } || {};
+    delete referenceConfig?.name;
+    delete referenceConfig?.type;
+    delete referenceConfig?.visibility;
+    const viewMetadata = pConnect.getReferencedView();
+    if (!viewMetadata) {
+        // console.log("View not found ", pConnect.getComponentConfig());
+        return null;
+    }
+    const viewObject = {
+        ...viewMetadata,
+        config: {
+            ...viewMetadata.config,
+            ...referenceConfig
+        }
+    };
+    const viewComponent = pConnect.createComponent(viewObject, null, null, {
+        pageReference: context
+    });
+    viewComponent.props.getPConnect().setInheritedConfig({
+        ...referenceConfig,
+        readOnly,
+        displayMode
+    });
+    if (visibility !== false) {
+        return React.createElement(React.Fragment, null, viewComponent);
+    }
+    return null;
+}
+Reference.defaultProps = {
+    visibility: true,
+    context: null,
+    readOnly: false,
+    displayMode: null
+};
+Reference.propTypes = {
+    getPConnect: PropTypes.func.isRequired,
+    visibility: PropTypes.bool,
+    context: PropTypes.string,
+    readOnly: PropTypes.bool,
+    displayMode: PropTypes.string
+};
+//# sourceMappingURL=Reference.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reference.js","sourceRoot":"","sources":["../../../../src/components/infra/Reference/Reference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,EAAE,GAAG,QAAQ,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,CAAC;IAEnE,OAAO,eAAe,EAAE,IAAI,CAAC;IAC7B,OAAO,eAAe,EAAE,IAAI,CAAC;IAC7B,OAAO,eAAe,EAAE,UAAU,CAAC;IAEnC,MAAM,YAAY,GAAG,QAAQ,CAAC,iBAAiB,EAAE,CAAC;IAElD,IAAI,CAAC,YAAY,EAAE;QACjB,iEAAiE;QACjE,OAAO,IAAI,CAAC;KACb;IAED,MAAM,UAAU,GAAG;QACjB,GAAG,YAAY;QACf,MAAM,EAAE;YACN,GAAG,YAAY,CAAC,MAAM;YACtB,GAAG,eAAe;SACnB;KACF,CAAC;IAEF,MAAM,aAAa,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE;QACrE,aAAa,EAAE,OAAO;KACvB,CAAC,CAAC;IAEH,aAAa,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,kBAAkB,CAAC;QACnD,GAAG,eAAe;QAClB,QAAQ;QACR,WAAW;KACZ,CAAC,CAAC;IAEH,IAAI,UAAU,KAAK,KAAK,EAAE;QACxB,OAAO,oBAAC,KAAK,CAAC,QAAQ,QAAE,aAAa,CAAkB,CAAC;KACzD;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,CAAC,YAAY,GAAG;IACvB,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,IAAI;CAClB,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,WAAW,EAAE,SAAS,CAAC,MAAM;CAC9B,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function Reference(props) {\n  const { visibility, context, getPConnect, readOnly, displayMode } = props;\n\n  const pConnect = getPConnect();\n  const referenceConfig = { ...pConnect.getComponentConfig() } || {};\n\n  delete referenceConfig?.name;\n  delete referenceConfig?.type;\n  delete referenceConfig?.visibility;\n\n  const viewMetadata = pConnect.getReferencedView();\n\n  if (!viewMetadata) {\n    // console.log(\"View not found \", pConnect.getComponentConfig());\n    return null;\n  }\n\n  const viewObject = {\n    ...viewMetadata,\n    config: {\n      ...viewMetadata.config,\n      ...referenceConfig\n    }\n  };\n\n  const viewComponent = pConnect.createComponent(viewObject, null, null, {\n    pageReference: context\n  });\n\n  viewComponent.props.getPConnect().setInheritedConfig({\n    ...referenceConfig,\n    readOnly,\n    displayMode\n  });\n\n  if (visibility !== false) {\n    return <React.Fragment>{viewComponent}</React.Fragment>;\n  }\n  return null;\n}\n\nReference.defaultProps = {\n  visibility: true,\n  context: null,\n  readOnly: false,\n  displayMode: null\n};\n\nReference.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  visibility: PropTypes.bool,\n  context: PropTypes.string,\n  readOnly: PropTypes.bool,\n  displayMode: PropTypes.string\n};\n"]}

package/lib/components/infra/Reference/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Reference';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/infra/Reference/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Reference/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/lib/components/infra/Reference/index.js

@@ -0,0 +1,2 @@
+export { default } from './Reference';
+//# sourceMappingURL=index.js.map

package/lib/components/infra/Reference/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/Reference/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './Reference';\n"]}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function Region(props: any): JSX.Element;
+declare namespace Region {
+    var propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+    };
+}
+export default Region;
+//# sourceMappingURL=Region.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Region.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Region/Region.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAwB,MAAM,CAAC,KAAK,KAAA,eASnC;kBATuB,MAAM;;;;;eAAN,MAAM"}

package/lib/components/infra/Region/Region.js

@@ -0,0 +1,11 @@
+import React from "react";
+import PropTypes from "prop-types";
+export default function Region(props) {
+    const { children } = props;
+    return React.createElement(React.Fragment, null,
+        React.createElement(React.Fragment, null, children));
+}
+Region.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired
+};
+//# sourceMappingURL=Region.js.map