udp-react-enterprise-component-library 25.18.1-beta.2 → 25.18.1-beta.20

package/dist/PDFViewer-DSCCSPA6.js

@@ -0,0 +1,169 @@
+import { t as Typography$1 } from "./Typography-BMsa1JYd.js";
+import { t as LinearProgress$1 } from "./LinearProgress-DM2DNWCe.js";
+import React, { useEffect, useState } from "react";
+import { IconButton, makeStyles } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+import { Document, Page, pdfjs } from "react-pdf";
+import FirstPageIcon from "@material-ui/icons/esm/FirstPage";
+import NavigateBeforeIcon from "@material-ui/icons/esm/NavigateBefore";
+import NavigateNextIcon from "@material-ui/icons/esm/NavigateNext";
+import LastPageIcon from "@material-ui/icons/esm/LastPage";
+import ZoomInIcon from "@material-ui/icons/esm/ZoomIn";
+import ZoomOutIcon from "@material-ui/icons/esm/ZoomOut";
+import CloudDownloadOutlinedIcon from "@material-ui/icons/esm/CloudDownloadOutlined";
+import HighlightOffOutlinedIcon from "@material-ui/icons/esm/HighlightOffOutlined";
+
+//#region src/UI/fileViewer/pdfViewer/ControlPanel.tsx
+const useStyles$1 = makeStyles((theme) => ({
+	controlPanel: {
+		fontSize: "16px",
+		backgroundColor: theme.palette.background.paper,
+		borderRadius: "5px",
+		width: "fit-content",
+		padding: theme.spacing(1),
+		margin: "8px auto",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: "10px"
+	},
+	pageActions: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: "10px"
+	},
+	pageNumber: {
+		display: "flex",
+		gap: 5,
+		minWidth: "125px"
+	}
+}));
+const ControlPanel = (props) => {
+	const { pageNumber, numPages, setPageNumber, scale, setScale, file, closePDF, onClickDownload } = props;
+	const isFirstPage = pageNumber === 1;
+	const isLastPage = pageNumber === numPages;
+	const { t } = useTranslation();
+	const classes = useStyles$1();
+	const goToFirstPage = () => {
+		if (!isFirstPage) setPageNumber(1);
+	};
+	const goToPreviousPage = () => {
+		if (!isFirstPage) setPageNumber(pageNumber - 1);
+	};
+	const goToNextPage = () => {
+		if (!isLastPage) setPageNumber(pageNumber + 1);
+	};
+	const goToLastPage = () => {
+		if (!isLastPage) setPageNumber(numPages);
+	};
+	const onPageChange = (e) => {
+		const { value } = e.target;
+		setPageNumber(Number(value));
+	};
+	const isMinZoom = scale < .6;
+	const isMaxZoom = scale >= 2;
+	const zoomOut = () => {
+		if (!isMinZoom) setScale(scale - .1);
+	};
+	const zoomIn = () => {
+		if (!isMaxZoom) setScale(scale + .1);
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.controlPanel }, /* @__PURE__ */ React.createElement("div", { className: classes.pageActions }, /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToFirstPage,
+		disabled: isFirstPage
+	}, /* @__PURE__ */ React.createElement(FirstPageIcon, null)), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToPreviousPage,
+		disabled: isFirstPage
+	}, /* @__PURE__ */ React.createElement(NavigateBeforeIcon, null)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.pageNumber }, /* @__PURE__ */ React.createElement(Typography$1, null, t("Page"), " "), /* @__PURE__ */ React.createElement("input", {
+		name: "pageNumber",
+		type: "number",
+		min: 1,
+		max: numPages || 1,
+		style: {
+			padding: 0,
+			paddingLeft: 1,
+			margin: 0,
+			textAlign: "end"
+		},
+		value: pageNumber,
+		onChange: onPageChange
+	}), " ", /* @__PURE__ */ React.createElement(Typography$1, null, "of ", numPages))), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToNextPage,
+		disabled: isLastPage
+	}, /* @__PURE__ */ React.createElement(NavigateNextIcon, null)), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToLastPage,
+		disabled: isLastPage
+	}, /* @__PURE__ */ React.createElement(LastPageIcon, null))), /* @__PURE__ */ React.createElement("div", { className: classes.pageActions }, /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: zoomOut,
+		disabled: isMinZoom
+	}, /* @__PURE__ */ React.createElement(ZoomOutIcon, null)), /* @__PURE__ */ React.createElement(Typography$1, null, (scale * 100).toFixed(), "%"), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: zoomIn,
+		disabled: isMaxZoom
+	}, /* @__PURE__ */ React.createElement(ZoomInIcon, null))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButton, {
+		href: file,
+		size: "small",
+		onClick: onClickDownload
+	}, /* @__PURE__ */ React.createElement(CloudDownloadOutlinedIcon, null))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: closePDF
+	}, /* @__PURE__ */ React.createElement(HighlightOffOutlinedIcon, null))));
+};
+var ControlPanel_default = ControlPanel;
+
+//#endregion
+//#region src/UI/fileViewer/pdfViewer/PDFViewer.tsx
+const useStyles = makeStyles((theme) => ({
+	pdfSection: (props) => ({ minWidth: props?.minWidth }),
+	documentContainer: {
+		display: "flex",
+		justifyContent: "center",
+		width: "100%",
+		height: "100%",
+		overflowX: "auto",
+		overflowY: "hidden"
+	},
+	loadingBox: { width: "100%" }
+}));
+const PDFViewer = ({ isPDFOpen = true, fileUrl, blobPDF, closePDF, onClickDownload, minWidth }) => {
+	const [scale, setScale] = useState(1);
+	const [numPages, setNumPages] = useState(null);
+	const [pageNumber, setPageNumber] = useState(1);
+	const classes = useStyles({ minWidth });
+	useEffect(() => {
+		pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+	});
+	function onDocumentLoadSuccess({ numPages: numPages$1 }) {
+		setNumPages(numPages$1);
+	}
+	return /* @__PURE__ */ React.createElement("div", null, isPDFOpen && /* @__PURE__ */ React.createElement("div", {
+		id: "pdf-section",
+		className: classes.pdfSection
+	}, /* @__PURE__ */ React.createElement(ControlPanel_default, {
+		scale,
+		setScale,
+		numPages,
+		pageNumber,
+		setPageNumber,
+		file: fileUrl ?? `data:application/pdf;base64,${blobPDF}`,
+		closePDF,
+		onClickDownload
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.documentContainer }, /* @__PURE__ */ React.createElement(Document, {
+		file: fileUrl ?? `data:application/pdf;base64,${blobPDF}`,
+		onLoadSuccess: onDocumentLoadSuccess
+	}, /* @__PURE__ */ React.createElement(Page, {
+		pageNumber,
+		scale,
+		loading: /* @__PURE__ */ React.createElement("div", { className: classes.loadingBox }, /* @__PURE__ */ React.createElement(LinearProgress$1, null))
+	})))));
+};
+
+//#endregion
+export { PDFViewer as t };
+//# sourceMappingURL=PDFViewer-DSCCSPA6.js.map

