@pega/react-sdk-components 0.23.0

package/lib/components/templates/AppShell/AppShell.css

@@ -0,0 +1,40 @@
+.appshell-top {
+    display: flex;
+    background-color: var(--app-background-color);
+}
+
+
+.appshell-main {
+    position: relative;
+    min-height: 100vh;
+    display: block;
+    width: 100%;
+}
+
+.psdk-icon {
+    padding: 0rem 0.125rem;
+    min-width: unset;
+}
+
+.progress-box {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    background-color: whitesmoke;
+    position: fixed;
+    z-index: 999;
+    top: 0rem;
+    left: 0rem;
+    opacity: 0.5;
+}
+
+.progress-spinner {
+    text-align: center;
+}
+
+::ng-deep snack-bar-container.snackbar-newline {
+    white-space: pre-line;
+}

package/lib/components/templates/AppShell/AppShell.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+import './AppShell.css';
+export declare const useNavBar: () => {
+    open: boolean;
+    setOpen: (f: any) => any;
+};
+declare function AppShell(props: any): JSX.Element;
+declare namespace AppShell {
+    var defaultProps: {
+        pages: never[];
+        caseTypes: never[];
+        children: never[];
+    };
+    var propTypes: {
+        showAppName: PropTypes.Requireable<boolean>;
+        pages: PropTypes.Requireable<(object | null | undefined)[]>;
+        caseTypes: PropTypes.Requireable<(object | null | undefined)[]>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+    };
+}
+export default AppShell;
+//# sourceMappingURL=AppShell.d.ts.map

package/lib/components/templates/AppShell/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/AppShell/AppShell.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAanC,OAAO,gBAAgB,CAAC;AAsBxB,eAAO,MAAM,SAAS;;;CAA+B,CAAC;AAMtD,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eA0XrC;kBA1XuB,QAAQ;;;;;;;;;;;;;;eAAR,QAAQ"}

package/lib/components/templates/AppShell/AppShell.js

