npm - @pega/react-sdk-components - Versions diffs - 0.24.4 → 0.25.1 - Mend

@pega/react-sdk-components 0.24.4 → 0.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (347) hide show

package/lib/components/template/SubTabs/tabUtils.d.ts CHANGED Viewed

@@ -2,4 +2,14 @@ export declare const getDeferFriendlyTabs: (allTabs: any) => any;
 export declare const getVisibleTabs: (allTabs: any, uuid: any) => any;
 export declare const getTransientTabs: (availableTabs: any, currentTabId: any, tabItems: any) => any;
 export declare const tabClick: (id: any, availableTabs: any, currentTabId: any, setCurrentTabId: any, tabItems: any) => void;
+export declare const searchtabsClick: (id: any, mainTabs: any, currentTabId: any, setCurrentTabId: any) => void;
+export declare const getTabLabel: (tabPConnect: any) => any;
+export declare const getActiveTabId: (mainTabs: any, currentTabId: any) => any;
+/**
+ *
+ * @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 declare const getFirstVisibleTabId: (deferLoadedTabs: any, tabViewName: any) => string | null;
 //# sourceMappingURL=tabUtils.d.ts.map

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

	@@ -1 +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"}
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,kCAqB1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+DAqB5B,CAAC;AAEF,eAAO,MAAM,QAAQ,+FAepB,CAAC;AAEF,eAAO,MAAM,eAAe,2EAgB3B,CAAC;AAEF,eAAO,MAAM,WAAW,2BAiBvB,CAAC;AAEF,eAAO,MAAM,cAAc,2CAgC1B,CAAC;AACF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,2DAsChC,CAAC"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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 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.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Grid } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(() => ({
     colStyles: {
         display: 'grid',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAY,MAAM,~~mBAAmB~~,CAAC;~~AACnD~~,OAAO,~~EAAE,~~UAAU,~~EAAE,~~MAAM,~~0BAA0B~~,CAAC;~~AAQtD~~,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 '@material~~-ui/core~~';\nimport { makeStyles } from '@~~material-ui~~/~~core~~/~~styles~~';\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"]}
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"]}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Grid } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(() => ({
     colStyles: {
         display: 'grid',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TwoColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAY,MAAM,~~mBAAmB~~,CAAC;~~AACnD~~,OAAO,~~EAAE,~~UAAU,~~EAAE,~~MAAM,~~0BAA0B~~,CAAC;~~AAQtD~~,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 '@material~~-ui/core~~';\nimport { makeStyles } from '@~~material-ui~~/~~core~~/~~styles~~';\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"]}
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"]}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement } from 'react';
-import Grid from '@material-ui/core/Grid';
+import Grid from '@mui/material/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 const COLUMN_WIDTHS = [8, 4];
@@ -12,7 +12,7 @@ export default function WideNarrowDetails(props) {
     const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
     // Set display mode prop and re-create the children so this part of the dom tree renders
     // in a readonly (display) mode instead of a editable
-    getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
+    getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');
     getPConnect().setInheritedProp('readOnly', true);
     const children = getPConnect().getChildren()?.map((configObject, index) => {
         let theConfigObject = configObject;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WideNarrowDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAkB,MAAM,~~wBAAwB~~,CAAC;~~AAExD~~,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAWnF,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA6B;IACrE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,~~aAAa~~,CAAC,CAAC;~~IAC7D~~,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE;QACnF,IAAI,eAAe,GAAW,YAAY,CAAC;QAC3C,IAAI,CAAC,eAAe,EAAE;YACpB,eAAe,GAAG,EAAE,CAAC;SACtB;QAED,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE;YAC9C,GAAG,eAAe;YAClB,oDAAoD;YACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;SACtB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACvJ,CAAC,CAAC,CAAC;KACJ;IAED,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,UAAU,EAAE,SAAS,IAAI,UAAU,CAAC,KAAK,EAAE;QAC7C,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC;KAC5B;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,OAAO,aACtB,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAa,YACxC,KAAK,IAD0C,MAAM,CAAC,GAAG,CAAC,EAAE,CAExD,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAa,YACxC,KAAK,IAD0C,KAAK,CAAC,GAAG,CAAC,EAAE,CAEvD,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid, { GridSize } from '@material~~-ui~~/~~core/~~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', '~~LABELS_LEFT~~');\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"]}
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"]}

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import AppBar from '@material-ui/core/AppBar';
-import Box from '@material-ui/core/Box';
-import Toolbar from '@material-ui/core/Toolbar';
-import Container from '@material-ui/core/Container';
-import { IconButton, Menu, MenuItem, Typography, Button } from '@material-ui/core';
-import Avatar from '@material-ui/core/Avatar';
-import MenuIcon from '@material-ui/icons/Menu';
+import makeStyles from '@mui/styles/makeStyles';
+import AppBar from '@mui/material/AppBar';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
+import Container from '@mui/material/Container';
+import { IconButton, Menu, MenuItem, Typography, Button } from '@mui/material';
+import Avatar from '@mui/material/Avatar';
+import MenuIcon from '@mui/icons-material/Menu';
 import { logout } from '@pega/auth/lib/sdk-auth-manager';
 import './WssNavBar.css';
 const useStyles = makeStyles(theme => ({
@@ -57,7 +57,7 @@ export default function WssNavBar(props) {
                                         }, keepMounted: true, transformOrigin: {
                                             vertical: 'top',
                                             horizontal: 'left'
-                                        }, open: Boolean(anchorElNav), onClose: handleCloseNavMenu, children: navLinks.map(link => (_jsx(MenuItem, { onClick: link.onClick, children: _jsx(Typography, { children: link.text }) }, link.text))) })] }), position === 'inline' && _jsx(_Fragment, { children: navLinksContent }), _jsxs(Box, { sx: { flexGrow: 0 }, children: [_jsx(IconButton, { onClick: handleOpenUserMenu, children: _jsx(Avatar, { children: operator.currentUserInitials }) }), _jsx(Menu, { id: 'menu-appbar', anchorEl: anchorElUser, anchorOrigin: {
+                                        }, open: Boolean(anchorElNav), onClose: handleCloseNavMenu, children: navLinks.map(link => (_jsx(MenuItem, { onClick: link.onClick, children: _jsx(Typography, { children: link.text }) }, link.text))) })] }), position === 'inline' && _jsx(_Fragment, { children: navLinksContent }), _jsxs(Box, { sx: { flexGrow: 0 }, children: [_jsx(IconButton, { onClick: handleOpenUserMenu, size: 'large', children: _jsx(Avatar, { children: operator.currentUserInitials }) }), _jsx(Menu, { id: 'menu-appbar', anchorEl: anchorElUser, anchorOrigin: {
                                             vertical: 'top',
                                             horizontal: 'right'
                                         }, keepMounted: true, transformOrigin: {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WssNavBar.js","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,~~EAAE,~~UAAU,~~EAAE,~~MAAM,~~0BAA0B~~,CAAC;~~AACtD~~,OAAO,MAAM,MAAM,~~0BAA0B~~,CAAC;~~AAC9C~~,OAAO,GAAG,MAAM,~~uBAAuB~~,CAAC;~~AACxC~~,OAAO,OAAO,MAAM,~~2BAA2B~~,CAAC;~~AAChD~~,OAAO,SAAS,MAAM,~~6BAA6B~~,CAAC;~~AACpD~~,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,~~mBAAmB~~,CAAC;~~AACnF~~,OAAO,MAAM,MAAM,~~0BAA0B~~,CAAC;~~AAC9C~~,OAAO,QAAQ,MAAM,~~yBAAyB~~,CAAC;~~AAC/C~~,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD,OAAO,iBAAiB,CAAC;AAgBzB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,WAAW,EAAE;QACX,KAAK,EAAE,QAAQ;KAChB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACjE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC;IAClD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE3E,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAElC,MAAM,iBAAiB,GAAG,CAAC,KAAoC,EAAE,EAAE;QACjE,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,KAAoC,EAAE,EAAE;QAClE,eAAe,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,KAAC,GAAG,IAAC,EAAE,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,YAC/G,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACpB,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,EAAiB,OAAO,EAAE,IAAI,CAAC,OAAO,YACjE,IAAI,CAAC,IAAI,IADwB,IAAI,CAAC,IAAI,CAEpC,CACV,CAAC,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,YAClC,KAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACvC,MAAC,SAAS,IAAC,QAAQ,EAAC,IAAI,aACtB,MAAC,OAAO,IAAC,cAAc,QAAC,KAAK,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE,aAChE,MAAC,MAAM,IAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,aACnF,cAAK,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,GAAI,EAC9D,eAAM,SAAS,EAAE,OAAO,CAAC,OAAO,YAAG,OAAO,CAAC,OAAO,GAAQ,IACnD,EACT,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,aAC3D,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,gBACD,yBAAyB,mBACtB,aAAa,mBACb,MAAM,EACpB,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAC,SAAS,YAEf,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,IAAI,IACH,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE;4CACZ,QAAQ,EAAE,QAAQ;4CAClB,UAAU,EAAE,MAAM;yCACnB,EACD,WAAW,QACX,eAAe,EAAE;4CACf,QAAQ,EAAE,KAAK;4CACf,UAAU,EAAE,MAAM;yCACnB,EACD,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,EAC1B,OAAO,EAAE,kBAAkB,YAE1B,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACpB,KAAC,QAAQ,IAAiB,OAAO,EAAE,IAAI,CAAC,OAAO,YAC7C,KAAC,UAAU,cAAE,IAAI,CAAC,IAAI,GAAc,IADvB,IAAI,CAAC,IAAI,CAEb,CACZ,CAAC,GACG,IACH,EAEL,QAAQ,KAAK,QAAQ,IAAI,4BAAG,eAAe,GAAI,EAEhD,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,aACtB,KAAC,UAAU,IAAC,OAAO,EAAE,kBAAkB,~~YACrC~~,KAAC,MAAM,cAAE,QAAQ,CAAC,mBAAmB,GAAU,GACpC,EACb,KAAC,IAAI,IACH,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE;4CACZ,QAAQ,EAAE,KAAK;4CACf,UAAU,EAAE,OAAO;yCACpB,EACD,WAAW,QACX,eAAe,EAAE;4CACf,QAAQ,EAAE,KAAK;4CACf,UAAU,EAAE,OAAO;yCACpB,EACD,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,EAC3B,OAAO,EAAE,mBAAmB,YAE5B,KAAC,QAAQ,IAAC,OAAO,EAAE,MAAM,YACvB,KAAC,UAAU,cAAE,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,GAAc,GACzD,GACN,IACH,IACE,EACT,QAAQ,KAAK,OAAO,IAAI,4BAAG,eAAe,GAAI,IACrC,GACL,GACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@~~material-ui~~/~~core~~/~~styles~~';\nimport AppBar from '@material~~-ui~~/~~core/~~AppBar';\nimport Box from '@material~~-ui~~/~~core/~~Box';\nimport Toolbar from '@material~~-ui~~/~~core/~~Toolbar';\nimport Container from '@material~~-ui~~/~~core/~~Container';\nimport { IconButton, Menu, MenuItem, Typography, Button } from '@material~~-ui/core~~';\nimport Avatar from '@material~~-ui~~/~~core/~~Avatar';\nimport MenuIcon from '@~~material-ui~~/icons/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}>\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"]}
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"]}

package/lib/components/widget/AppAnnouncement/AppAnnouncement.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, Typography, CardActions, Button } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Card, CardContent, CardHeader, Typography, CardActions, Button } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(theme => ({
     root: {
         marginTop: theme.spacing(1),

package/lib/components/widget/AppAnnouncement/AppAnnouncement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppAnnouncement.js","sourceRoot":"","sources":["../../../../src/components/widget/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,~~mBAAmB~~,CAAC;~~AACnG~~,OAAO,~~EAAE,~~UAAU,~~EAAE,~~MAAM,~~0BAA0B~~,CAAC;~~AAWtD~~,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA2B;IACjE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACpF,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,EAAE;QACnC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACrC,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC,CAAC,CAAC;KACJ;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aACnD,KAAC,UAAU,IAAC,KAAK,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,MAAM,GAAc,GAAI,EACrE,MAAC,WAAW,eACV,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,kBACrC,WAAW,GACD,EACZ,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;wBACxB,MAAM,MAAM,GAAG,eAAe,GAAG,EAAE,CAAC;wBACpC,OAAO,CACL,MAAC,UAAU,IAAc,OAAO,EAAC,OAAO,mBACnC,GAAG,KADS,MAAM,CAEV,CACd,CAAC;oBACJ,CAAC,CAAC,IACU,EACd,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,+BAEjD,GACG,IACT,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { Card, CardContent, CardHeader, Typography, CardActions, Button } from '@material~~-ui/core~~';\nimport { makeStyles } from '@~~material-ui~~/~~core~~/~~styles~~';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface AppAnnouncementProps extends PConnProps {\n // If any, enter additional props that only exist on this component\n header?: string;\n description?: string;\n datasource?: any;\n whatsnewlink?: string;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n borderLeft: '6px solid',\n borderLeftColor: theme.palette.primary.light\n }\n}));\n\nexport default function AppAnnouncement(props: AppAnnouncementProps) {\n const { header = '', description = '', datasource = [], whatsnewlink = '' } = props;\n let details = [];\n if (datasource && datasource.source) {\n details = datasource.source.map(item => {\n return item.name;\n });\n }\n\n const classes = useStyles();\n\n const handleClick = () => {\n window.open(whatsnewlink);\n };\n\n return (\n <Card title='AppAnnouncement' className={classes.root}>\n <CardHeader title={<Typography variant='h6'>{header}</Typography>} />\n <CardContent>\n <Typography variant='body1' gutterBottom>\n {description}\n </Typography>\n {details.map((itm, idx) => {\n const theKey = `AppAnn-item-${idx}`;\n return (\n <Typography key={theKey} variant='body2'>\n - {itm}\n </Typography>\n );\n })}\n </CardContent>\n <CardActions>\n <Button color='primary' onClick={handleClick} size='small'>\n See what's new\n </Button>\n </CardActions>\n </Card>\n );\n}\n"]}
1	+ {"version":3,"file":"AppAnnouncement.js","sourceRoot":"","sources":["../../../../src/components/widget/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAWhD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA2B;IACjE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACpF,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,EAAE;QACnC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACrC,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC,CAAC,CAAC;KACJ;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aACnD,KAAC,UAAU,IAAC,KAAK,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,MAAM,GAAc,GAAI,EACrE,MAAC,WAAW,eACV,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,kBACrC,WAAW,GACD,EACZ,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;wBACxB,MAAM,MAAM,GAAG,eAAe,GAAG,EAAE,CAAC;wBACpC,OAAO,CACL,MAAC,UAAU,IAAc,OAAO,EAAC,OAAO,mBACnC,GAAG,KADS,MAAM,CAEV,CACd,CAAC;oBACJ,CAAC,CAAC,IACU,EACd,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,+BAEjD,GACG,IACT,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { Card, CardContent, CardHeader, Typography, CardActions, Button } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface AppAnnouncementProps extends PConnProps {\n // If any, enter additional props that only exist on this component\n header?: string;\n description?: string;\n datasource?: any;\n whatsnewlink?: string;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n borderLeft: '6px solid',\n borderLeftColor: theme.palette.primary.light\n }\n}));\n\nexport default function AppAnnouncement(props: AppAnnouncementProps) {\n const { header = '', description = '', datasource = [], whatsnewlink = '' } = props;\n let details = [];\n if (datasource && datasource.source) {\n details = datasource.source.map(item => {\n return item.name;\n });\n }\n\n const classes = useStyles();\n\n const handleClick = () => {\n window.open(whatsnewlink);\n };\n\n return (\n <Card title='AppAnnouncement' className={classes.root}>\n <CardHeader title={<Typography variant='h6'>{header}</Typography>} />\n <CardContent>\n <Typography variant='body1' gutterBottom>\n {description}\n </Typography>\n {details.map((itm, idx) => {\n const theKey = `AppAnn-item-${idx}`;\n return (\n <Typography key={theKey} variant='body2'>\n - {itm}\n </Typography>\n );\n })}\n </CardContent>\n <CardActions>\n <Button color='primary' onClick={handleClick} size='small'>\n See what's new\n </Button>\n </CardActions>\n </Card>\n );\n}\n"]}

package/lib/components/widget/Attachment/Attachment.css CHANGED Viewed

@@ -34,6 +34,7 @@
 .file-error {
   color: var(--app-error-color);
+  font-size: 14px;
 }
 .psdk-utility-card {

package/lib/components/widget/Attachment/Attachment.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Attachment/Attachment.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IAE9D,KAAK,EAAE,GAAG,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAeD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,~~2CA8axD~~"}
1	+ {"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Attachment/Attachment.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IAE9D,KAAK,EAAE,GAAG,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAeD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CA4axD"}

package/lib/components/widget/Attachment/Attachment.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
 /* eslint-disable no-nested-ternary */
 import { useState, useEffect, useCallback } from 'react';
