@pega/react-sdk-components 8.23.10 → 23.1.10

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

@@ -1,21 +1,15 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
 import './MultiStep.css';
-declare function MultiStep(props: any): JSX.Element;
-declare namespace MultiStep {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        itemKey: PropTypes.Requireable<string>;
-        actionButtons: PropTypes.Requireable<object>;
-        onButtonPress: PropTypes.Requireable<(...args: any[]) => any>;
-        bIsVertical: PropTypes.Requireable<boolean>;
-        arCurrentStepIndicies: PropTypes.Requireable<any[]>;
-        arNavigationSteps: PropTypes.Requireable<any[]>;
-    };
-    var defaultProps: {
-        itemKey: null;
-    };
+import type { PConnProps } from '../../../types/PConnProps';
+interface MultiStepProps extends PConnProps {
+    children: Array<any>;
+    itemKey: string;
+    actionButtons: Array<any>;
+    onButtonPress: any;
+    bIsVertical: boolean;
+    arNavigationSteps: Array<any>;
+    arCurrentStepIndicies?: Array<any>;
 }
-export default MultiStep;
+export default function MultiStep(props: MultiStepProps): JSX.Element;
+export {};
 //# sourceMappingURL=MultiStep.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,iBAAiB,CAAC;AAMzB,iBAAwB,SAAS,CAAC,KAAK,KAAA,eAuMpC;kBAvMqB,SAAS;;;;;;;;;;;;;;;eAAT,SAAS"}
+{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,cAAe,SAAQ,UAAU;IAEzC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9B,qBAAqB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACnC;AAGD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eA0MpD"}

package/lib/components/infra/MultiStep/MultiStep.js

@@ -1,13 +1,13 @@
 import React from "react";
-import PropTypes from "prop-types";
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import './MultiStep.css';
-import AssignmentCard from '../AssignmentCard';
-// import { useConstellationContext } from "../../bridge/Context/StoreContext";
 export default function MultiStep(props) {
-    const { getPConnect, children, itemKey, actionButtons, onButtonPress } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const AssignmentCard = getComponentFromMap("AssignmentCard");
+    const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;
     const { bIsVertical, arNavigationSteps } = props;
-    // const svgCurrent = Utils.getImageSrc("circle-solid", PCore.getAssetLoader().getStaticServerUrl());
-    // const svgNotCurrent = Utils.getImageSrc("circle-solid", PCore.getAssetLoader().getStaticServerUrl());
+    // const svgCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
+    // const svgNotCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
     function _getVIconClass(status) {
         if (status === "current") {
             return "psdk-vertical-step-icon-selected";
@@ -113,18 +113,4 @@ export default function MultiStep(props) {
                                 React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children)));
                     })))));
 }