@@ -0,0 +1,390 @@
+import React, { useEffect, useState, createContext, useContext } from "react";
+import PropTypes from "prop-types";
+import { makeStyles } from '@material-ui/core/styles';
+// import {
+//   Avatar,
+//   Toaster,
+//   Banner,
+//   AppShell as CosmosAppShell
+// } from "@pega/cosmos-react-core";
+// import createPConnectComponent from "../../../bridge/react_pconnect";
+// import { buildRecentList, onRecentClickHandler } from "./Recents/utils";
+import './AppShell.css';
+// AppShell can emit NavBar and ViewContainer
+import NavBar from '../../infra/NavBar';
+const useStyles = makeStyles((theme) => ({
+    root: {
+        display: 'flex',
+    },
+    content: {
+        flexGrow: 1,
+        height: '100vh',
+        overflow: 'auto',
+        marginLeft: theme.spacing(2),
+        marginRight: theme.spacing(2),
+    },
+}));
+const NavContext = createContext({ open: false, setOpen: f => f });
+export const useNavBar = () => useContext(NavContext);
+/*
+ * The wrapper handles knowing how to take in just children and mapping
+ * to the Cosmos template. This could be a combination of things but it knows...
+ */
+export default function AppShell(props) {
+    const { pages, caseTypes, showAppName, children, getPConnect, } = props;
+    const [open, setOpen] = useState(true);
+    const pConn = getPConnect();
+    // const actionsAPI = pConn.getActionsApi();
+    const envInfo = PCore.getEnvironmentInfo();
+    // const bannerRef = useRef(null);
+    // const hasBanner = httpMessages && httpMessages.length ? httpMessages.length > 0 : false;
+    const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : "";
+    const classes = useStyles();
+    // let banners = null;
+    // banners = hasBanner && (
+    //   <Banner
+    //     ref={bannerRef}
+    //     id="appShellBanner"
+    //     variant="urgent"
+    //     heading="Error"
+    //     onDismiss={() =>
+    //       pConn.clearErrorMessages({
+    //         category: "HTTP",
+    //         context: null
+    //       })
+    //     }
+    //     messages={httpMessages}
+    //   />
+    // );
+    // useEffect(() => {
+    //   if (hasBanner && bannerRef.current) {
+    //     bannerRef.current.focus();
+    //     window.scrollTo(0, bannerRef.current.offsetTop);
+    //   }
+    // }, [hasBanner]);
+    /**
+     *
+     * Function to dispatch a show page action for the page links in
+     * the left nav of the app shell
+     *
+     * @param {string} searchString Name of view to show
+     */
+    // function showSearchResults(searchString) {
+    //   if (searchString === "") {
+    //     actionsAPI.showPage("pySearchPage", "Data-Portal");
+    //     return;
+    //   }
+    //   const searchTerm = searchString.replace(/['"]+/g, "");
+    //   PCore.getDataApiUtils()
+    //     .getData(
+    //       "D_pySearch",
+    //       `{"dataViewParameters": {"SearchString": "${encodeURIComponent(
+    //         searchTerm
+    //       )}"}}`
+    //     )
+    //     .then((response) => {
+    //       if (
+    //         response.data.data !== null &&
+    //         response.data.resultCount === 1 &&
+    //         response.data.data[0].pyID === searchTerm
+    //       ) {
+    //         /* This is a match for a work item - then we will open it */
+    //         pConn
+    //           .getActionsApi()
+    //           .openWorkByHandle(
+    //             response.data.data[0].pzInsKey,
+    //             response.data.data[0].pzCategoryActionKeys
+    //           );
+    //         return;
+    //       }
+    //       // window.searchResults = {
+    //       //   searchString: searchTerm,
+    //       //   results: response.data
+    //       // };
+    //       actionsAPI.showPage("pySearchPage", "Data-Portal");
+    //     });
+    // }
+    /**
+     *
+     * Function to dispatch a show page action for the page links in
+     * the left nav of the app shell
+     *
+     * @param {string} viewName Name of view to show
+     * @param {string} className Pega Applies to class of the page
+     */
+    // function showPage(viewName, className) {
+    //   actionsAPI.showPage(viewName, className);
+    // }
+    /**
+     *
+     * Function to dispatch a create work action
+     * @param {string} className - placeholder string of case type being created
+     */
+    // function createWork(className) {
+    //   actionsAPI
+    //     .createWork(className)
+    //     .catch((error) =>
+    //       // eslint-disable-next-line no-console
+    //       console.log("Error in case creation: ", error?.message)
+    //     );
+    // }
+    /**
+     * Returns the Custome Component for each active case
+     */
+    // const VisualComponent = useCallback(
+    //   (context) => {
+    //     if (activeCases && activeCases.length > 0) {
+    //       const meta = PCore.getViewResources().fetchViewResources(
+    //         "pyCaseVisual",
+    //         getPConnect(),
+    //         PCore.getStoreValue(".caseTypeID", "caseInfo", context)
+    //       );
+    //       if (meta?.config && !meta.config.defaultVisual) {
+    //         const config = {
+    //           meta,
+    //           options: {
+    //             context,
+    //             pageReference: "caseInfo.content"
+    //           }
+    //         };
+    //         const visualConfig = PCore.createPConnect(config);
+    //         return React.createElement(createPConnectComponent(), visualConfig);
+    //       }
+    //     }
+    //     return undefined;
+    //   },
+    //   [getPConnect, activeCases]
+    // );
+    /**
+     * Transforms the active cases information into the model that cosmos expect.
+     */
+    // function getActiveCases() {
+    //   if (activeCases) {
+    //     const activeCaseLinks = [];
+    //     activeCases.forEach((activeCase) => {
+    //       const { caseID, className, workID, active, context } = activeCase;
+    //       // activeCaseLinks.push({
+    //       //   onDismiss: () => {
+    //       //     PCore.getContainerUtils().closeContainerItem(
+    //       //       activeCase.containerItemID
+    //       //     );
+    //       //   },
+    //       //   key: caseID,
+    //       //   name: caseID,
+    //       //   onClick: () => {
+    //       //     actionsAPI.openWorkByHandle(workID, className);
+    //       //   },
+    //       //   active,
+    //       //   visual: VisualComponent(context)
+    //       // });
+    //     });
+    //     return activeCaseLinks;
+    //   }
+    //   return activeCases;
+    // }
+    /**
+     * Translate Pega Data Page into the model that Cosmos expects
+     *
+     * Example:
+     *   pxPageViewIcon: "pi pi-home-solid"
+     *   pxURLPath: "Home"
+     *   pyClassName: "Data-Portal"
+     *   pyLabel: "Home"
+     *   pyRuleName: "pyHome"
+     */
+    // const links = !pages
+    //   ? []
+    //   : pages.map((page) => {
+    //       return {
+    //         name: page.pyLabel,
+    //         icon: page.pxPageViewIcon.replace("pi pi-", ""),
+    //         onClick: () => showPage(page.pyRuleName, page.pyClassName)
+    //       };
+    //     });
+    // const userName = envInfo.getOperatorName();
+    // const imageKey = envInfo.getOperatorImageInsKey();
+    // const logOffAction = () => {
+    //   actionsAPI.logout().then(() => window?.top?.location?.reload());
+    // };
+    // const getOperator = () => {
+    //   const operatorActions = [
+    //     [{ text: "Logoff", id: "1", onClick: logOffAction }]
+    //   ];
+    //   if (imageKey) {
+    //     return {
+    //       avatar: (
+    //         <div id="AvatarWithImageKey">Avatar with image key</div>
+    //         // <Avatar
+    //         //   name={userName}
+    //         //   imageSrc={getPConnect().getImagePath(imageKey)}
+    //         // />
+    //       ),
+    //       actions: operatorActions,
+    //       name: userName
+    //     };
+    //   }
+    //   return {
+    //     avatar: (
+    //       <div id="Avatar">Avatar</div>
+    //       // <Avatar name={userName}>
+    //       //   {userName
+    //       //     .split(" ")
+    //       //     .map((i) => i.charAt(0))
+    //       //     .join("")
+    //       //     .toUpperCase()}
+    //       // </Avatar>
+    //     ),
+    //     actions: operatorActions,
+    //     name: userName
+    //   };
+    // };
+    /**
+     * Translate Case Types page into what is expected by Cosmos
+     *
+     * Example:
+     *   pyClassName: ""
+     *   pyFlowType: ""
+     *   pyLabel: "No case types defined"
+     */
+    // const cases = !caseTypes
+    //   ? []
+    //   : caseTypes.map((caseType) => {
+    //       let action = {};
+    //       // Only add actions to entries with a class name to create so in case of empty message no action is added
+    //       if (caseType.pyClassName) {
+    //         action = { onClick: () => createWork(caseType.pyClassName) };
+    //       }
+    //       return {
+    //         name: caseType.pyLabel,
+    //         ...action
+    //       };
+    //     });
+    // const [recents, setRecents] = useState([]);
+    // const [searchVal, setSearchVal] = useState("");
+    // // default the icon to be empty. This will cause the image to be initially broken.
+    // const [iconURL, setIconURL] = useState("");
+    // useEffect(() => {
+    //   // using the default icon then fetch it from the static folder (not auth involved)
+    //   if (
+    //     !portalLogo ||
+    //     portalLogo.toLowerCase().includes("pzpega-logo-mark") ||
+    //     portalLogo.toLowerCase().includes("py-logo")
+    //   ) {
+    //     setIconURL(
+    //       `${PCore.getAssetLoader().getStaticServerUrl()}static/py-logo.svg`
+    //     );
+    //   }
+    //   // not using default icon to fetch it using the way which uses authentication
+    //   else {
+    //     PCore.getAssetLoader()
+    //       .getSvcImage(portalLogo)
+    //       .then((data) => {
+    //         setIconURL(window.URL.createObjectURL(data));
+    //       })
+    //       .catch(() => {
+    //         console.error(
+    //           `Unable to load the image for the portal logo/icon with the insName:${portalLogo}`
+    //         );
+    //       });
+    //   }
+    // }, [portalLogo]);
+    /**
+     * To fetch recents and translate items into what Cosmos expects
+     */
+    // const fetchRecents = () => {
+    //   actionsAPI.getRecents(15).then((response) => {
+    //     const recentsitems = response.data.recents;
+    //     // setRecents(buildRecentList(recentsitems));
+    //   });
+    // };
+    /**
+     * To handle on click of any recent item after the drawer is open
+     *
+     * @param {*} id : Recent item unique id
+     */
+    // const onItemClick = (id, e) => {
+    //   e.preventDefault();
+    //   // onRecentClickHandler(id, actionsAPI);
+    // };
+    // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    const [appName, setAppName] = useState("");
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    const [mapChildren, setMapChildren] = useState([]);
+    // Initial setting of appName and mapChildren
+    useEffect(() => {
+        setAppName(PCore.getEnvironmentInfo().getApplicationName());
+        const tempMap = pConn.getChildren().map((child, index) => {
+            const theChildComp = child.getPConnect().getComponentName();
+            const theKey = `.${index}`;
+            return React.createElement("div", { id: theChildComp, key: theKey, style: { border: "solid 1px silver", margin: "1px" } },
+                theChildComp,
+                " will be here");
+        });
+        setMapChildren(tempMap);
+    }, []);
+    if (pConn.hasChildren()) {
+        // const theChildren = pConn.getChildren();
+        // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});
+        // debugging/investigation help
+        // console.log(`AppShell has children: ${theChildren.length}`);
+        // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);
+    }
+    return (React.createElement(NavContext.Provider, { value: { open, setOpen } },
+        React.createElement("div", { id: "AppShell", className: classes.root },
+            React.createElement(NavBar, { pConn: getPConnect(), appName: appNameToDisplay, pages: pages, caseTypes: caseTypes }),
+            React.createElement("div", { className: classes.content }, children)))
+    // <Toaster dismissAfter={3000}>
+    //   <CosmosAppShell
+    //     {...{
+    //       appInfo: {
+    //         imageSrc: `${iconURL}`,
+    //         appName: `${appNameToDisplay}`,
+    //         portalName
+    //       },
+    //       recents: {
+    //         items: recents,
+    //         onDrawerOpen: fetchRecents,
+    //         onItemClick
+    //       },
+    //       searchInput: {
+    //         onSearchChange: (value) => {
+    //           setSearchVal(value);
+    //         },
+    //         onSearchSubmit: (value) => {
+    //           showSearchResults(value.trim());
+    //           setSearchVal("");
+    //         },
+    //         value: searchVal
+    //       },
+    //       caseTypes: cases,
+    //       links,
+    //       cases: getActiveCases(),
+    //       operator: getOperator()
+    //     }}
+    //     main={[children]}
+    //     banners={banners}
+    //     className="app-shell"
+    //   />
+    // </Toaster>
+    );
+}
+AppShell.defaultProps = {
+    pages: [],
+    caseTypes: [],
+    children: [],
+    // httpMessages: [],
+    // activeCases: null
+};
+AppShell.propTypes = {
+    // portalName: PropTypes.string/* .isRequired */,
+    // portalLogo: PropTypes.string/* .isRequired */,
+    showAppName: PropTypes.bool /* .isRequired */,
+    pages: PropTypes.arrayOf(PropTypes.object),
+    caseTypes: PropTypes.arrayOf(PropTypes.object),
+    children: PropTypes.arrayOf(PropTypes.node),
+    getPConnect: PropTypes.func.isRequired,
+    // httpMessages: PropTypes.arrayOf(PropTypes.string),
+    // activeCases: PropTypes.arrayOf(PropTypes.object)
+};
+//# sourceMappingURL=AppShell.js.map