package/dist/PDFViewer-DSCCSPA6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFViewer-DSCCSPA6.js","names":["useStyles","Typography","PDFViewer: FC<PDFContainerProps>","numPages","ControlPanel","LinearProgress"],"sources":["../src/UI/fileViewer/pdfViewer/ControlPanel.tsx","../src/UI/fileViewer/pdfViewer/PDFViewer.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, makeStyles } from '@material-ui/core';\nimport FirstPageIcon from '@material-ui/icons/esm/FirstPage';\nimport NavigateBeforeIcon from '@material-ui/icons/esm/NavigateBefore';\nimport NavigateNextIcon from '@material-ui/icons/esm/NavigateNext';\nimport LastPageIcon from '@material-ui/icons/esm/LastPage';\nimport ZoomInIcon from '@material-ui/icons/esm/ZoomIn';\nimport ZoomOutIcon from '@material-ui/icons/esm/ZoomOut';\nimport CloudDownloadOutlinedIcon from '@material-ui/icons/esm/CloudDownloadOutlined';\nimport HighlightOffOutlinedIcon from '@material-ui/icons/esm/HighlightOffOutlined';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  controlPanel: {\n    fontSize: '16px',\n    backgroundColor: theme.palette.background.paper,\n    borderRadius: '5px',\n    width: 'fit-content',\n    padding: theme.spacing(1),\n    margin: '8px auto',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '10px'\n  },\n  pageActions: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '10px'\n  },\n  pageNumber: {\n    display: 'flex',\n    gap: 5,\n    minWidth: '125px'\n  }\n}));\n\nconst ControlPanel = (props: any) => {\n  const {\n    pageNumber,\n    numPages,\n    setPageNumber,\n    scale,\n    setScale,\n    file,\n    closePDF,\n    onClickDownload\n  } = props;\n\n  const isFirstPage = pageNumber === 1;\n  const isLastPage = pageNumber === numPages;\n  const { t } = useTranslation();\n  const classes = useStyles();\n\n  const goToFirstPage = () => {\n    if (!isFirstPage) setPageNumber(1);\n  };\n  const goToPreviousPage = () => {\n    if (!isFirstPage) setPageNumber(pageNumber - 1);\n  };\n  const goToNextPage = () => {\n    if (!isLastPage) setPageNumber(pageNumber + 1);\n  };\n  const goToLastPage = () => {\n    if (!isLastPage) setPageNumber(numPages);\n  };\n\n  const onPageChange = (e: any) => {\n    const { value } = e.target;\n    setPageNumber(Number(value));\n  };\n\n  const isMinZoom = scale < 0.6;\n  const isMaxZoom = scale >= 2.0;\n\n  const zoomOut = () => {\n    if (!isMinZoom) setScale(scale - 0.1);\n  };\n\n  const zoomIn = () => {\n    if (!isMaxZoom) setScale(scale + 0.1);\n  };\n\n  return (\n    <div className={classes.controlPanel}>\n      <div className={classes.pageActions}>\n        <IconButton size='small' onClick={goToFirstPage} disabled={isFirstPage}>\n          <FirstPageIcon />\n        </IconButton>\n\n        <IconButton\n          size='small'\n          onClick={goToPreviousPage}\n          disabled={isFirstPage}\n        >\n          <NavigateBeforeIcon />\n        </IconButton>\n\n        <div>\n          <div className={classes.pageNumber}>\n            <Typography>{t('Page')} </Typography>\n            <input\n              name='pageNumber'\n              type='number'\n              min={1}\n              max={numPages || 1}\n              style={{\n                padding: 0,\n                paddingLeft: 1,\n                margin: 0,\n                textAlign: 'end'\n              }}\n              value={pageNumber}\n              onChange={onPageChange}\n            />{' '}\n            <Typography>of {numPages}</Typography>\n          </div>\n        </div>\n\n        <IconButton size='small' onClick={goToNextPage} disabled={isLastPage}>\n          <NavigateNextIcon />\n        </IconButton>\n\n        <IconButton size='small' onClick={goToLastPage} disabled={isLastPage}>\n          <LastPageIcon />\n        </IconButton>\n      </div>\n      <div className={classes.pageActions}>\n        <IconButton size='small' onClick={zoomOut} disabled={isMinZoom}>\n          <ZoomOutIcon />\n        </IconButton>\n\n        <Typography>{(scale * 100).toFixed()}%</Typography>\n\n        <IconButton size='small' onClick={zoomIn} disabled={isMaxZoom}>\n          <ZoomInIcon />\n        </IconButton>\n      </div>\n\n      <div>\n        <IconButton href={file} size='small' onClick={onClickDownload}>\n          <CloudDownloadOutlinedIcon />\n        </IconButton>\n      </div>\n\n      <div>\n        <IconButton size='small' onClick={closePDF}>\n          <HighlightOffOutlinedIcon />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default ControlPanel;\n","import React, { FC, useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport ControlPanel from './ControlPanel';\nimport { LinearProgress } from '../../loading/LinearProgress';\nimport { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  pdfSection: (props: PDFContainerProps) => ({\n    minWidth: props?.minWidth,\n  }),\n  documentContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n  },\n  loadingBox: {\n    width: '100%',\n  },\n}));\n\ninterface PDFContainerProps {\n  isPDFOpen?: boolean;\n  fileUrl?: string;\n  blobPDF?: Blob;\n  closePDF?: () => void;\n  onClickDownload?: () => void;\n  minWidth?: number | string;\n}\n\nexport const PDFViewer: FC<PDFContainerProps> = ({\n  isPDFOpen = true,\n  fileUrl,\n  blobPDF,\n  closePDF,\n  onClickDownload,\n  minWidth\n}) => {\n  const [scale, setScale] = useState(1.0);\n  const [numPages, setNumPages] = useState(null);\n  const [pageNumber, setPageNumber] = useState(1);\n  const classes = useStyles({minWidth});\n\n  useEffect(() => {\n    pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n  });\n\n  function onDocumentLoadSuccess({ numPages }: any) {\n    setNumPages(numPages);\n  }\n\n  return (\n    <div>\n    {isPDFOpen && (\n      <div id='pdf-section' className={classes.pdfSection}>\n        <ControlPanel\n          scale={scale}\n          setScale={setScale}\n          numPages={numPages}\n          pageNumber={pageNumber}\n          setPageNumber={setPageNumber}\n          file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n          closePDF={closePDF}\n          onClickDownload={onClickDownload}\n        />\n        <div className={classes.documentContainer}>\n          <Document\n            file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n            onLoadSuccess={onDocumentLoadSuccess}\n          >\n            <Page\n              pageNumber={pageNumber}\n              scale={scale}\n              loading={\n                <div className={classes.loadingBox}>\n                  <LinearProgress />\n                </div>\n              }\n            />\n          </Document>\n        </div>\n      </div>\n    )}\n  </div>\n  );\n};\n"],"mappings":"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"}

