udp-react-enterprise-component-library 25.16.2-beta.1 → 25.16.2-beta.2

package/dist/PageContainer-D6cKoXv1.js

@@ -0,0 +1,223 @@
+import { n as useShellStore } from "./shellStore-B_6P0cep.js";
+import { t as useAxiosGet } from "./useAxiosGet-5JQU4EkT.js";
+import { i as getWidgetLayout, r as DashboardCardGrid_default, t as DashboardWidget_default } from "./DashboardWidget-yDqUSPg4.js";
+import { t as PrimaryActionHeader } from "./PrimaryActionHeader-Dn1lPb0q.js";
+import { t as PageContextProvider } from "./PageContext-eAdaXnSC.js";
+import { t as useSetLocationState } from "./useSetLocationState-rHUPN6XU.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Card, CircularProgress, makeStyles } from "@material-ui/core";
+import { ConfigService } from "udp-react-stencil-component-library";
+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/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
+//#region src/page/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-D6cKoXv1.js.map

package/dist/PageContainer-D6cKoXv1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer-D6cKoXv1.js","names":["layouts","DashboardWidget","DashboardCardGrid","widgetParams","uuid","Page"],"sources":["../src/page/Page.jsx","../src/page/PageContainer.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","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 'udp-react-stencil-component-library';\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/PageContext-eAdaXnSC.js

@@ -0,0 +1,49 @@
+import React, { createContext, useReducer } from "react";
+
+//#region src/contexts/PageContext.tsx
+const initialState = {};
+/**
+* The Page context, shared amongst the Page
+* and all children. Generally used to share state between
+* Widgets. Call dispatch() to update the state. Currently
+* only supports dispatch types of "set <state_property>".
+* Example: dispatch({ type: "set mySharedProperty", value: oldSharedProperty + 1 });
+*/
+const pageContext = createContext({});
+const { Provider } = pageContext;
+/**
+* Sets shared state based on an action type and a value.
+* action.type is in the format: <operator> <prop>
+* Currently the only supported action type is "set <prop>",
+* which will set state.prop to action.value.
+* @param state The current state
+* @param action A type and value to alter the current state
+* @returns The new state
+*/
+const reducer = (state, action) => {
+	const operator = action.type.substr(0, action.type.indexOf(" "));
+	const prop = action.type.substr(action.type.indexOf(" ") + 1);
+	switch (operator) {
+		case "set": return {
+			...state,
+			[prop]: action.value
+		};
+		default: throw new Error("Unknown operator");
+	}
+};
+/**
+* A Context component to wrap around a Page. Allows
+* sharing of state amongst sibling Widgets.
+* @returns
+*/
+const PageContextProvider = ({ children }) => {
+	const [state, dispatch] = useReducer(reducer, initialState);
+	return /* @__PURE__ */ React.createElement(Provider, { value: {
+		state,
+		dispatch
+	} }, children);
+};
+
+//#endregion
+export { pageContext as n, PageContextProvider as t };
+//# sourceMappingURL=PageContext-eAdaXnSC.js.map