package/lib/components/templates/AppShell/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/templates/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState, createContext, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from '@material-ui/core/styles';\n\n// import {\n//   Avatar,\n//   Toaster,\n//   Banner,\n//   AppShell as CosmosAppShell\n// } from \"@pega/cosmos-react-core\";\n\n// import createPConnectComponent from \"../../../bridge/react_pconnect\";\n// import { buildRecentList, onRecentClickHandler } from \"./Recents/utils\";\n\nimport './AppShell.css';\n\n// AppShell can emit NavBar and ViewContainer\nimport NavBar from '../../infra/NavBar';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n  },\n}));\n\ndeclare const PCore;\n\n\nconst NavContext = createContext({open: false, setOpen: f => f});\nexport const useNavBar = () => useContext(NavContext);\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template. This could be a combination of things but it knows...\n */\nexport default function AppShell(props) {\n  const {\n    pages,\n    caseTypes,\n    showAppName,\n    children,\n    getPConnect,\n  } = props;\n  const [open, setOpen] = useState(true);\n\n  const pConn = getPConnect();\n  // const actionsAPI = pConn.getActionsApi();\n  const envInfo = PCore.getEnvironmentInfo();\n\n  // const bannerRef = useRef(null);\n  // const hasBanner = httpMessages && httpMessages.length ? httpMessages.length > 0 : false;\n\n  const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : \"\";\n\n  const classes = useStyles();\n  // let banners = null;\n  // banners = hasBanner && (\n  //   <Banner\n  //     ref={bannerRef}\n  //     id=\"appShellBanner\"\n  //     variant=\"urgent\"\n  //     heading=\"Error\"\n  //     onDismiss={() =>\n  //       pConn.clearErrorMessages({\n  //         category: \"HTTP\",\n  //         context: null\n  //       })\n  //     }\n  //     messages={httpMessages}\n  //   />\n  // );\n\n  // useEffect(() => {\n  //   if (hasBanner && bannerRef.current) {\n  //     bannerRef.current.focus();\n  //     window.scrollTo(0, bannerRef.current.offsetTop);\n  //   }\n  // }, [hasBanner]);\n\n  /**\n   *\n   * Function to dispatch a show page action for the page links in\n   * the left nav of the app shell\n   *\n   * @param {string} searchString Name of view to show\n   */\n  // function showSearchResults(searchString) {\n  //   if (searchString === \"\") {\n  //     actionsAPI.showPage(\"pySearchPage\", \"Data-Portal\");\n  //     return;\n  //   }\n  //   const searchTerm = searchString.replace(/['\"]+/g, \"\");\n  //   PCore.getDataApiUtils()\n  //     .getData(\n  //       \"D_pySearch\",\n  //       `{\"dataViewParameters\": {\"SearchString\": \"${encodeURIComponent(\n  //         searchTerm\n  //       )}\"}}`\n  //     )\n  //     .then((response) => {\n  //       if (\n  //         response.data.data !== null &&\n  //         response.data.resultCount === 1 &&\n  //         response.data.data[0].pyID === searchTerm\n  //       ) {\n  //         /* This is a match for a work item - then we will open it */\n  //         pConn\n  //           .getActionsApi()\n  //           .openWorkByHandle(\n  //             response.data.data[0].pzInsKey,\n  //             response.data.data[0].pzCategoryActionKeys\n  //           );\n  //         return;\n  //       }\n  //       // window.searchResults = {\n  //       //   searchString: searchTerm,\n  //       //   results: response.data\n  //       // };\n  //       actionsAPI.showPage(\"pySearchPage\", \"Data-Portal\");\n  //     });\n  // }\n\n  /**\n   *\n   * Function to dispatch a show page action for the page links in\n   * the left nav of the app shell\n   *\n   * @param {string} viewName Name of view to show\n   * @param {string} className Pega Applies to class of the page\n   */\n  // function showPage(viewName, className) {\n  //   actionsAPI.showPage(viewName, className);\n  // }\n\n  /**\n   *\n   * Function to dispatch a create work action\n   * @param {string} className - placeholder string of case type being created\n   */\n  // function createWork(className) {\n  //   actionsAPI\n  //     .createWork(className)\n  //     .catch((error) =>\n  //       // eslint-disable-next-line no-console\n  //       console.log(\"Error in case creation: \", error?.message)\n  //     );\n  // }\n\n  /**\n   * Returns the Custome Component for each active case\n   */\n  // const VisualComponent = useCallback(\n  //   (context) => {\n  //     if (activeCases && activeCases.length > 0) {\n  //       const meta = PCore.getViewResources().fetchViewResources(\n  //         \"pyCaseVisual\",\n  //         getPConnect(),\n  //         PCore.getStoreValue(\".caseTypeID\", \"caseInfo\", context)\n  //       );\n  //       if (meta?.config && !meta.config.defaultVisual) {\n  //         const config = {\n  //           meta,\n  //           options: {\n  //             context,\n  //             pageReference: \"caseInfo.content\"\n  //           }\n  //         };\n  //         const visualConfig = PCore.createPConnect(config);\n  //         return React.createElement(createPConnectComponent(), visualConfig);\n  //       }\n  //     }\n  //     return undefined;\n  //   },\n  //   [getPConnect, activeCases]\n  // );\n\n  /**\n   * Transforms the active cases information into the model that cosmos expect.\n   */\n  // function getActiveCases() {\n  //   if (activeCases) {\n  //     const activeCaseLinks = [];\n  //     activeCases.forEach((activeCase) => {\n  //       const { caseID, className, workID, active, context } = activeCase;\n  //       // activeCaseLinks.push({\n  //       //   onDismiss: () => {\n  //       //     PCore.getContainerUtils().closeContainerItem(\n  //       //       activeCase.containerItemID\n  //       //     );\n  //       //   },\n  //       //   key: caseID,\n  //       //   name: caseID,\n  //       //   onClick: () => {\n  //       //     actionsAPI.openWorkByHandle(workID, className);\n  //       //   },\n  //       //   active,\n  //       //   visual: VisualComponent(context)\n  //       // });\n  //     });\n  //     return activeCaseLinks;\n  //   }\n  //   return activeCases;\n  // }\n\n  /**\n   * Translate Pega Data Page into the model that Cosmos expects\n   *\n   * Example:\n   *   pxPageViewIcon: \"pi pi-home-solid\"\n   *   pxURLPath: \"Home\"\n   *   pyClassName: \"Data-Portal\"\n   *   pyLabel: \"Home\"\n   *   pyRuleName: \"pyHome\"\n   */\n  // const links = !pages\n  //   ? []\n  //   : pages.map((page) => {\n  //       return {\n  //         name: page.pyLabel,\n  //         icon: page.pxPageViewIcon.replace(\"pi pi-\", \"\"),\n  //         onClick: () => showPage(page.pyRuleName, page.pyClassName)\n  //       };\n  //     });\n\n  // const userName = envInfo.getOperatorName();\n  // const imageKey = envInfo.getOperatorImageInsKey();\n\n  // const logOffAction = () => {\n  //   actionsAPI.logout().then(() => window?.top?.location?.reload());\n  // };\n\n  // const getOperator = () => {\n  //   const operatorActions = [\n  //     [{ text: \"Logoff\", id: \"1\", onClick: logOffAction }]\n  //   ];\n  //   if (imageKey) {\n  //     return {\n  //       avatar: (\n  //         <div id=\"AvatarWithImageKey\">Avatar with image key</div>\n  //         // <Avatar\n  //         //   name={userName}\n  //         //   imageSrc={getPConnect().getImagePath(imageKey)}\n  //         // />\n  //       ),\n  //       actions: operatorActions,\n  //       name: userName\n  //     };\n  //   }\n  //   return {\n  //     avatar: (\n  //       <div id=\"Avatar\">Avatar</div>\n  //       // <Avatar name={userName}>\n  //       //   {userName\n  //       //     .split(\" \")\n  //       //     .map((i) => i.charAt(0))\n  //       //     .join(\"\")\n  //       //     .toUpperCase()}\n  //       // </Avatar>\n  //     ),\n  //     actions: operatorActions,\n  //     name: userName\n  //   };\n  // };\n\n  /**\n   * Translate Case Types page into what is expected by Cosmos\n   *\n   * Example:\n   *   pyClassName: \"\"\n   *   pyFlowType: \"\"\n   *   pyLabel: \"No case types defined\"\n   */\n  // const cases = !caseTypes\n  //   ? []\n  //   : caseTypes.map((caseType) => {\n  //       let action = {};\n  //       // Only add actions to entries with a class name to create so in case of empty message no action is added\n  //       if (caseType.pyClassName) {\n  //         action = { onClick: () => createWork(caseType.pyClassName) };\n  //       }\n  //       return {\n  //         name: caseType.pyLabel,\n  //         ...action\n  //       };\n  //     });\n\n  // const [recents, setRecents] = useState([]);\n\n  // const [searchVal, setSearchVal] = useState(\"\");\n\n  // // default the icon to be empty. This will cause the image to be initially broken.\n  // const [iconURL, setIconURL] = useState(\"\");\n  // useEffect(() => {\n  //   // using the default icon then fetch it from the static folder (not auth involved)\n  //   if (\n  //     !portalLogo ||\n  //     portalLogo.toLowerCase().includes(\"pzpega-logo-mark\") ||\n  //     portalLogo.toLowerCase().includes(\"py-logo\")\n  //   ) {\n  //     setIconURL(\n  //       `${PCore.getAssetLoader().getStaticServerUrl()}static/py-logo.svg`\n  //     );\n  //   }\n  //   // not using default icon to fetch it using the way which uses authentication\n  //   else {\n  //     PCore.getAssetLoader()\n  //       .getSvcImage(portalLogo)\n  //       .then((data) => {\n  //         setIconURL(window.URL.createObjectURL(data));\n  //       })\n  //       .catch(() => {\n  //         console.error(\n  //           `Unable to load the image for the portal logo/icon with the insName:${portalLogo}`\n  //         );\n  //       });\n  //   }\n  // }, [portalLogo]);\n\n  /**\n   * To fetch recents and translate items into what Cosmos expects\n   */\n  // const fetchRecents = () => {\n  //   actionsAPI.getRecents(15).then((response) => {\n  //     const recentsitems = response.data.recents;\n  //     // setRecents(buildRecentList(recentsitems));\n  //   });\n  // };\n\n  /**\n   * To handle on click of any recent item after the drawer is open\n   *\n   * @param {*} id : Recent item unique id\n   */\n\n  // const onItemClick = (id, e) => {\n  //   e.preventDefault();\n  //   // onRecentClickHandler(id, actionsAPI);\n  // };\n\n  // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [appName, setAppName] = useState(\"\");\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [mapChildren, setMapChildren] = useState([]);\n\n  // Initial setting of appName and mapChildren\n  useEffect( () => {\n    setAppName(PCore.getEnvironmentInfo().getApplicationName());\n\n    const tempMap = pConn.getChildren().map((child, index) => {\n      const theChildComp = child.getPConnect().getComponentName();\n      const theKey = `.${index}`;\n      return <div id={theChildComp} key={theKey} style={{border: \"solid 1px silver\", margin: \"1px\"}}>{theChildComp} will be here</div>\n    });\n\n    setMapChildren(tempMap)\n\n  }, []);\n\n  if (pConn.hasChildren()) {\n    // const theChildren = pConn.getChildren();\n    // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});\n\n    // debugging/investigation help\n    // console.log(`AppShell has children: ${theChildren.length}`);\n    // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);\n  }\n\n  return (\n\n    <NavContext.Provider value={{open, setOpen}}>\n      <div id=\"AppShell\" className={classes.root}>\n        <NavBar pConn={getPConnect()} appName={appNameToDisplay} pages={pages} caseTypes={caseTypes}></NavBar>\n        <div className={classes.content}>\n          {children}\n        </div>\n      </div>\n    </NavContext.Provider>\n\n    // <Toaster dismissAfter={3000}>\n    //   <CosmosAppShell\n    //     {...{\n    //       appInfo: {\n    //         imageSrc: `${iconURL}`,\n    //         appName: `${appNameToDisplay}`,\n    //         portalName\n    //       },\n    //       recents: {\n    //         items: recents,\n    //         onDrawerOpen: fetchRecents,\n    //         onItemClick\n    //       },\n    //       searchInput: {\n    //         onSearchChange: (value) => {\n    //           setSearchVal(value);\n    //         },\n    //         onSearchSubmit: (value) => {\n    //           showSearchResults(value.trim());\n    //           setSearchVal(\"\");\n    //         },\n    //         value: searchVal\n    //       },\n    //       caseTypes: cases,\n    //       links,\n    //       cases: getActiveCases(),\n    //       operator: getOperator()\n    //     }}\n    //     main={[children]}\n    //     banners={banners}\n    //     className=\"app-shell\"\n    //   />\n    // </Toaster>\n  );\n}\nAppShell.defaultProps = {\n  pages: [],\n  caseTypes: [],\n  children: [],\n  // httpMessages: [],\n  // activeCases: null\n};\nAppShell.propTypes = {\n  // portalName: PropTypes.string/* .isRequired */,\n  // portalLogo: PropTypes.string/* .isRequired */,\n  showAppName: PropTypes.bool/* .isRequired */,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  caseTypes: PropTypes.arrayOf(PropTypes.object),\n  children: PropTypes.arrayOf(PropTypes.node),\n  getPConnect: PropTypes.func.isRequired,\n  // httpMessages: PropTypes.arrayOf(PropTypes.string),\n  // activeCases: PropTypes.arrayOf(PropTypes.object)\n};\n"]}

