udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/export-map.json

@@ -1,7 +1,7 @@
 {
-  "generated": "2025-09-25T16:24:06.780Z",
+  "generated": "2025-10-14T22:42:23.054Z",
   "library": "udp-react-enterprise-component-library",
-  "totalExports": 769,
+  "totalExports": 771,
   "description": "Map of exported items to their module paths for tree-shaking",
   "usage": {
     "vite": "Use with vite-plugin-udp-optimizer"
@@ -235,6 +235,7 @@
     "Grid": "UI",
     "GridActionBar": "UI/utilityDisplay",
     "GridEnums": "enums",
+    "GridExcelStyleEnums": "enums",
     "GridGroup": "layout",
     "GridGroupingHeader": "UI/templates/ui",
     "GridGroupingSidebar": "UI/templates/ui",
@@ -486,6 +487,7 @@
     "UdpCharts": "UI/charts",
     "UdpCrudFormFields": "UI/forms",
     "UdpDataBrowserPage": "udp/pages",
+    "UdpDateRangeSelector": "",
     "UdpDateSelector": "UI/inputs/pickers",
     "UdpDonutChart": "",
     "UdpEnums": "enums",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-react-enterprise-component-library",
-  "version": "25.14.1-beta.9",
+  "version": "25.16.1",
   "description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
   "author": "Univerus",
   "license": "MIT",
@@ -161,6 +161,7 @@
     "react-html-parser": "^2.0.2",
     "react-infinite-scroll-component": "^6.1.0",
     "react-is": "^17.0.2",
+    "react-json-view": "^1.21.3",
     "react-leaflet": "^3.2.2",
     "react-leaflet-enhanced-marker": "^1.0.21",
     "react-leaflet-markercluster": "^3.0.0-rc1",
@@ -181,11 +182,10 @@
     "warning": "^4.0.3",
     "xlsx": "^0.18.5",
     "zustand": "^4.3.7",
-    "udp-react-stencil-component-library": "25.14.1-beta.7"
+    "udp-react-stencil-component-library": "25.16.1"
   },
   "publishConfig": {
-    "tag": "beta",
-    "access": "public"
+    "tag": "latest"
   },
   "scripts": {
     "build": "tsdown && tsgo && node scripts/postbuild-tsdown-copy-assets.mjs && pnpm build:export-map ",

package/dist/Accordion-DL61AM6M.js

@@ -1,192 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { getIconFromName } from "./TreeUtilities-XLrXtUeL.js";
-import { StatusChip } from "./StatusChip-Bw-0wE_B.js";
-import { IconButtonWithTooltip } from "./IconButtonWithToolTip-DQacH9wQ.js";
-import React, { useCallback } from "react";
-import { ButtonBase, Collapse, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { ChevronUpIcon } from "@fluentui/react-icons";
-
-//#region src/UI/accordion/Accordion.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		width: "100%",
-		height: "100%"
-	},
-	rootBorder: {
-		borderStyle: "solid",
-		borderColor: (props) => theme.palette[props?.color]?.main,
-		borderWidth: "1px 1px 1px 6px"
-	},
-	headerWrapper: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-		backgroundColor: (props) => props?.simpleAccordion && props?.color && props?.color !== "default" ? props?.color === "paper" ? theme.palette.background.paper : lighten(theme.palette[props?.color]?.light, .8) : theme.palette.background.default,
-		overflow: "hidden",
-		width: (props) => props?.headerWidth ?? "100%"
-	},
-	secondaryButtonsWrapper: {
-		display: "flex",
-		gap: theme.spacing(2),
-		borderRadius: theme.spacing(2),
-		backgroundColor: "white",
-		padding: `2px ${theme.spacing(1)}px`,
-		width: "fit-content"
-	},
-	primaryButtonWrapper: {
-		minWidth: "68px",
-		maxWidth: (props) => props?.primaryActionMaxWidth,
-		height: "auto",
-		color: "white",
-		backgroundColor: (props) => theme.palette[props?.color]?.main,
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		alignSelf: "normal"
-	},
-	headerColor: { backgroundColor: (props) => props?.color !== "default" && props?.color !== "paper" && lighten(theme.palette[props?.color]?.light, .85) },
-	buttonWrapper: {
-		display: "flex",
-		gap: theme.spacing(.5)
-	},
-	titleWrapper: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-		flexGrow: 2,
-		margin: (props) => props.removeHeaderMargin ? "0px" : theme.spacing(.8),
-		color: theme.palette.text.primary
-	},
-	closeButtonWrapper: {
-		display: "flex",
-		justifyContent: "flex-end",
-		marginTop: theme.spacing(1)
-	},
-	unexpandedIconButton: {
-		width: "68px",
-		height: "40px",
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		alignSelf: "normal",
-		borderTop: `solid 1px lightgrey`,
-		borderLeft: `solid 1px lightgrey`,
-		overflow: "hidden",
-		border: (props) => props?.removeBorder && "0px"
-	},
-	rightIconButton: {
-		backgroundColor: "white",
-		padding: theme.spacing(1),
-		borderRadius: "50%"
-	},
-	primaryActionLabel: {
-		marginRight: theme.spacing(.5),
-		marginLeft: theme.spacing(.5)
-	},
-	expand: {
-		transform: "rotate(0deg)",
-		marginLeft: "auto",
-		marginRight: theme.spacing(1),
-		transition: theme.transitions.create("transform", { duration: theme.transitions.duration.shortest })
-	},
-	expandOpen: { transform: "rotate(180deg)" },
-	titleStatusWrapper: {
-		display: "flex",
-		alignItems: "center",
-		gap: theme.spacing(1)
-	}
-}));
-const Accordion = (props) => {
-	const { title, subtitle, subtitleVariant, status, statusIcon, statusLabel, secondaryIconButtons, overriddenSecondaryContainer, rightIcon, rightIconAction, rightIconTooltip, disableRightIconButton = false, primaryActionIcon, primaryActionLabel, primaryAction, primaryActionMaxWidth, disablePrimaryActionButton = false, color = "info", children, expand, setExpand, additionalEvent, hideCloseButton = false, hideRightIconButton = false, hidePrimaryAction = false, noWrapTitle = false, simpleAccordion = false, recordId = 0, removeBorder = false, headerWidth, removeHeaderMargin, titleVariant = "subtitle2", chevronIconSize = "medium" } = props;
-	const classes = useStyles({
-		color,
-		primaryActionMaxWidth,
-		simpleAccordion,
-		headerWidth,
-		removeHeaderMargin,
-		removeBorder
-	});
-	const handleOnClickAccordion = useCallback(() => {
-		if (setExpand) setExpand(!expand);
-		if (additionalEvent) additionalEvent();
-	}, [
-		additionalEvent,
-		expand,
-		setExpand
-	]);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, { [classes.rootBorder]: !simpleAccordion & !removeBorder }) }, /* @__PURE__ */ React.createElement("div", {
-		className: clsx(classes.headerWrapper, { [classes.headerColor]: simpleAccordion ? false : expand }),
-		onClick: handleOnClickAccordion
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.titleStatusWrapper }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: titleVariant,
-		noWrap: noWrapTitle
-	}, title), statusLabel && /* @__PURE__ */ React.createElement(StatusChip, {
-		status: status ?? color,
-		label: statusLabel,
-		icon: statusIcon
-	})), subtitle && /* @__PURE__ */ React.createElement(Typography, {
-		variant: subtitleVariant,
-		noWrap: noWrapTitle
-	}, subtitle), overriddenSecondaryContainer ? { overriddenSecondaryContainer } : /* @__PURE__ */ React.createElement("div", null, secondaryIconButtons?.length > 0 && /* @__PURE__ */ React.createElement("div", { className: classes.secondaryButtonsWrapper }, secondaryIconButtons?.map((item) => /* @__PURE__ */ React.createElement("div", { className: classes.buttonWrapper }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		...item,
-		title: item?.title,
-		icon: item.icon,
-		onClick: (event) => {
-			event.stopPropagation();
-			item.onClick();
-		},
-		size: "small",
-		id: `udpRecord-Accordion-${item?.title}-${recordId}`,
-		udprecordid: `udpRecord-Accordion-${item?.title}-${recordId}`
-	}), item?.value && /* @__PURE__ */ React.createElement(Typography, null, item?.value)))))), !hideRightIconButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		title: rightIconTooltip,
-		icon: rightIcon,
-		onClick: (event) => {
-			event.stopPropagation();
-			rightIconAction();
-		},
-		className: classes.rightIconButton,
-		size: "small",
-		disabled: disableRightIconButton,
-		id: `udpRecord-Accordion-RightButton-${recordId}`,
-		udprecordid: `udpRecord-Accordion-RightButton-${recordId}`
-	}))), !hidePrimaryAction && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.primaryButtonWrapper }, primaryActionIcon ? /* @__PURE__ */ React.createElement(Tooltip, { title: primaryActionLabel }, /* @__PURE__ */ React.createElement(ButtonBase, {
-		onClick: (event) => {
-			event.stopPropagation();
-			primaryAction();
-		},
-		className: classes.primaryButtonWrapper,
-		disabled: disablePrimaryActionButton,
-		id: `udpRecord-Accordion-ButtonBase-${recordId}`,
-		udprecordid: `udpRecord-Accordion-ButtonBase-${recordId}`
-	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: primaryActionIcon }))) : /* @__PURE__ */ React.createElement(ButtonBase, {
-		onClick: primaryAction,
-		className: classes.primaryButtonWrapper,
-		disabled: disablePrimaryActionButton
-	}, /* @__PURE__ */ React.createElement(Typography, { className: classes.primaryActionLabel }, primaryActionLabel))), simpleAccordion && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		icon: getIconFromName("ChevronDownIcon"),
-		onClick: handleOnClickAccordion,
-		className: clsx(classes.expand, { [classes.expandOpen]: expand }),
-		size: chevronIconSize,
-		disabled: disableRightIconButton,
-		id: `udpRecord-Accordion-ExpandButton-${recordId}`,
-		udprecordid: `udpRecord-Accordion-ExpandButton-${recordId}`
-	})), /* @__PURE__ */ React.createElement(Collapse, {
-		in: expand,
-		timeout: "auto",
-		unmountOnExit: true
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), !hideCloseButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.closeButtonWrapper }, /* @__PURE__ */ React.createElement(ButtonBase, {
-		onClick: () => {
-			if (setExpand) setExpand(false);
-		},
-		className: classes.unexpandedIconButton,
-		id: `udpRecord-Accordion-CloseButton-${recordId}`,
-		udprecordid: `udpRecord-Accordion-CloseButton-${recordId}`
-	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: ChevronUpIcon }))))));
-};
-
-//#endregion
-export { Accordion };
-//# sourceMappingURL=Accordion-DL61AM6M.js.map