package/dist/PageContext-eAdaXnSC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContext-eAdaXnSC.js","names":["initialState: any"],"sources":["../src/contexts/PageContext.tsx"],"sourcesContent":["import React, { createContext, useReducer } from 'react';\n\nconst initialState: any = {};\n\n/**\n * The Page context, shared amongst the Page\n * and all children. Generally used to share state between\n * Widgets. Call dispatch() to update the state. Currently\n * only supports dispatch types of \"set <state_property>\".\n * Example: dispatch({ type: \"set mySharedProperty\", value: oldSharedProperty + 1 });\n */\nconst pageContext = createContext(\n  {} as { state: any; dispatch: React.Dispatch<{ type: string; value?: any }> }\n);\nconst { Provider } = pageContext;\n\n/**\n * Sets shared state based on an action type and a value.\n * action.type is in the format: <operator> <prop>\n * Currently the only supported action type is \"set <prop>\",\n * which will set state.prop to action.value.\n * @param state The current state\n * @param action A type and value to alter the current state\n * @returns The new state\n */\nconst reducer = (state: any, action: { type: string; value?: any }) => {\n  // Action.type should be in the format: <operator> <prop>. Ex: set sharedId\n  const operator = action.type.substr(0, action.type.indexOf(' '));\n  const prop = action.type.substr(action.type.indexOf(' ') + 1);\n\n  switch (operator) {\n    case 'set':\n      const newState = { ...state, [prop]: action.value };\n      return newState;\n    default:\n      throw new Error('Unknown operator');\n  }\n};\n\n/**\n * A Context component to wrap around a Page. Allows\n * sharing of state amongst sibling Widgets.\n * @returns\n */\nconst PageContextProvider = ({ children }: any) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return <Provider value={{ state, dispatch }}>{children}</Provider>;\n};\n\nexport { pageContext, PageContextProvider };\n"],"mappings":";;;AAEA,MAAMA,eAAoB,EAAE;;;;;;;;AAS5B,MAAM,cAAc,cAClB,EAAE,CACH;AACD,MAAM,EAAE,aAAa;;;;;;;;;;AAWrB,MAAM,WAAW,OAAY,WAA0C;CAErE,MAAM,WAAW,OAAO,KAAK,OAAO,GAAG,OAAO,KAAK,QAAQ,IAAI,CAAC;CAChE,MAAM,OAAO,OAAO,KAAK,OAAO,OAAO,KAAK,QAAQ,IAAI,GAAG,EAAE;AAE7D,SAAQ,UAAR;EACE,KAAK,MAEH,QADiB;GAAE,GAAG;IAAQ,OAAO,OAAO;GAAO;EAErD,QACE,OAAM,IAAI,MAAM,mBAAmB;;;;;;;;AASzC,MAAM,uBAAuB,EAAE,eAAoB;CACjD,MAAM,CAAC,OAAO,YAAY,WAAW,SAAS,aAAa;AAE3D,QAAO,oCAAC,YAAS,OAAO;EAAE;EAAO;EAAU,IAAG,SAAoB"}

package/dist/PageLoading-DflvopNL.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { CircularProgress, makeStyles } from "@material-ui/core";
+
+//#region src/UI/feedback/PageLoading.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center",
+	height: "50vh"
+} }));
+const PageLoading = () => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(CircularProgress, { color: "secondary" }));
+};
+
+//#endregion
+export { PageLoading as t };
+//# sourceMappingURL=PageLoading-DflvopNL.js.map