package/lib/components/templates/AppShell/index.d.ts

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

package/lib/components/templates/AppShell/index.d.ts.map

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

package/lib/components/templates/AppShell/index.js

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

package/lib/components/templates/AppShell/index.js.map

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

package/lib/components/templates/CaseSummary/CaseSummary.d.ts

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

package/lib/components/templates/CaseSummary/CaseSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAwCxC;kBAxCuB,WAAW;;;;;eAAX,WAAW"}

package/lib/components/templates/CaseSummary/CaseSummary.js

@@ -0,0 +1,40 @@
+import React from "react";
+import PropTypes from "prop-types";
+import CaseSummaryFields from '../../designSystemExtensions/CaseSummaryFields';
+export default function CaseSummary(props) {
+    const { getPConnect, children } = props;
+    const thePConn = getPConnect();
+    const theConfigProps = thePConn.getConfigProps();
+    const { status, showStatus } = theConfigProps;
+    // from Nebula
+    // get the primary and secondary fields with the raw data (which has the non-resolved property values)
+    // const regionsRaw = getPConnect().getRawMetadata().children;
+    // const primaryFieldsRaw = regionsRaw[0].children;
+    // const secondaryFieldsRaw = regionsRaw[1].children;
+    // From other SDKs
+    // may want to move these into useEffect/useState combo
+    let arPrimaryFields = [];
+    let arSecondaryFields = [];
+    for (const child of children) {
+        const childPConn = child.props.getPConnect();
+        const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());
+        if (childPConnData.name.toLowerCase() === "primary fields") {
+            arPrimaryFields = childPConnData.children;
+        }
+        else if (childPConnData.name.toLowerCase() === "secondary fields") {
+            arSecondaryFields = childPConnData.children;
+        }
+    }
+    // At this point, should hand off to another component for layout and rendering
+    //  of primary and secondary fields in the Case Summary
+    // debugging/investigation help
+    // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);
+    // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);
+    return (React.createElement("div", { id: "CaseSummary" },
+        React.createElement(CaseSummaryFields, { status: status, showStatus: showStatus, theFields: arPrimaryFields }),
+        React.createElement(CaseSummaryFields, { theFields: arSecondaryFields })));
+}
+CaseSummary.propTypes = {
+    getPConnect: PropTypes.func.isRequired
+};
+//# sourceMappingURL=CaseSummary.js.map

