@pega/react-sdk-components 0.23.26 → 0.23.28

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

@@ -1,170 +1,168 @@
 .psdk-nav-divider {
-    border-bottom: 0.0625rem solid var(--app-nav-color);
-    width: 100%;
+  border-bottom: 0.0625rem solid var(--app-nav-color);
+  width: 100%;
 }
 
 .psdk-nav-header {
-    display: flex;
-    padding-top: 0.625rem;
+  display: flex;
+  padding-top: 0.625rem;
 }
 
 .psdk-nav-logo {
-    /* override vertical-align coming in from Bootstrap "reboot" */
-    vertical-align: baseline;
+  /* 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;
+  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;
+  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);
+  width: 2.6rem;
+  /* padding-right: 0.625rem; */
+  -webkit-filter: invert(0.75); /* safari 6.0 - 9.0 */
+  filter: invert(0.75);
 }
 
 .psdk-nav-portal-info {
-    margin-top: 0.15rem;
-    margin-bottom: 0.25rem;
-    padding-left: 0.15rem;
-    padding-right: 0.5rem;
-
+  margin-top: 0.15rem;
+  margin-bottom: 0.25rem;
+  padding-left: 0.15rem;
+  padding-right: 0.5rem;
 }
 
 .psdk-nav-portal-name {
-    font-size: 1rem;
+  font-size: 1rem;
 }
 
 .psdk-nav-portal-app {
-    font-size: 1.0rem;
+  font-size: 1rem;
 }
 
 .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;