package/dist/Page-CpSUnDZr.js

@@ -0,0 +1,44 @@
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { i as getWidgetLayout, r as DashboardCardGrid_default, t as DashboardWidget_default } from "./DashboardWidget-F4pnOQAe.js";
+import React, { useMemo } from "react";
+
+//#region src/page/Page.jsx
+const Page = (props) => {
+	const { gridConfig, widgetConfig, disableMargin } = props;
+	const { getWidget, isValidWidget } = useShellStore();
+	const gridProperties = gridConfig ? JSON.parse(gridConfig) : null;
+	let widgets = widgetConfig || null;
+	if (typeof widgetConfig === "string") widgets = JSON.parse(widgetConfig);
+	const calculateLayouts = () => {
+		if (!widgets) return null;
+		const layouts$1 = {};
+		for (const widget of widgets) for (const breakpoint in widget.layout) {
+			if (breakpoint === "__typename" || !widget.layout[breakpoint]) continue;
+			layouts$1[breakpoint] = layouts$1[breakpoint] || [];
+			const { __typename, ...layout } = widget.layout[breakpoint];
+			layouts$1[breakpoint].push({
+				...getWidgetLayout(getWidget, widget.widgetType),
+				isResizable: widget.params.isResizable || false,
+				...layout,
+				i: widget.id
+			});
+		}
+		return layouts$1;
+	};
+	const layouts = useMemo(() => calculateLayouts(), [calculateLayouts, widgetConfig]);
+	const cards = useMemo(() => widgets && widgets.map(({ __typename, ...widget }) => /* @__PURE__ */ React.createElement(DashboardWidget_default, {
+		key: widget.id,
+		...widget
+	})), [widgets]);
+	if (!layouts) return null;
+	return /* @__PURE__ */ React.createElement(DashboardCardGrid_default, {
+		layouts,
+		gridProperties,
+		disableMargin
+	}, cards);
+};
+var Page_default = Page;
+
+//#endregion
+export { Page_default as t };
+//# sourceMappingURL=Page-CpSUnDZr.js.map

package/dist/Page-CpSUnDZr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page-CpSUnDZr.js","names":["layouts","DashboardWidget","DashboardCardGrid"],"sources":["../src/page/Page.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport DashboardCardGrid from '../dashboard/DashboardCardGrid';\nimport DashboardWidget from '../dashboard/DashboardWidget';\nimport getWidgetLayout from '../dashboard/getWidgetLayout.ts';\nimport { useShellStore } from '../stores/shellStore';\n\nconst Page = (props) => {\n  const { gridConfig, widgetConfig, disableMargin } = props;\n  const { getWidget, isValidWidget } = useShellStore();\n  const gridProperties = gridConfig ? JSON.parse(gridConfig) : null;\n  let widgets = widgetConfig || null;\n\n  if (typeof widgetConfig === 'string') {\n    widgets = JSON.parse(widgetConfig);\n  }\n\n  const calculateLayouts = () => {\n    if (!widgets) return null;\n\n    const layouts = {};\n    for (const widget of widgets) {\n      for (const breakpoint in widget.layout) {\n        if (breakpoint === '__typename' || !widget.layout[breakpoint]) continue;\n        layouts[breakpoint] = layouts[breakpoint] || [];\n        const { __typename, ...layout } = widget.layout[breakpoint];\n        layouts[breakpoint].push({\n          ...getWidgetLayout(getWidget, widget.widgetType),\n          isResizable: widget.params.isResizable || false,\n          ...layout,\n          i: widget.id\n        });\n      }\n    }\n\n    return layouts;\n  };\n\n  const layouts = useMemo(\n    () => calculateLayouts(),\n    [calculateLayouts, widgetConfig]\n  );\n\n  const cards = useMemo(\n    () =>\n      widgets &&\n      widgets.map(({ __typename, ...widget }) => (\n        <DashboardWidget key={widget.id} {...widget} />\n      )),\n    [widgets]\n  );\n\n  if (!layouts) return null;\n\n  return (\n    <DashboardCardGrid\n      layouts={layouts}\n      gridProperties={gridProperties}\n      disableMargin={disableMargin}\n    >\n      {cards}\n    </DashboardCardGrid>\n  );\n};\nexport default Page;\n"],"mappings":";;;;;AAMA,MAAM,QAAQ,UAAU;CACtB,MAAM,EAAE,YAAY,cAAc,kBAAkB;CACpD,MAAM,EAAE,WAAW,kBAAkB,eAAe;CACpD,MAAM,iBAAiB,aAAa,KAAK,MAAM,WAAW,GAAG;CAC7D,IAAI,UAAU,gBAAgB;AAE9B,KAAI,OAAO,iBAAiB,SAC1B,WAAU,KAAK,MAAM,aAAa;CAGpC,MAAM,yBAAyB;AAC7B,MAAI,CAAC,QAAS,QAAO;EAErB,MAAMA,YAAU,EAAE;AAClB,OAAK,MAAM,UAAU,QACnB,MAAK,MAAM,cAAc,OAAO,QAAQ;AACtC,OAAI,eAAe,gBAAgB,CAAC,OAAO,OAAO,YAAa;AAC/D,aAAQ,cAAcA,UAAQ,eAAe,EAAE;GAC/C,MAAM,EAAE,YAAY,GAAG,WAAW,OAAO,OAAO;AAChD,aAAQ,YAAY,KAAK;IACvB,GAAG,gBAAgB,WAAW,OAAO,WAAW;IAChD,aAAa,OAAO,OAAO,eAAe;IAC1C,GAAG;IACH,GAAG,OAAO;IACX,CAAC;;AAIN,SAAOA;;CAGT,MAAM,UAAU,cACR,kBAAkB,EACxB,CAAC,kBAAkB,aAAa,CACjC;CAED,MAAM,QAAQ,cAEV,WACA,QAAQ,KAAK,EAAE,YAAY,GAAG,aAC5B,oCAACC;EAAgB,KAAK,OAAO;EAAI,GAAI;GAAU,CAC/C,EACJ,CAAC,QAAQ,CACV;AAED,KAAI,CAAC,QAAS,QAAO;AAErB,QACE,oCAACC;EACU;EACO;EACD;IAEd,MACiB;;AAGxB,mBAAe"}

