udp-react-enterprise-component-library 25.18.0 → 25.18.1-alpha.1

package/dist/PageContainer-D6cKoXv1.js

@@ -1,223 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,49 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,88 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,52 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}