-
+  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);
+  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;
+  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;
+  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);
+  /* 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;
+  /* 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;
+  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;
+  display: block;
+  list-style-type: none;
+  margin: 0rem;
+  padding-inline-start: 30px;
 }
 
 .psdk-nav-li-middle {
-    box-sizing: border-box;
-    text-align: left;
+  box-sizing: border-box;
+  text-align: left;
 }
 
 .psdk-icon {
-    padding: 0rem 0.125rem;
-    min-width: unset;
+  padding: 0rem 0.125rem;
+  min-width: unset;
 }
 
 .psdk-nav-button-span {
-    padding: 1rem;
+  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;
+  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;
+  margin-top: auto !important;
 }
 
 .scrollable {
-    overflow-y: scroll !important;
+  overflow-y: scroll !important;
 }

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

@@ -1,20 +1,12 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
+import { PConnProps } from '../../../types/PConnProps';
 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)[]>;
-    };
+interface NavBarProps extends PConnProps {
+    appName?: string;
+    pages?: any[];
+    caseTypes: any[];
+    pConn?: any;
 }
-export default NavBar;
+export default function NavBar(props: NavBarProps): JSX.Element;
+export {};
 //# sourceMappingURL=NavBar.d.ts.map

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;AAEnC,OAAO,cAAc,CAAC;AA4FtB,iBAAwB,MAAM,CAAC,KAAK,KAAA,eA8LnC;kBA9LuB,MAAM;;;;;;;;;;;;;;eAAN,MAAM"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":";AAkCA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,UAAU;IAGtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AA6DD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eAqLhD"}

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

@@ -1,9 +1,7 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { 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';
@@ -17,11 +15,14 @@ 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 { logout } from '@pega/auth/lib/sdk-auth-manager';
 import { useNavBar } from '../../helpers/reactContextHelpers';
-import { logout } from '../../helpers/authManager';
+import { Utils } from '../../helpers/utils';
+import './NavBar.css';
 const iconMap = {
-    'pi pi-headline': React.createElement(HomeOutlinedIcon, { fontSize: 'large' }),
-    'pi pi-flag-solid': React.createElement(FlagOutlinedIcon, { fontSize: 'large' })
+    'pi pi-headline': _jsx(HomeOutlinedIcon, { fontSize: 'large' }),
+    'pi pi-flag-solid': _jsx(FlagOutlinedIcon, { fontSize: 'large' }),
+    'pi pi-home-solid': _jsx(HomeOutlinedIcon, { fontSize: 'large' })
 };
 const drawerWidth = 300;
 const useStyles = makeStyles(theme => ({
@@ -75,7 +76,7 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 export default function NavBar(props) {
-    const { pConn, pages, caseTypes } = props;
+    const { pConn, pages = [], caseTypes = [] } = props;
     const classes = useStyles();
     const theme = useTheme();
     const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
@@ -84,7 +85,9 @@ export default function NavBar(props) {
     const [bShowCaseTypes, setBShowCaseTypes] = useState(true);
     const [bShowOperatorButtons, setBShowOperatorButtons] = useState(false);
     const [anchorEl, setAnchorEl] = useState(null);
-    const portalLogoImage = Utils.getIconPath(PCore.getAssetLoader().getStaticServerUrl()).concat('pzpega-logo-mark.svg');
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'AppShell';
+    const portalLogoImage = Utils.getIconPath(Utils.getSDKStaticConentUrl()).concat('pzpega-logo-mark.svg');
     const portalOperator = PCore.getEnvironmentInfo().getOperatorName();
     const portalApp = PCore.getEnvironmentInfo().getApplicationLabel();
     useEffect(() => {
@@ -97,7 +100,7 @@ export default function NavBar(props) {
             .showPage(pyRuleName, pyClassName)
             .then(() => {
             // eslint-disable-next-line no-console
-            console.log(`showPage completed`);
+            console.log(`${localizedVal('showPage completed', localeCategory)}`);
         });
     }
     function navPanelCreateCaseType(sCaseType, sFlowType) {
@@ -111,7 +114,7 @@ export default function NavBar(props) {
             .createWork(sCaseType, actionInfo)
             .then(() => {
             // eslint-disable-next-line no-console
-            console.log(`createWork completed`);
+            console.log(`${localizedVal('createWork completed', localeCategory)}`);
         });
     }
     // Toggle showing the Operator buttons
@@ -139,64 +142,14 @@ export default function NavBar(props) {
         else
             setOpen(true);
     }, [isDesktop]);
-    return (React.createElement(Drawer, { variant: 'permanent', classes: {
+    return (_jsxs(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', className: classes.applicationLabel }, 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: logout },
-                        React.createElement(ListItemIcon, null,
-                            React.createElement(ArrowBackIcon, { fontSize: 'large' })),
-                        React.createElement(Typography, { variant: 'inherit' }, "Logout")))))));
+        }, open: open && isDesktop, children: [open ? (_jsx(List, { className: classes.appListItem, children: _jsxs(ListItem, { onClick: handleDrawerOpen, children: [_jsx(ListItemIcon, { children: _jsx("img", { src: portalLogoImage, className: classes.appListLogo }) }), _jsx(ListItemText, { primary: _jsx(Typography, { variant: 'h6', className: classes.applicationLabel, children: portalApp }) }), _jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { edge: 'end', onClick: handleDrawerOpen, children: _jsx(ChevronLeftIcon, { className: classes.appListIcon }) }) })] }) })) : (_jsx("div", { className: classes.appListDiv, onClick: handleDrawerOpen, children: _jsx(ChevronRightIcon, { className: classes.appListIcon, id: 'chevron-right-icon', fontSize: 'large' }) })), _jsx(List, { children: _jsxs(ListItem, { button: true, onClick: handleCaseItemClick, children: [_jsx(ListItemIcon, { children: bShowCaseTypes && open ? _jsx(ClearOutlinedIcon, { fontSize: 'large' }) : _jsx(AddIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: 'Create' }), bShowCaseTypes ? _jsx(ExpandLess, {}) : _jsx(ExpandMore, {})] }) }), _jsx(Collapse, { in: bShowCaseTypes && open, timeout: 'auto', unmountOnExit: true, className: 'scrollable', children: _jsx(List, { component: 'div', disablePadding: true, children: caseTypes.map(caseType => (_jsxs(ListItem, { button: true, className: classes.nested, onClick: () => navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType), children: [_jsx(ListItemIcon, { children: _jsx(WorkOutlineIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: caseType.pyLabel })] }, caseType.pyLabel))) }) }), _jsx(List, { children: navPages.map(page => (_jsxs(ListItem, { button: true, onClick: () => navPanelButtonClick(page), children: [_jsx(ListItemIcon, { children: iconMap[page.pxPageViewIcon] }), _jsx(ListItemText, { primary: page.pyLabel })] }, page.pyLabel))) }), _jsx(Divider, {}), _jsx(List, { className: 'marginTopAuto', children: _jsxs(_Fragment, { children: [_jsxs(ListItem, { onClick: navPanelOperatorButtonClick, children: [_jsx(ListItemIcon, { children: _jsx(PersonOutlineIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: portalOperator }), open && (_jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { edge: 'end', onClick: navPanelOperatorButtonClick, children: _jsx(ChevronRightIcon, {}) }) }))] }), _jsx(Menu, { anchorEl: anchorEl, keepMounted: bShowOperatorButtons, open: bShowOperatorButtons, onClick: navPanelOperatorButtonClick, anchorOrigin: {
+                                vertical: 'top',
+                                horizontal: 'right'
+                            }, transformOrigin: {
+                                vertical: 'top',
+                                horizontal: 'left'
+                            }, children: _jsxs(MenuItem, { onClick: logout, children: [_jsx(ListItemIcon, { children: _jsx(ArrowBackIcon, { fontSize: 'large' }) }), _jsx(Typography, { variant: 'inherit', children: localizedVal('Logout', localeCategory) })] }) })] }) })] }));
 }
-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

@@ -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';\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"]}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport clsx from 'clsx';\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';\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';\nimport { logout } from '@pega/auth/lib/sdk-auth-manager';\n\nimport { useNavBar } from '../../helpers/reactContextHelpers';\nimport { Utils } from '../../helpers/utils';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './NavBar.css';\n\ninterface NavBarProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  // eslint-disable-next-line react/no-unused-prop-types\n  appName?: string;\n  pages?: any[];\n  caseTypes: any[];\n  pConn?: any;\n}\n\nconst iconMap = {\n  'pi pi-headline': <HomeOutlinedIcon fontSize='large' />,\n  'pi pi-flag-solid': <FlagOutlinedIcon fontSize='large' />,\n  'pi pi-home-solid': <HomeOutlinedIcon 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: NavBarProps) {\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 localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'AppShell';\n\n  const portalLogoImage = Utils.getIconPath(Utils.getSDKStaticConentUrl()).concat('pzpega-logo-mark.svg');\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(`${localizedVal('showPage completed', localeCategory)}`);\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(`${localizedVal('createWork completed', localeCategory)}`);\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 className={classes.appListIcon} id='chevron-right-icon' fontSize='large' />\n        </div>\n      )}\n      <List>\n        <ListItem button onClick={handleCaseItemClick}>\n          <ListItemIcon>{bShowCaseTypes && open ? <ClearOutlinedIcon fontSize='large' /> : <AddIcon fontSize='large' />}</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'>{localizedVal('Logout', localeCategory)}</Typography>\n            </MenuItem>\n          </Menu>\n        </>\n      </List>\n    </Drawer>\n  );\n}\n"]}

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

@@ -1,20 +1,11 @@
 /// <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>;
-    };
+import { PConnProps } from '../../../types/PConnProps';
+interface ReferenceProps extends PConnProps {
+    visibility?: boolean;
+    context?: string;
+    readOnly?: boolean;
+    displayMode?: string;
 }
-export default Reference;
+export default function Reference(props: ReferenceProps): JSX.Element | null;
+export {};
 //# sourceMappingURL=Reference.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Reference.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Reference/Reference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,cAAe,SAAQ,UAAU;IAEzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,sBAyCtD"}

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

@@ -1,8 +1,8 @@
-import React from "react";
-import PropTypes from "prop-types";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export default function Reference(props) {
-    const { visibility, context, getPConnect, readOnly, displayMode } = props;
+    const { visibility = true, context = '', getPConnect, readOnly = false, displayMode = '' } = props;
     const pConnect = getPConnect();
+    // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.
     const referenceConfig = { ...pConnect.getComponentConfig() } || {};
     delete referenceConfig?.name;
     delete referenceConfig?.type;
@@ -19,6 +19,7 @@ export default function Reference(props) {
             ...referenceConfig
         }
     };
+    // @ts-ignore - Argument of type 'null' is not assignable to parameter of type 'string'.
     const viewComponent = pConnect.createComponent(viewObject, null, null, {
         pageReference: context
     });
@@ -28,21 +29,8 @@ export default function Reference(props) {
         displayMode
     });
     if (visibility !== false) {
-        return React.createElement(React.Fragment, null, viewComponent);
+        return _jsx(_Fragment, { children: 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

@@ -1 +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"]}
+{"version":3,"file":"Reference.js","sourceRoot":"","sources":["../../../../src/components/infra/Reference/Reference.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEnG,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,oGAAoG;IACpG,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,GAAQ,QAAQ,CAAC,iBAAiB,EAAE,CAAC;IAEvD,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,wFAAwF;IACxF,MAAM,aAAa,GAAQ,QAAQ,CAAC,eAAe,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE;QAC1E,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,4BAAG,aAAa,GAAI,CAAC;KAC7B;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { PConnProps } from '../../../types/PConnProps';\n\ninterface ReferenceProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  visibility?: boolean;\n  context?: string;\n  readOnly?: boolean;\n  displayMode?: string;\n}\n\nexport default function Reference(props: ReferenceProps) {\n  const { visibility = true, context = '', getPConnect, readOnly = false, displayMode = '' } = props;\n\n  const pConnect = getPConnect();\n  // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.\n  const referenceConfig = { ...pConnect.getComponentConfig() } || {};\n\n  delete referenceConfig?.name;\n  delete referenceConfig?.type;\n  delete referenceConfig?.visibility;\n\n  const viewMetadata: any = 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  // @ts-ignore - Argument of type 'null' is not assignable to parameter of type 'string'.\n  const viewComponent: any = 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 <>{viewComponent}</>;\n  }\n  return null;\n}\n"]}