package/lib/components/templates/CaseSummary/CaseSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/templates/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC;IAE9C,cAAc;IACd,sGAAsG;IACtG,8DAA8D;IAC9D,mDAAmD;IACnD,qDAAqD;IAErD,kBAAkB;IAClB,uDAAuD;IACvD,IAAI,eAAe,GAAc,EAAE,CAAC;IACpC,IAAI,iBAAiB,GAAc,EAAE,CAAC;IAEtC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;QAClF,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;YAC1D,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC3C;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;YACnE,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC7C;KACF;IAED,+EAA+E;IAC/E,uDAAuD;IAEvD,+BAA+B;IAC/B,mFAAmF;IACnF,uFAAuF;IAEvF,OAAO,CACL,6BAAK,EAAE,EAAC,aAAa;QACnB,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,GAAI;QACzF,oBAAC,iBAAiB,IAAC,SAAS,EAAE,iBAAiB,GAAI,CAC/C,CACP,CAAA;AACH,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport CaseSummaryFields from '../../designSystemExtensions/CaseSummaryFields';\n\nexport default function CaseSummary(props) {\n  const { getPConnect, children } = props;\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const { status, showStatus } = theConfigProps;\n\n  // from Nebula\n  // get the primary and secondary fields with the raw data (which has the non-resolved property values)\n  // const regionsRaw = getPConnect().getRawMetadata().children;\n  // const primaryFieldsRaw = regionsRaw[0].children;\n  // const secondaryFieldsRaw = regionsRaw[1].children;\n\n  // From other SDKs\n  // may want to move these into useEffect/useState combo\n  let arPrimaryFields:Array<any> = [];\n  let arSecondaryFields:Array<any> = [];\n\n  for (const child of children) {\n    const childPConn = child.props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === \"primary fields\") {\n      arPrimaryFields = childPConnData.children;\n    } else if (childPConnData.name.toLowerCase() === \"secondary fields\") {\n      arSecondaryFields = childPConnData.children;\n    }\n  }\n\n  // At this point, should hand off to another component for layout and rendering\n  //  of primary and secondary fields in the Case Summary\n\n  // debugging/investigation help\n  // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);\n  // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);\n\n  return (\n    <div id=\"CaseSummary\">\n      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />\n      <CaseSummaryFields theFields={arSecondaryFields} />\n    </div>\n  )\n}\n\nCaseSummary.propTypes = {\n  getPConnect: PropTypes.func.isRequired\n};\n"]}

package/lib/components/templates/CaseSummary/index.d.ts

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

package/lib/components/templates/CaseSummary/index.d.ts.map

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

package/lib/components/templates/CaseSummary/index.js

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

package/lib/components/templates/CaseSummary/index.js.map

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

package/lib/components/templates/CaseView/CaseView.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function CaseView(props: any): JSX.Element;
+declare namespace CaseView {
+    var defaultProps: {
+        icon: string;
+        children: never[];
+        caseInfo: {};
+        showIconInHeader: boolean;
+        getPConnect: null;
+    };
+    var propTypes: {
+        icon: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        subheader: PropTypes.Validator<string>;
+        header: PropTypes.Validator<string>;
+        showIconInHeader: PropTypes.Requireable<boolean>;
+        caseInfo: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default CaseView;
+//# sourceMappingURL=CaseView.d.ts.map

package/lib/components/templates/CaseView/CaseView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/CaseView/CaseView.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AA2CnC,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAoMrC;kBApMuB,QAAQ;;;;;;;;;;;;;;;;;;;;eAAR,QAAQ"}