package/dist/Accordion-DL61AM6M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion-DL61AM6M.js","names":[],"sources":["../src/UI/accordion/Accordion.jsx"],"sourcesContent":["import {\n  ButtonBase,\n  Collapse,\n  Tooltip,\n  Typography,\n  lighten,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { useCallback } from 'react';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { IconButtonWithTooltip } from '../inputs/buttons/IconButtonWithToolTip';\nimport { ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../dataDisplay/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: '100%'\n  },\n  rootBorder: {\n    borderStyle: 'solid',\n    borderColor: (props) => theme.palette[props?.color]?.main,\n    borderWidth: '1px 1px 1px 6px'\n  },\n  headerWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: (props) =>\n      props?.simpleAccordion && props?.color && props?.color !== 'default'\n        ? props?.color === 'paper'\n          ? theme.palette.background.paper\n          : lighten(theme.palette[props?.color]?.light, 0.8)\n        : theme.palette.background.default,\n    overflow: 'hidden',\n    width: (props) => props?.headerWidth ?? '100%'\n  },\n  secondaryButtonsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(2),\n    borderRadius: theme.spacing(2),\n    backgroundColor: 'white',\n    padding: `2px ${theme.spacing(1)}px`,\n    width: 'fit-content'\n  },\n  primaryButtonWrapper: {\n    minWidth: '68px',\n    maxWidth: (props) => props?.primaryActionMaxWidth,\n    height: 'auto',\n    color: 'white',\n    backgroundColor: (props) => theme.palette[props?.color]?.main,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal'\n  },\n  headerColor: {\n    backgroundColor: (props) =>\n      props?.color !== 'default' &&\n      props?.color !== 'paper' &&\n      lighten(theme.palette[props?.color]?.light, 0.85)\n  },\n  buttonWrapper: {\n    display: 'flex',\n    gap: theme.spacing(0.5)\n  },\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexGrow: 2,\n    margin: (props) => (props.removeHeaderMargin ? '0px' : theme.spacing(0.8)),\n    color: theme.palette.text.primary\n  },\n  closeButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginTop: theme.spacing(1)\n  },\n  unexpandedIconButton: {\n    width: '68px',\n    height: '40px',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal',\n    borderTop: `solid 1px lightgrey`,\n    borderLeft: `solid 1px lightgrey`,\n    overflow: 'hidden',\n    border: (props) => props?.removeBorder && '0px'\n  },\n  rightIconButton: {\n    backgroundColor: 'white',\n    padding: theme.spacing(1),\n    borderRadius: '50%'\n  },\n  primaryActionLabel: {\n    marginRight: theme.spacing(0.5),\n    marginLeft: theme.spacing(0.5)\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    marginLeft: 'auto',\n    marginRight: theme.spacing(1),\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  titleStatusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }\n}));\n\nexport const Accordion = (props) => {\n  const {\n    title,\n    subtitle,\n    subtitleVariant,\n    status,\n    statusIcon,\n    statusLabel,\n    secondaryIconButtons,\n    overriddenSecondaryContainer,\n    rightIcon,\n    rightIconAction,\n    rightIconTooltip,\n    disableRightIconButton = false,\n    primaryActionIcon,\n    primaryActionLabel,\n    primaryAction,\n    primaryActionMaxWidth,\n    disablePrimaryActionButton = false,\n    color = 'info',\n    children,\n    expand,\n    setExpand,\n    additionalEvent,\n    hideCloseButton = false,\n    hideRightIconButton = false,\n    hidePrimaryAction = false,\n    noWrapTitle = false,\n    simpleAccordion = false,\n    recordId = 0,\n    removeBorder = false,\n    headerWidth,\n    removeHeaderMargin,\n    titleVariant = 'subtitle2',\n    chevronIconSize = 'medium'\n  } = props;\n  const classes = useStyles({\n    color,\n    primaryActionMaxWidth,\n    simpleAccordion,\n    headerWidth,\n    removeHeaderMargin,\n    removeBorder,\n  });\n\n  const handleOnClickAccordion = useCallback(() => {\n    if (setExpand) {\n      setExpand(!expand);\n    }\n\n    if (additionalEvent) {\n      additionalEvent();\n    }\n  }, [additionalEvent, expand, setExpand]);\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.rootBorder]: !simpleAccordion & !removeBorder\n      })}\n    >\n      <div\n        className={clsx(classes.headerWrapper, {\n          [classes.headerColor]: simpleAccordion ? false : expand\n        })}\n        onClick={handleOnClickAccordion}\n      >\n        <div className={classes.titleWrapper}>\n          <div>\n            <div className={classes.titleStatusWrapper}>\n              <Typography variant={titleVariant} noWrap={noWrapTitle}>\n                {title}\n              </Typography>\n              {statusLabel && <StatusChip\n                status={status ?? color}\n                label={statusLabel}\n                icon={statusIcon}\n              />}\n            </div>\n\n            {subtitle && (\n              <Typography variant={subtitleVariant} noWrap={noWrapTitle}>\n                {subtitle}\n              </Typography>\n            )}\n\n            {overriddenSecondaryContainer ? (\n              { overriddenSecondaryContainer }\n            ) : (\n              <div>\n                {secondaryIconButtons?.length > 0 && (\n                  <div className={classes.secondaryButtonsWrapper}>\n                    {secondaryIconButtons?.map((item) => (\n                      <div className={classes.buttonWrapper}>\n                        <IconButtonWithTooltip\n                          {...item}\n                          title={item?.title}\n                          icon={item.icon}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            item.onClick();\n                          }}\n                          size='small'\n                          id={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                          udprecordid={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                        />\n                        {item?.value && <Typography>{item?.value}</Typography>}\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n          {!hideRightIconButton && !simpleAccordion && (\n            <div>\n              <IconButtonWithTooltip\n                title={rightIconTooltip}\n                icon={rightIcon}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  rightIconAction();\n                }}\n                className={classes.rightIconButton}\n                size='small'\n                disabled={disableRightIconButton}\n                id={`udpRecord-Accordion-RightButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-RightButton-${recordId}`}\n              />\n            </div>\n          )}\n        </div>\n        {!hidePrimaryAction && !simpleAccordion && (\n          <div className={classes.primaryButtonWrapper}>\n            {primaryActionIcon ? (\n              <Tooltip title={primaryActionLabel}>\n                <ButtonBase\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    primaryAction();\n                  }}\n                  className={classes.primaryButtonWrapper}\n                  disabled={disablePrimaryActionButton}\n                  id={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                  udprecordid={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                >\n                  <FluentIcon component={primaryActionIcon} />\n                </ButtonBase>\n              </Tooltip>\n            ) : (\n              <ButtonBase\n                onClick={primaryAction}\n                className={classes.primaryButtonWrapper}\n                disabled={disablePrimaryActionButton}\n              >\n                <Typography className={classes.primaryActionLabel}>\n                  {primaryActionLabel}\n                </Typography>\n              </ButtonBase>\n            )}\n          </div>\n        )}\n        {simpleAccordion && (\n          <FluentIconButton\n            icon={getIconFromName('ChevronDownIcon')}\n            onClick={handleOnClickAccordion}\n            className={clsx(classes.expand, {\n              [classes.expandOpen]: expand\n            })}\n            size={chevronIconSize}\n            disabled={disableRightIconButton}\n            id={`udpRecord-Accordion-ExpandButton-${recordId}`}\n            udprecordid={`udpRecord-Accordion-ExpandButton-${recordId}`}\n          />\n        )}\n      </div>\n      <Collapse in={expand} timeout='auto' unmountOnExit>\n        <div>\n          <div>{children}</div>\n          {!hideCloseButton && !simpleAccordion && (\n            <div className={classes.closeButtonWrapper}>\n              <ButtonBase\n                onClick={() => {\n                  if (setExpand) {\n                    setExpand(false);\n                  }\n                }}\n                className={classes.unexpandedIconButton}\n                id={`udpRecord-Accordion-CloseButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-CloseButton-${recordId}`}\n              >\n                <FluentIcon component={ChevronUpIcon} />\n              </ButtonBase>\n            </div>\n          )}\n        </div>\n      </Collapse>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/ActionProvider-DL5qMp-u.js

@@ -1,369 +0,0 @@
-import { getEntityAttributes } from "./CrudBrowserUtilities-Cm_FNdfE.js";
-import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BNEb4J04.js";
-import { NodeActionEnums } from "./unitySystemEnums-BIMR5AWe.js";
-import { ActionWrapper } from "./ActionWrapper-BRzh3vn0.js";
-import { ActionContext, ActionDispatchContext, ActionLoadingDispatchContext } from "./ActionLoadingDispatchContext-BnmdA_n3.js";
-import { useActionStore } from "./inquiryStore-COAx0QBg.js";
-import { useCatalogStore } from "./catalogStore-DDyUXvDn.js";
-import { useShellStore } from "./shellStore-Bqwtbs_K.js";
-import { useAxiosGet } from "./useAxiosGet-VY6m2qeW.js";
-import { useApiCatalog } from "./useApiCatalog-Cz8Sz4-r.js";
-import { usePromotedLookupMethods, usePromotedMethodEntities } from "./usePromotedMethodEntities-2_2h0W8f.js";
-import { LoadingOverlay_default } from "./LoadingOverlay-DBYfWYwS.js";
-import { useAuthedUser } from "./useAuthedUser-BbuZ-TTz.js";
-import { useDefaultFormValues_default } from "./useDefaultFormValues-DvWSqhBl.js";
-import { ActionLoadingContext } from "./ActionLoadingContext-CNjaZnRA.js";
-import React, { useCallback, useEffect, useMemo, useReducer, useState } from "react";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { useHistory } from "react-router-dom";
-import { createPortal } from "react-dom";
-
-//#region src/utilities/provider/ActionProvider.jsx
-const emptyAction = {
-	action: {
-		actionId: "",
-		payload: null
-	},
-	actionPanels: {},
-	catalog: null,
-	catalogPromise: null,
-	catalogEntities: [],
-	catalogPromotedEntities: [],
-	menuListState: {
-		menuList: [],
-		handleRemoveMenuItem: () => {},
-		selectedMenuIndex: null
-	},
-	modal: {
-		open: false,
-		action: null,
-		title: ""
-	},
-	inquiryParams: { 0: {
-		selectedNode: null,
-		selectedNodeParent: null,
-		refreshTree: null
-	} },
-	showInquiryHeaderActions: true,
-	sideSheet: {
-		open: false,
-		action: null
-	},
-	splitScreen: {
-		open: false,
-		action: null,
-		type: null,
-		params: null
-	},
-	pageSplitScreen: {
-		open: false,
-		action: null,
-		type: null,
-		params: null
-	},
-	pageContainerSplitScreen: {
-		open: false,
-		action: null,
-		type: null,
-		params: null
-	},
-	setCurrentEntityName: null
-};
-const newRouteEmptyAction = {
-	action: {
-		actionId: "",
-		payload: null
-	},
-	actionPanels: {},
-	menuListState: {
-		menuList: [],
-		handleRemoveMenuItem: () => {},
-		selectedMenuIndex: null
-	},
-	modal: {
-		open: false,
-		action: null,
-		title: ""
-	},
-	selectedNodeObj: null,
-	inquiryParams: { 0: {
-		selectedNode: null,
-		selectedNodeParent: null,
-		refreshTree: null
-	} },
-	showInquiryHeaderActions: true,
-	sideSheet: {
-		open: false,
-		action: null
-	},
-	splitScreen: {
-		open: false,
-		action: null,
-		type: null,
-		params: null
-	},
-	pageSplitScreen: {
-		open: false,
-		action: null,
-		type: null,
-		params: null
-	},
-	pageContainerSplitScreen: {
-		open: false,
-		action: null,
-		type: null,
-		params: null
-	}
-};
-const emptyActionLoading = {
-	loading: false,
-	waitingToExecute: ""
-};
-const ActionProvider = (props) => {
-	const { domRoot, children } = props;
-	const user = useAuthedUser();
-	const history = useHistory();
-	const [apiCatalogId, setApiCatalogId] = useState(null);
-	const [foreignKeyData, setForeignKeyData] = useState([]);
-	const [actionPanel, setActionPanel] = useState(null);
-	const [currentEntityName, setCurrentEntityName] = useState(null);
-	const [currentLocationPathname, setCurrentLocationPathname] = useState(history?.location?.pathname);
-	const { data: catalog, promise: catalogPromise, loading: catalogLoading } = useApiCatalog(apiCatalogId);
-	usePromotedMethodEntities(apiCatalogId);
-	const selectedNode = useActionStore((state) => state.selectedNode);
-	const currentContainerId = useShellStore((state) => state.currentContainerId);
-	usePromotedLookupMethods(apiCatalogId);
-	const setCurrentApiCatalogId = useCatalogStore((state) => state.setCurrentApiCatalogId);
-	const [{ data: tpacb, loading: tpacbLoading }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!user, false);
-	const [actionState, dispatch] = useReducer((state, reducerAction) => {
-		switch (reducerAction.type) {
-			case "SET_ACTION_PANELS":
-				let containerIdToUse = 0;
-				if (reducerAction.containerId) containerIdToUse = reducerAction.containerId;
-				const updatedActionPanels = { ...state.actionPanels };
-				updatedActionPanels[containerIdToUse] = reducerAction.actionPanels;
-				state = {
-					...state,
-					actionPanels: updatedActionPanels
-				};
-				break;
-			case "OPEN_SIDESHEET":
-				state = {
-					...state,
-					sideSheet: reducerAction.sideSheet
-				};
-				break;
-			case "OPEN_MODAL":
-				state = {
-					...state,
-					modal: reducerAction.modal
-				};
-				break;
-			case "CLOSE_ALL_SPLIT_SCREENS":
-				state = {
-					...state,
-					splitScreen: {
-						open: false,
-						action: null,
-						type: null,
-						params: null
-					},
-					pageSplitScreen: {
-						open: false,
-						action: null,
-						type: null,
-						params: null
-					},
-					pageContainerSplitScreen: {
-						open: false,
-						action: null,
-						type: null,
-						params: null
-					}
-				};
-				break;
-			case "OPEN_SPLIT_SCREEN":
-				state = {
-					...state,
-					splitScreen: reducerAction.splitScreen
-				};
-				break;
-			case "OPEN_PAGE_SPLIT_SCREEN":
-				state = {
-					...state,
-					pageSplitScreen: reducerAction.pageSplitScreen
-				};
-				break;
-			case "OPEN_PAGE_CONTAINER_SPLIT_SCREEN":
-				state = {
-					...state,
-					pageContainerSplitScreen: reducerAction.pageContainerSplitScreen
-				};
-				break;
-			case "SET_API_CATALOG":
-				state = {
-					...state,
-					catalog: reducerAction.catalog
-				};
-				break;
-			case "SET_API_CATALOG_PROMISE":
-				state = {
-					...state,
-					catalogPromise: reducerAction.catalogPromise
-				};
-				break;
-			case "SET_CATALOG_ENTITIES":
-				state = {
-					...state,
-					catalogEntities: reducerAction.catalogEntities
-				};
-				break;
-			case "SET_CATALOG_PROMOTED_ENTITIES":
-				state = {
-					...state,
-					catalogPromotedEntities: reducerAction.catalogPromotedEntities
-				};
-				break;
-			case "SET_INQUIRY_PARAMS":
-				let initialContainerId = 0;
-				if (reducerAction.containerId) initialContainerId = reducerAction.containerId;
-				const updatedInquiryParams = { ...state.inquiryParams };
-				updatedInquiryParams[initialContainerId] = reducerAction.inquiryParams;
-				state = {
-					...state,
-					inquiryParams: updatedInquiryParams
-				};
-				break;
-			case "SET_SHOW_INQUIRY_HEADER_ACTIONS":
-				state = {
-					...state,
-					showInquiryHeaderActions: reducerAction.showInquiryHeaderActions
-				};
-				break;
-			case "SET_MENU_LIST_STATE":
-				state = {
-					...state,
-					menuListState: reducerAction.menuListState
-				};
-				break;
-			case "SET_ACTION_STATE_FOR_NEW_ROUTE":
-				state = {
-					...state,
-					...newRouteEmptyAction
-				};
-				break;
-			default: throw new Error(`Unknown action type ${reducerAction.type}`);
-		}
-		state = {
-			...state,
-			setCurrentEntityName
-		};
-		return state;
-	}, emptyAction);
-	const [actionLoadingState, dispatchActionLoading] = useReducer((state, reducerAction) => {
-		switch (reducerAction.type) {
-			case "SET_ACTION_LOADING":
-				state = {
-					...state,
-					loading: reducerAction.loading
-				};
-				break;
-			case "SET_ACTION_WAITING_TO_EXECUTE":
-				state = {
-					...state,
-					waitingToExecute: reducerAction.actionId
-				};
-				break;
-			default: throw new Error(`Unknown action loading type ${reducerAction.type}`);
-		}
-		return state;
-	}, emptyActionLoading);
-	const action = useMemo(() => {
-		let selectedAction = null;
-		if (actionState) {
-			if (actionState.modal?.action) selectedAction = actionState.modal.action;
-			if (actionState.sideSheet?.action) selectedAction = actionState.sideSheet.action;
-			if (actionState.splitScreen?.action) selectedAction = actionState.splitScreen.action;
-			if (actionState.pageSplitScreen?.action) selectedAction = actionState.pageSplitScreen.action;
-			if (actionState.pageContainerSplitScreen?.action) selectedAction = actionState.pageContainerSplitScreen.action;
-		}
-		return selectedAction;
-	}, [actionState]);
-	const entityAttributes = useMemo(() => {
-		if (!catalog) return [];
-		const entityName = actionPanel ? actionPanel.entityName : currentEntityName;
-		return getEntityAttributes(catalog, entityName);
-	}, [
-		actionPanel,
-		catalog,
-		currentEntityName
-	]);
-	const { defaultFormValues } = useDefaultFormValues_default(entityAttributes);
-	const [crudTableFormData, setCrudTableFormData] = useState(defaultFormValues);
-	const crudTableEditionData = useMemo(() => {
-		let crudData = null;
-		if (selectedNode?.nodeObj && action && action.actionTypeId === NodeActionEnums.Update) {
-			crudData = selectedNode.nodeObj;
-			setCrudTableFormData(selectedNode.nodeObj);
-		} else setCrudTableFormData(defaultFormValues);
-		return crudData;
-	}, [action, selectedNode]);
-	const executeAction = useCallback(async (data, id) => apiMutate$1(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${id}`, { method: "post" }, data), []);
-	const inquiryActions = /* @__PURE__ */ React.createElement(ActionWrapper, {
-		action,
-		actionState,
-		actionPanel,
-		dispatch,
-		catalog,
-		executeAction,
-		splitScreenBody: children,
-		entityAttributes,
-		foreignKeyData,
-		setForeignKeyData,
-		crudTableEditionData,
-		crudTableFormData
-	});
-	useEffect(() => {
-		if (tpacb) {
-			setApiCatalogId(tpacb.apiCatalogId);
-			setCurrentApiCatalogId(tpacb.apiCatalogId);
-		}
-	}, [tpacb, setCurrentApiCatalogId]);
-	useEffect(() => {
-		if (action && actionState) setActionPanel(actionState?.actionPanels[currentContainerId || 0]?.find((ap) => ap.panelActions.find((pa) => pa.actionId === action.actionId)));
-	}, [
-		action,
-		actionState,
-		currentContainerId
-	]);
-	useEffect(() => dispatchActionLoading({
-		type: "SET_ACTION_LOADING",
-		loading: catalogLoading || tpacbLoading
-	}), [catalogLoading, tpacbLoading]);
-	useEffect(() => {
-		if (catalog) dispatch({
-			type: "SET_API_CATALOG",
-			catalog
-		});
-	}, [catalog]);
-	useEffect(() => {
-		if (catalogPromise) dispatch({
-			type: "SET_API_CATALOG_PROMISE",
-			catalogPromise
-		});
-	}, [catalogPromise]);
-	useEffect(() => {
-		if (history) return history.listen((location) => {
-			if (currentLocationPathname !== location.pathname) {
-				setCurrentLocationPathname(location.pathname);
-				dispatch({ type: "SET_ACTION_STATE_FOR_NEW_ROUTE" });
-			}
-		});
-	}, [history, currentLocationPathname]);
-	const actionLoading = useMemo(() => /* @__PURE__ */ React.createElement(LoadingOverlay_default, { open: actionLoadingState.waitingToExecute }), [actionLoadingState]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, actionLoading, /* @__PURE__ */ React.createElement(ActionContext.Provider, { value: actionState }, /* @__PURE__ */ React.createElement(ActionDispatchContext.Provider, { value: dispatch }, /* @__PURE__ */ React.createElement(ActionLoadingContext.Provider, { value: actionLoadingState }, /* @__PURE__ */ React.createElement(ActionLoadingDispatchContext.Provider, { value: dispatchActionLoading }, domRoot ? createPortal(inquiryActions, domRoot) : inquiryActions)))));
-};
-
-//#endregion
-export { ActionProvider };
-//# sourceMappingURL=ActionProvider-DL5qMp-u.js.map