package/dist/PageLoading-DflvopNL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLoading-DflvopNL.js","names":[],"sources":["../src/UI/feedback/PageLoading.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    height: '50vh'\n  }\n}));\nexport const PageLoading = () => {\n  const classes = useStyles();\n  return (\n    <div className={classes.root}>\n      <CircularProgress color='secondary' />\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACT,EACF,EAAE;AACH,MAAa,oBAAoB;CAC/B,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,oBAAiB,OAAM,cAAc,CAClC"}

package/dist/PageNotFoundRoute-BbN60Viu.js

@@ -0,0 +1,24 @@
+import { t as PageStatus } from "./PageStatus-DBJUjhU1.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+
+//#region src/routes/components/PageNotFoundRoute.jsx
+const useStyles = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
+const PageNotFoundRoute = () => {
+	const classes = useStyles();
+	const { t } = useTranslation();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(PageStatus, {
+		statusCode: 404,
+		title: t("Page Not Found"),
+		subheader: t("Sorry, we can't find the page you are looking for."),
+		message: t("You may have typed the address incorrectly or you may have used an outdated link."),
+		to: "/",
+		buttonLabel: t("Back to Home Page")
+	}));
+};
+var PageNotFoundRoute_default = PageNotFoundRoute;
+
+//#endregion
+export { PageNotFoundRoute_default as n, PageNotFoundRoute as t };
+//# sourceMappingURL=PageNotFoundRoute-BbN60Viu.js.map

package/dist/PageNotFoundRoute-BbN60Viu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFoundRoute-BbN60Viu.js","names":[],"sources":["../src/routes/components/PageNotFoundRoute.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PageStatus } from './PageStatus';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(4)\n  }\n}));\n\nexport const PageNotFoundRoute = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  return (\n    <div className={classes.root}>\n      <PageStatus\n        statusCode={404}\n        title={t('Page Not Found')}\n        subheader={t(\"Sorry, we can't find the page you are looking for.\")}\n        message={t(\n          'You may have typed the address incorrectly or you may have used an outdated link.'\n        )}\n        to='/'\n        buttonLabel={t('Back to Home Page')}\n      />\n    </div>\n  );\n};\n\nexport default PageNotFoundRoute;\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,0BAA0B;CACrC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,YAAY;EACZ,OAAO,EAAE,iBAAiB;EAC1B,WAAW,EAAE,qDAAqD;EAClE,SAAS,EACP,oFACD;EACD,IAAG;EACH,aAAa,EAAE,oBAAoB;GACnC,CACE;;AAIV,gCAAe"}

package/dist/PageNotFoundRoute-CZArnjgk.js

@@ -0,0 +1,4 @@
+import "./PageStatus-DBJUjhU1.js";
+import { n as PageNotFoundRoute_default, t as PageNotFoundRoute } from "./PageNotFoundRoute-BbN60Viu.js";
+
+export { PageNotFoundRoute, PageNotFoundRoute_default as default };

package/dist/PageRenderer-BPr3pF88.js

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

package/dist/PageRenderer-BPr3pF88.js.map

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

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

package/dist/PageSectionSpacer-BrUQDVvj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSectionSpacer-BrUQDVvj.js","names":["useStyles","useStyles","useStyles"],"sources":["../src/page/PageContent.jsx","../src/page/PageHeader.jsx","../src/page/PageSectionHeader.jsx","../src/page/PageSectionSpacer.jsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      flex: 1,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: theme.spacing(2),\n      marginTop: theme.spacing(2),\n      paddingTop: theme.spacing(0)\n    }\n  }),\n  { name: 'PageContent' }\n);\n\n/**\n * Page content wrapper that provides page gutters\n */\nexport const PageContent = (props) => {\n  const classes = useStyles(props);\n  const { className, children, ...other } = props;\n\n  return (\n    <div {...other} classes={null} className={clsx(className, classes.root)}>\n      {children}\n    </div>\n  );\n};\n","import React from 'react';\nimport { AppBar, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      color: theme.palette.appBar.contrastText\n    }\n  }),\n  { name: 'PageHeader' }\n);\n\n/**\n * A page's header bar\n *\n * Includes the page title and optional confirmation UI.\n */\nexport const PageHeader = (props) => {\n  const classes = useStyles(props);\n  const { title, className, children, ...other } = props;\n\n  return (\n    <AppBar\n      position='static'\n      color='transparent'\n      elevation={0}\n      {...other}\n      classes={{ root: classes.root }}\n    />\n  );\n};\n","import React from 'react';\nimport { Avatar, makeStyles, IconButton, Typography } from '@material-ui/core';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { RefreshIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  title: {\n    flex: 1\n  },\n  icon: {\n    marginTop: theme.spacing(-2.5)\n  }\n}));\n\nexport const PageSectionHeader = (props) => {\n  const classes = useStyles();\n  const { action, title } = props;\n\n  return (\n    <div className={classes.root}>\n      <Typography variant='h6' className={classes.title}>\n        {' '}\n        {title}{' '}\n      </Typography>\n      <IconButton onClick={action} className={classes.icon}>\n        <Avatar>\n          <FluentIcon size='small' component={RefreshIcon} />\n        </Avatar>\n      </IconButton>\n    </div>\n  );\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  toolbar: {\n    // ...theme.mixins.toolbar\n  }\n}));\n\n/**\n * A spacing component with the same height as the SiteHeader\n */\n\nexport const PageSectionSpacer = (props) => {\n  const classes = useStyles();\n  const { className } = props;\n\n  return <div className={clsx(className, classes.toolbar)} />;\n};\n"],"mappings":";;;;;;;AAIA,MAAMA,cAAY,YACf,WAAW,EACV,MAAM;CACJ,MAAM;CACN,SAAS;CACT,eAAe;CACf,SAAS,MAAM,QAAQ,EAAE;CACzB,WAAW,MAAM,QAAQ,EAAE;CAC3B,YAAY,MAAM,QAAQ,EAAE;CAC7B,EACF,GACD,EAAE,MAAM,eAAe,CACxB;;;;AAKD,MAAa,eAAe,UAAU;CACpC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,WAAW,SAAU,GAAG,UAAU;AAE1C,QACE,oCAAC;EAAI,GAAI;EAAO,SAAS;EAAM,WAAW,KAAK,WAAW,QAAQ,KAAK;IACpE,SACG;;;;;ACzBV,MAAMC,cAAY,YACf,WAAW,EACV,MAAM,EACJ,OAAO,MAAM,QAAQ,OAAO,cAC7B,EACF,GACD,EAAE,MAAM,cAAc,CACvB;;;;;;AAOD,MAAa,cAAc,UAAU;CACnC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,OAAO,WAAW,SAAU,GAAG,UAAU;AAEjD,QACE,oCAAC;EACC,UAAS;EACT,OAAM;EACN,WAAW;EACX,GAAI;EACJ,SAAS,EAAE,MAAM,QAAQ,MAAM;GAC/B;;;;;ACvBN,MAAMC,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EAChB;CACD,OAAO,EACL,MAAM,GACP;CACD,MAAM,EACJ,WAAW,MAAM,QAAQ,KAAK,EAC/B;CACF,EAAE;AAEH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,UAAUA,aAAW;CAC3B,MAAM,EAAE,QAAQ,UAAU;AAE1B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAW,SAAQ;EAAK,WAAW,QAAQ;IACzC,KACA,OAAO,IACG,EACb,oCAAC;EAAW,SAAS;EAAQ,WAAW,QAAQ;IAC9C,oCAAC,cACC,oCAAC;EAAW,MAAK;EAAQ,WAAW;GAAe,CAC5C,CACE,CACT;;;;;AC7BV,MAAM,YAAY,YAAY,WAAW,EACvC,SAAS,EAER,EACF,EAAE;;;;AAMH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,cAAc;AAEtB,QAAO,oCAAC,SAAI,WAAW,KAAK,WAAW,QAAQ,QAAQ,GAAI"}

package/dist/PageStatus-DBJUjhU1.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { Button, Card, CardContent, Typography, makeStyles } from "@material-ui/core";
+import { Link as Link$1 } from "react-router-dom";
+
+//#region src/routes/components/PageStatus.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	card: {
+		background: theme.palette.primary.main,
+		minWidth: (props) => props?.minWidth,
+		minHeight: (props) => props?.minHeight
+	},
+	subHeader: { marginTop: theme.spacing(3) },
+	content: { color: theme.palette.getContrastText(theme.palette.primary.main) },
+	header: {
+		textAlign: "center",
+		marginTop: theme.spacing(2)
+	},
+	button: {
+		marginTop: theme.spacing(8),
+		display: "flex",
+		justifyContent: "center"
+	},
+	largeDisplay: {
+		fontSize: "4rem",
+		color: theme.palette.getContrastText(theme.palette.primary.main)
+	},
+	message: { marginTop: theme.spacing(3) }
+}));
+const PageStatus = (props) => {
+	const classes = useStyles(props);
+	const { title, subheader, message, to, buttonLabel, statusCode, showButton = true } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Card, { className: classes.card }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement("div", { className: classes.header }, statusCode && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { className: classes.largeDisplay }, statusCode)), /* @__PURE__ */ React.createElement("div", { className: classes.subHeader }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, title))), /* @__PURE__ */ React.createElement("div", { className: classes.message }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "overline",
+		style: { fontWeight: 700 }
+	}, subheader), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "left" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, message))), showButton && /* @__PURE__ */ React.createElement("div", { className: classes.button }, /* @__PURE__ */ React.createElement(Button, {
+		component: Link$1,
+		to,
+		variant: "contained",
+		color: "secondary",
+		id: `udpRecord-PageStatus-${buttonLabel}`,
+		udprecordid: `udpRecord-PageStatus-${buttonLabel}`
+	}, buttonLabel))))));
+};
+
+//#endregion
+export { PageStatus as t };
+//# sourceMappingURL=PageStatus-DBJUjhU1.js.map