-import { CircularProgress, IconButton, Menu, MenuItem, Button } from '@material-ui/core';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
+import { CircularProgress, IconButton, Menu, MenuItem, Button } from '@mui/material';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
 import download from 'downloadjs';
 import { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize } from '../../helpers/attachmentHelpers';
 import { Utils } from '../../helpers/utils';
@@ -20,7 +20,7 @@ const updateAttachmentState = (pConn, key, attachments) => {
     });
 };
 export default function Attachment(props) {
-    const { value, getPConnect, label, validatemessage, allowMultiple, extensions, displayMode } = props;
+    const { value, getPConnect, label, validatemessage, allowMultiple, extensions, displayMode, helperText } = props;
     /* this is a temporary fix because required is supposed to be passed as a boolean and NOT as a string */
     let { required, disabled } = props;
     [required, disabled] = [required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));
@@ -126,11 +126,9 @@ export default function Attachment(props) {
                             const context = pConn.getContextName();
                             // set errors to property to block submit even on errors in file upload
                             PCore.getMessageManager().addMessages({
-                                // @ts-ignore
                                 messages: [
                                     {
                                         type: 'error',
-                                        // @ts-ignore - Type '{ type: string; message: string; }' is not assignable to type 'MessagesConfigObject'.
                                         message: pConn.getLocalizedValue('Error with one or more files', '', '')
                                     }
                                 ],
@@ -161,7 +159,6 @@ export default function Attachment(props) {
     const clearFieldErrorMessages = () => {
         const fieldName = pConn.getStateProps().value;
         const context = pConn.getContextName();
-        // @ts-ignore
         PCore.getMessageManager().clearMessages({
             type: PCore.getConstants().MESSAGES.MESSAGES_TYPE_ERROR,
             property: fieldName,
@@ -185,21 +182,21 @@ export default function Attachment(props) {
                 };
                 if (!validateMaxSize(f, maxAttachmentSize)) {
                     f.props.error = true;
+                    f.inProgress = false;
                     f.props.meta = pConn.getLocalizedValue(`File is too big. Max allowed size is ${maxAttachmentSize}MB.`, '', '');
                 }
                 else if (!validateFileExtension(f, extensions)) {
                     f.props.error = true;
+                    f.inProgress = false;
                     f.props.meta = `${pConn.getLocalizedValue('File has invalid extension. Allowed extensions are:', '', '')} ${extensions.replaceAll('.', '')}`;
                 }
                 if (f.props.error) {
                     const fieldName = pConn.getStateProps().value;
                     const context = pConn.getContextName();
                     PCore.getMessageManager().addMessages({
-                        // @ts-ignore
                         messages: [
                             {
                                 type: 'error',
-                                // @ts-ignore - Type '{ type: string; message: string; }' is not assignable to type 'MessagesConfigObject'.
                                 message: pConn.getLocalizedValue('Error with one or more files', '', '')
                             }
                         ],
@@ -325,8 +322,8 @@ export default function Attachment(props) {
     const fileDisplay = (_jsx("div", { children: files &&
             files.length > 0 &&
             files.map((item, index) => {
-                return (_jsxs("div", { className: 'psdk-utility-card', children: [_jsxs("div", { className: 'psdk-utility-card-icon', children: [!item.inProgress && _jsx("img", { className: 'psdk-utility-card-svg-icon', src: srcImg }), item.inProgress && (_jsx("div", { children: _jsx(CircularProgress, {}) }))] }), _jsxs("div", { className: 'psdk-utility-card-main', children: [_jsx("div", { className: 'psdk-utility-card-main-primary-label', children: item.props.name }), item.props.meta && _jsx("div", { style: { color: item.props.error ? 'red' : undefined }, children: item.props.meta })] }), _jsxs("div", { className: 'psdk-utility-action', children: [item.ID && (_jsx("button", { type: 'button', className: 'psdk-utility-button', "aria-label": 'Delete Attachment', onClick: () => deleteFile(item), children: _jsx("img", { className: 'psdk-utility-card-action-svg-icon', src: deleteIcon }) })), !item.ID && (_jsxs("div", { children: [_jsx(IconButton, { id: 'setting-button', "aria-controls": open ? 'file-menu' : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": 'true', onClick: handleClick, children: _jsx(MoreVertIcon, {}) }), _jsxs(Menu, { style: { marginTop: '3rem' }, id: 'file-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: [_jsx(MenuItem, { style: { fontSize: '14px' }, onClick: () => downloadFile(item.responseProps ? item.responseProps : {}), children: "Download" }, 'download'), _jsx(MenuItem, { style: { fontSize: '14px' }, onClick: () => deleteFile(item), children: "Delete" }, 'delete')] })] }))] })] }, index));
+                return (_jsxs("div", { className: 'psdk-utility-card', children: [_jsxs("div", { className: 'psdk-utility-card-icon', children: [!item.inProgress && _jsx("img", { className: 'psdk-utility-card-svg-icon', src: srcImg }), item.inProgress && (_jsx("div", { children: _jsx(CircularProgress, {}) }))] }), _jsxs("div", { className: 'psdk-utility-card-main', children: [_jsx("div", { className: 'psdk-utility-card-main-primary-label', children: item.props.name }), item.props.meta && _jsx("div", { style: { color: item.props.error ? 'red' : undefined }, children: item.props.meta })] }), _jsxs("div", { className: 'psdk-utility-action', children: [item.ID && (_jsx("button", { type: 'button', className: 'psdk-utility-button', "aria-label": 'Delete Attachment', onClick: () => deleteFile(item), children: _jsx("img", { className: 'psdk-utility-card-action-svg-icon', src: deleteIcon }) })), !item.ID && (_jsxs("div", { children: [_jsx(IconButton, { id: 'setting-button', "aria-controls": open ? 'file-menu' : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": 'true', onClick: handleClick, size: 'large', children: _jsx(MoreVertIcon, {}) }), _jsxs(Menu, { style: { marginTop: '3rem' }, id: 'file-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: [_jsx(MenuItem, { style: { fontSize: '14px' }, onClick: () => downloadFile(item.responseProps ? item.responseProps : {}), children: "Download" }, 'download'), _jsx(MenuItem, { style: { fontSize: '14px' }, onClick: () => deleteFile(item), children: "Delete" }, 'delete')] })] }))] })] }, index));
             }) }));
-    return (_jsxs("div", { className: 'file-upload-container', children: [_jsx("span", { className: `label ${required ? 'file-label' : ''}`, children: label }), ((files.length === 0 && allowMultiple !== 'true') || allowMultiple === 'true') && _jsx("section", { children: content }), validatemessage !== '' ? _jsx("span", { className: 'file-error', children: validatemessage }) : '', files && files.length > 0 && _jsx("section", { children: fileDisplay })] }));
+    return (_jsxs("div", { className: 'file-upload-container', children: [_jsx("span", { className: `label ${required ? 'file-label' : ''}`, children: label }), ((files.length === 0 && allowMultiple !== 'true') || allowMultiple === 'true') && _jsx("section", { children: content }), validatemessage !== '' ? _jsx("span", { className: 'file-error', children: validatemessage }) : _jsx("span", { style: { fontSize: '14px' }, children: helperText }), files && files.length > 0 && _jsx("section", { children: fileDisplay })] }));
 }
 //# sourceMappingURL=Attachment.js.map