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

package/dist/Accordion-BVLUCIjd.js

@@ -0,0 +1,192 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { S as getIconFromName } from "./TreeUtilities-C6e2dd4g.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-DswviiJB.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 as t };
+//# sourceMappingURL=Accordion-BVLUCIjd.js.map

package/dist/Accordion-BVLUCIjd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-BVLUCIjd.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/status/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-MFZvkh4u.js

@@ -0,0 +1,368 @@
+import { n as getEntityAttributes } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { g as NodeActionEnums } from "./unitySystemEnums-DQSkCr3D.js";
+import { t as ActionWrapper } from "./ActionWrapper-Dq45yDqo.js";
+import { n as ActionContext, r as ActionDispatchContext, t as ActionLoadingDispatchContext } from "./ActionLoadingDispatchContext-XEU8GWlw.js";
+import { r as useActionStore } from "./inquiryStore-BMYKf5MP.js";
+import { t as useCatalogStore } from "./catalogStore-DP2GxpTJ.js";
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as useApiCatalog } from "./useApiCatalog-Yi_KDPot.js";
+import { n as usePromotedLookupMethods, t as usePromotedMethodEntities } from "./usePromotedMethodEntities-bv9ewSry.js";
+import { t as LoadingOverlay_default } from "./LoadingOverlay-Xgt8NzCN.js";
+import { t as useAuthedUser } from "./useAuthedUser-CN4neRNZ.js";
+import { n as useDefaultFormValues_default } from "./useDefaultFormValues-BVsgZOlc.js";
+import { t as ActionLoadingContext } from "./ActionLoadingContext-D83iHFWE.js";
+import React, { useCallback, useEffect, useMemo, useReducer, useState } from "react";
+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 [];
+		return getEntityAttributes(catalog, actionPanel ? actionPanel.entityName : currentEntityName);
+	}, [
+		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(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 as t };
+//# sourceMappingURL=ActionProvider-MFZvkh4u.js.map

package/dist/ActionProvider-MFZvkh4u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionProvider-MFZvkh4u.js","names":["useDefaultFormValues","LoadingOverlay"],"sources":["../src/utilities/provider/ActionProvider.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ActionContext } from '../../contexts/ActionContext';\nimport { ActionDispatchContext } from '../../contexts/ActionDispatchContext';\nimport { ActionWrapper } from '../../actions/ActionWrapper';\nimport { apiMutate } from '../useAxiosMutate';\nimport { NodeActionEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../auth/useAuthedUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport useDefaultFormValues from '../crud/useDefaultFormValues';\nimport { getEntityAttributes } from '../maintenanceEngine/CrudBrowserUtilities';\nimport { ActionLoadingContext } from '../../contexts/ActionLoadingContext';\nimport { ActionLoadingDispatchContext } from '../../contexts/ActionLoadingDispatchContext';\nimport { useApiCatalog } from '../../hooks/useApiCatalog';\nimport LoadingOverlay from '../../UI/loading/LoadingOverlay';\nimport { useHistory } from 'react-router-dom';\nimport { usePromotedLookupMethods } from '../../hooks/usePromotedLookupMethods';\nimport { useCatalogStore } from '../../stores/catalogStore';\nimport { useActionStore } from '../../stores/actionStore';\nimport { useShellStore } from '../../stores/shellStore';\nimport { ConfigService } from '../../configService';\nimport { usePromotedMethodEntities } from '../../hooks/usePromotedMethodEntities';\n\nconst emptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  catalog: null,\n  catalogPromise: null,\n  catalogEntities: [],\n  catalogPromotedEntities: [],\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  setCurrentEntityName: null\n};\n\nconst newRouteEmptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  selectedNodeObj: null,\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  }\n};\n\nconst emptyActionLoading = {\n  loading: false,\n  waitingToExecute: ''\n};\n\nexport const ActionProvider = (props) => {\n  const { domRoot, children } = props;\n  const user = useAuthedUser();\n  const history = useHistory();\n\n  const [apiCatalogId, setApiCatalogId] = useState(null);\n  const [foreignKeyData, setForeignKeyData] = useState([]);\n  const [actionPanel, setActionPanel] = useState(null);\n  const [currentEntityName, setCurrentEntityName] = useState(null);\n  const [currentLocationPathname, setCurrentLocationPathname] = useState(\n    history?.location?.pathname\n  );\n  const {\n    data: catalog,\n    promise: catalogPromise,\n    loading: catalogLoading\n  } = useApiCatalog(apiCatalogId);\n  usePromotedMethodEntities(apiCatalogId);\n\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  // Set the lookup api method Id for the application\n  usePromotedLookupMethods(apiCatalogId);\n\n  const setCurrentApiCatalogId = useCatalogStore(\n    (state) => state.setCurrentApiCatalogId\n  );\n\n  const [{ data: tpacb, loading: tpacbLoading }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!user,\n    false\n  );\n\n\n\n  const [actionState, dispatch] = useReducer((state, reducerAction) => {\n    switch (reducerAction.type) {\n      case 'SET_ACTION_PANELS':\n        let containerIdToUse = 0;\n        if (reducerAction.containerId) {\n          containerIdToUse = reducerAction.containerId;\n        }\n\n        const updatedActionPanels = { ...state.actionPanels };\n        updatedActionPanels[containerIdToUse] = reducerAction.actionPanels;\n        state = {\n          ...state,\n          actionPanels: updatedActionPanels\n        };\n        break;\n      case 'OPEN_SIDESHEET':\n        state = {\n          ...state,\n          sideSheet: reducerAction.sideSheet\n        };\n        break;\n      case 'OPEN_MODAL':\n        state = {\n          ...state,\n          modal: reducerAction.modal\n        };\n        break;\n      case 'CLOSE_ALL_SPLIT_SCREENS':\n        state = {\n          ...state,\n          splitScreen: { open: false, action: null, type: null, params: null },\n          pageSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          },\n          pageContainerSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          }\n        };\n        break;\n      case 'OPEN_SPLIT_SCREEN':\n        state = {\n          ...state,\n          splitScreen: reducerAction.splitScreen\n        };\n        break;\n      case 'OPEN_PAGE_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageSplitScreen: reducerAction.pageSplitScreen\n        };\n        break;\n      case 'OPEN_PAGE_CONTAINER_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageContainerSplitScreen: reducerAction.pageContainerSplitScreen\n        };\n        break;\n      case 'SET_API_CATALOG':\n        state = {\n          ...state,\n          catalog: reducerAction.catalog\n        };\n        break;\n      case 'SET_API_CATALOG_PROMISE':\n        state = {\n          ...state,\n          catalogPromise: reducerAction.catalogPromise\n        };\n        break;\n      case 'SET_CATALOG_ENTITIES':\n        state = {\n          ...state,\n          catalogEntities: reducerAction.catalogEntities\n        };\n        break;\n      case 'SET_CATALOG_PROMOTED_ENTITIES':\n        state = {\n          ...state,\n          catalogPromotedEntities: reducerAction.catalogPromotedEntities\n        };\n        break;\n      case 'SET_INQUIRY_PARAMS':\n        let initialContainerId = 0;\n        if (reducerAction.containerId) {\n          initialContainerId = reducerAction.containerId;\n        }\n\n        const updatedInquiryParams = { ...state.inquiryParams };\n        updatedInquiryParams[initialContainerId] = reducerAction.inquiryParams;\n        state = {\n          ...state,\n          inquiryParams: updatedInquiryParams\n        };\n        break;\n      case 'SET_SHOW_INQUIRY_HEADER_ACTIONS':\n        state = {\n          ...state,\n          showInquiryHeaderActions: reducerAction.showInquiryHeaderActions\n        };\n        break;\n      case 'SET_MENU_LIST_STATE':\n        state = {\n          ...state,\n          menuListState: reducerAction.menuListState\n        };\n        break;\n      case 'SET_ACTION_STATE_FOR_NEW_ROUTE':\n        state = {\n          ...state,\n          ...newRouteEmptyAction\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${reducerAction.type}`);\n    }\n    state = {\n      ...state,\n      setCurrentEntityName: setCurrentEntityName\n    };\n    return state;\n  }, emptyAction);\n\n  const [actionLoadingState, dispatchActionLoading] = useReducer(\n    (state, reducerAction) => {\n      switch (reducerAction.type) {\n        case 'SET_ACTION_LOADING':\n          state = {\n            ...state,\n            loading: reducerAction.loading\n          };\n          break;\n        case 'SET_ACTION_WAITING_TO_EXECUTE':\n          state = {\n            ...state,\n            waitingToExecute: reducerAction.actionId\n          };\n          break;\n        default:\n          throw new Error(`Unknown action loading type ${reducerAction.type}`);\n      }\n      return state;\n    },\n    emptyActionLoading\n  );\n  const action = useMemo(() => {\n    let selectedAction = null;\n    if (actionState) {\n      if (actionState.modal?.action) {\n        selectedAction = actionState.modal.action;\n      }\n      if (actionState.sideSheet?.action) {\n        selectedAction = actionState.sideSheet.action;\n      }\n      if (actionState.splitScreen?.action) {\n        selectedAction = actionState.splitScreen.action;\n      }\n      if (actionState.pageSplitScreen?.action) {\n        selectedAction = actionState.pageSplitScreen.action;\n      }\n      if (actionState.pageContainerSplitScreen?.action) {\n        selectedAction = actionState.pageContainerSplitScreen.action;\n      }\n    }\n\n    return selectedAction;\n  }, [actionState]);\n\n  const entityAttributes = useMemo(() => {\n    if (!catalog) {\n      return [];\n    }\n    const entityName = actionPanel ? actionPanel.entityName : currentEntityName;\n\n    return getEntityAttributes(catalog, entityName);\n  }, [actionPanel, catalog, currentEntityName]);\n\n  const { defaultFormValues } = useDefaultFormValues(entityAttributes);\n  const [crudTableFormData, setCrudTableFormData] = useState(defaultFormValues);\n\n  const crudTableEditionData = useMemo(() => {\n    let crudData = null;\n    if (\n      selectedNode?.nodeObj &&\n      action &&\n      action.actionTypeId === NodeActionEnums.Update\n    ) {\n      crudData = selectedNode.nodeObj;\n      setCrudTableFormData(selectedNode.nodeObj);\n    } else {\n      setCrudTableFormData(defaultFormValues);\n    }\n\n    return crudData;\n  }, [action, selectedNode]);\n\n  const executeAction = useCallback(\n    async (data, id) =>\n      apiMutate(\n        ConfigService.integrationV1ApiUrl,\n        `apimethod/executeQueryWithParameters/${id}`,\n        {\n          method: 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const inquiryActions = (\n    <ActionWrapper\n      action={action}\n      actionState={actionState}\n      actionPanel={actionPanel}\n      dispatch={dispatch}\n      catalog={catalog}\n      executeAction={executeAction}\n      splitScreenBody={children}\n      entityAttributes={entityAttributes}\n      foreignKeyData={foreignKeyData}\n      setForeignKeyData={setForeignKeyData}\n      crudTableEditionData={crudTableEditionData}\n      crudTableFormData={crudTableFormData}\n    />\n  );\n\n  useEffect(() => {\n    if (tpacb) {\n      setApiCatalogId(tpacb.apiCatalogId);\n      setCurrentApiCatalogId(tpacb.apiCatalogId);\n    }\n  }, [tpacb, setCurrentApiCatalogId]);\n\n  useEffect(() => {\n    if (action && actionState) {\n      setActionPanel(\n        actionState?.actionPanels[currentContainerId || 0]?.find((ap) =>\n          ap.panelActions.find((pa) => pa.actionId === action.actionId)\n        )\n      );\n    }\n  }, [action, actionState, currentContainerId]);\n\n  useEffect(\n    () =>\n      dispatchActionLoading({\n        type: 'SET_ACTION_LOADING',\n        loading: catalogLoading || tpacbLoading\n      }),\n    [catalogLoading, tpacbLoading]\n  );\n\n  useEffect(() => {\n    if (catalog) {\n      dispatch({\n        type: 'SET_API_CATALOG',\n        catalog: catalog\n      });\n    }\n  }, [catalog]);\n\n  // TODO: Find a better way to trigger actions even though it's waiting for\n  // catalog to finish loading. One way is to wait for catalog to finish loading before\n  // rendering children\n  useEffect(() => {\n    if (catalogPromise) {\n      dispatch({\n        type: 'SET_API_CATALOG_PROMISE',\n        catalogPromise: catalogPromise\n      });\n    }\n  }, [catalogPromise]);\n\n  // listening to route changes to reset specific properties in the action state\n  useEffect(() => {\n    if (history) {\n      return history.listen((location) => {\n        if (currentLocationPathname !== location.pathname) {\n          setCurrentLocationPathname(location.pathname);\n          dispatch({\n            type: 'SET_ACTION_STATE_FOR_NEW_ROUTE'\n          });\n        }\n      });\n    }\n  }, [history, currentLocationPathname]);\n\n  const actionLoading = useMemo(\n    () => <LoadingOverlay open={actionLoadingState.waitingToExecute} />,\n    [actionLoadingState]\n  );\n\n  return (\n    <>\n      {actionLoading}\n      <ActionContext.Provider value={actionState}>\n        <ActionDispatchContext.Provider value={dispatch}>\n          <ActionLoadingContext.Provider value={actionLoadingState}>\n            <ActionLoadingDispatchContext.Provider\n              value={dispatchActionLoading}\n            >\n              {domRoot ? createPortal(inquiryActions, domRoot) : inquiryActions}\n            </ActionLoadingDispatchContext.Provider>\n          </ActionLoadingContext.Provider>\n        </ActionDispatchContext.Provider>\n      </ActionContext.Provider>\n    </>\n  );\n};\n"],"mappings":"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"}