package/dist/PageActionWrapper-DuvcqQCs.js

@@ -0,0 +1,55 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { r as useActionStore } from "./inquiryStore-BMYKf5MP.js";
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { t as useActionState } from "./useActions-BbqecXkd.js";
+import { t as ActionSplitScreen } from "./ActionSplitScreen-SncJFJJQ.js";
+import { n as PageSubHeaderActionsTarget } from "./PageSubHeaderAction-Cd6MlbR8.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useSnackbar } from "notistack";
+
+//#region src/actions/PageActionWrapper.jsx
+const PageActionWrapper = (props) => {
+	const { children, forPageContainer = false, splitScreenStateKey = "pageSplitScreen" } = props;
+	const [actionPanel, setActionPanel] = useState(null);
+	const { enqueueSnackbar } = useSnackbar();
+	const actionState = useActionState();
+	const selectedNode = useActionStore((state) => state.selectedNode);
+	const currentContainerId = useShellStore((state) => state.currentContainerId);
+	const action = useMemo(() => {
+		let selectedAction = null;
+		if (actionState) {
+			if (actionState.pageSplitScreen?.action) selectedAction = actionState.pageSplitScreen.action;
+		}
+		return selectedAction;
+	}, [actionState]);
+	const executeAction = useCallback(async (data, id) => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${id}`, { method: "post" }, data), []);
+	useEffect(() => {
+		if (action && actionState) setActionPanel(actionState?.actionPanels[currentContainerId || 0]?.find((ap) => ap.panelActions.find((pa) => pa.actionId === action.actionId)));
+	}, [
+		action,
+		actionState,
+		currentContainerId
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageSubHeaderActionsTarget, null), /* @__PURE__ */ React.createElement(ActionSplitScreen, {
+		body: children,
+		open: actionState?.[splitScreenStateKey]?.open,
+		action: actionState?.[splitScreenStateKey]?.action,
+		type: actionState?.[splitScreenStateKey]?.type,
+		params: actionState?.[splitScreenStateKey]?.params,
+		executeAction,
+		actionPanel,
+		enqueueSnackbar,
+		selectedNodeObj: selectedNode?.nodeObj,
+		menuNodeList: actionState?.menuListState?.menuList,
+		forPage: true,
+		forPageContainer,
+		selectedNode: actionState?.inquiryParams[currentContainerId || 0]?.selectedNode,
+		selectedNodeParent: actionState?.inquiryParams[currentContainerId || 0]?.selectedNodeParent,
+		refreshTree: actionState?.inquiryParams[currentContainerId || 0]?.refreshTree
+	}));
+};
+
+//#endregion
+export { PageActionWrapper as t };
+//# sourceMappingURL=PageActionWrapper-DuvcqQCs.js.map

package/dist/PageActionWrapper-DuvcqQCs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageActionWrapper-DuvcqQCs.js","names":[],"sources":["../src/actions/PageActionWrapper.jsx"],"sourcesContent":["import React, { useCallback, useState, useEffect, useMemo } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { ActionSplitScreen } from './ActionSplitScreen';\nimport { useActionState } from '../hooks/useActions';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { PageSubHeaderActionsTarget } from '../utilities/page/PageSubHeaderAction';\nimport { useActionStore } from '../stores/actionStore';\nimport { useShellStore } from '../stores/shellStore';\nimport { ConfigService } from '../configService';\n\nexport const PageActionWrapper = (props) => {\n  const {\n    children,\n    forPageContainer = false,\n    splitScreenStateKey = 'pageSplitScreen'\n  } = props;\n  const [actionPanel, setActionPanel] = useState(null);\n  const { enqueueSnackbar } = useSnackbar();\n  const actionState = useActionState();\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  const action = useMemo(() => {\n    let selectedAction = null;\n    if (actionState) {\n      if (actionState.pageSplitScreen?.action) {\n        selectedAction = actionState.pageSplitScreen.action;\n      }\n    }\n\n    return selectedAction;\n  }, [actionState]);\n\n  const executeAction = useCallback(\n    async (data, id) =>\n      apiMutate(\n        ConfigService.integrationV1ApiUrl,\n        `apimethod/executeQueryWithParameters/${id}`,\n        {\n          method: 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  useEffect(() => {\n    if (action && actionState) {\n      setActionPanel(\n        actionState?.actionPanels[currentContainerId || 0]?.find((ap) =>\n          ap.panelActions.find((pa) => pa.actionId === action.actionId)\n        )\n      );\n    }\n  }, [action, actionState, currentContainerId]);\n\n  return (\n    <>\n      <PageSubHeaderActionsTarget />\n      <ActionSplitScreen\n        body={children}\n        open={actionState?.[splitScreenStateKey]?.open}\n        action={actionState?.[splitScreenStateKey]?.action}\n        type={actionState?.[splitScreenStateKey]?.type}\n        params={actionState?.[splitScreenStateKey]?.params}\n        executeAction={executeAction}\n        actionPanel={actionPanel}\n        enqueueSnackbar={enqueueSnackbar}\n        selectedNodeObj={selectedNode?.nodeObj}\n        menuNodeList={actionState?.menuListState?.menuList}\n        forPage={true}\n        forPageContainer={forPageContainer}\n        selectedNode={\n          actionState?.inquiryParams[currentContainerId || 0]?.selectedNode\n        }\n        selectedNodeParent={\n          actionState?.inquiryParams[currentContainerId || 0]\n            ?.selectedNodeParent\n        }\n        refreshTree={\n          actionState?.inquiryParams[currentContainerId || 0]?.refreshTree\n        }\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EACJ,UACA,mBAAmB,OACnB,sBAAsB,sBACpB;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,EAAE,oBAAoB,aAAa;CACzC,MAAM,cAAc,gBAAgB;CACpC,MAAM,eAAe,gBAAgB,UAAU,MAAM,aAAa;CAClE,MAAM,qBAAqB,eAAe,UAAU,MAAM,mBAAmB;CAE7E,MAAM,SAAS,cAAc;EAC3B,IAAI,iBAAiB;AACrB,MAAI,aACF;OAAI,YAAY,iBAAiB,OAC/B,kBAAiB,YAAY,gBAAgB;;AAIjD,SAAO;IACN,CAAC,YAAY,CAAC;CAEjB,MAAM,gBAAgB,YACpB,OAAO,MAAM,OACX,UACE,cAAc,qBACd,wCAAwC,MACxC,EACE,QAAQ,QACT,EACD,KACD,EACH,EAAE,CACH;AAED,iBAAgB;AACd,MAAI,UAAU,YACZ,gBACE,aAAa,aAAa,sBAAsB,IAAI,MAAM,OACxD,GAAG,aAAa,MAAM,OAAO,GAAG,aAAa,OAAO,SAAS,CAC9D,CACF;IAEF;EAAC;EAAQ;EAAa;EAAmB,CAAC;AAE7C,QACE,0DACE,oCAAC,iCAA6B,EAC9B,oCAAC;EACC,MAAM;EACN,MAAM,cAAc,sBAAsB;EAC1C,QAAQ,cAAc,sBAAsB;EAC5C,MAAM,cAAc,sBAAsB;EAC1C,QAAQ,cAAc,sBAAsB;EAC7B;EACF;EACI;EACjB,iBAAiB,cAAc;EAC/B,cAAc,aAAa,eAAe;EAC1C,SAAS;EACS;EAClB,cACE,aAAa,cAAc,sBAAsB,IAAI;EAEvD,oBACE,aAAa,cAAc,sBAAsB,IAC7C;EAEN,aACE,aAAa,cAAc,sBAAsB,IAAI;GAEvD,CACD"}

package/dist/PageContainer-N4d5KO-T.js

@@ -0,0 +1,184 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as Page_default } from "./Page-CpSUnDZr.js";
+import { t as PrimaryActionHeader } from "./PrimaryActionHeader-DbGQNveI.js";
+import { t as PageContextProvider } from "./PageContext-BpOBJHpb.js";
+import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Card, CircularProgress, makeStyles } from "@material-ui/core";
+import { Redirect } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { v4 } from "uuid";
+import { Alert } from "@material-ui/lab";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+
+//#region src/page/PageContainer/PageContainer.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		marginTop: (props) => props.disableMargins ? 0 : theme.spacing(3),
+		marginRight: (props) => props.disableMargins ? 0 : theme.spacing(3),
+		marginLeft: (props) => props.disableMargins ? 0 : theme.spacing(3),
+		height: (props) => props.height ?? "100%",
+		overflow: (props) => props.height && "auto"
+	},
+	staticRoot: {
+		marginTop: 0,
+		marginRight: 0,
+		marginLeft: 0,
+		height: (props) => props.height ?? "100%",
+		overflow: (props) => props.height && "auto"
+	},
+	title: {
+		flex: 1,
+		marginBottom: theme.spacing(1)
+	},
+	icon: { marginTop: theme.spacing(-2.5) },
+	loadingContent: {
+		flex: 1,
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		height: (props) => props.loadingHeight ? props.loadingHeight : "calc(100vh - 160px)"
+	}
+}));
+const PageContainer = (props) => {
+	const { user, widgetParams, redirectSlug, pageData, pageLoading = false, disableMargin = true, location, fromMenu = false, loadingHeight, isHomePage = false } = props;
+	const classes = useStyles(props);
+	const [page, setPage] = useState(null);
+	const [alertWarnings, setAlertWarnings] = useState([]);
+	const params = location?.state?.params;
+	const pathPageId = location?.pathname?.replace("/page/", "");
+	const pageId = (pathPageId === "/" ? null : pathPageId) || params?.PageId;
+	const { t } = useTranslation();
+	const setLocationState = useSetLocationState();
+	const [{ data: pageInfo, loading: pageInfoLoading }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${pageId}`, {}, !!!pageId, false);
+	const [{ data: homePage, loading: homePageLoading, error: homePageError }, refetchHomePage] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/homePage?tenantId=${user?.currentTenantId}&productId=${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !isHomePage, false);
+	const removeWarning = useCallback((id) => {
+		setAlertWarnings((prevWarnings) => prevWarnings.filter((warning) => warning.id !== id));
+	}, []);
+	const getRequiredFieldWarnings = useCallback((requiredFields = "", widgetParams$1) => {
+		const fieldsStr = requiredFields || "";
+		if (!fieldsStr.trim()) return;
+		const warnings = [];
+		const requiredFieldsMap = widgetParams$1?.requiredFieldsMap || {};
+		const nodeObj = widgetParams$1?.nodeObj || {};
+		const fields = fieldsStr.split(",").map((str) => str.trim());
+		const missingRequiredFieldNames = [];
+		fields.forEach((fieldName) => {
+			const requiredField = requiredFieldsMap[fieldName];
+			if (!requiredField?.value) missingRequiredFieldNames.push(fieldName);
+			else if (requiredField.type === "entity" && (nodeObj[requiredField.value] === void 0 || nodeObj[requiredField.value] === null)) missingRequiredFieldNames.push(fieldName);
+		});
+		missingRequiredFieldNames.forEach((name) => {
+			warnings.push({
+				id: v4(),
+				message: `${name} ${t("field is missing a value")}`
+			});
+		});
+		return warnings;
+	}, [t]);
+	const pages = useMemo(() => page?.widgets && Object.keys(JSON.parse(page.widgets)).map((key) => {
+		const widgetStr = JSON.parse(page.widgets)[key];
+		const widget = widgetStr ? JSON.parse(widgetStr) : null;
+		if (widget?.length) widget.forEach((w) => {
+			if (pageId) w.params = {
+				entityName: params?.entityName,
+				pbiReportCode: params?.pbiReportCode,
+				queryId: params?.queryId,
+				inquiryTreeId: params?.InquiryTreeId,
+				udpTagId: params?.udpTagId,
+				requiredFieldsMap: params?.requiredFieldMapping,
+				...w.params
+			};
+			if (widgetParams) w.params = {
+				...w.params,
+				...widgetParams
+			};
+		});
+		return /* @__PURE__ */ React.createElement(DndProvider, {
+			backend: HTML5Backend,
+			key: pageId ? `${key}-${params?.entityName}` : key
+		}, /* @__PURE__ */ React.createElement(Page_default, {
+			user,
+			gridConfig: JSON.parse(page.gridProperties)[key],
+			widgetConfig: widget,
+			disableMargin
+		}));
+	}), [
+		page,
+		user,
+		widgetParams,
+		disableMargin,
+		pageId,
+		params
+	]);
+	useEffect(() => {
+		if (pageId) {
+			if (pageInfo) setPage(pageInfo);
+		} else if (homePage) setPage(homePage);
+		else setPage(pageData);
+		setAlertWarnings([]);
+	}, [
+		pageId,
+		pageInfo,
+		pageData,
+		homePage
+	]);
+	useEffect(() => {
+		if (page?.widgets) {
+			let warnings = [];
+			Object.keys(JSON.parse(page.widgets)).forEach((key) => {
+				const widgetStr = JSON.parse(page.widgets)[key];
+				const widget = widgetStr ? JSON.parse(widgetStr) : null;
+				if (widget?.length) widget.forEach((w) => {
+					if (pageId) w.params = {
+						entityName: params?.entityName,
+						pbiReportCode: params?.pbiReportCode,
+						queryId: params?.queryId,
+						inquiryTreeId: params?.InquiryTreeId,
+						udpTagId: params?.udpTagId,
+						requiredFieldsMap: params?.requiredFieldMapping,
+						...w.params
+					};
+					if (widgetParams) w.params = {
+						...w.params,
+						...widgetParams
+					};
+					if (fromMenu || page?.pageId === widgetParams?.pageId) warnings = getRequiredFieldWarnings(w.requiredParameters, w.params);
+				});
+			});
+			setAlertWarnings(warnings);
+		}
+	}, [
+		page,
+		widgetParams,
+		pageId,
+		params,
+		fromMenu,
+		getRequiredFieldWarnings
+	]);
+	useEffect(() => {
+		if (page) setLocationState({ label: t(page?.name) });
+	}, [
+		setLocationState,
+		t,
+		page
+	]);
+	if (redirectSlug && !pageData) return /* @__PURE__ */ React.createElement(Redirect, { to: redirectSlug });
+	if (pageInfoLoading || pageLoading) return /* @__PURE__ */ React.createElement("div", { className: classes.loadingContent }, /* @__PURE__ */ React.createElement(CircularProgress, { size: loadingHeight || 64 }));
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, page?.showPageName && /* @__PURE__ */ React.createElement(Card, { variant: "outlined" }, /* @__PURE__ */ React.createElement(PrimaryActionHeader, {
+		title: page.name,
+		hidePAB: true,
+		single: true
+	})), /* @__PURE__ */ React.createElement("div", { className: page?.pageTypeId === 1 ? classes.staticRoot : classes.root }, alertWarnings?.length > 0 && alertWarnings.map((warning) => /* @__PURE__ */ React.createElement(Alert, {
+		key: warning.id,
+		onClose: () => removeWarning(warning.id),
+		severity: "warning"
+	}, warning.message || "")), /* @__PURE__ */ React.createElement(PageContextProvider, null, pages)));
+};
+
+//#endregion
+export { PageContainer as t };
+//# sourceMappingURL=PageContainer-N4d5KO-T.js.map

