@pega/react-sdk-components 0.23.25 → 0.23.27

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

@@ -1,10 +1,6 @@
-/// <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[]>;
-    };
+import { PropsWithChildren } from 'react';
+interface RegionProps {
 }
-export default Region;
+export default function Region(props: PropsWithChildren<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":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,UAAU,WAAW;CAEpB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,eASnE"}

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

@@ -1,11 +1,6 @@
-import React from "react";
-import PropTypes from "prop-types";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export default function Region(props) {
     const { children } = props;
-    return React.createElement(React.Fragment, null,
-        React.createElement(React.Fragment, null, children));
+    return (_jsx(_Fragment, { children: 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":";AAOA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAqC;IAClE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,4BAEG,QAAQ,GACR,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren } 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}\n\nexport default function Region(props: PropsWithChildren<RegionProps>) {\n  const { children } = props;\n\n  return (\n    <>\n      {/* <div>Region</div> */}\n      {children}\n    </>\n  );\n}\n"]}

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

@@ -1,22 +1,15 @@
-import PropTypes from "prop-types";
-declare const RootContainer: {
-    (props: any): any;
-    defaultProps: {
-        getPConnect: null;
-        renderingMode: null;
-        children: null;
-        routingInfo: PropTypes.Requireable<object>;
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface RootContainerProps extends PConnProps {
+    renderingMode?: string;
+    routingInfo: {
+        type: string;
+        accessedOrder: any[];
+        items: any;
     };
-    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;
+    skeleton: any;
+    httpMessages: any[];
+}
+export default function RootContainer(props: PropsWithChildren<RootContainerProps>): any;
+export {};
 //# 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":"AAAA,OAAO,EAA2B,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAQrH,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,GAAG,EAAE,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC;IAChE,QAAQ,EAAE,GAAG,CAAC;IACd,YAAY,EAAE,GAAG,EAAE,CAAC;CACrB;AAgCD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,OAgMjF"}

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

@@ -1,19 +1,17 @@
-import React, { useMemo, useRef, useState, useEffect, useContext, createElement } from "react";
-// import { Banner, ModalManager } from "@pega/cosmos-react-core";
-import PropTypes, { object } from "prop-types";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, createElement, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import isEqual from 'lodash.isequal';
-// import ReAuthMessageModal from "../ReAuthenticationModal";
-import { Box, CircularProgress } from "@material-ui/core";
-import createPConnectComponent from "../../../bridge/react_pconnect";
-import { LazyMap as LazyComponentMap } from "../../../components_map";
-import StoreContext from "../../../bridge/Context/StoreContext";
-import Utils from '../../helpers/utils';
+import { Box, CircularProgress } from '@material-ui/core';
+import createPConnectComponent from '../../../bridge/react_pconnect';
+import StoreContext from '../../../bridge/Context/StoreContext';
+import { LazyMap as LazyComponentMap } from '../../../components_map';
+import { isEmptyObject } from '../../helpers/common-utils';
 //
 // WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
 // Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and
 // is totally at your own risk.
 //
-const renderingModes = ["portal", "view"];
+const renderingModes = ['portal', 'view'];
 function usePrevious(value) {
     const ref = useRef(null);
     useEffect(() => {
@@ -27,24 +25,19 @@ function getItemView(routingInfo, renderingMode) {
         const { accessedOrder, items } = routingInfo;
         if (accessedOrder && items) {
             const key = accessedOrder[accessedOrder.length - 1];
-            if (items[key] &&
-                items[key].view &&
-                !Utils.isEmptyObject(items[key].view)) {
+            if (items[key] && items[key].view && !isEmptyObject(items[key].view)) {
                 viewConfigs.push(items[key]);
             }
         }
     }
     return viewConfigs;
 }
-const RootContainer = (props) => {
-    const { getPConnect, renderingMode, children, skeleton, httpMessages, routingInfo } = props;
-    const { displayOnlyFA, isMashup } = useContext(StoreContext);
+export default function RootContainer(props) {
+    const { getPConnect, renderingMode = '', children, skeleton, httpMessages = [], routingInfo } = props;
+    const { displayOnlyFA } = useContext(StoreContext);
     const pConn = getPConnect();
-    const options = { "context": "app" };
-    if (isMashup) {
-        options["context"] = "root";
-    }
-    const [componentName, setComponentName] = useState("");
+    const options = { context: 'app' };
+    const [componentName, setComponentName] = useState('');
     useEffect(() => {
         // debugging/investigation help
         // console.log(`componentName change: ${componentName} triggering a re-render`);
@@ -53,31 +46,29 @@ const RootContainer = (props) => {
     // console.log(`RootContainer props.routingInfo: ${JSON.stringify(routingInfo)}`);
     let hasBanner = false;
     let banners = null;
-    const messages = httpMessages
-        ? httpMessages.map((msg) => msg.message)
-        : httpMessages;
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Messages';
+    const messages = httpMessages ? httpMessages.map(msg => localizedVal(msg.message, localeCategory)) : httpMessages;
     hasBanner = messages && messages.length > 0;
-    banners = hasBanner && (React.createElement("div", null,
-        "RootContainer: trying to emit Banner with ",
-        messages));
+    banners = hasBanner && _jsx("div", { children: localizedVal(`RootContainer: trying to emit Banner with ${messages}`, localeCategory) });
     const MemoizedModalViewContainer = useMemo(() => {
         return createElement(createPConnectComponent(), PCore.createPConnect({
             meta: {
-                type: "ModalViewContainer",
+                type: 'ModalViewContainer',
                 config: {
-                    name: "modal"
+                    name: 'modal'
                 }
             },
             options
         }));
     }, []);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const MemoizedPreviewViewContainer = useMemo(() => {
         return createElement(createPConnectComponent(), PCore.createPConnect({
             meta: {
-                type: "PreviewViewContainer",
+                type: 'PreviewViewContainer',
                 config: {
-                    name: "preview"
+                    name: 'preview'
                 }
             },
             options
@@ -87,29 +78,29 @@ const RootContainer = (props) => {
     function getNoPortalContent() {
         let noPortalContent;
         switch (componentName) {
-            case "View":
-                noPortalContent = React.createElement("div", null, "getNoPortalContent: RootContainer wants to render View in noPortal mode");
+            case 'View':
+                noPortalContent = _jsx("div", { children: localizedVal('getNoPortalContent: RootContainer wants to render View in noPortal mode', localeCategory) });
                 break;
-            case "ViewContainer": {
+            case 'ViewContainer': {
                 const configProps = pConn.getConfigProps();
                 const viewContConfig = {
-                    "meta": {
-                        "type": "ViewContainer",
-                        "config": configProps
+                    meta: {
+                        type: 'ViewContainer',
+                        config: configProps
                     },
                     options
                 };
                 const theViewCont = PCore.createPConnect(viewContConfig);
                 // Add in displayOnlyFA if prop is on RootContainer
                 if (displayOnlyFA) {
-                    theViewCont["displayOnlyFA"] = true;
+                    theViewCont.displayOnlyFA = true;
                 }
                 const theViewContainerAsReact = createElement(createPConnectComponent(), theViewCont);
                 noPortalContent = theViewContainerAsReact;
                 break;
             }
             default:
-                noPortalContent = React.createElement("div", null, "getNoPortalContent: RootContainer wants to render NO componentName in noPortal mode");
+                noPortalContent = (_jsx("div", { children: localizedVal('getNoPortalContent: RootContainer wants to render NO componentName in noPortal mode', localeCategory) }));
                 break;
         }
         return noPortalContent;
@@ -118,7 +109,7 @@ const RootContainer = (props) => {
     let rootViewConfig = null;
     useEffect(() => {
         const { containers } = PCore.getStore().getState();
-        const items = Object.keys(containers).filter((item) => item.includes("root"));
+        const items = Object.keys(containers).filter(item => item.includes('root'));
         PCore.getContainerUtils().getContainerAPI().addContainerItems(items);
     }, [routingInfo]);
     const items = getItemView(routingInfo, renderingMode);
@@ -131,11 +122,8 @@ const RootContainer = (props) => {
         };
     }
     const prevRootConfig = usePrevious(rootViewConfig);
-    if (renderingModes.includes(renderingMode) &&
-        messages &&
-        routingInfo &&
-        routingInfo?.accessedOrder.length === 0) {
-        return React.createElement("div", { id: "root-container" }, banners);
+    if (renderingModes.includes(renderingMode) && messages && routingInfo && routingInfo?.accessedOrder.length === 0) {
+        return _jsx("div", { id: 'root-container', children: banners });
     }
     if (items.length > 0) {
         const itemView = items[0].view;
@@ -150,59 +138,29 @@ const RootContainer = (props) => {
         }
         // debugging/investigation help
         // console.log(`rootView.props.getPConnect().getComponentName(): ${rootView.props.getPConnect().getComponentName()}`);
-        return (React.createElement("div", { id: "ModalManager" },
-            rootView,
-            MemoizedModalViewContainer,
-            React.createElement("div", { id: "MemoizedPreviewViewContainer" }),
-            React.createElement("div", { id: "ReAuthMessageModal" })));
+        return (_jsxs("div", { id: 'ModalManager', children: [rootView, MemoizedModalViewContainer, _jsx("div", { id: 'MemoizedPreviewViewContainer' }), _jsx("div", { id: 'ReAuthMessageModal' })] }));
     }
-    else if (renderingMode === "noPortal") {
+    if (renderingMode === 'noPortal') {
         // eslint-disable-next-line no-console
-        console.log(`RootContainer rendering in noPortal mode`);
+        console.log(`${localizedVal('RootContainer rendering in noPortal mode', localeCategory)}`);
         const theChildren = pConn.getChildren();
-        if (theChildren && (theChildren.length === 1)) {
+        if (theChildren && theChildren.length === 1) {
             const localPConn = theChildren[0].getPConnect();
             const localCompName = localPConn.getComponentName();
             if (componentName !== localCompName) {
                 setComponentName(localCompName);
             }
         }
-        const noPortalContent = getNoPortalContent();
-        return noPortalContent;
+        return getNoPortalContent();
     }
-    else if (children && children.length > 0) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", null, "RootContainer: Has children. Trying to show ModalManager with children, etc."),
-            children,
-            MemoizedModalViewContainer));
+    if (children && Children.count(children) > 0) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { children: localizedVal('RootContainer: Has children. Trying to show ModalManager with children, etc.', localeCategory) }), children, MemoizedModalViewContainer] }));
     }
-    else if (skeleton) {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    if (skeleton) {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const LoadingComponent = LazyComponentMap[skeleton];
-        return (React.createElement("div", { id: "root-container" },
-            React.createElement(Box, { textAlign: "center" },
-                React.createElement(CircularProgress, null))));
+        return (_jsx("div", { id: 'root-container', children: _jsx(Box, { textAlign: 'center', children: _jsx(CircularProgress, {}) }) }));
     }
-    else {
-        return (React.createElement("div", { id: "root-container" },
-            React.createElement("div", null, "RootContainer: Should be ModalManager, etc.")));
-    }
-};
-RootContainer.defaultProps = {
-    getPConnect: null,
-    renderingMode: null,
-    children: null,
-    routingInfo: object
-};
-RootContainer.propTypes = {
-    getPConnect: PropTypes.func,
-    renderingMode: PropTypes.string,
-    routingInfo: PropTypes.shape({
-        type: PropTypes.string,
-        accessedOrder: PropTypes.array,
-        items: PropTypes.object
-    }),
-    children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.object, PropTypes.string]))
-};
-export default RootContainer;
+    return (_jsx("div", { id: 'root-container', children: _jsx("div", { children: localizedVal('RootContainer: Should be ModalManager, etc.', localeCategory) }) }));
+}
 //# sourceMappingURL=RootContainer.js.map

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

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

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

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

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

@@ -1,11 +1,8 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function Stages(props: any): JSX.Element;
-declare namespace Stages {
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        stages: PropTypes.Validator<(object | null | undefined)[]>;
-    };
+import { PConnProps } from '../../../types/PConnProps';
+interface StagesProps extends PConnProps {
+    stages: any[];
 }
-export default Stages;
+export default function Stages(props: StagesProps): JSX.Element;
+export {};
 //# sourceMappingURL=Stages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stages.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAwDnC,iBAAwB,MAAM,CAAC,KAAK,KAAA,eAwDnC;kBAxDuB,MAAM;;;;;;eAAN,MAAM"}
+{"version":3,"file":"Stages.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,WAAY,SAAQ,UAAU;IAEtC,MAAM,EAAE,GAAG,EAAE,CAAC;CACf;AA4CD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eA+DhD"}

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

@@ -1,10 +1,9 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { Breadcrumbs, Card, Typography } from "@material-ui/core";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumbs, Card, Typography } from '@material-ui/core';
 import DoubleArrowIcon from '@material-ui/icons/DoubleArrow';
 import DoneIcon from '@material-ui/icons/Done';
 import { makeStyles } from '@material-ui/core/styles';
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
         paddingLeft: theme.spacing(1),
@@ -13,20 +12,20 @@ const useStyles = makeStyles((theme) => ({
         marginRight: theme.spacing(1),
         marginLeft: theme.spacing(1),
         marginTop: theme.spacing(1),
-        marginBottom: theme.spacing(1),
+        marginBottom: theme.spacing(1)
     },
     completedStage: {
-        color: theme.palette.text.primary,
+        color: theme.palette.text.primary
     },
     currentStage: {
         color: theme.palette.info.dark,
-        fontWeight: 600,
+        fontWeight: 600
     },
     futureStage: {
-        color: theme.palette.text.secondary,
+        color: theme.palette.text.secondary
     },
     separatorIcon: {
-        color: theme.palette.text.disabled,
+        color: theme.palette.text.disabled
     }
 }));
 /**
@@ -39,8 +38,7 @@ function getFilteredStages(stages) {
     if (!Array.isArray(stages)) {
         return [];
     }
-    return stages.filter((stage) => stage.type !== "Alternate" ||
-        (stage.type === "Alternate" && stage.visited_status === "active"));
+    return stages.filter(stage => stage.type !== 'Alternate' || (stage.type === 'Alternate' && stage.visited_status === 'active'));
 }
 /* TODO - this component should be refactored and not exposed as top level DX Component -
   the stages should be created as part of the CaseView */
@@ -48,16 +46,17 @@ export default function Stages(props) {
     const classes = useStyles();
     const { getPConnect, stages } = props;
     const pConn = getPConnect();
+    const key = `${pConn.getCaseInfo().getClassName()}!CASE!${pConn.getCaseInfo().getName()}`.toUpperCase();
     const filteredStages = getFilteredStages(stages);
-    const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID);
+    const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID, ''); // 2nd arg empty string until typedef allows optional
     const stagesObj = filteredStages.map((stage, index, arr) => {
         const theID = stage.ID || stage.id;
         return {
-            name: stage.name,
+            name: PCore.getLocaleUtils().getLocaleValue(stage.name, undefined, key),
             id: theID,
-            complete: stage.visited_status === "completed",
-            current: (theID === currentStageID),
-            last: (index === arr.length - 1),
+            complete: stage.visited_status === 'completed',
+            current: theID === currentStageID,
+            last: index === arr.length - 1
         };
     });
     // debugging/investigation help
@@ -75,19 +74,13 @@ export default function Stages(props) {
         else {
             theClass = classes.futureStage;
         }
-        return React.createElement("span", { key: index },
-            stage.complete ? React.createElement(DoneIcon, { color: "disabled", fontSize: "small" }) : null,
-            React.createElement(Typography, { variant: "h5", component: "span", display: "inline", className: theClass }, stage.name));
+        return (_jsxs("span", { children: [stage.complete ? _jsx(DoneIcon, { color: 'disabled', fontSize: 'small' }) : null, _jsx(Typography, { variant: 'h5', component: 'span', display: 'inline', className: theClass, children: stage.name })] }, index));
     }
     function getStages(inStages) {
-        return React.createElement(Breadcrumbs, { "aria-label": "stages", separator: React.createElement(DoubleArrowIcon, { className: classes.separatorIcon }) }, inStages.map((stage, index) => {
-            return getStage(stage, index);
-        }));
+        return (_jsx(Breadcrumbs, { "aria-label": 'stages', separator: _jsx(DoubleArrowIcon, { className: classes.separatorIcon }), children: inStages.map((stage, index) => {
+                return getStage(stage, index);
+            }) }));
     }
-    return (React.createElement(Card, { id: "Stages", className: classes.root }, getStages(stagesObj)));
+    return (_jsx(Card, { id: 'Stages', className: classes.root, children: getStages(stagesObj) }));
 }
-Stages.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    stages: PropTypes.arrayOf(PropTypes.object).isRequired
-};
 //# sourceMappingURL=Stages.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stages.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Breadcrumbs, Card, Typography } from \"@material-ui/core\";\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\nimport DoneIcon from '@material-ui/icons/Done';\nimport { makeStyles } from '@material-ui/core/styles';\n\ndeclare const PCore: any;\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n  },\n  completedStage: {\n    color: theme.palette.text.primary,\n  },\n  currentStage: {\n    color: theme.palette.info.dark,\n    fontWeight: 600,\n  },\n  futureStage: {\n    color: theme.palette.text.secondary,\n  },\n  separatorIcon: {\n    color: theme.palette.text.disabled,\n  }\n\n}));\n\n\n/**\n * API to filter out the alternate stages which are not in active and return all other stages\n * @param {Array} stages - Stages of a case type\n *\n * @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.\n */\nfunction getFilteredStages(stages) {\n  if (!Array.isArray(stages)) {\n    return [];\n  }\n\n  return stages.filter(\n    (stage) =>\n      stage.type !== \"Alternate\" ||\n      (stage.type === \"Alternate\" && stage.visited_status === \"active\")\n  );\n}\n\n/* TODO - this component should be refactored and not exposed as top level DX Component -\n  the stages should be created as part of the CaseView */\nexport default function Stages(props) {\n  const classes = useStyles();\n\n  const { getPConnect, stages } = props;\n  const pConn = getPConnect();\n\n  const filteredStages = getFilteredStages(stages);\n  const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID);\n  const stagesObj = filteredStages.map((stage, index, arr) => {\n    const theID = stage.ID || stage.id;\n    return {\n      name: stage.name,\n      id: theID,\n      complete: stage.visited_status === \"completed\",\n      current: (theID === currentStageID),\n      last: (index === arr.length - 1),\n    };\n  });\n\n  // debugging/investigation help\n  // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);\n\n  function getStage(stage, index) {\n    //  Removing nested ternary for lint\n    // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);\n    let theClass;\n    if (stage.current) {\n      theClass = classes.currentStage;\n    } else if (stage.complete) {\n      theClass = classes.completedStage;\n    } else {\n      theClass = classes.futureStage;\n    }\n\n    return <span key={index}>\n        {stage.complete ? <DoneIcon color=\"disabled\" fontSize=\"small\" /> : null}\n        <Typography variant=\"h5\" component=\"span\" display=\"inline\" className={theClass}>{stage.name}</Typography>\n      </span>;\n  }\n\n  function getStages(inStages) {\n    return <Breadcrumbs aria-label=\"stages\" separator={<DoubleArrowIcon className={classes.separatorIcon} />}>\n      {inStages.map((stage, index) => {\n        return getStage(stage, index);\n      })}\n    </Breadcrumbs>\n  }\n\n  return (\n    <Card id=\"Stages\" className={classes.root}>\n      {/* Stages<br />\n      currentStageID: {currentStageID}<br />\n      {JSON.stringify(stagesObj)}<br /><br /> */}\n      {getStages(stagesObj)}\n    </Card>\n  )\n}\n\nStages.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  stages: PropTypes.arrayOf(PropTypes.object).isRequired\n};\n"]}
+{"version":3,"file":"Stages.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Breadcrumbs, Card, Typography } from '@material-ui/core';\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\nimport DoneIcon from '@material-ui/icons/Done';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface StagesProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  stages: any[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  completedStage: {\n    color: theme.palette.text.primary\n  },\n  currentStage: {\n    color: theme.palette.info.dark,\n    fontWeight: 600\n  },\n  futureStage: {\n    color: theme.palette.text.secondary\n  },\n  separatorIcon: {\n    color: theme.palette.text.disabled\n  }\n}));\n\n/**\n * API to filter out the alternate stages which are not in active and return all other stages\n * @param {Array} stages - Stages of a case type\n *\n * @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.\n */\nfunction getFilteredStages(stages) {\n  if (!Array.isArray(stages)) {\n    return [];\n  }\n\n  return stages.filter(stage => stage.type !== 'Alternate' || (stage.type === 'Alternate' && stage.visited_status === 'active'));\n}\n\n/* TODO - this component should be refactored and not exposed as top level DX Component -\n  the stages should be created as part of the CaseView */\nexport default function Stages(props: StagesProps) {\n  const classes = useStyles();\n\n  const { getPConnect, stages } = props;\n  const pConn = getPConnect();\n  const key = `${pConn.getCaseInfo().getClassName()}!CASE!${pConn.getCaseInfo().getName()}`.toUpperCase();\n\n  const filteredStages = getFilteredStages(stages);\n  const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID, ''); // 2nd arg empty string until typedef allows optional\n  const stagesObj = filteredStages.map((stage, index, arr) => {\n    const theID = stage.ID || stage.id;\n    return {\n      name: PCore.getLocaleUtils().getLocaleValue(stage.name, undefined, key),\n      id: theID,\n      complete: stage.visited_status === 'completed',\n      current: theID === currentStageID,\n      last: index === arr.length - 1\n    };\n  });\n\n  // debugging/investigation help\n  // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);\n\n  function getStage(stage, index) {\n    //  Removing nested ternary for lint\n    // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);\n    let theClass;\n    if (stage.current) {\n      theClass = classes.currentStage;\n    } else if (stage.complete) {\n      theClass = classes.completedStage;\n    } else {\n      theClass = classes.futureStage;\n    }\n\n    return (\n      <span key={index}>\n        {stage.complete ? <DoneIcon color='disabled' fontSize='small' /> : null}\n        <Typography variant='h5' component='span' display='inline' className={theClass}>\n          {stage.name}\n        </Typography>\n      </span>\n    );\n  }\n\n  function getStages(inStages) {\n    return (\n      <Breadcrumbs aria-label='stages' separator={<DoubleArrowIcon className={classes.separatorIcon} />}>\n        {inStages.map((stage, index) => {\n          return getStage(stage, index);\n        })}\n      </Breadcrumbs>\n    );\n  }\n\n  return (\n    <Card id='Stages' className={classes.root}>\n      {/* Stages<br />\n      currentStageID: {currentStageID}<br />\n      {JSON.stringify(stagesObj)}<br /><br /> */}\n      {getStages(stagesObj)}\n    </Card>\n  );\n}\n"]}

package/lib/components/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftAlignVerticalTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,qBAAqB,EAAE,GAS2B,CAAC;AAEzD,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"LeftAlignVerticalTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,qBAAqB,EAAE,GAc3B,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/lib/components/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.js

@@ -1,6 +1,6 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { withStyles } from '@material-ui/core/styles';
-import { Tab, Divider, } from '@material-ui/core';
+import { Tab, Divider } from '@material-ui/core';
 // LeftAlignVerticalTab is a specialized Tab that has styles to make it
 //  left aligned and full width of the container Tabs
 // Aligning the Tab labels left (with & .<class name> syntax) inspired by:
@@ -10,14 +10,12 @@ import { Tab, Divider, } from '@material-ui/core';
 const LeftAlignVerticalTabs = withStyles(( /* theme */) => ({
     root: {
         width: '100%',
-        maxWidth: '100%',
+        maxWidth: '100%'
     },
     wrapper: {
         display: 'block',
-        textAlign: 'left',
-    },
-}))((props) => React.createElement("div", null,
-    React.createElement(Tab, { ...props }),
-    React.createElement(Divider, null)));
+        textAlign: 'left'
+    }
+}))((props) => (_jsxs("div", { children: [_jsx(Tab, { ...props }), _jsx(Divider, {})] })));
 export default LeftAlignVerticalTabs;
 //# sourceMappingURL=LeftAlignVerticalTabs.js.map

package/lib/components/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftAlignVerticalTabs.js","sourceRoot":"","sources":["../../../../../src/components/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EACL,GAAG,EACH,OAAO,GACR,MAAM,mBAAmB,CAAC;AAE3B,uEAAuE;AACvE,qDAAqD;AAErD,0EAA0E;AAC1E,gIAAgI;AAEhI,8EAA8E;AAC9E,iEAAiE;AACjE,MAAM,qBAAqB,GAAQ,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC9D,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;KACjB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;IAAK,oBAAC,GAAG,OAAK,KAAK,GAAI;IAAA,oBAAC,OAAO,OAAG,CAAM,CAAC,CAAC;AAEzD,eAAe,qBAAqB,CAAC","sourcesContent":["import React from \"react\";\nimport { withStyles } from '@material-ui/core/styles'\nimport {\n  Tab,\n  Divider,\n} from '@material-ui/core';\n\n// LeftAlignVerticalTab is a specialized Tab that has styles to make it\n//  left aligned and full width of the container Tabs\n\n// Aligning the Tab labels left (with & .<class name> syntax) inspired by:\n//  https://stackoverflow.com/questions/63307723/how-to-modify-the-wrapper-css-rule-of-a-tabs-component-to-make-the-text-aligned\n\n// In this styling, \"root\" is the top-level \"Tab\" object (which is the button)\n//  and the button contains spans that will match on the '> span'\nconst LeftAlignVerticalTabs: any = withStyles((/* theme */) => ({\n  root: {\n    width: '100%',\n    maxWidth: '100%',\n  },\n  wrapper: {\n    display: 'block',\n    textAlign: 'left',\n  },\n}))((props) => <div><Tab {...props} /><Divider /></div>);\n\nexport default LeftAlignVerticalTabs;\n"]}
+{"version":3,"file":"LeftAlignVerticalTabs.js","sourceRoot":"","sources":["../../../../../src/components/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAQjD,uEAAuE;AACvE,qDAAqD;AAErD,0EAA0E;AAC1E,gIAAgI;AAEhI,8EAA8E;AAC9E,iEAAiE;AACjE,MAAM,qBAAqB,GAAQ,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC9D,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;KACjB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC,CAAC,KAAiC,EAAE,EAAE,CAAC,CACzC,0BACE,KAAC,GAAG,OAAK,KAAK,GAAI,EAClB,KAAC,OAAO,KAAG,IACP,CACP,CAAC,CAAC;AAEH,eAAe,qBAAqB,CAAC","sourcesContent":["import { withStyles } from '@material-ui/core/styles';\nimport { Tab, Divider } from '@material-ui/core';\n\n// LeftAlignVerticalTabs does NOT have getPConnect. So, no need to extend from PConnProps\n\ninterface LeftAlignVerticalTabsProps {\n  // If any, enter additional props that only exist on this component\n}\n\n// LeftAlignVerticalTab is a specialized Tab that has styles to make it\n//  left aligned and full width of the container Tabs\n\n// Aligning the Tab labels left (with & .<class name> syntax) inspired by:\n//  https://stackoverflow.com/questions/63307723/how-to-modify-the-wrapper-css-rule-of-a-tabs-component-to-make-the-text-aligned\n\n// In this styling, \"root\" is the top-level \"Tab\" object (which is the button)\n//  and the button contains spans that will match on the '> span'\nconst LeftAlignVerticalTabs: any = withStyles((/* theme */) => ({\n  root: {\n    width: '100%',\n    maxWidth: '100%'\n  },\n  wrapper: {\n    display: 'block',\n    textAlign: 'left'\n  }\n}))((props: LeftAlignVerticalTabsProps) => (\n  <div>\n    <Tab {...props} />\n    <Divider />\n  </div>\n));\n\nexport default LeftAlignVerticalTabs;\n"]}