@pega/react-sdk-components 24.2.11 → 25.1.11

package/lib/components/template/SubTabs/tabUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/template/SubTabs/tabUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,uBAKhC,CAAC;AAEF,eAAO,MAAM,cAAc,kCAoB1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+DAqB5B,CAAC;AAEF,eAAO,MAAM,QAAQ,+FAepB,CAAC"}
+{"version":3,"file":"tabUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/template/SubTabs/tabUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAAG,YAAO,QAK1C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,YAAO,EAAE,SAAI,QAqB3C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,kBAAa,EAAE,iBAAY,EAAE,aAAQ,QAqBrE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAE,EAAE,kBAAa,EAAE,iBAAY,EAAE,oBAAe,EAAE,aAAQ,SAelF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAE,EAAE,aAAQ,EAAE,iBAAY,EAAE,oBAAe,SAgB1E,CAAC;AAEF,eAAO,MAAM,WAAW,GAAG,gBAAW,QAiBrC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,aAAQ,EAAE,iBAAY,QAgCpD,CAAC;AACF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,oBAAe,EAAE,gBAAW,kBAsChE,CAAC"}

package/lib/components/template/SubTabs/tabUtils.js

@@ -17,7 +17,8 @@ export const getVisibleTabs = (allTabs, uuid) => {
             const { name: viewName, deferLoadId = `${viewName}_${uuid}_${index}` } = config;
             child.getPConnect().registerAdditionalProps({
                 deferLoadId,
-                isChildDeferLoad: true
+                isChildDeferLoad: true,
+                lastUpdateCaseTime: '@P caseInfo.lastUpdateTime'
             });
         }
         index += 1;
@@ -57,4 +58,104 @@ export const tabClick = (id, availableTabs, currentTabId, setCurrentTabId, tabIt
     PCore.getDeferLoadManager().activate(activeId, nextPConn?.getContextName());
     PCore.getDeferLoadManager().refreshComponent(activeId, nextPConn?.getContextName());
 };
+export const searchtabsClick = (id, mainTabs, currentTabId, setCurrentTabId) => {
+    const currentTab = mainTabs.find(item => item.id === currentTabId && item.visibility());
+    const currentPConn = currentTab?.getPConnect();
+    const { deferLoadId } = currentPConn?.getConfigProps() ?? {};
+    PCore.getDeferLoadManager().deactivate(deferLoadId, currentPConn.getContextName());
+    setCurrentTabId(id);
+    const nextActiveTab = mainTabs.find(item => item.id === id && item.visibility());
+    if (mainTabs && nextActiveTab?.content === null) {
+        nextActiveTab.content = nextActiveTab.getPConnect().getComponent();
+    }
+    const nextPConn = nextActiveTab.getPConnect();
+    const { deferLoadId: activeId } = nextPConn.getConfigProps();
+    PCore.getDeferLoadManager().activate(activeId, nextPConn.getContextName());
+    PCore.getDeferLoadManager().refreshComponent(activeId, nextPConn.getContextName());
+};
+export const getTabLabel = tabPConnect => {
+    const config = tabPConnect.getConfigProps();
+    const label = config.inheritedProps?.find(obj => obj.prop === 'label')?.value;
+    if (label) {
+        return label;
+    }
+    if (config.label) {
+        return config.label;
+    }
+    if (tabPConnect.getReferencedView()?.config?.label) {
+        return tabPConnect.getReferencedView()?.config?.label;
+    }
+    return PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');
+};
+export const getActiveTabId = (mainTabs, currentTabId) => {
+    let firstVisibleTabId = null;
+    let updatedActiveId = currentTabId;
+    let isCurrentTabFound = false;
+    if (!mainTabs?.length) {
+        return updatedActiveId;
+    }
+    for (let i = 0; i < mainTabs.length; i += 1) {
+        const tab = mainTabs[i];
+        const tabConfig = tab.getPConnect().getConfigProps();
+        const tabId = tab?.id || `${tab.getPConnect().viewName}-${tabConfig.name || getTabLabel(tab.getPConnect())}-${i}`;
+        const isTabVisible = !Object.hasOwn(tabConfig, 'visibility') || tabConfig.visibility === true;
+        if (isTabVisible && !firstVisibleTabId) {
+            firstVisibleTabId = tabId;
+            if (isCurrentTabFound) {
+                updatedActiveId = firstVisibleTabId;
+                break;
+            }
+        }
+        if (tabId === currentTabId) {
+            isCurrentTabFound = true;
+            if (isTabVisible) {
+                break;
+            }
+            else if (firstVisibleTabId) {
+                updatedActiveId = firstVisibleTabId;
+                break;
+            }
+        }
+    }
+    return updatedActiveId;
+};
+/**
+ *
+ * @param {*} deferLoadedTabs list of deferLoadedTabs
+ * @param {string} tabViewName (optional) if provided, tabId of the given tabView will be returned
+ * @returns {string} a tab id is returned
+ */
+export const getFirstVisibleTabId = (deferLoadedTabs, tabViewName) => {
+    let tabIndex = 0;
+    const viewName = deferLoadedTabs?.props?.getPConnect()?.options?.viewName;
+    const deferTabsChildren = deferLoadedTabs.props.getPConnect().getChildren();
+    if (tabViewName) {
+        const firstVisibleTab = deferTabsChildren?.find((item, index) => {
+            const tabConfig = item.getPConnect().getConfigProps();
+            if (tabViewName === tabConfig.name) {
+                tabIndex = index;
+                return true;
+            }
+            return false;
+        });
+        const tabConfig = firstVisibleTab.getPConnect().getConfigProps();
+        return `${viewName}-${tabConfig.name || getTabLabel(firstVisibleTab.getPConnect())}-${tabIndex}`;
+    }
+    const firstVisibleTab = deferLoadedTabs.props
+        .getPConnect()
+        .getChildren()
+        ?.find((item, index) => {
+        const tabConfig = item.getPConnect().getConfigProps();
+        if (!('visibility' in tabConfig) || tabConfig.visibility === true) {
+            tabIndex = index;
+            return true;
+        }
+        return false;
+    });
+    if (!firstVisibleTab) {
+        return null;
+    }
+    const tabConfig = firstVisibleTab.getPConnect().getConfigProps();
+    return `${viewName}-${tabConfig.name || getTabLabel(firstVisibleTab.getPConnect())}-${tabIndex}`;
+};
 //# sourceMappingURL=tabUtils.js.map