package/dist/PageStatus-DBJUjhU1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageStatus-DBJUjhU1.js","names":["Link"],"sources":["../src/routes/components/PageStatus.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  Button,\n  makeStyles,\n  Typography,\n  Card,\n  CardContent,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  card: {\n    background: theme.palette.primary.main,\n    minWidth: props => props?.minWidth,\n    minHeight: props => props?.minHeight,\n  },\n  subHeader: {\n    marginTop: theme.spacing(3),\n  },\n  content: {\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  header: {\n    textAlign: 'center',\n    marginTop: theme.spacing(2),\n  },\n  button: {\n    marginTop: theme.spacing(8),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  largeDisplay: {\n    fontSize: '4rem',\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  message: {\n    marginTop: theme.spacing(3),\n  },\n}));\nexport const PageStatus = props => {\n  const classes = useStyles(props);\n  const {\n    title,\n    subheader,\n    message,\n    to,\n    buttonLabel,\n    statusCode,\n    showButton = true,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <Card className={classes.card}>\n        <CardContent>\n          <div className={classes.content}>\n            <div className={classes.header}>\n              {statusCode && (\n                <div>\n                  <Typography className={classes.largeDisplay}>\n                    {statusCode}\n                  </Typography>\n                </div>\n              )}\n              <div className={classes.subHeader}>\n                <Typography variant=\"h6\">{title}</Typography>\n              </div>\n            </div>\n            <div className={classes.message}>\n              <Typography variant=\"overline\" style={{ fontWeight: 700 }}>\n                {subheader}\n              </Typography>\n              <div style={{ textAlign: 'left' }}>\n                <Typography variant=\"caption\">{message}</Typography>\n              </div>\n            </div>\n            {showButton && (\n              <div className={classes.button}>\n                <Button\n                  component={Link}\n                  to={to}\n                  variant=\"contained\"\n                  color=\"secondary\"\n                  id={`udpRecord-PageStatus-${buttonLabel}`}\n                  udprecordid={`udpRecord-PageStatus-${buttonLabel}`}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAUA,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,YAAY;EACb;CACD,MAAM;EACJ,YAAY,MAAM,QAAQ,QAAQ;EAClC,WAAU,UAAS,OAAO;EAC1B,YAAW,UAAS,OAAO;EAC5B;CACD,WAAW,EACT,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACD,SAAS,EACP,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,KAAK,EACjE;CACD,QAAQ;EACN,WAAW;EACX,WAAW,MAAM,QAAQ,EAAE;EAC5B;CACD,QAAQ;EACN,WAAW,MAAM,QAAQ,EAAE;EAC3B,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,KAAK;EACjE;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AACH,MAAa,cAAa,UAAS;CACjC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,OACA,WACA,SACA,IACA,aACA,YACA,aAAa,SACX;AAEJ,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,QAAK,WAAW,QAAQ,QACvB,oCAAC,mBACC,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,SAAI,WAAW,QAAQ,UACrB,cACC,oCAAC,aACC,oCAAC,cAAW,WAAW,QAAQ,gBAC5B,WACU,CACT,EAER,oCAAC,SAAI,WAAW,QAAQ,aACtB,oCAAC,cAAW,SAAQ,QAAM,MAAmB,CACzC,CACF,EACN,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EAAW,SAAQ;EAAW,OAAO,EAAE,YAAY,KAAK;IACtD,UACU,EACb,oCAAC,SAAI,OAAO,EAAE,WAAW,QAAQ,IAC/B,oCAAC,cAAW,SAAQ,aAAW,QAAqB,CAChD,CACF,EACL,cACC,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,WAAWA;EACP;EACJ,SAAQ;EACR,OAAM;EACN,IAAI,wBAAwB;EAC5B,aAAa,wBAAwB;IAEpC,YACM,CACL,CAEJ,CACM,CACT,CACH"}

package/dist/PageSubHeaderAction-P5JNbI1r.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/utilities/page/PageSubHeaderAction.jsx
+const PageSubHeaderActions = createTeleporter({ multiSources: true });
+/**
+* @type {React.FC}
+*/
+const PageSubHeaderActionsTarget = PageSubHeaderActions.Target;
+/**
+* Places a button in the App SubHeader
+*/
+const PageSubHeaderAction = (props) => {
+	const { children, className,...buttonProps } = props;
+	return /* @__PURE__ */ React.createElement(PageSubHeaderActions.Source, null, children);
+};
+
+//#endregion
+export { PageSubHeaderActionsTarget as n, PageSubHeaderAction as t };
+//# sourceMappingURL=PageSubHeaderAction-P5JNbI1r.js.map

package/dist/PageSubHeaderAction-P5JNbI1r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSubHeaderAction-P5JNbI1r.js","names":[],"sources":["../src/utilities/page/PageSubHeaderAction.jsx"],"sourcesContent":["import React from 'react';\nimport { createTeleporter } from 'react-teleporter';\n\nconst PageSubHeaderActions = createTeleporter({\n  multiSources: true\n});\n\n/**\n * @type {React.FC}\n */\nexport const PageSubHeaderActionsTarget = PageSubHeaderActions.Target;\n\n/**\n * Places a button in the App SubHeader\n */\nexport const PageSubHeaderAction = (props) => {\n  const { children, className, ...buttonProps } = props;\n\n  return <PageSubHeaderActions.Source>{children}</PageSubHeaderActions.Source>;\n};"],"mappings":";;;;AAGA,MAAM,uBAAuB,iBAAiB,EAC5C,cAAc,MACf,CAAC;;;;AAKF,MAAa,6BAA6B,qBAAqB;;;;AAK/D,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EAAE,UAAU,UAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,qBAAqB,cAAQ,SAAuC"}