package/dist/PageContainer-N4d5KO-T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer-N4d5KO-T.js","names":["widgetParams","uuid","Page"],"sources":["../src/page/PageContainer/PageContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Redirect } from 'react-router-dom';\nimport Page from '../Page';\nimport { makeStyles, Card, CircularProgress } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { PrimaryActionHeader } from '../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { PageContextProvider } from '../../contexts/PageContext.tsx';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { v4 as uuid } from 'uuid';\nimport { useTranslation } from 'react-i18next';\nimport { useSetLocationState } from '../../hooks/useSetLocationState';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: (props) => (props.disableMargins ? 0 : theme.spacing(3)),\n    marginRight: (props) => (props.disableMargins ? 0 : theme.spacing(3)),\n    marginLeft: (props) => (props.disableMargins ? 0 : theme.spacing(3)),\n    height: (props) => props.height ?? '100%',\n    overflow: (props) => props.height && 'auto'\n  },\n  staticRoot: {\n    marginTop: 0,\n    marginRight: 0,\n    marginLeft: 0,\n    height: (props) => props.height ?? '100%',\n    overflow: (props) => props.height && 'auto'\n  },\n  title: {\n    flex: 1,\n    marginBottom: theme.spacing(1)\n  },\n  icon: {\n    marginTop: theme.spacing(-2.5)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: (props) =>\n      props.loadingHeight ? props.loadingHeight : 'calc(100vh - 160px)'\n  }\n}));\n\nexport const PageContainer = (props) => {\n  const {\n    user,\n    widgetParams,\n    redirectSlug,\n    pageData,\n    pageLoading = false,\n    disableMargin = true,\n    location,\n    fromMenu = false,\n    loadingHeight,\n    isHomePage = false\n  } = props;\n  const classes = useStyles(props);\n  const [page, setPage] = useState(null);\n  const [alertWarnings, setAlertWarnings] = useState([]);\n  const params = location?.state?.params;\n  const pathPageId = location?.pathname?.replace('/page/', '');\n  const pageId = (pathPageId === '/' ? null : pathPageId) || params?.PageId;\n  const { t } = useTranslation();\n  const setLocationState = useSetLocationState();\n\n  const [{ data: pageInfo, loading: pageInfoLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${pageId}`,\n    {},\n    !!!pageId,\n    false\n  );\n\n  const [\n    { data: homePage, loading: homePageLoading, error: homePageError },\n    refetchHomePage\n  ] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/homePage?tenantId=${user?.currentTenantId}&productId=${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !isHomePage,\n    false\n  );\n\n  const removeWarning = useCallback((id) => {\n    setAlertWarnings((prevWarnings) =>\n      prevWarnings.filter((warning) => warning.id !== id)\n    );\n  }, []);\n\n  const getRequiredFieldWarnings = useCallback(\n    (requiredFields = '', widgetParams) => {\n      const fieldsStr = requiredFields || '';\n      if (!fieldsStr.trim()) {\n        return;\n      }\n\n      const warnings = [];\n      const requiredFieldsMap = widgetParams?.requiredFieldsMap || {};\n      const nodeObj = widgetParams?.nodeObj || {};\n      const fields = fieldsStr.split(',').map((str) => str.trim());\n      const missingRequiredFieldNames = [];\n\n      fields.forEach((fieldName) => {\n        const requiredField = requiredFieldsMap[fieldName];\n        if (!requiredField?.value) {\n          missingRequiredFieldNames.push(fieldName);\n        } else {\n          if (\n            requiredField.type === 'entity' &&\n            (nodeObj[requiredField.value] === undefined ||\n              nodeObj[requiredField.value] === null)\n          ) {\n            missingRequiredFieldNames.push(fieldName);\n          }\n        }\n      });\n\n      missingRequiredFieldNames.forEach((name) => {\n        warnings.push({\n          id: uuid(),\n          message: `${name} ${t('field is missing a value')}`\n        });\n      });\n      return warnings;\n    },\n    [t]\n  );\n\n  const pages = useMemo(\n    () =>\n      page?.widgets &&\n      Object.keys(JSON.parse(page.widgets)).map((key) => {\n        // Static Page\n        const widgetStr = JSON.parse(page.widgets)[key];\n        const widget = widgetStr ? JSON.parse(widgetStr) : null;\n        if (widget?.length) {\n          widget.forEach((w) => {\n            // Add additional parameters from menu. Will get overwriten if\n            // key exists in page widget parms\n            if (pageId) {\n              w.params = {\n                entityName: params?.entityName,\n                pbiReportCode: params?.pbiReportCode,\n                queryId: params?.queryId,\n                inquiryTreeId: params?.InquiryTreeId,\n                udpTagId: params?.udpTagId,\n                requiredFieldsMap: params?.requiredFieldMapping,\n                ...w.params\n              };\n            }\n            if (widgetParams) {\n              w.params = { ...w.params, ...widgetParams };\n            }\n          });\n        }\n        return (\n          <DndProvider\n            backend={HTML5Backend}\n            key={pageId ? `${key}-${params?.entityName}` : key}\n          >\n            <Page\n              user={user}\n              gridConfig={JSON.parse(page.gridProperties)[key]}\n              widgetConfig={widget}\n              disableMargin={disableMargin}\n            />\n          </DndProvider>\n        );\n      }),\n    [page, user, widgetParams, disableMargin, pageId, params]\n  );\n\n  useEffect(() => {\n    if (pageId) {\n      if (pageInfo) {\n        setPage(pageInfo);\n      }\n    } else if (homePage) {\n      setPage(homePage);\n    } else {\n      setPage(pageData);\n    }\n    setAlertWarnings([]);\n  }, [pageId, pageInfo, pageData, homePage]);\n\n  useEffect(() => {\n    if (page?.widgets) {\n      let warnings = [];\n      Object.keys(JSON.parse(page.widgets)).forEach((key) => {\n        // Static Page\n        const widgetStr = JSON.parse(page.widgets)[key];\n        const widget = widgetStr ? JSON.parse(widgetStr) : null;\n        if (widget?.length) {\n          widget.forEach((w) => {\n            // Add additional parameters from menu. Will get overwriten if\n            // key exists in page widget parms\n            if (pageId) {\n              w.params = {\n                entityName: params?.entityName,\n                pbiReportCode: params?.pbiReportCode,\n                queryId: params?.queryId,\n                inquiryTreeId: params?.InquiryTreeId,\n                udpTagId: params?.udpTagId,\n                requiredFieldsMap: params?.requiredFieldMapping,\n                ...w.params\n              };\n            }\n            if (widgetParams) {\n              w.params = { ...w.params, ...widgetParams };\n            }\n            // Adding condition to compare pageId's\n            if (fromMenu || page?.pageId === widgetParams?.pageId) {\n              warnings = getRequiredFieldWarnings(\n                w.requiredParameters,\n                w.params\n              );\n            }\n          });\n        }\n      });\n      setAlertWarnings(warnings);\n    }\n  }, [page, widgetParams, pageId, params, fromMenu, getRequiredFieldWarnings]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    if (page) {\n      setLocationState({ label: t(page?.name) });\n    }\n  }, [setLocationState, t, page]);\n\n  if (redirectSlug && !pageData) {\n    return <Redirect to={redirectSlug} />;\n  }\n\n  if (pageInfoLoading || pageLoading) {\n    return (\n      <div className={classes.loadingContent}>\n        <CircularProgress size={loadingHeight || 64} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {page?.showPageName && (\n        <Card variant={'outlined'}>\n          <PrimaryActionHeader title={page.name} hidePAB single />\n        </Card>\n      )}\n      <div\n        className={page?.pageTypeId === 1 ? classes.staticRoot : classes.root}\n      >\n        {alertWarnings?.length > 0 &&\n          alertWarnings.map((warning) => (\n            <Alert\n              key={warning.id}\n              onClose={() => removeWarning(warning.id)}\n              severity='warning'\n            >\n              {warning.message || ''}\n            </Alert>\n          ))}\n        <PageContextProvider>{pages}</PageContextProvider>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/PageRenderer-ToHJXkJq.js

@@ -0,0 +1,29 @@
+import { t as withEngineComponent } from "./withEngineComponent-CUQbIi-0.js";
+import { cloneElement, useCallback } from "react";
+import PropTypes from "prop-types";
+
+//#region src/componentSystems/pageRenderer/PageRenderer.js
+const PageRenderer = (props) => {
+	const { viewBuilderMetaData, setSideSheetOpen, sideSheetOpen, sideSheetComponent, setSideSheetComponent } = props;
+	return useCallback(() => {
+		if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;
+		return (viewBuilderMetaData && viewBuilderMetaData.map((item, index) => item?.map((subItem) => withEngineComponent(subItem.component)({
+			propsComponent: subItem,
+			setSideSheetOpen,
+			sideSheetOpen,
+			sideSheetComponent,
+			setSideSheetComponent
+		}))))?.flat() || [];
+	}, [
+		setSideSheetComponent,
+		setSideSheetOpen,
+		sideSheetComponent,
+		sideSheetOpen,
+		viewBuilderMetaData
+	])()?.map((component, index) => cloneElement(component));
+};
+PageRenderer.propTypes = { viewBuilderMetaData: PropTypes.array.isRequired };
+
+//#endregion
+export { PageRenderer as t };
+//# sourceMappingURL=PageRenderer-ToHJXkJq.js.map

package/dist/PageRenderer-ToHJXkJq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageRenderer-ToHJXkJq.js","names":[],"sources":["../src/componentSystems/pageRenderer/PageRenderer.js"],"sourcesContent":["import { useCallback, cloneElement } from 'react';\nimport { withEngineComponent } from './hocs/withEngineComponent';\nimport PropTypes from 'prop-types';\n\nexport const PageRenderer = (props) => {\n  const {\n    viewBuilderMetaData,\n    setSideSheetOpen,\n    sideSheetOpen,\n    sideSheetComponent,\n    setSideSheetComponent\n  } = props;\n\n  // useCallback is used to prevent an error due to a nested useEffect inside useMemo\n  const RenderPageComponentTree = useCallback(() => {\n    if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;\n\n    const componentsList =\n      viewBuilderMetaData &&\n      viewBuilderMetaData.map((item, index) =>\n        item?.map((subItem) =>\n          withEngineComponent(subItem.component)({\n            propsComponent: subItem,\n            setSideSheetOpen,\n            sideSheetOpen,\n            sideSheetComponent,\n            setSideSheetComponent\n          })\n        )\n      );\n\n    // viewBuilderMetaData.map(item => {\n    //   item.map(subItem => {\n    //     console.log('subItem', subItem);\n    //   });\n    // });\n\n    return componentsList?.flat() || [];\n  }, [\n    setSideSheetComponent,\n    setSideSheetOpen,\n    sideSheetComponent,\n    sideSheetOpen,\n    viewBuilderMetaData\n  ]);\n\n  return RenderPageComponentTree()?.map(\n    (component, index) => cloneElement(component)\n    //cloneElement(component, { key: index })\n  );\n};\n\nPageRenderer.propTypes = {\n  /**\n   * View Builder Meta Data\n   */\n  viewBuilderMetaData: PropTypes.array.isRequired\n};\n"],"mappings":";;;;;AAIA,MAAa,gBAAgB,UAAU;CACrC,MAAM,EACJ,qBACA,kBACA,eACA,oBACA,0BACE;AAmCJ,QAhCgC,kBAAkB;AAChD,MAAI,CAAC,uBAAuB,CAAC,oBAAoB,OAAQ;AAsBzD,UAnBE,uBACA,oBAAoB,KAAK,MAAM,UAC7B,MAAM,KAAK,YACT,oBAAoB,QAAQ,UAAU,CAAC;GACrC,gBAAgB;GAChB;GACA;GACA;GACA;GACD,CAAC,CACH,CACF,GAQoB,MAAM,IAAI,EAAE;IAClC;EACD;EACA;EACA;EACA;EACA;EACD,CAAC,EAE8B,EAAE,KAC/B,WAAW,UAAU,aAAa,UAAU,CAE9C;;AAGH,aAAa,YAAY,EAIvB,qBAAqB,UAAU,MAAM,YACtC"}

package/dist/PageSectionSpacer-BZ8qJKNl.js

@@ -0,0 +1,88 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import React from "react";
+import { AppBar, Avatar, IconButton, Typography, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { RefreshIcon } from "@fluentui/react-icons";
+
+//#region src/page/PageContent.jsx
+const useStyles$3 = makeStyles((theme) => ({ root: {
+	flex: 1,
+	display: "flex",
+	flexDirection: "column",
+	padding: theme.spacing(2),
+	marginTop: theme.spacing(2),
+	paddingTop: theme.spacing(0)
+} }), { name: "PageContent" });
+/**
+* Page content wrapper that provides page gutters
+*/
+const PageContent = (props) => {
+	const classes = useStyles$3(props);
+	const { className, children, ...other } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		...other,
+		classes: null,
+		className: clsx(className, classes.root)
+	}, children);
+};
+
+//#endregion
+//#region src/page/PageHeader.jsx
+const useStyles$2 = makeStyles((theme) => ({ root: { color: theme.palette.appBar.contrastText } }), { name: "PageHeader" });
+/**
+* A page's header bar
+*
+* Includes the page title and optional confirmation UI.
+*/
+const PageHeader = (props) => {
+	const classes = useStyles$2(props);
+	const { title, className, children, ...other } = props;
+	return /* @__PURE__ */ React.createElement(AppBar, {
+		position: "static",
+		color: "transparent",
+		elevation: 0,
+		...other,
+		classes: { root: classes.root }
+	});
+};
+
+//#endregion
+//#region src/page/PageSectionHeader.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	title: { flex: 1 },
+	icon: { marginTop: theme.spacing(-2.5) }
+}));
+const PageSectionHeader = (props) => {
+	const classes = useStyles$1();
+	const { action, title } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "h6",
+		className: classes.title
+	}, " ", title, " "), /* @__PURE__ */ React.createElement(IconButton, {
+		onClick: action,
+		className: classes.icon
+	}, /* @__PURE__ */ React.createElement(Avatar, null, /* @__PURE__ */ React.createElement(FluentIcon, {
+		size: "small",
+		component: RefreshIcon
+	}))));
+};
+
+//#endregion
+//#region src/page/PageSectionSpacer.jsx
+const useStyles = makeStyles((theme) => ({ toolbar: {} }));
+/**
+* A spacing component with the same height as the SiteHeader
+*/
+const PageSectionSpacer = (props) => {
+	const classes = useStyles();
+	const { className } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(className, classes.toolbar) });
+};
+
+//#endregion
+export { PageContent as i, PageSectionHeader as n, PageHeader as r, PageSectionSpacer as t };
+//# sourceMappingURL=PageSectionSpacer-BZ8qJKNl.js.map