package/lib/components/template/SubTabs/tabUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabUtils.js","sourceRoot":"","sources":["../../../../src/components/template/SubTabs/tabUtils.ts"],"names":[],"mappings":"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","sourcesContent":["export const getDeferFriendlyTabs = allTabs => {\n  return allTabs.map(tab => {\n    const theTabCompConfig = tab.getPConnect().getConfigProps();\n    return { type: 'DeferLoad', config: theTabCompConfig };\n  });\n};\n\nexport const getVisibleTabs = (allTabs, uuid) => {\n  let index = 0;\n  return allTabs.props\n    .getPConnect()\n    .getChildren()\n    ?.filter(child => {\n      // US-402838: Filter out tab entries if the config object does not contain the visibility attribute or it evaluates to the boolean true,\n      const config = child.getPConnect().getConfigProps();\n\n      // BUG-642335 - adding isChildDeferLoad prop\n      if (child.getPConnect().getComponentName() === 'DeferLoad') {\n        const { name: viewName, deferLoadId = `${viewName}_${uuid}_${index}` } = config;\n        child.getPConnect().registerAdditionalProps({\n          deferLoadId,\n          isChildDeferLoad: true\n        });\n      }\n      index += 1;\n      return !('visibility' in config) || config.visibility === true;\n    });\n};\n\nexport const getTransientTabs = (availableTabs, currentTabId, tabItems) => {\n  return (\n    availableTabs?.map((child, i) => {\n      const config = child.getPConnect().getConfigProps();\n      const tabLabel =\n        config.label ||\n        config.inheritedProps?.find(obj => obj.prop === 'label')?.value ||\n        PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      const tabContent = () => {\n        if (i.toString() === currentTabId) {\n          return tabItems?.[i.toString()]?.content ? tabItems?.[i.toString()]?.content : child.getPConnect().getComponent();\n        }\n        return tabItems?.[i.toString()]?.content;\n      };\n      return {\n        name: tabLabel,\n        id: i.toString(),\n        content: tabContent()\n      };\n    }) || []\n  );\n};\n\nexport const tabClick = (id, availableTabs, currentTabId, setCurrentTabId, tabItems) => {\n  const currentPConn = availableTabs[currentTabId].getPConnect();\n  const { deferLoadId } = currentPConn.getConfigProps();\n  PCore.getDeferLoadManager().deactivate(deferLoadId, currentPConn.getContextName());\n\n  setCurrentTabId(id);\n  const index = parseInt(id, 10);\n  if (tabItems[index]?.content === null) {\n    tabItems[index].content = availableTabs[index].getPConnect().getComponent();\n  }\n\n  const nextPConn = availableTabs[id].getPConnect();\n  const { deferLoadId: activeId } = nextPConn?.getConfigProps() || {};\n  PCore.getDeferLoadManager().activate(activeId, nextPConn?.getContextName());\n  PCore.getDeferLoadManager().refreshComponent(activeId, nextPConn?.getContextName());\n};\n"]}
+{"version":3,"file":"tabUtils.js","sourceRoot":"","sources":["../../../../src/components/template/SubTabs/tabUtils.ts"],"names":[],"mappings":"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","sourcesContent":["export const getDeferFriendlyTabs = allTabs => {\n  return allTabs.map(tab => {\n    const theTabCompConfig = tab.getPConnect().getConfigProps();\n    return { type: 'DeferLoad', config: theTabCompConfig };\n  });\n};\n\nexport const getVisibleTabs = (allTabs, uuid) => {\n  let index = 0;\n  return allTabs.props\n    .getPConnect()\n    .getChildren()\n    ?.filter(child => {\n      // US-402838: Filter out tab entries if the config object does not contain the visibility attribute or it evaluates to the boolean true,\n      const config = child.getPConnect().getConfigProps();\n\n      // BUG-642335 - adding isChildDeferLoad prop\n      if (child.getPConnect().getComponentName() === 'DeferLoad') {\n        const { name: viewName, deferLoadId = `${viewName}_${uuid}_${index}` } = config;\n        child.getPConnect().registerAdditionalProps({\n          deferLoadId,\n          isChildDeferLoad: true,\n          lastUpdateCaseTime: '@P caseInfo.lastUpdateTime'\n        });\n      }\n      index += 1;\n      return !('visibility' in config) || config.visibility === true;\n    });\n};\n\nexport const getTransientTabs = (availableTabs, currentTabId, tabItems) => {\n  return (\n    availableTabs?.map((child, i) => {\n      const config = child.getPConnect().getConfigProps();\n      const tabLabel =\n        config.label ||\n        config.inheritedProps?.find(obj => obj.prop === 'label')?.value ||\n        PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      const tabContent = () => {\n        if (i.toString() === currentTabId) {\n          return tabItems?.[i.toString()]?.content ? tabItems?.[i.toString()]?.content : child.getPConnect().getComponent();\n        }\n        return tabItems?.[i.toString()]?.content;\n      };\n      return {\n        name: tabLabel,\n        id: i.toString(),\n        content: tabContent()\n      };\n    }) || []\n  );\n};\n\nexport const tabClick = (id, availableTabs, currentTabId, setCurrentTabId, tabItems) => {\n  const currentPConn = availableTabs[currentTabId].getPConnect();\n  const { deferLoadId } = currentPConn.getConfigProps();\n  PCore.getDeferLoadManager().deactivate(deferLoadId, currentPConn.getContextName());\n\n  setCurrentTabId(id);\n  const index = parseInt(id, 10);\n  if (tabItems[index]?.content === null) {\n    tabItems[index].content = availableTabs[index].getPConnect().getComponent();\n  }\n\n  const nextPConn = availableTabs[id].getPConnect();\n  const { deferLoadId: activeId } = nextPConn?.getConfigProps() || {};\n  PCore.getDeferLoadManager().activate(activeId, nextPConn?.getContextName());\n  PCore.getDeferLoadManager().refreshComponent(activeId, nextPConn?.getContextName());\n};\n\nexport const searchtabsClick = (id, mainTabs, currentTabId, setCurrentTabId) => {\n  const currentTab = mainTabs.find(item => item.id === currentTabId && item.visibility());\n  const currentPConn = currentTab?.getPConnect();\n  const { deferLoadId } = currentPConn?.getConfigProps() ?? {};\n  PCore.getDeferLoadManager().deactivate(deferLoadId, currentPConn.getContextName());\n\n  setCurrentTabId(id);\n  const nextActiveTab = mainTabs.find(item => item.id === id && item.visibility());\n  if (mainTabs && nextActiveTab?.content === null) {\n    nextActiveTab.content = nextActiveTab.getPConnect().getComponent();\n  }\n\n  const nextPConn = nextActiveTab.getPConnect();\n  const { deferLoadId: activeId } = nextPConn.getConfigProps();\n  PCore.getDeferLoadManager().activate(activeId, nextPConn.getContextName());\n  PCore.getDeferLoadManager().refreshComponent(activeId, nextPConn.getContextName());\n};\n\nexport const getTabLabel = tabPConnect => {\n  const config = tabPConnect.getConfigProps();\n\n  const label = config.inheritedProps?.find(obj => obj.prop === 'label')?.value;\n\n  if (label) {\n    return label;\n  }\n  if (config.label) {\n    return config.label;\n  }\n\n  if (tabPConnect.getReferencedView()?.config?.label) {\n    return tabPConnect.getReferencedView()?.config?.label;\n  }\n\n  return PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n};\n\nexport const getActiveTabId = (mainTabs, currentTabId) => {\n  let firstVisibleTabId = null;\n  let updatedActiveId = currentTabId;\n  let isCurrentTabFound = false;\n\n  if (!mainTabs?.length) {\n    return updatedActiveId;\n  }\n\n  for (let i = 0; i < mainTabs.length; i += 1) {\n    const tab = mainTabs[i];\n    const tabConfig = tab.getPConnect().getConfigProps();\n    const tabId = tab?.id || `${tab.getPConnect().viewName}-${tabConfig.name || getTabLabel(tab.getPConnect())}-${i}`;\n    const isTabVisible = !Object.hasOwn(tabConfig, 'visibility') || tabConfig.visibility === true;\n    if (isTabVisible && !firstVisibleTabId) {\n      firstVisibleTabId = tabId;\n      if (isCurrentTabFound) {\n        updatedActiveId = firstVisibleTabId;\n        break;\n      }\n    }\n    if (tabId === currentTabId) {\n      isCurrentTabFound = true;\n      if (isTabVisible) {\n        break;\n      } else if (firstVisibleTabId) {\n        updatedActiveId = firstVisibleTabId;\n        break;\n      }\n    }\n  }\n  return updatedActiveId;\n};\n/**\n *\n * @param {*} deferLoadedTabs list of deferLoadedTabs\n * @param {string} tabViewName (optional) if provided, tabId of the given tabView will be returned\n * @returns {string} a tab id is returned\n */\nexport const getFirstVisibleTabId = (deferLoadedTabs, tabViewName) => {\n  let tabIndex = 0;\n\n  const viewName = deferLoadedTabs?.props?.getPConnect()?.options?.viewName;\n\n  const deferTabsChildren = deferLoadedTabs.props.getPConnect().getChildren();\n  if (tabViewName) {\n    const firstVisibleTab = deferTabsChildren?.find((item, index) => {\n      const tabConfig = item.getPConnect().getConfigProps();\n      if (tabViewName === tabConfig.name) {\n        tabIndex = index;\n        return true;\n      }\n      return false;\n    });\n    const tabConfig = firstVisibleTab.getPConnect().getConfigProps();\n\n    return `${viewName}-${tabConfig.name || getTabLabel(firstVisibleTab.getPConnect())}-${tabIndex}`;\n  }\n\n  const firstVisibleTab = deferLoadedTabs.props\n    .getPConnect()\n    .getChildren()\n    ?.find((item, index) => {\n      const tabConfig = item.getPConnect().getConfigProps();\n      if (!('visibility' in tabConfig) || tabConfig.visibility === true) {\n        tabIndex = index;\n        return true;\n      }\n      return false;\n    });\n\n  if (!firstVisibleTab) {\n    return null;\n  }\n\n  const tabConfig = firstVisibleTab.getPConnect().getConfigProps();\n  return `${viewName}-${tabConfig.name || getTabLabel(firstVisibleTab.getPConnect())}-${tabIndex}`;\n};\n"]}

package/lib/components/template/TwoColumn/TwoColumn/TwoColumn.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface TwoColumnProps extends PConnProps {
     templateCol?: string;
 }

package/lib/components/template/TwoColumn/TwoColumn/TwoColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,cAAe,SAAQ,UAAU;IAEzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,2CAoCzE"}
+{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,UAAU,cAAe,SAAQ,UAAU;IAEzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,2CAmCzE"}

package/lib/components/template/TwoColumn/TwoColumn/TwoColumn.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from '@mui/material';
+import Grid2, {} from '@mui/material/Grid2';
 import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(() => ({
     colStyles: {
@@ -13,7 +13,6 @@ export default function TwoColumn(props) {
     const { children, templateCol = '1fr 1fr' } = props;
     const childrenToRender = children;
     if (childrenToRender.length !== 2) {
-        // eslint-disable-next-line no-console
         console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);
     }
     // Calculate the size
@@ -29,6 +28,6 @@ export default function TwoColumn(props) {
     const ratio = 12 / totalCols;
     aSize = (ratio * colAArray[0]);
     bSize = (ratio * colAArray[1]);
-    return (_jsxs(Grid, { container: true, spacing: 1, children: [_jsx(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles, children: childrenToRender[1] })] }));
+    return (_jsxs(Grid2, { container: true, spacing: 1, children: [_jsx(Grid2, { size: { xs: 12, md: aSize }, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid2, { size: { xs: 12, md: bSize }, className: classes.colStyles, children: childrenToRender[1] })] }));
 }
 //# sourceMappingURL=TwoColumn.js.map

package/lib/components/template/TwoColumn/TwoColumn/TwoColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAC/C,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAQhD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAwC;IACxE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,gDAAgD,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;KAC1F;IAED,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW;SAC1B,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;SACzB,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE3C,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, GridSize } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  templateCol?: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  }\n}));\n\nexport default function TwoColumn(props: PropsWithChildren<TwoColumnProps>) {\n  const classes = useStyles();\n\n  const { children, templateCol = '1fr 1fr' } = props;\n  const childrenToRender = children as ReactElement[];\n\n  if (childrenToRender.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);\n  }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol\n    .replaceAll(/[a-z]+/g, '')\n    .split(/\\s/)\n    .map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n  return (\n    <Grid container spacing={1}>\n      <Grid item xs={12} md={aSize} className={classes.colStyles}>\n        {childrenToRender[0]}\n      </Grid>\n      <Grid item xs={12} md={bSize} className={classes.colStyles}>\n        {childrenToRender[1]}\n      </Grid>\n    </Grid>\n  );\n}\n"]}
+{"version":3,"file":"TwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAiB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAQhD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAwC;IACxE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,gDAAgD,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAC3F,CAAC;IAED,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW;SAC1B,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;SACzB,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE3C,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACzB,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC7D,gBAAgB,CAAC,CAAC,CAAC,GACd,EACR,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC7D,gBAAgB,CAAC,CAAC,CAAC,GACd,IACF,CACT,CAAC;AACJ,CAAC","sourcesContent":["import type { PropsWithChildren, ReactElement } from 'react';\nimport Grid2, { type GridSize } from '@mui/material/Grid2';\nimport makeStyles from '@mui/styles/makeStyles';\nimport type { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  templateCol?: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  }\n}));\n\nexport default function TwoColumn(props: PropsWithChildren<TwoColumnProps>) {\n  const classes = useStyles();\n\n  const { children, templateCol = '1fr 1fr' } = props;\n  const childrenToRender = children as ReactElement[];\n\n  if (childrenToRender.length !== 2) {\n    console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);\n  }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol\n    .replaceAll(/[a-z]+/g, '')\n    .split(/\\s/)\n    .map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n  return (\n    <Grid2 container spacing={1}>\n      <Grid2 size={{ xs: 12, md: aSize }} className={classes.colStyles}>\n        {childrenToRender[0]}\n      </Grid2>\n      <Grid2 size={{ xs: 12, md: bSize }} className={classes.colStyles}>\n        {childrenToRender[1]}\n      </Grid2>\n    </Grid2>\n  );\n}\n"]}

package/lib/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface TwoColumnPageProps extends PConnProps {
 }
 export default function TwoColumnPage(props: TwoColumnPageProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,kBAAmB,SAAQ,UAAU;CAE9C;AAMD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAK9D"}
+{"version":3,"file":"TwoColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,UAAU,kBAAmB,SAAQ,UAAU;CAE9C;AAMD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAK9D"}

package/lib/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAOnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function TwoColumnPage(props: TwoColumnPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const TwoColumn = getComponentFromMap('TwoColumn');\n\n  return <TwoColumn {...props} />;\n}\n"]}
+{"version":3,"file":"TwoColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAOnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function TwoColumnPage(props: TwoColumnPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const TwoColumn = getComponentFromMap('TwoColumn');\n\n  return <TwoColumn {...props} />;\n}\n"]}

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface TwoColumnTabProps extends PConnProps {
     templateCol?: string;
 }

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,2CAoC/E"}
+{"version":3,"file":"TwoColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,2CAmC/E"}

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from '@mui/material';
+import Grid2, {} from '@mui/material/Grid2';
 import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(() => ({
     colStyles: {
@@ -13,7 +13,6 @@ export default function TwoColumnTab(props) {
     const { children, templateCol = '1fr 1fr' } = props;
     const childrenToRender = children;
     if (childrenToRender.length !== 2) {
-        // eslint-disable-next-line no-console
         console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);
     }
     // Calculate the size
@@ -29,6 +28,6 @@ export default function TwoColumnTab(props) {
     const ratio = 12 / totalCols;
     aSize = (ratio * colAArray[0]);
     bSize = (ratio * colAArray[1]);
-    return (_jsxs(Grid, { container: true, spacing: 1, children: [_jsx(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles, children: childrenToRender[1] })] }));
+    return (_jsxs(Grid2, { container: true, spacing: 1, children: [_jsx(Grid2, { size: { xs: 12, md: aSize }, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid2, { size: { xs: 12, md: bSize }, className: classes.colStyles, children: childrenToRender[1] })] }));
 }
 //# sourceMappingURL=TwoColumnTab.js.map

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAC/C,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAQhD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAA2C;IAC9E,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,gDAAgD,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;KAC1F;IAED,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW;SAC1B,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;SACzB,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE3C,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, GridSize } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnTabProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  templateCol?: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  }\n}));\n\nexport default function TwoColumnTab(props: PropsWithChildren<TwoColumnTabProps>) {\n  const classes = useStyles();\n\n  const { children, templateCol = '1fr 1fr' } = props;\n  const childrenToRender = children as ReactElement[];\n\n  if (childrenToRender.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);\n  }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol\n    .replaceAll(/[a-z]+/g, '')\n    .split(/\\s/)\n    .map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n  return (\n    <Grid container spacing={1}>\n      <Grid item xs={12} md={aSize} className={classes.colStyles}>\n        {childrenToRender[0]}\n      </Grid>\n      <Grid item xs={12} md={bSize} className={classes.colStyles}>\n        {childrenToRender[1]}\n      </Grid>\n    </Grid>\n  );\n}\n"]}
+{"version":3,"file":"TwoColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAiB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAQhD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAA2C;IAC9E,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,gDAAgD,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAC3F,CAAC;IAED,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW;SAC1B,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;SACzB,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE3C,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACzB,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC7D,gBAAgB,CAAC,CAAC,CAAC,GACd,EACR,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC7D,gBAAgB,CAAC,CAAC,CAAC,GACd,IACF,CACT,CAAC;AACJ,CAAC","sourcesContent":["import type { PropsWithChildren, ReactElement } from 'react';\nimport Grid2, { type GridSize } from '@mui/material/Grid2';\nimport makeStyles from '@mui/styles/makeStyles';\nimport type { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnTabProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  templateCol?: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  }\n}));\n\nexport default function TwoColumnTab(props: PropsWithChildren<TwoColumnTabProps>) {\n  const classes = useStyles();\n\n  const { children, templateCol = '1fr 1fr' } = props;\n  const childrenToRender = children as ReactElement[];\n\n  if (childrenToRender.length !== 2) {\n    console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);\n  }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol\n    .replaceAll(/[a-z]+/g, '')\n    .split(/\\s/)\n    .map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n  return (\n    <Grid2 container spacing={1}>\n      <Grid2 size={{ xs: 12, md: aSize }} className={classes.colStyles}>\n        {childrenToRender[0]}\n      </Grid2>\n      <Grid2 size={{ xs: 12, md: bSize }} className={classes.colStyles}>\n        {childrenToRender[1]}\n      </Grid2>\n    </Grid2>\n  );\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrow/WideNarrow.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../../types/PConnProps';
 import './WideNarrow.css';
 interface WideNarrowProps extends PConnProps {
     a: any;

package/lib/components/template/WideNarrow/WideNarrow/WideNarrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAgB,SAAQ,UAAU;IAE1C,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IAEP,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CAoB3E"}
+{"version":3,"file":"WideNarrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAgB,SAAQ,UAAU;IAE1C,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IAEP,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CAoB3E"}

package/lib/components/template/WideNarrow/WideNarrow/WideNarrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrow.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":";AAEA,OAAO,kBAAkB,CAAC;AAc1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,kDAAkD;IAClD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEtC,OAAO,CACL,8BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC5D,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1D,CACP,EACA,CAAC,IAAI,CAAC,IAAI,CACT,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,CAAC,GAAO,EAClD,cAAK,SAAS,EAAC,2BAA2B,YAAE,CAAC,GAAO,IAChD,CACP,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { PConnProps } from '../../../../types/PConnProps';\nimport './WideNarrow.css';\n\ninterface WideNarrowProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  a: any;\n  b: any;\n  // eslint-disable-next-line react/no-unused-prop-types\n  title?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  cols?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  icon?: string;\n}\n\nexport default function WideNarrow(props: PropsWithChildren<WideNarrowProps>) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const { a, b, children = [] } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{children[0]}</div>\n          <div className='psdk-narrow-column-column'>{children[1]}</div>\n        </div>\n      )}\n      {a && b && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{a}</div>\n          <div className='psdk-narrow-column-column'>{b}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"WideNarrow.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":";AAEA,OAAO,kBAAkB,CAAC;AAc1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,kDAAkD;IAClD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEtC,OAAO,CACL,8BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC5D,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1D,CACP,EACA,CAAC,IAAI,CAAC,IAAI,CACT,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,CAAC,GAAO,EAClD,cAAK,SAAS,EAAC,2BAA2B,YAAE,CAAC,GAAO,IAChD,CACP,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type { PropsWithChildren, ReactElement } from 'react';\nimport type { PConnProps } from '../../../../types/PConnProps';\nimport './WideNarrow.css';\n\ninterface WideNarrowProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  a: any;\n  b: any;\n\n  title?: string;\n\n  cols?: string;\n\n  icon?: string;\n}\n\nexport default function WideNarrow(props: PropsWithChildren<WideNarrowProps>) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const { a, b, children = [] } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{children[0]}</div>\n          <div className='psdk-narrow-column-column'>{children[1]}</div>\n        </div>\n      )}\n      {a && b && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{a}</div>\n          <div className='psdk-narrow-column-column'>{b}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface WideNarrowDetailsProps extends PConnProps {
     showLabel?: boolean;
     label?: string;

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,sBAAuB,SAAQ,UAAU;IAEjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAID,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoEtE"}
+{"version":3,"file":"WideNarrowDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,UAAU,sBAAuB,SAAQ,UAAU;IAEjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAID,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoEtE"}

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement } from 'react';
-import Grid from '@mui/material/Grid';
+import Grid2, {} from '@mui/material/Grid2';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 const COLUMN_WIDTHS = [8, 4];
@@ -21,7 +21,6 @@ export default function WideNarrowDetails(props) {
         }
         return createElement(createPConnectComponent(), {
             ...theConfigObject,
-            // eslint-disable-next-line react/no-array-index-key
             key: index.toString()
         });
     });