-MultiStep.propTypes = {
-    children: PropTypes.node.isRequired,
-    getPConnect: PropTypes.func.isRequired,
-    itemKey: PropTypes.string,
-    actionButtons: PropTypes.object,
-    onButtonPress: PropTypes.func,
-    bIsVertical: PropTypes.bool,
-    // eslint-disable-next-line react/no-unused-prop-types
-    arCurrentStepIndicies: PropTypes.array,
-    arNavigationSteps: PropTypes.array
-};
-MultiStep.defaultProps = {
-    itemKey: null
-};
 //# sourceMappingURL=MultiStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport './MultiStep.css';\n\nimport AssignmentCard from '../AssignmentCard';\n\n// import { useConstellationContext } from \"../../bridge/Context/StoreContext\";\n\nexport default function MultiStep(props) {\n    const { getPConnect, children, itemKey, actionButtons, onButtonPress} = props;\n    const { bIsVertical, arNavigationSteps } = props;\n\n    // const svgCurrent = Utils.getImageSrc(\"circle-solid\", PCore.getAssetLoader().getStaticServerUrl());\n    // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", PCore.getAssetLoader().getStaticServerUrl());\n\n    function _getVIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-icon-selected\";\n        }\n\n        return \"psdk-vertical-step-icon\";\n      }\n\n      function _getVLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-label-selected\";\n        }\n\n        return \"psdk-vertical-step-label\";\n      }\n\n      function _getVBodyClass(index: number): string {\n        if (index < arNavigationSteps.length - 1) {\n          return \"psdk-vertical-step-body psdk-vertical-step-line\";\n        }\n\n        return \"psdk-vertical-step-body\";\n      }\n\n      function _getHIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-icon-selected\";\n        }\n\n        return \"psdk-horizontal-step-icon\";\n      }\n\n      function _getHLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-label-selected\";\n        }\n\n        return \"psdk-horizontal-step-label\";\n      }\n\n      function _showHLine(index: number): boolean {\n        // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n        if (index < arNavigationSteps.length - 1) {\n          return true;\n        }\n\n        return false;\n      }\n\n      function buttonPress(sAction: string, sButtonType: string) {\n        onButtonPress(sAction, sButtonType);\n      }\n\n    return (\n      <React.Fragment>\n          <div>\n              {bIsVertical ?\n                <div className=\"psdk-vertical-stepper\">\n                    {arNavigationSteps.map((mainStep, index) =>   {\n                      return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-vertical-step\">\n                            <div className=\"psdk-vertical-step-header\">\n                                <div className={ _getVIconClass(mainStep.visited_status)}>\n                                    <div className=\"psdk-vertical-step-icon-content\">\n                                        <span>{index + 1}</span>\n                                    </div>\n                                </div>\n                                <div className={ _getVLabelClass(mainStep.visited_status)}>\n                                    {mainStep.name}\n                                </div>\n                            </div>\n                            <div className={ _getVBodyClass(index)}>\n                                {mainStep?.steps &&\n                                <React.Fragment>\n                                <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"-7px\"}}>\n                                    {mainStep.steps.forEach((subStep) => {\n                                        <li className=\"psdk-sub-step-list\">\n                                        <div style={{display: \"inline-flex\"}}>\n                                            {subStep.visited_status === 'current' &&\n                                            <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                            }\n                                            {subStep.visited_status === 'current' &&\n                                            <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                            }\n                                        </div>\n                                        {subStep.visited_status === 'current' &&\n                                            <div>\n                                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                                    {children}\n                                                </AssignmentCard>\n                                            </div>\n                                        }\n\n\n                                        </li>\n                                    })}\n\n                                </ul>\n                                </React.Fragment>\n                                }\n                                {!mainStep?.steps && mainStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                            </div>\n                        </div>\n                        </React.Fragment>\n                    )})}\n                </div>\n\n              :\n                <div className=\"psdk-horizontal-stepper\">\n                     <div className=\"psdk-horizontal-stepper-header-container\">\n                     {arNavigationSteps.map((mainStep, index) => {\n                        return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-horizontal-step-header\">\n                            <div className={ _getHIconClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-icon-content\">\n                                <span>{index + 1}</span>\n                                </div>\n                            </div>\n                            <div className={ _getHLabelClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-text-label\">\n                                {mainStep.name}\n                                </div>\n                            </div>\n                        </div>\n                        { _showHLine(index) &&\n                            <div className=\"psdk-horizontal-step-line\"></div>\n                        }\n                        </React.Fragment>\n                     )})}\n                     </div>\n                     {arNavigationSteps.map((mainStep) => {\n                        return (\n                         <React.Fragment key={mainStep.actionID}>\n                         {mainStep.steps &&\n                            <React.Fragment>\n                            <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"35px\"}}>\n                            {mainStep.steps.map((subStep) => (\n                                <React.Fragment>\n                                <li className=\"psdk-sub-step-list\">\n                                <div style={{display: \"inline-flex\"}}>\n                                    {subStep.visited_status === 'current' &&\n                                    <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                    }\n                                    {subStep.visited_status === 'current' &&\n                                    <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                    }\n                                </div>\n                                {subStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                              </li>\n                              </React.Fragment>\n                            ))}\n\n                          </ul>\n                          </React.Fragment>\n                        }\n                        { !mainStep?.steps && mainStep.visited_status === 'current' &&\n                            <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                {children}\n                            </AssignmentCard>\n                        }\n                        </React.Fragment>\n                     )})}\n                </div>\n              }\n\n          </div>\n\n      </React.Fragment>\n\n    )\n  }\n\n  MultiStep.propTypes = {\n    children: PropTypes.node.isRequired,\n    getPConnect: PropTypes.func.isRequired,\n    itemKey: PropTypes.string,\n    actionButtons: PropTypes.object,\n    onButtonPress: PropTypes.func,\n    bIsVertical: PropTypes.bool,\n    // eslint-disable-next-line react/no-unused-prop-types\n    arCurrentStepIndicies: PropTypes.array,\n    arNavigationSteps: PropTypes.array\n  };\n\n  MultiStep.defaultProps = {\n    itemKey: null\n  };\n"]}
