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

package/dist/PDFViewer-DmkWeyJ0.js

@@ -1,169 +0,0 @@
-import { t as Typography$1 } from "./Typography-BMsa1JYd.js";
-import { t as LinearProgress$1 } from "./LinearProgress-CpIjJmyf.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-DmkWeyJ0.js.map

package/dist/PDFViewer-DmkWeyJ0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PDFViewer-DmkWeyJ0.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-DY0ESivs.js

@@ -1,44 +0,0 @@
-import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { i as getWidgetLayout, r as DashboardCardGrid_default, t as DashboardWidget_default } from "./DashboardWidget-Cs3KcYJk.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-DY0ESivs.js.map

package/dist/Page-DY0ESivs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Page-DY0ESivs.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,WAAY,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,WAAY,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-5hXS8BiL.js

@@ -1,55 +0,0 @@
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
-import { r as useActionStore } from "./inquiryStore-BMYKf5MP.js";
-import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { t as useActionState } from "./useActions-CBGNxEKr.js";
-import { t as ActionSplitScreen } from "./ActionSplitScreen-sKnNHSHa.js";
-import { n as PageSubHeaderActionsTarget } from "./PageSubHeaderAction-BX3f3pML.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-5hXS8BiL.js.map

package/dist/PageActionWrapper-5hXS8BiL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageActionWrapper-5hXS8BiL.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-C76IH-3L.js

@@ -1,184 +0,0 @@
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as useAxiosGet } from "./useAxiosGet-BMoXHfLN.js";
-import { t as Page_default } from "./Page-DY0ESivs.js";
-import { t as PrimaryActionHeader } from "./PrimaryActionHeader-Csy_2HwQ.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-C76IH-3L.js.map