@@ -43,6 +42,6 @@ export default function WideNarrowDetails(props) {
     if (propsToUse?.showLabel && propsToUse.label) {
         theName = propsToUse.label;
     }
-    return (_jsxs(FieldGroup, { name: theName, children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid, { item: true, xs: COLUMN_WIDTHS[i], children: child }, `hf-${i + 1}`))) })), _jsx(Grid, { container: true, spacing: 1, children: children?.map((child, i) => (_jsx(Grid, { item: true, xs: COLUMN_WIDTHS[i], children: child }, `r-${i + 1}`))) })] }));
+    return (_jsxs(FieldGroup, { name: theName, children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid2, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid2, { size: { xs: COLUMN_WIDTHS[i] }, children: child }, `hf-${i + 1}`))) })), _jsx(Grid2, { container: true, spacing: 1, children: children?.map((child, i) => (_jsx(Grid2, { size: { xs: COLUMN_WIDTHS[i] }, children: child }, `r-${i + 1}`))) })] }));
 }
 //# sourceMappingURL=WideNarrowDetails.js.map

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from 'react';\nimport Grid, { GridSize } from '@mui/material/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface WideNarrowDetailsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel?: boolean;\n  label?: string;\n  showHighlightedData?: boolean;\n}\n\nconst COLUMN_WIDTHS = [8, 4];\n\nexport default function WideNarrowDetails(props: WideNarrowDetailsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[])?.map((configObject, index) => {\n    let theConfigObject: object = configObject;\n    if (!theConfigObject) {\n      theConfigObject = {};\n    }\n\n    return createElement(createPConnectComponent(), {\n      ...theConfigObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    });\n  });\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  let theName = '';\n  if (propsToUse?.showLabel && propsToUse.label) {\n    theName = propsToUse.label;\n  }\n\n  return (\n    <FieldGroup name={theName}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children?.map((child, i) => (\n          <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}
+{"version":3,"file":"WideNarrowDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from 'react';\nimport Grid2, { type GridSize } from '@mui/material/Grid2';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../../types/PConnProps';\n\ninterface WideNarrowDetailsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel?: boolean;\n  label?: string;\n  showHighlightedData?: boolean;\n}\n\nconst COLUMN_WIDTHS = [8, 4];\n\nexport default function WideNarrowDetails(props: WideNarrowDetailsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[])?.map((configObject, index) => {\n    let theConfigObject: object = configObject;\n    if (!theConfigObject) {\n      theConfigObject = {};\n    }\n\n    return createElement(createPConnectComponent(), {\n      ...theConfigObject,\n\n      key: index.toString()\n    });\n  });\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  let theName = '';\n  if (propsToUse?.showLabel && propsToUse.label) {\n    theName = propsToUse.label;\n  }\n\n  return (\n    <FieldGroup name={theName}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid2 container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid2 size={{ xs: COLUMN_WIDTHS[i] as GridSize }} key={`hf-${i + 1}`}>\n              {child}\n            </Grid2>\n          ))}\n        </Grid2>\n      )}\n      <Grid2 container spacing={1}>\n        {children?.map((child, i) => (\n          <Grid2 size={{ xs: COLUMN_WIDTHS[i] as GridSize }} key={`r-${i + 1}`}>\n            {child}\n          </Grid2>\n        ))}\n      </Grid2>\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../../types/PConnProps';
 import './WideNarrowForm.css';
 interface WideNarrowFormProps extends PConnProps {
 }

package/lib/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,sBAAsB,CAAC;AAE9B,UAAU,mBAAoB,SAAQ,UAAU;CAE/C;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CAanF"}
+{"version":3,"file":"WideNarrowForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,sBAAsB,CAAC;AAE9B,UAAU,mBAAoB,SAAQ,UAAU;CAE/C;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CAanF"}

package/lib/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowForm.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAM9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,4BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC5D,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1D,CACP,GACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { PConnProps } from '../../../../types/PConnProps';\nimport './WideNarrowForm.css';\n\ninterface WideNarrowFormProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function WideNarrowForm(props: PropsWithChildren<WideNarrowFormProps>) {\n  const { children } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{children[0]}</div>\n          <div className='psdk-narrow-column-column'>{children[1]}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"WideNarrowForm.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAM9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,4BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC5D,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1D,CACP,GACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type { PropsWithChildren, ReactElement } from 'react';\nimport type { PConnProps } from '../../../../types/PConnProps';\nimport './WideNarrowForm.css';\n\ninterface WideNarrowFormProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function WideNarrowForm(props: PropsWithChildren<WideNarrowFormProps>) {\n  const { children } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{children[0]}</div>\n          <div className='psdk-narrow-column-column'>{children[1]}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../../types/PConnProps';
+import { type PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface WideNarrowPageProps extends PConnProps {
     title: string;
     templateCol?: string;

package/lib/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CAYnF"}
+{"version":3,"file":"WideNarrowPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CAYnF"}

package/lib/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowPage.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,wBACE,KAAC,UAAU,IAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAI,GAClH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren } from 'react';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface WideNarrowPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  templateCol?: string;\n  icon?: string;\n}\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function WideNarrowPage(props: PropsWithChildren<WideNarrowPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const WideNarrow = getComponentFromMap('WideNarrow');\n\n  const { children, title, templateCol = '1fr 1fr', icon = '' } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n      <WideNarrow a={childArray[0]} b={childArray[1]} title={title} cols={templateCol} icon={icon?.replace('pi pi-', '')} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"WideNarrowPage.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA0B,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,wBACE,KAAC,UAAU,IAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAI,GAClH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Children, type PropsWithChildren } from 'react';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../../types/PConnProps';\n\ninterface WideNarrowPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  templateCol?: string;\n  icon?: string;\n}\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function WideNarrowPage(props: PropsWithChildren<WideNarrowPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const WideNarrow = getComponentFromMap('WideNarrow');\n\n  const { children, title, templateCol = '1fr 1fr', icon = '' } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n      <WideNarrow a={childArray[0]} b={childArray[1]} title={title} cols={templateCol} icon={icon?.replace('pi pi-', '')} />\n    </div>\n  );\n}\n"]}

package/lib/components/template/WssNavBar/WssNavBar.css

@@ -1,5 +1,5 @@
 .link-style {
-  color: white !important;
+  color: var(--app-text-color) !important;
   text-transform: capitalize !important;
   font-size: 1rem !important;
 }

package/lib/components/template/WssNavBar/WssNavBar.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 import './WssNavBar.css';
 interface WssNavBarProps extends PConnProps {
     appInfo: any;

package/lib/components/template/WssNavBar/WssNavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WssNavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE;QAAE,mBAAmB,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAE3D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,GAAG,CAAC;CACd;AAuBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CA+GtD"}
+{"version":3,"file":"WssNavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE;QAAE,mBAAmB,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAE3D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,GAAG,CAAC;CACd;AAuBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CA+GtD"}

package/lib/components/template/WssNavBar/WssNavBar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import React, { useState } from 'react';
 import makeStyles from '@mui/styles/makeStyles';
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
@@ -21,10 +21,10 @@ const useStyles = makeStyles(theme => ({
         marginRight: theme.spacing(2)
     },
     appListLogo: {
-        width: '3.6rem'
+        maxWidth: '100%',
+        height: '3rem'
     },
     appName: {
-        color: 'white',
         marginLeft: theme.spacing(2),
         marginRight: theme.spacing(4),
         fontSize: '1.5rem'
@@ -51,7 +51,7 @@ export default function WssNavBar(props) {
         setAnchorElUser(null);
     };
     const navLinksContent = (_jsx(Box, { id: 'nav-links', sx: { flexGrow: 1, display: { xs: 'none', md: 'flex' } }, style: { justifyContent: alignment }, children: navLinks.map(link => (_jsx(Button, { className: 'link-style', onClick: link.onClick, children: link.text }, link.text))) }));
-    return (_jsx("div", { id: 'NavBar', className: 'nav-bar', children: _jsx(AppBar, { position: 'static', color: 'primary', children: _jsxs(Container, { maxWidth: 'xl', children: [_jsxs(Toolbar, { disableGutters: true, style: { justifyContent: 'space-between' }, children: [_jsxs(Button, { id: 'appName', style: { textTransform: 'capitalize' }, onClick: appInfo.onClick, children: [_jsx("img", { src: appInfo.imageSrc, className: classes.appListLogo }), _jsx("span", { className: classes.appName, children: appInfo.appName })] }), _jsxs(Box, { sx: { flexGrow: 1, display: { xs: 'flex', md: 'none' } }, children: [_jsx(IconButton, { size: 'small', "aria-label": 'account of current user', "aria-controls": 'menu-appbar', "aria-haspopup": 'true', onClick: handleOpenNavMenu, color: 'inherit', children: _jsx(MenuIcon, {}) }), _jsx(Menu, { id: 'menu-appbar', anchorEl: anchorElNav, anchorOrigin: {
+    return (_jsx("div", { id: 'NavBar', className: 'nav-bar', children: _jsx(AppBar, { position: 'static', color: 'primary', children: _jsxs(Container, { maxWidth: false, children: [_jsxs(Toolbar, { disableGutters: true, style: { justifyContent: 'space-between' }, children: [_jsxs(Button, { id: 'appName', style: { textTransform: 'capitalize' }, onClick: appInfo.onClick, children: [_jsx("img", { src: appInfo.imageSrc, className: classes.appListLogo }), _jsx("span", { className: classes.appName, children: appInfo.appName })] }), _jsxs(Box, { sx: { flexGrow: 1, display: { xs: 'flex', md: 'none' } }, children: [_jsx(IconButton, { size: 'small', "aria-label": 'account of current user', "aria-controls": 'menu-appbar', "aria-haspopup": 'true', onClick: handleOpenNavMenu, color: 'inherit', children: _jsx(MenuIcon, {}) }), _jsx(Menu, { id: 'menu-appbar', anchorEl: anchorElNav, anchorOrigin: {
                                             vertical: 'bottom',
                                             horizontal: 'left'
                                         }, keepMounted: true, transformOrigin: {

package/lib/components/template/WssNavBar/WssNavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WssNavBar.js","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolbar';\nimport Container from '@mui/material/Container';\nimport { IconButton, Menu, MenuItem, Typography, Button } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport { logout } from '@pega/auth/lib/sdk-auth-manager';\nimport { PConnProps } from '../../../types/PConnProps';\nimport './WssNavBar.css';\n\ninterface WssNavBarProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  appInfo: any;\n  navLinks: any[];\n  operator: { currentUserInitials: string };\n  navDisplayOptions: { alignment: string; position: string };\n  // eslint-disable-next-line react/no-unused-prop-types\n  portalName: string;\n  imageSrc: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  fullImageSrc: string;\n  appName: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  appListLogo: {\n    width: '3.6rem'\n  },\n  appName: {\n    color: 'white',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(4),\n    fontSize: '1.5rem'\n  }\n}));\n\nexport default function WssNavBar(props: WssNavBarProps) {\n  const { appInfo, navLinks, operator, navDisplayOptions } = props;\n  const { alignment, position } = navDisplayOptions;\n  const classes = useStyles();\n\n  const [anchorElNav, setAnchorElNav] = useState<null | HTMLElement>(null);\n  const [anchorElUser, setAnchorElUser] = useState<null | HTMLElement>(null);\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'AppShell';\n\n  const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElNav(event.currentTarget);\n  };\n  const handleOpenUserMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElUser(event.currentTarget);\n  };\n\n  const handleCloseNavMenu = () => {\n    setAnchorElNav(null);\n  };\n\n  const handleCloseUserMenu = () => {\n    setAnchorElUser(null);\n  };\n\n  const navLinksContent = (\n    <Box id='nav-links' sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }} style={{ justifyContent: alignment }}>\n      {navLinks.map(link => (\n        <Button className='link-style' key={link.text} onClick={link.onClick}>\n          {link.text}\n        </Button>\n      ))}\n    </Box>\n  );\n\n  return (\n    <div id='NavBar' className='nav-bar'>\n      <AppBar position='static' color='primary'>\n        <Container maxWidth='xl'>\n          <Toolbar disableGutters style={{ justifyContent: 'space-between' }}>\n            <Button id='appName' style={{ textTransform: 'capitalize' }} onClick={appInfo.onClick}>\n              <img src={appInfo.imageSrc} className={classes.appListLogo} />\n              <span className={classes.appName}>{appInfo.appName}</span>\n            </Button>\n            <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>\n              <IconButton\n                size='small'\n                aria-label='account of current user'\n                aria-controls='menu-appbar'\n                aria-haspopup='true'\n                onClick={handleOpenNavMenu}\n                color='inherit'\n              >\n                <MenuIcon />\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElNav}\n                anchorOrigin={{\n                  vertical: 'bottom',\n                  horizontal: 'left'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'left'\n                }}\n                open={Boolean(anchorElNav)}\n                onClose={handleCloseNavMenu}\n              >\n                {navLinks.map(link => (\n                  <MenuItem key={link.text} onClick={link.onClick}>\n                    <Typography>{link.text}</Typography>\n                  </MenuItem>\n                ))}\n              </Menu>\n            </Box>\n\n            {position === 'inline' && <>{navLinksContent}</>}\n\n            <Box sx={{ flexGrow: 0 }}>\n              <IconButton onClick={handleOpenUserMenu} size='large'>\n                <Avatar>{operator.currentUserInitials}</Avatar>\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElUser}\n                anchorOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                open={Boolean(anchorElUser)}\n                onClose={handleCloseUserMenu}\n              >\n                <MenuItem onClick={logout}>\n                  <Typography>{localizedVal('Log off', localeCategory)}</Typography>\n                </MenuItem>\n              </Menu>\n            </Box>\n          </Toolbar>\n          {position === 'below' && <>{navLinksContent}</>}\n        </Container>\n      </AppBar>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"WssNavBar.js","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolbar';\nimport Container from '@mui/material/Container';\nimport { IconButton, Menu, MenuItem, Typography, Button } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport { logout } from '@pega/auth/lib/sdk-auth-manager';\nimport type { PConnProps } from '../../../types/PConnProps';\nimport './WssNavBar.css';\n\ninterface WssNavBarProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  appInfo: any;\n  navLinks: any[];\n  operator: { currentUserInitials: string };\n  navDisplayOptions: { alignment: string; position: string };\n\n  portalName: string;\n  imageSrc: string;\n\n  fullImageSrc: string;\n  appName: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  appListLogo: {\n    maxWidth: '100%',\n    height: '3rem'\n  },\n  appName: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(4),\n    fontSize: '1.5rem'\n  }\n}));\n\nexport default function WssNavBar(props: WssNavBarProps) {\n  const { appInfo, navLinks, operator, navDisplayOptions } = props;\n  const { alignment, position } = navDisplayOptions;\n  const classes = useStyles();\n\n  const [anchorElNav, setAnchorElNav] = useState<null | HTMLElement>(null);\n  const [anchorElUser, setAnchorElUser] = useState<null | HTMLElement>(null);\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'AppShell';\n\n  const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElNav(event.currentTarget);\n  };\n  const handleOpenUserMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElUser(event.currentTarget);\n  };\n\n  const handleCloseNavMenu = () => {\n    setAnchorElNav(null);\n  };\n\n  const handleCloseUserMenu = () => {\n    setAnchorElUser(null);\n  };\n\n  const navLinksContent = (\n    <Box id='nav-links' sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }} style={{ justifyContent: alignment }}>\n      {navLinks.map(link => (\n        <Button className='link-style' key={link.text} onClick={link.onClick}>\n          {link.text}\n        </Button>\n      ))}\n    </Box>\n  );\n\n  return (\n    <div id='NavBar' className='nav-bar'>\n      <AppBar position='static' color='primary'>\n        <Container maxWidth={false}>\n          <Toolbar disableGutters style={{ justifyContent: 'space-between' }}>\n            <Button id='appName' style={{ textTransform: 'capitalize' }} onClick={appInfo.onClick}>\n              <img src={appInfo.imageSrc} className={classes.appListLogo} />\n              <span className={classes.appName}>{appInfo.appName}</span>\n            </Button>\n            <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>\n              <IconButton\n                size='small'\n                aria-label='account of current user'\n                aria-controls='menu-appbar'\n                aria-haspopup='true'\n                onClick={handleOpenNavMenu}\n                color='inherit'\n              >\n                <MenuIcon />\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElNav}\n                anchorOrigin={{\n                  vertical: 'bottom',\n                  horizontal: 'left'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'left'\n                }}\n                open={Boolean(anchorElNav)}\n                onClose={handleCloseNavMenu}\n              >\n                {navLinks.map(link => (\n                  <MenuItem key={link.text} onClick={link.onClick}>\n                    <Typography>{link.text}</Typography>\n                  </MenuItem>\n                ))}\n              </Menu>\n            </Box>\n\n            {position === 'inline' && <>{navLinksContent}</>}\n\n            <Box sx={{ flexGrow: 0 }}>\n              <IconButton onClick={handleOpenUserMenu} size='large'>\n                <Avatar>{operator.currentUserInitials}</Avatar>\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElUser}\n                anchorOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                open={Boolean(anchorElUser)}\n                onClose={handleCloseUserMenu}\n              >\n                <MenuItem onClick={logout}>\n                  <Typography>{localizedVal('Log off', localeCategory)}</Typography>\n                </MenuItem>\n              </Menu>\n            </Box>\n          </Toolbar>\n          {position === 'below' && <>{navLinksContent}</>}\n        </Container>\n      </AppBar>\n    </div>\n  );\n}\n"]}

package/lib/components/template/utils.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare function prepareCaseSummaryData(caseSummaryRegion: any, portalSpecificVisibilityChecker?: any): {
+    primarySummaryFields: any;
+    secondarySummaryFields: any;
+};
+export declare const filterUtilities: (utils: ReactNode) => any;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/template/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/template/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,sBAAsB,CAAC,iBAAiB,KAAA,EAAE,+BAA+B,CAAC,KAAA;;;EAuCzF;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,QAa/C,CAAC"}