+{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport './MultiStep.css';\n\n// import { useConstellationContext } from \"../../bridge/Context/StoreContext\";\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\n\ninterface MultiStepProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\n  itemKey: string,\n  actionButtons: Array<any>,\n  onButtonPress: any,\n  bIsVertical: boolean,\n  arNavigationSteps: Array<any>,\n  // eslint-disable-next-line react/no-unused-prop-types\n  arCurrentStepIndicies?: Array<any>\n}\n\n\nexport default function MultiStep(props: MultiStepProps) {\n    // Get emitted components from map (so we can get any override that may exist)\n    const AssignmentCard = getComponentFromMap(\"AssignmentCard\");\n\n    const { getPConnect, children, itemKey = '', actionButtons, onButtonPress} = props;\n    const { bIsVertical, arNavigationSteps } = props;\n\n    // const svgCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n    // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n\n    function _getVIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-icon-selected\";\n        }\n\n        return \"psdk-vertical-step-icon\";\n      }\n\n      function _getVLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-label-selected\";\n        }\n\n        return \"psdk-vertical-step-label\";\n      }\n\n      function _getVBodyClass(index: number): string {\n        if (index < arNavigationSteps.length - 1) {\n          return \"psdk-vertical-step-body psdk-vertical-step-line\";\n        }\n\n        return \"psdk-vertical-step-body\";\n      }\n\n      function _getHIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-icon-selected\";\n        }\n\n        return \"psdk-horizontal-step-icon\";\n      }\n\n      function _getHLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-label-selected\";\n        }\n\n        return \"psdk-horizontal-step-label\";\n      }\n\n      function _showHLine(index: number): boolean {\n        // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n        if (index < arNavigationSteps.length - 1) {\n          return true;\n        }\n\n        return false;\n      }\n\n      function buttonPress(sAction: string, sButtonType: string) {\n        onButtonPress(sAction, sButtonType);\n      }\n\n    return (\n      <React.Fragment>\n          <div>\n              {bIsVertical ?\n                <div className=\"psdk-vertical-stepper\">\n                    {arNavigationSteps.map((mainStep, index) =>   {\n                      return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-vertical-step\">\n                            <div className=\"psdk-vertical-step-header\">\n                                <div className={ _getVIconClass(mainStep.visited_status)}>\n                                    <div className=\"psdk-vertical-step-icon-content\">\n                                        <span>{index + 1}</span>\n                                    </div>\n                                </div>\n                                <div className={ _getVLabelClass(mainStep.visited_status)}>\n                                    {mainStep.name}\n                                </div>\n                            </div>\n                            <div className={ _getVBodyClass(index)}>\n                                {mainStep?.steps &&\n                                <React.Fragment>\n                                <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"-7px\"}}>\n                                    {mainStep.steps.forEach((subStep) => {\n                                        <li className=\"psdk-sub-step-list\">\n                                        <div style={{display: \"inline-flex\"}}>\n                                            {subStep.visited_status === 'current' &&\n                                            <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                            }\n                                            {subStep.visited_status === 'current' &&\n                                            <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                            }\n                                        </div>\n                                        {subStep.visited_status === 'current' &&\n                                            <div>\n                                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                                    {children}\n                                                </AssignmentCard>\n                                            </div>\n                                        }\n\n\n                                        </li>\n                                    })}\n\n                                </ul>\n                                </React.Fragment>\n                                }\n                                {!mainStep?.steps && mainStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                            </div>\n                        </div>\n                        </React.Fragment>\n                    )})}\n                </div>\n\n              :\n                <div className=\"psdk-horizontal-stepper\">\n                     <div className=\"psdk-horizontal-stepper-header-container\">\n                     {arNavigationSteps.map((mainStep, index) => {\n                        return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-horizontal-step-header\">\n                            <div className={ _getHIconClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-icon-content\">\n                                <span>{index + 1}</span>\n                                </div>\n                            </div>\n                            <div className={ _getHLabelClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-text-label\">\n                                {mainStep.name}\n                                </div>\n                            </div>\n                        </div>\n                        { _showHLine(index) &&\n                            <div className=\"psdk-horizontal-step-line\"></div>\n                        }\n                        </React.Fragment>\n                     )})}\n                     </div>\n                     {arNavigationSteps.map((mainStep) => {\n                        return (\n                         <React.Fragment key={mainStep.actionID}>\n                         {mainStep.steps &&\n                            <React.Fragment>\n                            <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"35px\"}}>\n                            {mainStep.steps.map((subStep) => (\n                                <React.Fragment>\n                                <li className=\"psdk-sub-step-list\">\n                                <div style={{display: \"inline-flex\"}}>\n                                    {subStep.visited_status === 'current' &&\n                                    <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                    }\n                                    {subStep.visited_status === 'current' &&\n                                    <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                    }\n                                </div>\n                                {subStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                              </li>\n                              </React.Fragment>\n                            ))}\n\n                          </ul>\n                          </React.Fragment>\n                        }\n                        { !mainStep?.steps && mainStep.visited_status === 'current' &&\n                            <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                {children}\n                            </AssignmentCard>\n                        }\n                        </React.Fragment>\n                     )})}\n                </div>\n              }\n\n          </div>\n\n      </React.Fragment>\n\n    )\n  }\n"]}

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

@@ -1,20 +1,12 @@
 /// <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)[]>;
-    };
+import type { PConnProps } from '../../../types/PConnProps';
+interface NavBarProps extends PConnProps {
+    appName?: string;
+    pages?: Array<any>;
+    caseTypes: Array<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":";AAIA,OAAO,cAAc,CAAC;AAgCtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,WAAY,SAAQ,UAAU;IAGtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ;AA8DD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eAiMhD"}

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

@@ -1,7 +1,6 @@
 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';
@@ -21,7 +20,8 @@ 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-flag-solid': React.createElement(FlagOutlinedIcon, { fontSize: 'large' }),
+    'pi pi-home-solid': React.createElement(HomeOutlinedIcon, { fontSize: 'large' })
 };
 const drawerWidth = 300;
 const useStyles = makeStyles(theme => ({
@@ -75,7 +75,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 +84,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 +99,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 +113,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
@@ -184,19 +186,6 @@ export default function NavBar(props) {
                     React.createElement(MenuItem, { onClick: logout },
                         React.createElement(ListItemIcon, null,
                             React.createElement(ArrowBackIcon, { fontSize: 'large' })),
-                        React.createElement(Typography, { variant: 'inherit' }, "Logout")))))));
+                        React.createElement(Typography, { variant: 'inherit' }, 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 React, { useEffect, useState } from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport clsx from 'clsx';\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\nimport type { PConnProps } from '../../../types/PConnProps';\n\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?: Array<any>,\n  caseTypes: Array<any>,\n  pConn?: any\n}\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(\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(`${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\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'>{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,3 @@
 /// <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;
+export default function Reference(props: any): JSX.Element | null;
 //# 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":";AAcA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,KAAA,sBAuCtC"}

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

@@ -1,7 +1,15 @@
 import React from "react";
-import PropTypes from "prop-types";
-export default function Reference(props) {
-    const { visibility, context, getPConnect, readOnly, displayMode } = props;
+// import type { PConnProps } from '../../../types/PConnProps';
+// ReferenceProps can't be used until getComponentConfig() is NOT private
+// interface ReferenceProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   visibility?: boolean,
+//   context?: string,
+//   readOnly?: boolean,
+//   displayMode?: string
+// }
+export default function Reference(props /*: ReferenceProps */) {
+    const { visibility = true, context = '', getPConnect, readOnly = false, displayMode = '' } = props;
     const pConnect = getPConnect();
     const referenceConfig = { ...pConnect.getComponentConfig() } || {};
     delete referenceConfig?.name;
@@ -32,17 +40,4 @@ export default function Reference(props) {
     }
     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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,+DAA+D;AAE/D,yEAAyE;AACzE,gDAAgD;AAChD,wEAAwE;AACxE,0BAA0B;AAC1B,sBAAsB;AACtB,wBAAwB;AACxB,yBAAyB;AACzB,IAAI;AAGJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,CAAC,qBAAqB;IAC3D,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,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","sourcesContent":["import React from \"react\";\n\n// import type { PConnProps } from '../../../types/PConnProps';\n\n// ReferenceProps can't be used until getComponentConfig() is NOT private\n// interface 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\n\nexport default function Reference(props /*: ReferenceProps */) {\n  const { visibility = true, context = '', getPConnect, readOnly = false, 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"]}

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

@@ -1,10 +1,7 @@
 /// <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[]>;
-    };
+interface RegionProps {
+    children: Array<any>;
 }
-export default Region;
+export default function Region(props: RegionProps): JSX.Element;
+export {};
 //# sourceMappingURL=Region.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Region.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Region/Region.tsx"],"names":[],"mappings":";AAGA,UAAU,WAAW;IAEnB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAGD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eAShD"}

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

@@ -1,11 +1,7 @@
 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

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

@@ -1 +1 @@
-{"version":3,"file":"Region.js","sourceRoot":"","sources":["../../../../src/components/infra/Region/Region.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,oBAAC,KAAK,CAAC,QAAQ;QACpB,0CAEG,QAAQ,CACR,CACY,CAAC;AACpB,CAAC;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;CACvD,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function Region(props) {\n  const { children } = props;\n\n  return <React.Fragment>\n    <>\n      {/* <div>Region</div> */}\n      {children}\n    </>\n  </React.Fragment>;\n}\n\nRegion.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired\n};\n"]}
+{"version":3,"file":"Region.js","sourceRoot":"","sources":["../../../../src/components/infra/Region/Region.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC/C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,oBAAC,KAAK,CAAC,QAAQ;QACpB,0CAEG,QAAQ,CACR,CACY,CAAC;AACpB,CAAC","sourcesContent":["import React from \"react\";\n\n// Region does NOT have getPConnect. So, no need to extend from PConnProps\ninterface RegionProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\nexport default function Region(props: RegionProps) {\n  const { children } = props;\n\n  return <React.Fragment>\n    <>\n      {/* <div>Region</div> */}\n      {children}\n    </>\n  </React.Fragment>;\n}\n"]}

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

@@ -1,22 +1,2 @@
-import PropTypes from "prop-types";
-declare const RootContainer: {
-    (props: any): any;
-    defaultProps: {
-        getPConnect: null;
-        renderingMode: null;
-        children: null;
-        routingInfo: PropTypes.Requireable<object>;
-    };
-    propTypes: {
-        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
-        renderingMode: PropTypes.Requireable<string>;
-        routingInfo: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-            accessedOrder: PropTypes.Requireable<any[]>;
-            items: PropTypes.Requireable<object>;
-        }>>;
-        children: PropTypes.Requireable<(NonNullable<string | object | null | undefined> | null | undefined)[]>;
-    };
-};
-export default RootContainer;
+export default function RootContainer(props: any): any;
 //# sourceMappingURL=RootContainer.d.ts.map

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;;;;;;;;;;;;;;;;;;CAuNlB,CAAC;AAoBF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"RootContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/RootContainer.tsx"],"names":[],"mappings":"AA6DA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,KAAA,OAuN1C"}