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

package/dist/ActionWrapper-si5rnFjn.js

@@ -1,889 +0,0 @@
-import { Form, FormButtons, SubmitButton } from "./FormButtons-BL9d-T3e.js";
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { getPathObject, getPrimaryKeyValues } from "./CrudBrowserUtilities-Cm_FNdfE.js";
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BiRO7ZCN.js";
-import { toLowerFirstChar } from "./StringUtilities-DyjYA5pU.js";
-import { getSanitizedName } from "./entityUtilities-D7_FeTEd.js";
-import { useCrudActions } from "./crudActions-DL7ifk-D.js";
-import { CardinalityTypeEnums, NodeActionEnums, PanelPositionEnums } from "./unitySystemEnums-DXk8yS3v.js";
-import { ActionSummaryPopover } from "./actionSummary-CyjnFFFF.js";
-import { UnityFluentIcon } from "./UnityFluentIcon-fuqAQh0C.js";
-import { getSuccessAction } from "./actionUtils-7dmb-PYX.js";
-import { useActionStore } from "./inquiryStore-COAx0QBg.js";
-import { useShellStore } from "./shellStore-Bqwtbs_K.js";
-import { useActions } from "./useActions-C4qJAr_e.js";
-import { evaluateRule, mapRule } from "./RuleUtilities-DXVlN84J.js";
-import { PrimaryActionButton } from "./PrimaryActionButton-CQXyHAeG.js";
-import { getSearchObject } from "./SearchUtilities-CxVn31Ak.js";
-import { getIconFromName } from "./TreeUtilities-BxV5PMJ8.js";
-import { getUnityIconFromName } from "./UnityIconLibrary-DnCuEr5M.js";
-import { PAHAdditionalRightComponent } from "./PAHAdditionalRightComponent-CvWTgdMd.js";
-import { SiteHeaderRightComponent } from "./SiteHeaderRightComponent-zuiawaq3.js";
-import { ToolBarButton } from "./AmbientPopoverMenuItem-Dy3rQ7sp.js";
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { SideSheet } from "./SideSheet-BhKZOd2G.js";
-import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
-import { PageContainer } from "./PageContainer-BI8ve3o2.js";
-import { executeQueryAdHoc } from "./methodUtils-Bgi0VCWP.js";
-import { ActionSplitScreen } from "./ActionSplitScreen-QDScakF5.js";
-import { usePromotedMethodEntity } from "./usePromotedMethodEntity-YlKDqDnn.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Typography, makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { useSnackbar } from "notistack";
-import PropTypes from "prop-types";
-import { cloneDeep } from "lodash";
-import { useTranslation } from "react-i18next";
-import SpeedDial from "@material-ui/lab/SpeedDial";
-import SpeedDialIcon from "@material-ui/lab/SpeedDialIcon";
-import SpeedDialAction from "@material-ui/lab/SpeedDialAction";
-import AddIcon from "@material-ui/icons/esm/Add";
-import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
-import { Skeleton } from "@material-ui/lab";
-import { DndProvider } from "react-dnd";
-import { HTML5Backend } from "react-dnd-html5-backend";
-
-//#region src/actions/ActionForm.jsx
-const useStyles$5 = makeStyles((theme) => ({
-	root: { marginTop: theme.spacing(-2) },
-	body: { marginTop: theme.spacing(2) },
-	actions: {
-		marginTop: theme.spacing(2),
-		marginBottom: theme.spacing(2),
-		display: "flex",
-		flexDirection: "row"
-	},
-	title: { flexGrow: 1 },
-	divider: { marginTop: theme.spacing(2) },
-	subject: {
-		marginLeft: theme.spacing(1),
-		display: "flex",
-		flexDirection: "row",
-		flexGrow: 1
-	},
-	switchRoot: { marginLeft: theme.spacing(1) },
-	input: {
-		height: 34,
-		padding: 0
-	},
-	formTextInput: { fontSize: 13 },
-	labelRoot: { fontSize: 13 }
-}));
-const ActionForm = (props) => {
-	const { entityAttributes, foreignKeyData, onCreate, closeSideSheet, onUpdate, crudTableEditionData, crudTableFormData, udpFieldInfos } = props;
-	const classes = useStyles$5();
-	const { renderInputByFieldType } = useCrudActions();
-	const primaryKeyValues = useMemo(() => getPrimaryKeyValues(entityAttributes, crudTableEditionData), [entityAttributes, crudTableEditionData]);
-	const manyToManyPropertyList = useMemo(() => {
-		if (!entityAttributes?.length) return [];
-		const mtmPropertyList = /* @__PURE__ */ new Set();
-		entityAttributes.forEach((attr) => {
-			if (attr?.extendedProperties?.childEntity) Object.keys(attr.extendedProperties.childEntityAssoc || {}).length && attr.extendedProperties.childEntityAssoc.Cardinality === CardinalityTypeEnums.Many_To_Many && attr.extendedProperties.childEntityAssoc.Keys.forEach((value, i) => {
-				const name = value.split(",")[0];
-				if (name) mtmPropertyList.add(name.toLowerCase());
-			});
-		});
-		return mtmPropertyList;
-	}, [entityAttributes]);
-	const handleSubmit = async (values) => {
-		let newTableData = {
-			...crudTableFormData,
-			...values
-		};
-		entityAttributes.filter((ea) => ea?.extendedProperties?.identifier).forEach((ea) => {
-			delete newTableData[ea.name];
-		});
-		foreignKeyData.forEach((fkd) => {
-			Object.keys(newTableData).forEach((key) => {
-				if (key === fkd.fieldName) newTableData[key] = fkd.data.find((d) => d.id === newTableData[key].id)?.id;
-			});
-		});
-		if (!crudTableEditionData) onCreate && await onCreate(newTableData);
-		else onUpdate && await onUpdate(newTableData, primaryKeyValues);
-		closeSideSheet && closeSideSheet();
-	};
-	const isNewEntry = useMemo(() => !crudTableEditionData, [crudTableEditionData]);
-	return /* @__PURE__ */ React.createElement(Form, { onSubmit: handleSubmit }, /* @__PURE__ */ React.createElement("div", null, entityAttributes?.map((schemaAttribute, index) => {
-		const fieldInfo = udpFieldInfos?.find((fi) => fi?.name.toLowerCase() === schemaAttribute?.name?.toLowerCase());
-		if (fieldInfo?.isPrimaryKey && !isNewEntry) schemaAttribute.disabled = true;
-		if (fieldInfo?.isPrimaryKey && isNewEntry && !fieldInfo?.isIdentity) schemaAttribute.disabled = false;
-		return !schemaAttribute?.extendedProperties?.identifier && /* @__PURE__ */ React.createElement(React.Fragment, { key: `${schemaAttribute.name}-${index}` }, /* @__PURE__ */ React.createElement(Typography, {
-			variant: "subtitle2",
-			style: { marginTop: 8 }
-		}, schemaAttribute.friendlyName), renderInputByFieldType(schemaAttribute, index, entityAttributes, fieldInfo, foreignKeyData, null, crudTableFormData, classes, false, null, manyToManyPropertyList));
-	})), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
-		variant: "contained",
-		color: "secondary",
-		disablePristine: false,
-		disabled: false,
-		style: { marginTop: 15 }
-	}, "Save")));
-};
-ActionForm.propTypes = {
-	entityAttributes: PropTypes.array,
-	foreignKeyData: PropTypes.array,
-	crudTableEditionData: PropTypes.array,
-	closeSideSheet: PropTypes.func,
-	onCreate: PropTypes.func,
-	onUpdate: PropTypes.func
-};
-
-//#endregion
-//#region src/actions/ActionModal.jsx
-const useStyles$4 = makeStyles((theme) => ({}));
-const ActionModal = (props) => {
-	const { open, action, title, message = "Are you sure you want to delete this row?", confirmAction = () => {}, handleOnClose } = props;
-	useStyles$4();
-	return /* @__PURE__ */ React.createElement(Dialog, {
-		open,
-		onClose: handleOnClose,
-		"aria-labelledby": "alert-dialog-title",
-		"aria-describedby": "alert-dialog-description"
-	}, /* @__PURE__ */ React.createElement(DialogTitle, { id: "alert-dialog-title" }, title), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(DialogContentText, { id: "alert-dialog-description" }, message)), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick: handleOnClose,
-		color: "secondary",
-		variant: "contained"
-	}, "Cancel"), /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick: action,
-		onMouseUp: () => {
-			confirmAction();
-			handleOnClose();
-		},
-		autoFocus: true,
-		variant: "outlined"
-	}, "Confirm")));
-};
-
-//#endregion
-//#region src/actions/ActionSpeedDial.tsx
-const useStyles$3 = makeStyles$1((theme) => {
-	return {
-		wrapper: {
-			position: "fixed",
-			right: theme.spacing(0),
-			bottom: theme.spacing(0),
-			zIndex: 1200
-		},
-		speedDial: {
-			position: "absolute",
-			"&.MuiSpeedDial-directionUp, &.MuiSpeedDial-directionLeft": {
-				bottom: theme.spacing(2),
-				right: theme.spacing(2)
-			}
-		},
-		speedDialFab: {
-			backgroundColor: "black",
-			borderRadius: 1,
-			margin: 0,
-			opacity: .75,
-			"&:hover": { backgroundColor: "black" },
-			"&:focus": { backgroundColor: "black" }
-		},
-		speadDialFabExpanded: {
-			backgroundColor: "black",
-			borderRadius: 1,
-			margin: 0,
-			"&:hover": { backgroundColor: "black" },
-			"&:focus": { backgroundColor: "black" }
-		},
-		speedDialActions: {
-			"&.MuiSpeedDial-directionUp, &.MuiSpeedDial-actions": {
-				paddingBottom: 0,
-				marginBottom: 0,
-				opacity: .75
-			},
-			"&:hover": { opacity: 1 },
-			"&:focus": { opacity: 1 }
-		},
-		speedDialActionFab: {
-			backgroundColor: "black",
-			borderRadius: 1,
-			margin: 0,
-			color: "white",
-			width: 56,
-			height: 56
-		}
-	};
-});
-const ActionSpeedDial = (props) => {
-	const [expanded, setExpanded] = useState(false);
-	const classes = useStyles$3(expanded);
-	const { open, ariaLabel, actions,...otherProps } = props;
-	if (!actions.length) return null;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement(SpeedDial, {
-		id: "udpRecord-ActionSpeedDial",
-		udprecordid: "udpRecord-ActionSpeedDial",
-		className: classes.speedDial,
-		ariaLabel: "Fluent Speed Dial",
-		classes: {
-			fab: expanded ? classes.speadDialFabExpanded : classes.speedDialFab,
-			actions: classes.speedDialActions
-		},
-		icon: /* @__PURE__ */ React.createElement(SpeedDialIcon, { icon: /* @__PURE__ */ React.createElement(AddIcon, null) }),
-		onClose: () => setExpanded(false),
-		onOpen: () => setExpanded(true),
-		open: expanded,
-		...otherProps
-	}, actions.map((action) => /* @__PURE__ */ React.createElement(SpeedDialAction, {
-		id: "udpRecord-ActionSpeedDial-" + action.name,
-		udprecordid: "udpRecord-ActionSpeedDial-" + action.name,
-		key: action.name,
-		icon: /* @__PURE__ */ React.createElement(UnityFluentIcon, {
-			type: action.icon.type,
-			icon: action.icon.type === "unity" ? getUnityIconFromName(action.icon.name) : getIconFromName(action.icon.name)
-		}),
-		open: false,
-		onClick: (e) => action.onClick(e),
-		classes: { fab: classes.speedDialActionFab },
-		tooltipTitle: action.name
-	}))));
-};
-
-//#endregion
-//#region src/actions/ActionPanelPlacement.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {},
-	actionsMenu: { color: theme?.palette?.getContrastText(theme?.palette?.primary?.main) },
-	additionalRightComponent: {
-		display: "flex",
-		alignItems: "center"
-	}
-}));
-const ActionPanelPlacement = (props) => {
-	const { actionPanels, showInquiryHeaderActions, selectedNode, globalActions } = props;
-	const classes = useStyles$2();
-	const { triggerAction } = useActions();
-	const hideActions = useActionStore((state) => state.hideActions);
-	const handleTriggerAction = useCallback((actionId) => {
-		triggerAction(actionId, selectedNode?.nodeObj);
-	}, [triggerAction, selectedNode]);
-	const panelsMap = useMemo(() => {
-		if (!actionPanels || !actionPanels?.length) return {};
-		return actionPanels.reduce((panelsObj, panel) => {
-			const panelPositionId = panel?.panelPositionId;
-			panelsObj[panelPositionId] = panel?.panelActions;
-			return panelsObj;
-		}, {});
-	}, [actionPanels]);
-	const siteHeaderRightComponent = useMemo(() => {
-		const siteHeaderActions = panelsMap[PanelPositionEnums.Site_Header];
-		const siteHeaderSummaryActions = panelsMap[PanelPositionEnums.Site_Header_Summary];
-		let siteHeaderActionsComponent1 = null;
-		let siteHeaderActionsComponent2 = null;
-		let siteHeaderSummaryComponent = null;
-		if (siteHeaderActions?.length) siteHeaderActionsComponent1 = siteHeaderActions.map((panelAction) => {
-			const passRule = panelAction.action.actionRules?.reduce((boolValue, rule) => {
-				const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);
-				return boolValue && evaluateRule(ruleExpression, selectedNode?.nodeObj, selectedNode?.properties?.joiningEntityCatalogObjectKey, selectedNode?.wasLazyLoaded);
-			}, true) ?? true;
-			if (!passRule && panelAction?.hideAction) return null;
-			return /* @__PURE__ */ React.createElement(ToolBarButton, {
-				key: panelAction?.actionId,
-				label: panelAction?.action?.name,
-				aria: panelAction?.action?.name,
-				icon: false,
-				component: panelAction?.icon?.type === "unity" ? getUnityIconFromName(panelAction?.icon?.name) : getIconFromName(panelAction?.icon?.name),
-				click: () => handleTriggerAction(panelAction?.actionId),
-				disabled: !passRule
-			});
-		});
-		if (siteHeaderSummaryActions?.length) if (!siteHeaderActions?.length && siteHeaderSummaryActions?.length <= 2) siteHeaderActionsComponent2 = siteHeaderSummaryActions.map((panelAction) => {
-			const passRule = panelAction.action.actionRules?.reduce((boolValue, rule) => {
-				const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);
-				return boolValue && evaluateRule(ruleExpression, selectedNode?.nodeObj, selectedNode?.properties?.joiningEntityCatalogObjectKey, selectedNode?.wasLazyLoaded);
-			}, true) ?? true;
-			if (!passRule && panelAction?.hideAction) return null;
-			return /* @__PURE__ */ React.createElement(ToolBarButton, {
-				key: panelAction?.actionId,
-				label: panelAction?.action?.name,
-				aria: panelAction?.action?.name,
-				icon: false,
-				component: panelAction?.icon?.type === "unity" ? getUnityIconFromName(panelAction?.icon?.name) : getIconFromName(panelAction?.icon?.name),
-				click: () => handleTriggerAction(panelAction?.actionId),
-				disabled: !passRule
-			});
-		});
-		else siteHeaderSummaryComponent = /* @__PURE__ */ React.createElement(ActionSummaryPopover, {
-			panelActions: siteHeaderSummaryActions,
-			selectedNode
-		});
-		return /* @__PURE__ */ React.createElement(SiteHeaderRightComponent, null, /* @__PURE__ */ React.createElement("div", { className: classes.additionalRightComponent }, siteHeaderActionsComponent1, siteHeaderActionsComponent2, siteHeaderSummaryComponent));
-	}, [
-		panelsMap,
-		handleTriggerAction,
-		classes,
-		selectedNode
-	]);
-	const inquiryHeaderComponent = useMemo(() => {
-		const panelsMapCopy = cloneDeep(panelsMap);
-		const inquiryHeaderActions = panelsMapCopy[PanelPositionEnums.Inquiry_Header];
-		const inquiryHeaderSummaryActions = panelsMapCopy[PanelPositionEnums.Inquiry_Header_Summary];
-		let inquiryHeaderActionsComponent = null;
-		let inquiryHeaderSummaryComponent = null;
-		let inquiryHeaderPrimaryAction = null;
-		const showActionsAsSecondary = !inquiryHeaderSummaryActions?.length || !inquiryHeaderActions?.length && inquiryHeaderSummaryActions?.length <= 2;
-		if (inquiryHeaderActions?.length) {
-			const actionList = [];
-			inquiryHeaderActions.forEach((action) => {
-				const passRule = action.action.actionRules?.reduce((boolValue, rule) => {
-					const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);
-					return boolValue && evaluateRule(ruleExpression, selectedNode?.nodeObj, selectedNode?.properties?.joiningEntityCatalogObjectKey, selectedNode?.wasLazyLoaded);
-				}, true) ?? true;
-				if (!passRule && !action?.hideAction) actionList.push({
-					...action,
-					disabled: true
-				});
-				else if (passRule) actionList.push(action);
-			});
-			inquiryHeaderActionsComponent = actionList?.filter((pa) => {
-				return showActionsAsSecondary ? !pa.isPrimary && pa.enabled : pa.enabled;
-			})?.map((panelAction, i) => /* @__PURE__ */ React.createElement("div", { key: i }, /* @__PURE__ */ React.createElement(ToolBarButton, {
-				label: panelAction?.action?.name,
-				aria: panelAction?.action?.name,
-				icon: false,
-				component: panelAction?.icon?.type === "unity" ? getUnityIconFromName(panelAction?.icon?.name) : getIconFromName(panelAction?.icon?.name),
-				click: () => {
-					handleTriggerAction(panelAction?.actionId);
-				},
-				disabled: panelAction?.disabled ?? false
-			})));
-			if (showActionsAsSecondary) {
-				const primaryAction = actionList?.find((panelAction) => panelAction.isPrimary);
-				inquiryHeaderPrimaryAction = primaryAction ? /* @__PURE__ */ React.createElement(PrimaryActionButton, {
-					onClick: () => handleTriggerAction(primaryAction?.actionId),
-					disabled: primaryAction?.disabled ?? false
-				}, /* @__PURE__ */ React.createElement(Typography, { style: { marginRight: 5 } }, primaryAction?.action?.name)) : null;
-			}
-		}
-		if (inquiryHeaderSummaryActions?.length) if (showActionsAsSecondary) inquiryHeaderActionsComponent = inquiryHeaderSummaryActions.map((panelAction) => {
-			const passRule = panelAction.action.actionRules?.reduce((boolValue, rule) => {
-				const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);
-				return boolValue && evaluateRule(ruleExpression, selectedNode?.nodeObj, selectedNode?.properties?.joiningEntityCatalogObjectKey, selectedNode?.wasLazyLoaded);
-			}, true) ?? true;
-			if (!passRule && panelAction?.hideAction) return null;
-			return /* @__PURE__ */ React.createElement(ToolBarButton, {
-				key: panelAction?.actionId,
-				label: panelAction?.action?.name,
-				icon: false,
-				component: panelAction?.icon?.type === "unity" ? getUnityIconFromName(panelAction?.icon?.name) : getIconFromName(panelAction?.icon?.name),
-				click: () => handleTriggerAction(panelAction?.actionId),
-				disabled: !passRule
-			});
-		});
-		else inquiryHeaderSummaryComponent = /* @__PURE__ */ React.createElement(ActionSummaryPopover, {
-			panelActions: inquiryHeaderSummaryActions,
-			noContrastColor: true,
-			selectedNode
-		});
-		return /* @__PURE__ */ React.createElement(PAHAdditionalRightComponent, null, showInquiryHeaderActions && !hideActions && /* @__PURE__ */ React.createElement("div", { className: classes.additionalRightComponent }, inquiryHeaderActionsComponent, inquiryHeaderPrimaryAction, inquiryHeaderSummaryComponent));
-	}, [
-		panelsMap,
-		handleTriggerAction,
-		classes,
-		showInquiryHeaderActions,
-		selectedNode,
-		hideActions
-	]);
-	const inquirySpeedDialComponent = useMemo(() => {
-		const enabledSortedActions = cloneDeep(panelsMap)[PanelPositionEnums.Speed_Dial]?.filter((action) => action.enabled && (action.action.actionRules?.reduce((boolValue, rule) => {
-			const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);
-			return boolValue && evaluateRule(ruleExpression, selectedNode?.nodeObj, selectedNode?.properties?.joiningEntityCatalogObjectKey, selectedNode?.wasLazyLoaded);
-		}, true) ?? true)).sort((a, b) => a.sequence - b.sequence) ?? [];
-		let parsedGlobalActions = [];
-		if (globalActions?.length) parsedGlobalActions = globalActions.map((action) => {
-			return {
-				icon: {
-					name: JSON.parse(action.parameters).icon,
-					type: "fluent"
-				},
-				action: { name: action.name },
-				...action
-			};
-		});
-		return (!!enabledSortedActions?.length || !!parsedGlobalActions?.length) && !hideActions && /* @__PURE__ */ React.createElement(ActionSpeedDial, { actions: [...enabledSortedActions, ...parsedGlobalActions].map((action) => ({
-			icon: action.icon,
-			onClick: () => handleTriggerAction(action.actionId),
-			name: action.action.name
-		})) });
-	}, [
-		panelsMap,
-		handleTriggerAction,
-		selectedNode,
-		globalActions,
-		hideActions
-	]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, siteHeaderRightComponent, inquiryHeaderComponent, inquirySpeedDialComponent);
-};
-ActionPanelPlacement.propTypes = {
-	actionPanels: PropTypes.array,
-	showInquiryHeaderActions: PropTypes.bool,
-	selectedNode: PropTypes.object
-};
-
-//#endregion
-//#region src/actions/ActionSideSheet.jsx
-const useStyles$1 = makeStyles((theme) => ({ root: {} }));
-const ActionSideSheet = (props) => {
-	const { open, action, actionPanel, selectedNodeObj, executeAction, selectedEntity, handleOnClose, entityAttributes, foreignKeyData, loadingContent, fetchEntityData, skeleton, showError, crudTableEditionData, crudTableFormData, selectedNode, selectedNodeParent, refreshTree, udpFieldInfos } = props;
-	const classes = useStyles$1();
-	const [width, setWidth] = useState(600);
-	const [buttonLabel, setButtonLabel] = useState("");
-	const [onSubmit, setOnSubmit] = useState(() => () => console.warn("onSubmit not set"));
-	const [additionalOnClose, setAdditionalOnClose] = useState();
-	const [otherSideSheetProps, setOtherSideSheetProps] = useState({});
-	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
-	const successAction = getSuccessAction(closeSnackbar);
-	const { t } = useTranslation();
-	const user = useUser();
-	const setSelectedNodeForStore = useActionStore((state) => state.setSelectedNode);
-	const selectedNodeFromStore = useActionStore((state) => state.selectedNode);
-	const promotedMethodPageId = useMemo(() => {
-		if (action?.value) {
-			if (selectedEntity?.unityBaseUpdateMethod?.apiMethodId === action.value) return selectedEntity.unityBaseUpdateMethod.pageId;
-			else if (selectedEntity?.unityBaseCreateMethod?.apiMethodId === action.value) return selectedEntity.unityBaseCreateMethod.pageId;
-		}
-		return "";
-	}, [selectedEntity, action]);
-	const [{ data: page, loading: loadingPage }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${action?.parameters?.pageId || promotedMethodPageId}`, {}, !!!action?.parameters?.pageId && !!!promotedMethodPageId, false);
-	const onCreate = useCallback(async (data) => {
-		if (selectedEntity?.unityBaseCreateMethod && action?.value) if (selectedEntity.unityBaseCreateMethod.apiMethodId === action.value) return await executeAction(data, action.value);
-		else showError();
-	}, [
-		action,
-		executeAction,
-		selectedEntity,
-		showError
-	]);
-	const onUpdate = useCallback(async (data) => {
-		if (selectedEntity?.unityBaseUpdateMethod && action?.value) if (selectedEntity.unityBaseUpdateMethod.apiMethodId === action.value) return await executeAction(data, action.value);
-		else showError();
-	}, [
-		action,
-		executeAction,
-		selectedEntity,
-		showError
-	]);
-	const handleFetchEntityData = useCallback(async () => {
-		if (selectedEntity?.unityBaseGetAllMethod) {
-			const response = await fetchEntityData({ data: {} }).catch((res) => {
-				enqueueSnackbar(res.message, {
-					variant: "error",
-					anchorOrigin: {
-						vertical: "top",
-						horizontal: "center"
-					}
-				});
-			});
-			if (response?.status === 200 && selectedNodeObj) {
-				const updatedNode = response.data.find((d) => d.id === selectedNodeObj.id);
-				const updatedSelectedNode = { ...selectedNodeFromStore };
-				updatedSelectedNode.nodeObj = updatedNode;
-				setSelectedNodeForStore(updatedSelectedNode);
-			}
-		}
-	}, [
-		enqueueSnackbar,
-		fetchEntityData,
-		selectedEntity,
-		selectedNodeObj,
-		setSelectedNodeForStore,
-		selectedNodeFromStore
-	]);
-	const handleOnCreate = useCallback(async (values) => {
-		if (selectedEntity && selectedEntity?.unityBaseCreateMethod) {
-			const entityName = selectedEntity?.entityName;
-			if (selectedEntity.unityBaseCreateMethod) {
-				if ((await onCreate({ data: { requestBody: values } }).catch((res) => {
-					enqueueSnackbar(res.message, {
-						variant: "error",
-						anchorOrigin: {
-							vertical: "top",
-							horizontal: "center"
-						}
-					});
-				}))?.status === 200) enqueueSnackbar(entityName ? t(`${entityName} has been created`) : t(`Entity has been created`), {
-					anchorOrigin: {
-						vertical: "top",
-						horizontal: "center"
-					},
-					action: successAction
-				});
-			}
-		} else enqueueSnackbar(t(`Unable to retrieve entity methods`), {
-			variant: "error",
-			anchorOrigin: {
-				vertical: "top",
-				horizontal: "center"
-			}
-		});
-	}, [
-		enqueueSnackbar,
-		onCreate,
-		selectedEntity,
-		successAction,
-		t
-	]);
-	const handleOnUpdate = useCallback(async (values, primaryKeyValues) => {
-		if (selectedEntity && selectedEntity?.unityBaseUpdateMethod) {
-			const entityName = selectedEntity?.entityName;
-			if (selectedEntity.unityBaseUpdateMethod) {
-				if ((await onUpdate({ data: {
-					...getPathObject(selectedEntity.unityBaseUpdateMethod.pathParameters, primaryKeyValues),
-					requestBody: values
-				} }).catch((res) => {
-					enqueueSnackbar(res.message, {
-						variant: "error",
-						anchorOrigin: {
-							vertical: "top",
-							horizontal: "center"
-						}
-					});
-				}))?.status === 200) {
-					enqueueSnackbar(entityName ? t(`${entityName} has been updated`) : t(`Entity has been updated`), {
-						anchorOrigin: {
-							vertical: "top",
-							horizontal: "center"
-						},
-						action: successAction
-					});
-					handleFetchEntityData();
-				}
-			}
-		} else enqueueSnackbar(t(`Unable to retrieve entity methods`), {
-			variant: "error",
-			anchorOrigin: {
-				vertical: "top",
-				horizontal: "center"
-			}
-		});
-	}, [
-		selectedEntity,
-		onUpdate,
-		enqueueSnackbar,
-		t,
-		successAction,
-		handleFetchEntityData
-	]);
-	const handleOnCloseSideSheet = useCallback(() => {
-		if (additionalOnClose) additionalOnClose();
-		handleOnClose();
-	}, [additionalOnClose, handleOnClose]);
-	const content = useMemo(() => {
-		if (page) return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement(PageContainer, {
-			user,
-			key: action?.actionId,
-			pageData: page,
-			widgetParams: {
-				pageId: page?.pageId,
-				contentId: selectedNode?.properties?.searchValue,
-				nodeObj: selectedNode?.nodeObj,
-				parentNodeObj: selectedNodeParent?.nodeObj,
-				inquiryParams: selectedNode?.inquiryParams,
-				refreshTree,
-				requiredFieldsMap: action?.parameters?.requiredFieldMapping || {},
-				setSideSheetWidth: setWidth,
-				setSideSheetButtonLabel: setButtonLabel,
-				setSideSheetOnSubmit: setOnSubmit,
-				setSideSheetAdditionalOnClose: setAdditionalOnClose,
-				setSideSheetProps: setOtherSideSheetProps,
-				closeSideSheet: handleOnClose,
-				onCreate,
-				onUpdate
-			},
-			disableMargins: true
-		}));
-		else return /* @__PURE__ */ React.createElement(ActionForm, {
-			key: action?.actionId,
-			entityAttributes,
-			foreignKeyData,
-			onCreate: handleOnCreate,
-			closeSideSheet: handleOnClose,
-			onUpdate: handleOnUpdate,
-			crudTableEditionData,
-			crudTableFormData,
-			udpFieldInfos
-		});
-	}, [
-		action,
-		crudTableEditionData,
-		crudTableFormData,
-		entityAttributes,
-		foreignKeyData,
-		handleOnClose,
-		handleOnCreate,
-		handleOnUpdate,
-		selectedNode,
-		selectedNodeParent,
-		refreshTree,
-		user,
-		page,
-		onCreate,
-		onUpdate,
-		udpFieldInfos
-	]);
-	const sideSheetTitle = useMemo(() => {
-		if (action?.parameters?.pageDisplayName) return action.parameters.pageDisplayName;
-		else if (page) return page?.name;
-		else return (action?.actionTypeId === NodeActionEnums.Create ? "Add new " : "Edit ") + (action?.parameters?.entityName ?? actionPanel?.entityName);
-	}, [
-		action,
-		actionPanel,
-		page
-	]);
-	return /* @__PURE__ */ React.createElement(SideSheet, {
-		open,
-		title: t(sideSheetTitle),
-		buttonLabel: t(buttonLabel),
-		onSubmit,
-		onClose: handleOnCloseSideSheet,
-		width,
-		...otherSideSheetProps
-	}, loadingContent || loadingPage ? /* @__PURE__ */ React.createElement(React.Fragment, null, skeleton.map((sk) => sk), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "md" }), /* @__PURE__ */ React.createElement(Skeleton, {
-		variant: "rect",
-		className: classes.skeletonButton
-	})) : content);
-};
-ActionSideSheet.propTypes = {
-	user: PropTypes.object,
-	open: PropTypes.bool,
-	dispatch: PropTypes.func,
-	action: PropTypes.object,
-	actionPanels: PropTypes.array,
-	catalog: PropTypes.object,
-	selectedNodeObj: PropTypes.object
-};
-
-//#endregion
-//#region src/actions/ActionWrapper.jsx
-const useStyles = makeStyles((theme) => ({}));
-const FIELD_NUMBER = 10;
-const ActionWrapper = (props) => {
-	const { actionState, actionPanel, dispatch, catalog, executeAction, splitScreenBody, entityAttributes, foreignKeyData, setForeignKeyData, crudTableEditionData, crudTableFormData, globalActions } = props;
-	const classes = useStyles();
-	const { getFKData } = useCrudActions();
-	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
-	const successAction = getSuccessAction(closeSnackbar);
-	const { t } = useTranslation();
-	const [fkMethodEntities, setFKMethodEntities] = useState([]);
-	const [loadingContent, setLoadingContent] = useState(true);
-	const [udpFieldInfos, setUdpFieldInfos] = useState([]);
-	const selectedNode = useActionStore((state) => state.selectedNode);
-	const currentContainerId = useShellStore((state) => state.currentContainerId);
-	const { data: udpOjectFieldInfo } = usePromotedMethodEntity("UdpObjectFieldInfo", true);
-	const entityName = useMemo(() => {
-		return actionPanel ? actionPanel.entityName : actionState?.inquiryParams[currentContainerId || 0]?.selectedNode?.properties?.catalogReturnObject;
-	}, [
-		actionPanel,
-		actionState,
-		currentContainerId
-	]);
-	const [{ data: selectedEntity }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${catalog?.apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!catalog?.apiCatalogId || !!!entityName, false);
-	const getMetaDataForUdpField = useCallback(async (entityName$1) => {
-		let fieldInfos = [];
-		if (udpOjectFieldInfo?.unityBaseSearchMethod?.apiMethodId) await executeQueryAdHoc({ data: getSearchObject([{
-			searchField: "ObjectInfo.SanitizedName",
-			searchOperator: "=",
-			searchValue: getSanitizedName(entityName$1)
-		}], 1, 50, true) }, udpOjectFieldInfo.unityBaseSearchMethod.apiMethodId).then((resp) => {
-			fieldInfos = resp.data?.pageList;
-		});
-		return fieldInfos;
-	}, [udpOjectFieldInfo]);
-	const fetchEntityData = useCallback(async (data) => {
-		if (selectedEntity?.unityBaseGetAllMethod) return await executeAction(data, selectedEntity.unityBaseGetAllMethod.apiMethodId);
-	}, [executeAction, selectedEntity]);
-	const showError = useCallback(() => {
-		enqueueSnackbar(t(`Invalid action value.`), {
-			variant: "error",
-			anchorOrigin: {
-				vertical: "top",
-				horizontal: "center"
-			}
-		});
-	}, [enqueueSnackbar, t]);
-	const getFKMethodEntities = useCallback(async (attributes) => {
-		if (!attributes || !catalog) return [];
-		let fkData = [];
-		for (const attr of attributes) if (attr?.extendedProperties?.childEntity) {
-			const ceFieldsArr = [];
-			Object.keys(attr.extendedProperties.childEntityAssoc || {}).length && !attr.extendedProperties.childEntityAssoc.UdpType && attr.extendedProperties.childEntityAssoc.Keys.forEach((value, i) => {
-				const name = value.split(",")[0];
-				if (name) ceFieldsArr.push({
-					idx: i,
-					name: /^[A-Z]*$/.test(name) ? name.toLowerCase() : toLowerFirstChar(name)
-				});
-			});
-			const ceAttr = attributes.find((p) => ceFieldsArr.find((cef) => cef.name === p.name && !p?.extendedProperties?.identifier));
-			if (ceAttr) await apiMutate$1(ConfigService.integrationV1ApiUrl, `apicatalog/${catalog.apiCatalogId}/promotedMethodEntities/${attr.reference}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, { method: "get" }, {}).then((resp) => {
-				if (resp && resp.data) fkData.push({
-					fkName: ceAttr.name,
-					entity: resp.data
-				});
-			});
-		}
-		setFKMethodEntities(fkData);
-	}, [catalog]);
-	const handleOnClose = useCallback((type, entity) => {
-		dispatch({
-			type,
-			entity
-		});
-	}, [dispatch]);
-	const onDelete = useCallback(async (data) => {
-		if (selectedEntity?.unityBaseDeleteMethod) if (selectedEntity.unityBaseDeleteMethod.apiMethodId === actionState?.modal?.action?.value) return await executeAction(data, actionState?.modal?.action?.value);
-		else showError();
-	}, [
-		actionState,
-		executeAction,
-		selectedEntity,
-		showError
-	]);
-	const handleOnDelete = useCallback(async (value) => {
-		if (selectedEntity) {
-			const entityName$1 = selectedEntity?.entityName;
-			const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);
-			const pathObject = getPathObject(selectedEntity?.unityBaseDeleteMethod.pathParameters, primaryKeyValues);
-			if (selectedEntity?.unityBaseDeleteMethod) {
-				if ((await onDelete({ data: { ...pathObject } }).catch((res) => {
-					enqueueSnackbar(res.message, {
-						variant: "error",
-						anchorOrigin: {
-							vertical: "top",
-							horizontal: "center"
-						}
-					});
-				}))?.status === 200) {
-					enqueueSnackbar(entityName$1 ? t(`${entityName$1} has been deleted`) : t(`Entity has been deleted`), {
-						anchorOrigin: {
-							vertical: "top",
-							horizontal: "center"
-						},
-						action: successAction
-					});
-					if (actionState?.menuListState && actionState?.menuListState?.menuList.length > 0) {
-						const handleRemoveMenuItem = actionState?.menuListState?.handleRemoveMenuItem;
-						if (handleRemoveMenuItem) handleRemoveMenuItem(actionState?.menuListState?.menuList);
-					}
-					fetchEntityData({ data: {} });
-				}
-			}
-		}
-	}, [
-		actionState,
-		enqueueSnackbar,
-		entityAttributes,
-		fetchEntityData,
-		onDelete,
-		selectedEntity,
-		successAction,
-		t
-	]);
-	const skeleton = useMemo(() => {
-		const skeletonArr = [];
-		for (let i = 0; i < FIELD_NUMBER; i++) skeletonArr.push(/* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Skeleton, {
-			key: i,
-			variant: "rect",
-			className: classes.skeleton
-		}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" })));
-		return skeletonArr;
-	}, [classes]);
-	useEffect(() => {
-		if (entityAttributes) {
-			getFKMethodEntities(entityAttributes);
-			setLoadingContent(false);
-		}
-	}, [entityAttributes, getFKMethodEntities]);
-	useEffect(() => {
-		if (entityAttributes && fkMethodEntities && fkMethodEntities.length > 0) getFKData(fkMethodEntities, setForeignKeyData, enqueueSnackbar);
-	}, [
-		enqueueSnackbar,
-		entityAttributes,
-		fkMethodEntities,
-		getFKData,
-		setForeignKeyData
-	]);
-	useEffect(() => {
-		const setFieldInfos = async () => {
-			setUdpFieldInfos(await getMetaDataForUdpField(entityName));
-		};
-		if (udpOjectFieldInfo?.unityBaseSearchMethod?.apiMethodId) setFieldInfos();
-	}, [
-		getMetaDataForUdpField,
-		udpOjectFieldInfo,
-		entityName
-	]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionSplitScreen, {
-		body: /* @__PURE__ */ React.createElement(React.Fragment, null, splitScreenBody, /* @__PURE__ */ React.createElement(ActionPanelPlacement, {
-			actionPanels: actionState?.actionPanels[currentContainerId || 0],
-			showInquiryHeaderActions: actionState?.showInquiryHeaderActions,
-			selectedNode: actionState?.inquiryParams[currentContainerId || 0]?.selectedNode,
-			globalActions
-		})),
-		open: actionState?.splitScreen?.open,
-		action: actionState?.splitScreen?.action,
-		type: actionState?.splitScreen?.type,
-		params: actionState?.splitScreen?.params,
-		executeAction,
-		actionPanel,
-		selectedNodeObj: selectedNode?.nodeObj,
-		menuNodeList: actionState?.menuListState?.menuList,
-		sidebarEntity: selectedEntity,
-		selectedNode: actionState?.inquiryParams[currentContainerId || 0]?.selectedNode,
-		selectedNodeParent: actionState?.inquiryParams[currentContainerId || 0]?.selectedNodeParent,
-		refreshTree: actionState?.inquiryParams[currentContainerId || 0]?.refreshTree
-	}), /* @__PURE__ */ React.createElement(ActionSideSheet, {
-		key: actionState?.sideSheet?.action?.actionId,
-		open: actionState?.sideSheet?.open,
-		dispatch,
-		action: actionState?.sideSheet?.action,
-		actionPanel,
-		selectedNodeObj: selectedNode?.nodeObj,
-		executeAction,
-		selectedEntity,
-		handleOnClose: () => {
-			handleOnClose("OPEN_SIDESHEET", {
-				open: false,
-				action: null
-			});
-		},
-		entityAttributes,
-		foreignKeyData,
-		loadingContent,
-		fetchEntityData,
-		skeleton,
-		showError,
-		crudTableEditionData,
-		crudTableFormData,
-		selectedNode: actionState?.inquiryParams[currentContainerId || 0]?.selectedNode,
-		selectedNodeParent: actionState?.inquiryParams[currentContainerId || 0]?.selectedNodeParent,
-		refreshTree: actionState?.inquiryParams[currentContainerId || 0]?.refreshTree,
-		udpFieldInfos
-	}), /* @__PURE__ */ React.createElement(ActionModal, {
-		open: actionState?.modal?.open,
-		action: actionState?.modal?.action,
-		title: actionState?.modal?.title + selectedEntity?.entityName,
-		message: t(`Are you sure you want to delete this ${selectedEntity?.entityName}?`),
-		confirmAction: () => handleOnDelete(selectedNode?.nodeObj),
-		handleOnClose: () => {
-			handleOnClose("OPEN_MODAL", {
-				open: false,
-				action: null
-			});
-		},
-		showError
-	}));
-};
-ActionWrapper.propTypes = {
-	actionState: PropTypes.object,
-	actionPanel: PropTypes.object,
-	dispatch: PropTypes.func,
-	catalog: PropTypes.object,
-	executeAction: PropTypes.func,
-	user: PropTypes.object,
-	splitScreenBody: PropTypes.object
-};
-
-//#endregion
-export { ActionForm, ActionModal, ActionPanelPlacement, ActionSideSheet, ActionSpeedDial, ActionWrapper };
-//# sourceMappingURL=ActionWrapper-si5rnFjn.js.map