package/dist/PageContainer-C76IH-3L.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageContainer-C76IH-3L.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":";;;;;;;;;;;;;;;;AAeA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,YAAY,UAAW,MAAM,iBAAiB,IAAI,MAAM,QAAQ,EAAE;EAClE,cAAc,UAAW,MAAM,iBAAiB,IAAI,MAAM,QAAQ,EAAE;EACpE,aAAa,UAAW,MAAM,iBAAiB,IAAI,MAAM,QAAQ,EAAE;EACnE,SAAS,UAAU,MAAM,UAAU;EACnC,WAAW,UAAU,MAAM,UAAU;EACtC;CACD,YAAY;EACV,WAAW;EACX,aAAa;EACb,YAAY;EACZ,SAAS,UAAU,MAAM,UAAU;EACnC,WAAW,UAAU,MAAM,UAAU;EACtC;CACD,OAAO;EACL,MAAM;EACN,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,MAAM,EACJ,WAAW,MAAM,QAAQ,KAAK,EAC/B;CACD,gBAAgB;EACd,MAAM;EACN,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,SAAS,UACP,MAAM,gBAAgB,MAAM,gBAAgB;EAC/C;CACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,EACJ,MACA,cACA,cACA,UACA,cAAc,OACd,gBAAgB,MAChB,UACA,WAAW,OACX,eACA,aAAa,UACX;CACJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE,CAAC;CACtD,MAAM,SAAS,UAAU,OAAO;CAChC,MAAM,aAAa,UAAU,UAAU,QAAQ,UAAU,GAAG;CAC5D,MAAM,UAAU,eAAe,MAAM,OAAO,eAAe,QAAQ;CACnE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,mBAAmB,qBAAqB;CAE9C,MAAM,CAAC,EAAE,MAAM,UAAU,SAAS,qBAAqB,YACrD,cAAc,gBACd,QAAQ,UACR,EAAE,EACF,CAAC,CAAC,CAAC,QACH,MACD;CAED,MAAM,CACJ,EAAE,MAAM,UAAU,SAAS,iBAAiB,OAAO,iBACnD,mBACE,YACF,cAAc,gBACd,0BAA0B,MAAM,gBAAgB,aAAa,cAAc,OAAO,oBAClF,EAAE,EACF,CAAC,YACD,MACD;CAED,MAAM,gBAAgB,aAAa,OAAO;AACxC,oBAAkB,iBAChB,aAAa,QAAQ,YAAY,QAAQ,OAAO,GAAG,CACpD;IACA,EAAE,CAAC;CAEN,MAAM,2BAA2B,aAC9B,iBAAiB,IAAI,mBAAiB;EACrC,MAAM,YAAY,kBAAkB;AACpC,MAAI,CAAC,UAAU,MAAM,CACnB;EAGF,MAAM,WAAW,EAAE;EACnB,MAAM,oBAAoBA,gBAAc,qBAAqB,EAAE;EAC/D,MAAM,UAAUA,gBAAc,WAAW,EAAE;EAC3C,MAAM,SAAS,UAAU,MAAM,IAAI,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC;EAC5D,MAAM,4BAA4B,EAAE;AAEpC,SAAO,SAAS,cAAc;GAC5B,MAAM,gBAAgB,kBAAkB;AACxC,OAAI,CAAC,eAAe,MAClB,2BAA0B,KAAK,UAAU;YAGvC,cAAc,SAAS,aACtB,QAAQ,cAAc,WAAW,UAChC,QAAQ,cAAc,WAAW,MAEnC,2BAA0B,KAAK,UAAU;IAG7C;AAEF,4BAA0B,SAAS,SAAS;AAC1C,YAAS,KAAK;IACZ,IAAIC,IAAM;IACV,SAAS,GAAG,KAAK,GAAG,EAAE,2BAA2B;IAClD,CAAC;IACF;AACF,SAAO;IAET,CAAC,EAAE,CACJ;CAED,MAAM,QAAQ,cAEV,MAAM,WACN,OAAO,KAAK,KAAK,MAAM,KAAK,QAAQ,CAAC,CAAC,KAAK,QAAQ;EAEjD,MAAM,YAAY,KAAK,MAAM,KAAK,QAAQ,CAAC;EAC3C,MAAM,SAAS,YAAY,KAAK,MAAM,UAAU,GAAG;AACnD,MAAI,QAAQ,OACV,QAAO,SAAS,MAAM;AAGpB,OAAI,OACF,GAAE,SAAS;IACT,YAAY,QAAQ;IACpB,eAAe,QAAQ;IACvB,SAAS,QAAQ;IACjB,eAAe,QAAQ;IACvB,UAAU,QAAQ;IAClB,mBAAmB,QAAQ;IAC3B,GAAG,EAAE;IACN;AAEH,OAAI,aACF,GAAE,SAAS;IAAE,GAAG,EAAE;IAAQ,GAAG;IAAc;IAE7C;AAEJ,SACE,oCAAC;GACC,SAAS;GACT,KAAK,SAAS,GAAG,IAAI,GAAG,QAAQ,eAAe;KAE/C,oCAACC;GACO;GACN,YAAY,KAAK,MAAM,KAAK,eAAe,CAAC;GAC5C,cAAc;GACC;IACf,CACU;GAEhB,EACJ;EAAC;EAAM;EAAM;EAAc;EAAe;EAAQ;EAAO,CAC1D;AAED,iBAAgB;AACd,MAAI,QACF;OAAI,SACF,SAAQ,SAAS;aAEV,SACT,SAAQ,SAAS;MAEjB,SAAQ,SAAS;AAEnB,mBAAiB,EAAE,CAAC;IACnB;EAAC;EAAQ;EAAU;EAAU;EAAS,CAAC;AAE1C,iBAAgB;AACd,MAAI,MAAM,SAAS;GACjB,IAAI,WAAW,EAAE;AACjB,UAAO,KAAK,KAAK,MAAM,KAAK,QAAQ,CAAC,CAAC,SAAS,QAAQ;IAErD,MAAM,YAAY,KAAK,MAAM,KAAK,QAAQ,CAAC;IAC3C,MAAM,SAAS,YAAY,KAAK,MAAM,UAAU,GAAG;AACnD,QAAI,QAAQ,OACV,QAAO,SAAS,MAAM;AAGpB,SAAI,OACF,GAAE,SAAS;MACT,YAAY,QAAQ;MACpB,eAAe,QAAQ;MACvB,SAAS,QAAQ;MACjB,eAAe,QAAQ;MACvB,UAAU,QAAQ;MAClB,mBAAmB,QAAQ;MAC3B,GAAG,EAAE;MACN;AAEH,SAAI,aACF,GAAE,SAAS;MAAE,GAAG,EAAE;MAAQ,GAAG;MAAc;AAG7C,SAAI,YAAY,MAAM,WAAW,cAAc,OAC7C,YAAW,yBACT,EAAE,oBACF,EAAE,OACH;MAEH;KAEJ;AACF,oBAAiB,SAAS;;IAE3B;EAAC;EAAM;EAAc;EAAQ;EAAQ;EAAU;EAAyB,CAAC;AAI5E,iBAAgB;AACd,MAAI,KACF,kBAAiB,EAAE,OAAO,EAAE,MAAM,KAAK,EAAE,CAAC;IAE3C;EAAC;EAAkB;EAAG;EAAK,CAAC;AAE/B,KAAI,gBAAgB,CAAC,SACnB,QAAO,oCAAC,YAAS,IAAI,eAAgB;AAGvC,KAAI,mBAAmB,YACrB,QACE,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC,oBAAiB,MAAM,iBAAiB,KAAM,CAC3C;AAIV,QACE,0DACG,MAAM,gBACL,oCAAC,QAAK,SAAS,cACb,oCAAC;EAAoB,OAAO,KAAK;EAAM;EAAQ;GAAS,CACnD,EAET,oCAAC,SACC,WAAW,MAAM,eAAe,IAAI,QAAQ,aAAa,QAAQ,QAEhE,eAAe,SAAS,KACvB,cAAc,KAAK,YACjB,oCAAC;EACC,KAAK,QAAQ;EACb,eAAe,cAAc,QAAQ,GAAG;EACxC,UAAS;IAER,QAAQ,WAAW,GACd,CACR,EACJ,oCAAC,2BAAqB,MAA4B,CAC9C,CACL"}

package/dist/PageRenderer-DIeWuv9R.js

@@ -1,29 +0,0 @@
-import { t as withEngineComponent } from "./withEngineComponent-CvYxXIL-.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-DIeWuv9R.js.map

package/dist/PageRenderer-DIeWuv9R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageRenderer-DIeWuv9R.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-C4YTQEFV.js

@@ -1,88 +0,0 @@
-import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.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-C4YTQEFV.js.map