udp-react-enterprise-component-library 1.0.4 → 1.0.5-beta.2

package/dist/VirtualBrowser-79L67ptM.js

@@ -0,0 +1,572 @@
+import { ActionsRenderer, AmbientGridTemplate, findTermByType, getPathObject, getSanitizedName } from "./AmbientGridTemplate-Dq2QYPF2.js";
+import { Field, Form, FormButtons, SideSheet, SubmitButton, useAxiosMutate } from "./SideSheet-DKR15EH5.js";
+import { LayoutUnit, PrimaryActionButton, UdpEnums, executeQueryWithParameters, toLowerFirstChar, toTitleCase, useAxiosGet, useBuildEnvironment, useUser } from "./EnvironmentRibbon-DBJftQWQ.js";
+import { useHandleAxiosSnackbar } from "./apiHelpers-ntQQ4i7A.js";
+import { DateTimeField, FluentToggle, PropertyTypeEnum } from "./propertyTypeEnums-BcUuGbb0.js";
+import { PageContainer, useSetLocationState } from "./PageContainer-SljTiaZr.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Divider, FormControlLabel, TextField, Typography, makeStyles } from "@material-ui/core";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ConfigService } from "udp-react-stencil-component-library";
+import { useLocation } from "react-router-dom";
+import { AddIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { cloneDeep } from "lodash";
+import { useTranslation } from "react-i18next";
+import { Skeleton } from "@material-ui/lab";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { format } from "date-fns";
+
+//#region src/maintenanceEngine/virtualBrowser/VirtualTableColumnDefs.js
+const defaultGridColumn = {
+	headerName: "",
+	field: "",
+	minWidth: 80,
+	autoHeight: false,
+	sortable: true
+};
+const VirtualTableColumnDefs = (tableDescription, actionList, columnName = "Actions", crudTableActionRenderName = "actionsRenderer", panelDirection = "right") => {
+	let columnDefs = (tableDescription === null || tableDescription === void 0 ? void 0 : tableDescription.reduce((defs, element) => {
+		defs.push({
+			...defaultGridColumn,
+			headerName: toTitleCase((element === null || element === void 0 ? void 0 : element.name) || ""),
+			field: element === null || element === void 0 ? void 0 : element.name
+		});
+		return defs;
+	}, [])) || [];
+	columnDefs.push({
+		headerName: crudTableActionRenderName === "actionsRenderer" ? "Actions" : columnName,
+		filter: false,
+		pinned: panelDirection,
+		width: 150,
+		maxWidth: 180,
+		cellRenderer: crudTableActionRenderName,
+		cellRendererParams: { actionList },
+		valueGetter: (params) => params.data,
+		suppressMenu: true,
+		sortable: false,
+		cellStyle: {
+			display: "flex",
+			alignItems: "center"
+		}
+	});
+	return columnDefs;
+};
+
+//#endregion
+//#region src/hooks/virtualActions.jsx
+function useVirtualActions() {
+	const renderInputByFieldType = useCallback((formField, index, virtualTableFormData, classes) => {
+		var _formField$type;
+		const NUMBER_TYPE = [
+			PropertyTypeEnum.Int,
+			PropertyTypeEnum.Long,
+			PropertyTypeEnum.Double
+		];
+		if (formField.type === "boolean" && virtualTableFormData[toLowerFirstChar(formField.name)] === "") virtualTableFormData[toLowerFirstChar(formField.name)] = false;
+		const fieldType = (_formField$type = formField.type) === null || _formField$type === void 0 ? void 0 : _formField$type.toLowerCase();
+		let fieldIsNumberType = NUMBER_TYPE.includes(fieldType);
+		const DefaultTextField = /* @__PURE__ */ jsx(Field, {
+			component: TextField,
+			id: `${formField.name}${index}`,
+			name: toLowerFirstChar(formField.name),
+			label: toTitleCase(formField.name),
+			initialValue: virtualTableFormData[toLowerFirstChar(formField.name)] || "",
+			type: fieldIsNumberType && "number",
+			fullWidth: true,
+			variant: "outlined",
+			size: "small",
+			required: !(formField === null || formField === void 0 ? void 0 : formField.nullable),
+			margin: "dense",
+			InputProps: { classes: {
+				root: classes === null || classes === void 0 ? void 0 : classes.input,
+				input: classes === null || classes === void 0 ? void 0 : classes.formTextInput
+			} },
+			InputLabelProps: { classes: { root: classes === null || classes === void 0 ? void 0 : classes.labelRoot } },
+			disabled: formField === null || formField === void 0 ? void 0 : formField.disabled
+		});
+		const DefaultFluentToggle = /* @__PURE__ */ jsx(FormControlLabel, {
+			control: /* @__PURE__ */ jsx(Field, {
+				component: FluentToggle,
+				type: "checkbox",
+				id: `${formField.name}${index}`,
+				name: toLowerFirstChar(formField.name),
+				label: toTitleCase(formField.name),
+				initialValue: typeof virtualTableFormData[toLowerFirstChar(formField.name)] === "boolean" ? virtualTableFormData[toLowerFirstChar(formField.name)] : virtualTableFormData[toLowerFirstChar(formField.name)] === "true" ? true : false,
+				disabled: formField === null || formField === void 0 ? void 0 : formField.disabled,
+				classes: { root: classes === null || classes === void 0 ? void 0 : classes.switchRoot },
+				color: "secondary",
+				inputProps: { "aria-label": "Active condition" }
+			}),
+			label: toTitleCase(formField.name),
+			labelPlacement: "start",
+			style: { marginLeft: 4 }
+		});
+		switch (fieldType.toLowerCase()) {
+			case findTermByType(fieldType, "int"):
+			case findTermByType(fieldType, "long"):
+			case findTermByType(fieldType, "double"):
+			case findTermByType(fieldType, "string"):
+			case findTermByType(fieldType, "string uuid"): return DefaultTextField;
+			case findTermByType(fieldType, "boolean"): return DefaultFluentToggle;
+			case findTermByType(fieldType, "datetime"): return /* @__PURE__ */ jsx(Field, {
+				disabled: formField === null || formField === void 0 ? void 0 : formField.disabled,
+				component: DateTimeField,
+				id: `${formField.name}${index}`,
+				name: toLowerFirstChar(formField.name),
+				label: toTitleCase(formField.name),
+				initialValue: virtualTableFormData[toLowerFirstChar(formField.name)] ? new Date(virtualTableFormData[toLowerFirstChar(formField.name)]) : "",
+				fullWidth: true,
+				variant: "outlined",
+				size: "small",
+				required: !(formField === null || formField === void 0 ? void 0 : formField.nullable),
+				style: { marginTop: 8 }
+			});
+			default: return null;
+		}
+	}, []);
+	return { renderInputByFieldType };
+}
+
+//#endregion
+//#region src/UI/forms/VirtualForm.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	actions: {
+		marginTop: theme.spacing(2),
+		marginBottom: theme.spacing(2),
+		display: "flex",
+		flexDirection: "row"
+	},
+	title: { flexGrow: 1 },
+	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 VirtualForm = (props) => {
+	const { tableDescription, rowValue, closeSideSheet, onCreate, onUpdate } = props;
+	const { renderInputByFieldType } = useVirtualActions();
+	const [virtualTableFormData, setVirtualTableFormData] = useState(rowValue || {});
+	const classes = useStyles$1();
+	const handleSubmit = async (values) => {
+		let newTableData = {
+			...virtualTableFormData,
+			...values
+		};
+		const isNewRow = !rowValue;
+		if (isNewRow) onCreate && await onCreate(newTableData);
+		else onUpdate && await onUpdate(newTableData);
+		closeSideSheet && closeSideSheet();
+	};
+	return /* @__PURE__ */ jsxs(Form, {
+		onSubmit: handleSubmit,
+		children: [/* @__PURE__ */ jsx("div", { children: tableDescription === null || tableDescription === void 0 ? void 0 : tableDescription.map((formField, index) => {
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "subtitle2",
+				style: { marginTop: 8 },
+				children: formField.friendlyName
+			}), renderInputByFieldType(formField, index, virtualTableFormData, classes)] }, `${formField.name}-${index}`);
+		}) }), /* @__PURE__ */ jsx(FormButtons, { children: /* @__PURE__ */ jsx(SubmitButton, {
+			variant: "contained",
+			color: "secondary",
+			disablePristine: false,
+			disabled: false,
+			style: { marginTop: 15 },
+			children: "Save"
+		}) })]
+	});
+};
+VirtualForm.propTypes = {
+	closeSideSheet: PropTypes.func,
+	onCreate: PropTypes.func,
+	onUpdate: PropTypes.func
+};
+
+//#endregion
+//#region src/maintenanceEngine/virtualBrowser/VirtualTableSidePanel.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	divider: { marginTop: theme.spacing(2) }
+}));
+const FIELD_NUMBER = 10;
+const VirtualTableSidePanel = (props) => {
+	const { tableDescription, value, crudTableEditionData, closeSideSheet, onCreate, onUpdate, pageId, setSideSheetWidth, setSideSheetButtonLabel, setSideSheetOnSubmit, setSideSheetProps } = props;
+	const user = useUser();
+	const classes = useStyles();
+	const [{ data: page, loading: loadingPage }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${pageId}`, {}, !!!pageId, false);
+	const skeleton = useMemo(() => {
+		const skeletonArr = [];
+		for (let i = 0; i < FIELD_NUMBER; i++) skeletonArr.push(/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Skeleton, {
+			variant: "rect",
+			className: classes.skeleton
+		}, i), /* @__PURE__ */ jsx(LayoutUnit, { unit: "xxs" })] }));
+		return skeletonArr;
+	}, [classes]);
+	const sideSheetContent = useMemo(() => {
+		if (page) return /* @__PURE__ */ jsx(DndProvider, {
+			backend: HTML5Backend,
+			children: /* @__PURE__ */ jsx(PageContainer, {
+				user,
+				pageData: page,
+				widgetParams: {
+					pageId: page === null || page === void 0 ? void 0 : page.pageId,
+					nodeObj: crudTableEditionData,
+					setSideSheetWidth,
+					setSideSheetButtonLabel,
+					setSideSheetOnSubmit,
+					closeSideSheet,
+					setSideSheetProps,
+					onCreate,
+					onUpdate
+				},
+				disableMargins: true
+			}, pageId)
+		});
+		else return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(VirtualForm, {
+			tableDescription,
+			rowValue: value,
+			closeSideSheet,
+			onCreate,
+			onUpdate
+		}), /* @__PURE__ */ jsx("div", {
+			className: classes.divider,
+			children: /* @__PURE__ */ jsx(Divider, {})
+		})] });
+	}, [
+		page,
+		user,
+		pageId,
+		crudTableEditionData,
+		setSideSheetWidth,
+		setSideSheetButtonLabel,
+		setSideSheetOnSubmit,
+		setSideSheetProps,
+		closeSideSheet,
+		onCreate,
+		onUpdate,
+		classes,
+		tableDescription,
+		value
+	]);
+	return /* @__PURE__ */ jsx("div", { children: loadingPage ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		skeleton.map((sk) => sk),
+		/* @__PURE__ */ jsx(LayoutUnit, { unit: "md" }),
+		/* @__PURE__ */ jsx(Skeleton, {
+			variant: "rect",
+			className: classes.skeletonButton
+		})
+	] }) : sideSheetContent });
+};
+VirtualTableSidePanel.propTypes = {
+	tableDescription: PropTypes.array,
+	crudTableEditionData: PropTypes.array,
+	closeSideSheet: PropTypes.func,
+	onCreate: PropTypes.func,
+	onUpdate: PropTypes.func
+};
+
+//#endregion
+//#region src/maintenanceEngine/virtualBrowser/VirtualBrowser.jsx
+const useSearchParams = () => {
+	const { search } = useLocation();
+	return useMemo(() => new URLSearchParams(search), [search]);
+};
+const VirtualBrowser = (props) => {
+	var _location$pathname, _selectedEntity$unity2, _selectedEntity$unity3;
+	const { ...other } = props;
+	const urlSearchParams = useSearchParams();
+	const location = useLocation();
+	const { value, promotedEntity } = location.state || {};
+	const parts = location === null || location === void 0 || (_location$pathname = location.pathname) === null || _location$pathname === void 0 ? void 0 : _location$pathname.split("/");
+	const virtualId = value ? value === null || value === void 0 ? void 0 : value.id : parts ? parts[parts.length - 1] : null;
+	const user = useUser();
+	const buildEnv = useBuildEnvironment();
+	const [isSheetOpen, setSheetOpen] = useState(false);
+	const [sideSheetWidth, setSideSheetWidth] = useState(600);
+	const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState("");
+	const [otherSideSheetProps, setOtherSideSheetProps] = useState({});
+	const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(() => () => console.warn("onSubmit not set"));
+	const [selectedEntity, setSelectedEntity] = useState(promotedEntity);
+	const { t } = useTranslation();
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const setLocationState = useSetLocationState();
+	const closeSheet = useCallback(() => {
+		setSheetOpen(false);
+	}, []);
+	const entityName = useMemo(() => {
+		if (selectedEntity) return selectedEntity.entityName || "";
+		else return urlSearchParams.has("entityName") === true ? urlSearchParams.get("entityName") : "";
+	}, [selectedEntity, urlSearchParams]);
+	const createApiMethodPageId = useMemo(() => {
+		var _selectedEntity$unity;
+		return selectedEntity === null || selectedEntity === void 0 || (_selectedEntity$unity = selectedEntity.unityBaseCreateMethod) === null || _selectedEntity$unity === void 0 ? void 0 : _selectedEntity$unity.pageId;
+	}, [selectedEntity]);
+	const [{ data: tpacb, loading: loadingTpacb, error: tpacbError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${user === null || user === void 0 ? void 0 : user.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!user || !!promotedEntity, false);
+	const [{ data: promotedMethodEntities }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${tpacb === null || tpacb === void 0 ? void 0 : tpacb.apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!tpacb || !!!user || !!!entityName, false);
+	const [{ data: entityData, loading: isLoading }, fetchEntityData] = useAxiosMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity === null || selectedEntity === void 0 || (_selectedEntity$unity2 = selectedEntity.unityBaseGetDataMethod) === null || _selectedEntity$unity2 === void 0 ? void 0 : _selectedEntity$unity2.apiMethodId}`, { method: "post" });
+	const [{ data: tableDescription, loading: tableDescriptionLoading }, fetchTableDescription] = useAxiosMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity === null || selectedEntity === void 0 || (_selectedEntity$unity3 = selectedEntity.unityBaseDescribeMethod) === null || _selectedEntity$unity3 === void 0 ? void 0 : _selectedEntity$unity3.apiMethodId}`, { method: "post" });
+	const constructVirtualValuesForRequest = useCallback((values) => {
+		if (!tableDescription) return [];
+		const bodyArr = [];
+		tableDescription.forEach((column) => {
+			const valueExist = typeof values[column.name] == "boolean" || values[column.name];
+			if (column.name || valueExist) switch (getSanitizedName(entityName === null || entityName === void 0 ? void 0 : entityName.toLowerCase())) {
+				case UdpEnums.Udp_Lookup.toLowerCase():
+					bodyArr.push({
+						lookupColumnId: column.id,
+						value: values[column.name]
+					});
+					break;
+				default:
+			}
+		});
+		return bodyArr;
+	}, [tableDescription, entityName]);
+	const handleOnCreate = useCallback(async (values) => {
+		if (selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualCreateMethod) {
+			const requestArr = constructVirtualValuesForRequest(values);
+			const data = {
+				requestBody: requestArr,
+				id: virtualId
+			};
+			const response = await executeQueryWithParameters({ data }, selectedEntity.unityBaseVirtualCreateMethod.apiMethodId).catch((res) => {
+				handleErrorSnackbar(res.message);
+			});
+			if ((response === null || response === void 0 ? void 0 : response.status) === 200) {
+				handleSuccessSnackbar(t(`Row has been created`));
+				const queryData = { id: virtualId };
+				fetchEntityData({ data: queryData });
+			}
+		}
+	}, [
+		selectedEntity,
+		t,
+		fetchEntityData,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		virtualId,
+		constructVirtualValuesForRequest
+	]);
+	const handleOnUpdate = useCallback(async (values) => {
+		if (selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualUpdateMethod) {
+			const primaryKeyValues = [virtualId, values.udpVirtualRowId];
+			const pathObject = getPathObject(selectedEntity.unityBaseVirtualUpdateMethod.pathParameters, primaryKeyValues);
+			const requestArr = constructVirtualValuesForRequest(values);
+			let data = { requestBody: requestArr };
+			if (Array.isArray(pathObject)) pathObject.forEach((po) => {
+				data[Object.keys(po)[0]] = po[Object.keys(po)[0]];
+			});
+			else data = {
+				...pathObject,
+				requestBody: requestArr
+			};
+			const response = await executeQueryWithParameters({ data }, selectedEntity.unityBaseVirtualUpdateMethod.apiMethodId).catch((res) => {
+				handleErrorSnackbar(res.message);
+			});
+			if ((response === null || response === void 0 ? void 0 : response.status) === 200) {
+				handleSuccessSnackbar(t(`Row has been updated`));
+				const queryData = { id: virtualId };
+				fetchEntityData({ data: queryData });
+			}
+		}
+	}, [
+		selectedEntity,
+		t,
+		fetchEntityData,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		virtualId,
+		constructVirtualValuesForRequest
+	]);
+	const handleOnDelete = useCallback(async (value$1) => {
+		if (selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualDeleteMethod) {
+			const primaryKeyValues = [virtualId, value$1.udpVirtualRowId];
+			const pathObject = getPathObject(selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualDeleteMethod.pathParameters, primaryKeyValues);
+			let data = {};
+			if (Array.isArray(pathObject)) pathObject.forEach((po) => {
+				data[Object.keys(po)[0]] = po[Object.keys(po)[0]];
+			});
+			else data = { ...pathObject };
+			const response = await executeQueryWithParameters({ data }, selectedEntity.unityBaseVirtualDeleteMethod.apiMethodId).catch((res) => {
+				handleErrorSnackbar(res.message);
+			});
+			if ((response === null || response === void 0 ? void 0 : response.status) === 200) {
+				handleSuccessSnackbar(t(`Row has been deleted`));
+				const queryData = { id: virtualId };
+				fetchEntityData({ data: queryData });
+			}
+		}
+	}, [
+		selectedEntity,
+		t,
+		fetchEntityData,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		virtualId
+	]);
+	const actionList = useMemo(() => {
+		var _selectedEntity$unity4;
+		if (!selectedEntity) return;
+		return [{
+			id: 1,
+			title: (selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualUpdateMethod) ? t("Edit") : t("Edit Method Not Accessible"),
+			icon: EditIcon,
+			onClick: null,
+			opens: "sideSheet",
+			view: {
+				component: VirtualTableSidePanel,
+				properties: {
+					tableDescription,
+					onUpdate: handleOnUpdate,
+					valuePropName: "value",
+					closeSideSheet: null,
+					closeSideSheetPropName: "closeSideSheet",
+					pageId: selectedEntity === null || selectedEntity === void 0 || (_selectedEntity$unity4 = selectedEntity.unityBaseVirtualUpdateMethod) === null || _selectedEntity$unity4 === void 0 ? void 0 : _selectedEntity$unity4.pageId,
+					isNewEntry: false
+				}
+			},
+			disabled: !!!(selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualUpdateMethod)
+		}, {
+			id: 2,
+			title: (selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualDeleteMethod) ? t("Delete") : t("Delete Method Not Accessible"),
+			icon: DeleteIcon,
+			onClick: null,
+			opens: "dialog",
+			view: {
+				component: null,
+				properties: {
+					title: t("Delete"),
+					message: t("Are you sure you want to delete this row?"),
+					labelOne: t("Cancel"),
+					actionTwo: handleOnDelete,
+					labelTwo: t("Confirm")
+				}
+			},
+			disabled: !!!(selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.unityBaseVirtualDeleteMethod)
+		}];
+	}, [
+		selectedEntity,
+		t,
+		handleOnUpdate,
+		handleOnDelete,
+		tableDescription
+	]);
+	const columnDefs = useMemo(() => {
+		if (tableDescription === null || tableDescription === void 0 ? void 0 : tableDescription.length) return VirtualTableColumnDefs(tableDescription, actionList);
+		return [];
+	}, [actionList, tableDescription]);
+	const groupData = useMemo(() => {
+		return columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.map((item) => {
+			return {
+				groupItem: item.field,
+				label: item.headerName,
+				value: item.field
+			};
+		});
+	}, [columnDefs]);
+	useEffect(() => {
+		if (promotedMethodEntities) setSelectedEntity(promotedMethodEntities);
+	}, [promotedMethodEntities]);
+	useEffect(() => {
+		if (virtualId) {
+			var _selectedEntity$unity5, _selectedEntity$unity6;
+			const queryData = { id: virtualId };
+			if (selectedEntity === null || selectedEntity === void 0 || (_selectedEntity$unity5 = selectedEntity.unityBaseGetDataMethod) === null || _selectedEntity$unity5 === void 0 ? void 0 : _selectedEntity$unity5.apiMethodId) fetchEntityData({ data: queryData });
+			if (selectedEntity === null || selectedEntity === void 0 || (_selectedEntity$unity6 = selectedEntity.unityBaseDescribeMethod) === null || _selectedEntity$unity6 === void 0 ? void 0 : _selectedEntity$unity6.apiMethodId) fetchTableDescription({ data: queryData });
+		}
+	}, [
+		selectedEntity,
+		fetchEntityData,
+		virtualId,
+		fetchTableDescription
+	]);
+	useEffect(() => {
+		setLocationState({ label: t(value === null || value === void 0 ? void 0 : value.name) || t("Virtual Lookup") });
+	}, [
+		setLocationState,
+		t,
+		value
+	]);
+	const pab = /* @__PURE__ */ jsxs(PrimaryActionButton, {
+		onClick: () => setSheetOpen && setSheetOpen(true),
+		children: [/* @__PURE__ */ jsx(Typography, {
+			style: { marginRight: 5 },
+			children: "Add"
+		}), /* @__PURE__ */ jsx(AddIcon, {})]
+	});
+	const SideOptionList = useMemo(() => /* @__PURE__ */ jsx(SideSheet, {
+		open: isSheetOpen,
+		onClose: closeSheet,
+		title: `Add new ${entityName}`,
+		width: sideSheetWidth,
+		buttonLabel: sideSheetButtonLabel,
+		onSubmit: sideSheetOnSubmit,
+		...otherSideSheetProps,
+		children: /* @__PURE__ */ jsx(VirtualTableSidePanel, {
+			onCreate: handleOnCreate,
+			closeSideSheet: closeSheet,
+			pageId: createApiMethodPageId,
+			setSideSheetWidth,
+			setSideSheetButtonLabel,
+			setSideSheetOnSubmit,
+			setSideSheetProps: setOtherSideSheetProps,
+			tableDescription
+		})
+	}), [
+		isSheetOpen,
+		closeSheet,
+		entityName,
+		sideSheetWidth,
+		sideSheetButtonLabel,
+		sideSheetOnSubmit,
+		handleOnCreate,
+		createApiMethodPageId,
+		otherSideSheetProps,
+		tableDescription
+	]);
+	const formatData = useCallback(() => {
+		if ((entityData === null || entityData === void 0 ? void 0 : entityData.data) && tableDescription) {
+			let formattedEntityData = cloneDeep(entityData === null || entityData === void 0 ? void 0 : entityData.data);
+			const datetimeFields = tableDescription === null || tableDescription === void 0 ? void 0 : tableDescription.reduce((fields, element) => {
+				if ((element === null || element === void 0 ? void 0 : element.type) === "datetime") fields.push(element === null || element === void 0 ? void 0 : element.name);
+				return fields;
+			}, []);
+			if (datetimeFields.length) formattedEntityData.forEach((e) => {
+				Object.keys(e).forEach((key) => {
+					if (datetimeFields.find((field) => field === key)) {
+						if (e[key] === null) return;
+						e[key] = format(new Date(e[key]), "yyyy/MM/dd kk:mm:ss");
+					}
+				});
+			});
+			return formattedEntityData;
+		}
+		return [];
+	}, [entityData, tableDescription]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AmbientGridTemplate, {
+		title: (value === null || value === void 0 ? void 0 : value.name) || (entityData === null || entityData === void 0 ? void 0 : entityData.name),
+		data: entityData ? formatData(entityData === null || entityData === void 0 ? void 0 : entityData.data) : [],
+		columnDefs,
+		groupingData: groupData,
+		primaryActionButton: pab,
+		frameworkComponents: { actionsRenderer: ActionsRenderer },
+		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
+		disableRowSelection: true,
+		loading: isLoading,
+		...other
+	}), SideOptionList] });
+};
+
+//#endregion
+export { VirtualBrowser };
+//# sourceMappingURL=VirtualBrowser-79L67ptM.js.map

package/dist/VirtualBrowser-79L67ptM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualBrowser-79L67ptM.js","names":["useStyles","value"],"sources":["../src/maintenanceEngine/virtualBrowser/VirtualTableColumnDefs.js","../src/hooks/virtualActions.jsx","../src/UI/forms/VirtualForm.jsx","../src/maintenanceEngine/virtualBrowser/VirtualTableSidePanel.jsx","../src/maintenanceEngine/virtualBrowser/VirtualBrowser.jsx"],"sourcesContent":["import { toTitleCase } from '../../utilities/input/StringUtilities';\n\nconst defaultGridColumn = {\n  headerName: '',\n  field: '',\n  minWidth: 80,\n  autoHeight: false,\n  sortable: true\n};\n\nexport const VirtualTableColumnDefs = (\n  tableDescription,\n  actionList,\n  columnName = 'Actions',\n  crudTableActionRenderName = 'actionsRenderer',\n  panelDirection = 'right'\n) => {\n  let columnDefs =\n    tableDescription?.reduce((defs, element) => {\n      defs.push({\n        ...defaultGridColumn,\n        headerName: toTitleCase(element?.name || ''),\n        field: element?.name\n      });\n      return defs;\n    }, []) || [];\n\n  columnDefs.push({\n    headerName:\n      crudTableActionRenderName === 'actionsRenderer' ? 'Actions' : columnName,\n    filter: false,\n    pinned: panelDirection,\n    width: 150,\n    maxWidth: 180,\n    cellRenderer: crudTableActionRenderName,\n    cellRendererParams: {\n      actionList\n    },\n    valueGetter: (params) => params.data,\n    suppressMenu: true,\n    sortable: false,\n    cellStyle: { display: 'flex', alignItems: 'center' }\n  });\n\n  return columnDefs;\n};\n\nexport const defaultColActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import { FormControlLabel, TextField } from '@material-ui/core';\nimport React, { useCallback } from 'react';\nimport { DateTimeField } from '../UI/inputs/datetimes/DateTimeField';\nimport { Field } from '../utilities/form';\nimport { findTermByType } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { FluentToggle } from '../UI/inputs/toggle/FluentToggle';\nimport { PropertyTypeEnum } from '../enums/propertyTypeEnums';\nimport { toLowerFirstChar } from '../utilities/input/StringUtilities';\nimport { toTitleCase } from '../utilities/input/StringUtilities';\n\nexport function useVirtualActions() {\n  const renderInputByFieldType = useCallback(\n    (formField, index, virtualTableFormData, classes) => {\n      const NUMBER_TYPE = [\n        PropertyTypeEnum.Int,\n        PropertyTypeEnum.Long,\n        PropertyTypeEnum.Double\n      ];\n\n      if (\n        formField.type === 'boolean' &&\n        virtualTableFormData[toLowerFirstChar(formField.name)] === ''\n      ) {\n        virtualTableFormData[toLowerFirstChar(formField.name)] = false;\n      }\n\n      const fieldType = formField.type?.toLowerCase();\n      let fieldIsNumberType = NUMBER_TYPE.includes(fieldType);\n\n      const DefaultTextField = (\n        <Field\n          component={TextField}\n          id={`${formField.name}${index}`}\n          name={toLowerFirstChar(formField.name)}\n          label={toTitleCase(formField.name)}\n          initialValue={\n            virtualTableFormData[toLowerFirstChar(formField.name)] || ''\n          }\n          type={fieldIsNumberType && 'number'}\n          fullWidth\n          variant='outlined'\n          size='small'\n          required={!formField?.nullable}\n          margin='dense'\n          InputProps={{\n            classes: {\n              root: classes?.input,\n              input: classes?.formTextInput\n            }\n          }}\n          InputLabelProps={{\n            classes: {\n              root: classes?.labelRoot\n            }\n          }}\n          disabled={formField?.disabled}\n        />\n      );\n\n      const DefaultFluentToggle = (\n        <FormControlLabel\n          control={\n            <Field\n              component={FluentToggle}\n              type='checkbox'\n              id={`${formField.name}${index}`}\n              name={toLowerFirstChar(formField.name)}\n              label={toTitleCase(formField.name)}\n              initialValue={\n                typeof virtualTableFormData[\n                  toLowerFirstChar(formField.name)\n                ] === 'boolean'\n                  ? virtualTableFormData[toLowerFirstChar(formField.name)]\n                  : virtualTableFormData[toLowerFirstChar(formField.name)] ===\n                    'true'\n                  ? true\n                  : false\n              }\n              disabled={formField?.disabled}\n              classes={{ root: classes?.switchRoot }}\n              color='secondary'\n              inputProps={{ 'aria-label': 'Active condition' }}\n            />\n          }\n          label={toTitleCase(formField.name)}\n          labelPlacement='start'\n          style={{ marginLeft: 4 }}\n        />\n      );\n\n      switch (fieldType.toLowerCase()) {\n        case findTermByType(fieldType, 'int'):\n        case findTermByType(fieldType, 'long'):\n        case findTermByType(fieldType, 'double'):\n        case findTermByType(fieldType, 'string'):\n        case findTermByType(fieldType, 'string uuid'):\n          return DefaultTextField;\n        case findTermByType(fieldType, 'boolean'):\n          return DefaultFluentToggle;\n        case findTermByType(fieldType, 'datetime'):\n          return (\n            <Field\n              disabled={formField?.disabled}\n              component={DateTimeField}\n              id={`${formField.name}${index}`}\n              name={toLowerFirstChar(formField.name)}\n              label={toTitleCase(formField.name)}\n              initialValue={\n                virtualTableFormData[toLowerFirstChar(formField.name)]\n                  ? new Date(\n                      virtualTableFormData[toLowerFirstChar(formField.name)]\n                    )\n                  : ''\n              }\n              fullWidth\n              variant='outlined'\n              size='small'\n              required={!formField?.nullable}\n              style={{ marginTop: 8 }}\n            />\n          );\n        default:\n          return null;\n      }\n    },\n    []\n  );\n\n  return {\n    renderInputByFieldType\n  };\n}\n","import { makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { useVirtualActions } from '../../hooks/virtualActions';\n\nconst useStyles = makeStyles((theme) => ({\n  actions: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  title: {\n    flexGrow: 1\n  },\n  subject: {\n    marginLeft: theme.spacing(1),\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1\n  },\n  switchRoot: {\n    marginLeft: theme.spacing(1)\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 13\n  },\n  labelRoot: {\n    fontSize: 13\n  }\n}));\n\nexport const VirtualForm = (props) => {\n  const { tableDescription, rowValue, closeSideSheet, onCreate, onUpdate } =\n    props;\n  const { renderInputByFieldType } = useVirtualActions();\n\n  const [virtualTableFormData, setVirtualTableFormData] = useState(\n    rowValue || {}\n  );\n  const classes = useStyles();\n\n  const handleSubmit = async (values) => {\n    let newTableData = {\n      ...virtualTableFormData,\n      ...values\n    };\n\n    const isNewRow = !rowValue;\n\n    if (isNewRow) {\n      onCreate && (await onCreate(newTableData));\n    } else {\n      onUpdate && (await onUpdate(newTableData));\n    }\n    closeSideSheet && closeSideSheet();\n  };\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      <div>\n        {tableDescription?.map((formField, index) => {\n          return (\n            <React.Fragment key={`${formField.name}-${index}`}>\n              <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n                {formField.friendlyName}\n              </Typography>\n              {renderInputByFieldType(\n                formField,\n                index,\n                virtualTableFormData,\n                classes\n              )}\n            </React.Fragment>\n          );\n        })}\n      </div>\n\n      <FormButtons>\n        <SubmitButton\n          variant='contained'\n          color='secondary'\n          disablePristine={false}\n          disabled={false}\n          style={{ marginTop: 15 }}\n        >\n          Save\n        </SubmitButton>\n      </FormButtons>\n    </Form>\n  );\n};\n\nVirtualForm.propTypes = {\n  /**\n   * onClick event for closing sidesheet\n   */\n  closeSideSheet: PropTypes.func,\n  /**\n   * onClick event for creating\n   */\n  onCreate: PropTypes.func,\n  /**\n   * onClick event for updating\n   */\n  onUpdate: PropTypes.func\n};\n","import { Divider, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { PageContainer } from '../../page/PageContainer';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Skeleton } from '@material-ui/lab';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { VirtualForm } from '../../UI/forms/VirtualForm';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  divider: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nconst FIELD_NUMBER = 10;\n\nexport const VirtualTableSidePanel = (props) => {\n  const {\n    tableDescription,\n    value,\n    crudTableEditionData,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    pageId,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps\n  } = props;\n  const user = useUser();\n  const classes = useStyles();\n\n  const [{ data: page, loading: loadingPage }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${pageId}`,\n    {},\n    !!!pageId,\n    false\n  );\n\n  const skeleton = useMemo(() => {\n    const skeletonArr = [];\n    for (let i = 0; i < FIELD_NUMBER; i++) {\n      skeletonArr.push(\n        <>\n          <Skeleton key={i} variant='rect' className={classes.skeleton} />\n          <LayoutUnit unit='xxs' />\n        </>\n      );\n    }\n    return skeletonArr;\n  }, [classes]);\n\n  const sideSheetContent = useMemo(() => {\n    if (page) {\n      return (\n        <DndProvider backend={HTML5Backend}>\n          <PageContainer\n            user={user}\n            key={pageId}\n            pageData={page}\n            widgetParams={{\n              pageId: page?.pageId,\n              nodeObj: crudTableEditionData,\n              setSideSheetWidth: setSideSheetWidth,\n              setSideSheetButtonLabel: setSideSheetButtonLabel,\n              setSideSheetOnSubmit: setSideSheetOnSubmit,\n              closeSideSheet: closeSideSheet,\n              setSideSheetProps: setSideSheetProps,\n              onCreate: onCreate,\n              onUpdate: onUpdate\n            }}\n            disableMargins={true}\n          />\n        </DndProvider>\n      );\n    } else {\n      return (\n        <>\n          <VirtualForm\n            tableDescription={tableDescription}\n            rowValue={value}\n            closeSideSheet={closeSideSheet}\n            onCreate={onCreate}\n            onUpdate={onUpdate}\n          />\n          <div className={classes.divider}>\n            <Divider />\n          </div>\n        </>\n      );\n    }\n  }, [\n    page,\n    user,\n    pageId,\n    crudTableEditionData,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    classes,\n    tableDescription,\n    value\n  ]);\n\n  return (\n    <div>\n      {loadingPage ? (\n        <>\n          {skeleton.map((sk) => sk)}\n          <LayoutUnit unit='md' />\n          <Skeleton variant='rect' className={classes.skeletonButton} />\n        </>\n      ) : (\n        sideSheetContent\n      )}\n    </div>\n  );\n};\n\nVirtualTableSidePanel.propTypes = {\n  /**\n   * Description of the table\n   */\n  tableDescription: PropTypes.array,\n  /**\n   * Entity data\n   */\n  crudTableEditionData: PropTypes.array,\n  /**\n   * onClick event for closing sidesheet\n   */\n  closeSideSheet: PropTypes.func,\n  /**\n   * onClick event for creating\n   */\n  onCreate: PropTypes.func,\n  /**\n   * onClick event for updating\n   */\n  onUpdate: PropTypes.func\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport PrimaryActionButton from '../../UI/inputs/buttons/PrimaryActionButton';\nimport { AmbientGridTemplate } from '../../UI/templates/AmbientGridTemplate';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { VirtualTableColumnDefs } from './VirtualTableColumnDefs';\nimport { AddIcon, DeleteIcon, EditIcon } from '@fluentui/react-icons';\nimport { Typography } from '@material-ui/core';\nimport { format } from 'date-fns';\nimport { getPathObject } from '../../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { executeQueryWithParameters } from '../../udp/utilities/methodUtils';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { useAxiosMutate } from '../../utilities/useAxiosMutate';\nimport { useLocation } from 'react-router-dom';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { VirtualTableSidePanel } from './VirtualTableSidePanel';\nimport { UdpEnums } from '../../enums/unitySystemEnums';\nimport { useBuildEnvironment } from '../../shell/ui/EnvironmentRibbon';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useSetLocationState } from '../../hooks/useSetLocationState';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useSearchParams = () => {\n  const { search } = useLocation();\n  return useMemo(() => new URLSearchParams(search), [search]);\n};\n\nexport const VirtualBrowser = (props) => {\n  const { ...other } = props;\n  const urlSearchParams = useSearchParams();\n  const location = useLocation();\n  const { value, promotedEntity } = location.state || {};\n  const parts = location?.pathname?.split('/');\n  const virtualId = value\n    ? value?.id\n    : '' || parts\n    ? parts[parts.length - 1]\n    : null;\n\n  const user = useUser();\n  const buildEnv = useBuildEnvironment();\n  const [isSheetOpen, setSheetOpen] = useState(false);\n  const [sideSheetWidth, setSideSheetWidth] = useState(600);\n  const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n  const [otherSideSheetProps, setOtherSideSheetProps] = useState({});\n  const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n    () => () => console.warn('onSubmit not set')\n  );\n  const [selectedEntity, setSelectedEntity] = useState(promotedEntity);\n  const { t } = useTranslation();\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n  const setLocationState = useSetLocationState();\n\n  const closeSheet = useCallback(() => {\n    setSheetOpen(false);\n  }, []);\n\n  const entityName = useMemo(() => {\n    if (selectedEntity) {\n      return selectedEntity.entityName || '';\n    } else {\n      return urlSearchParams.has('entityName') === true\n        ? urlSearchParams.get('entityName')\n        : '';\n    }\n  }, [selectedEntity, urlSearchParams]);\n\n  const createApiMethodPageId = useMemo(() => {\n    return selectedEntity?.unityBaseCreateMethod?.pageId;\n  }, [selectedEntity]);\n\n  const [{ data: tpacb, loading: loadingTpacb, error: tpacbError }] =\n    useAxiosGet(\n      ConfigService.integrationV1ApiUrl,\n      `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n      {},\n      !!!user || !!promotedEntity,\n      false\n    );\n\n  const [{ data: promotedMethodEntities }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${tpacb?.apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!tpacb || !!!user || !!!entityName,\n    false\n  );\n\n  // Get all rows of an entity\n  const [{ data: entityData, loading: isLoading }, fetchEntityData] =\n    useAxiosMutate(\n      ConfigService.integrationV1ApiUrl,\n      `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseGetDataMethod?.apiMethodId}`,\n      {\n        method: 'post'\n      }\n    );\n\n  // Get all rows of an entity\n  const [\n    { data: tableDescription, loading: tableDescriptionLoading },\n    fetchTableDescription\n  ] = useAxiosMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseDescribeMethod?.apiMethodId}`,\n    {\n      method: 'post'\n    }\n  );\n\n  const constructVirtualValuesForRequest = useCallback(\n    (values) => {\n      if (!tableDescription) {\n        return [];\n      }\n      const bodyArr = [];\n      tableDescription.forEach((column) => {\n        const valueExist =\n          typeof values[column.name] == 'boolean' || values[column.name];\n        if (column.name || valueExist) {\n          switch (getSanitizedName(entityName?.toLowerCase())) {\n            case UdpEnums.Udp_Lookup.toLowerCase():\n              bodyArr.push({\n                lookupColumnId: column.id,\n                value: values[column.name]\n              });\n              break;\n            default:\n          }\n        }\n      });\n      return bodyArr;\n    },\n    [tableDescription, entityName]\n  );\n\n  const handleOnCreate = useCallback(\n    async (values) => {\n      if (selectedEntity?.unityBaseVirtualCreateMethod) {\n        const requestArr = constructVirtualValuesForRequest(values);\n        const data = { requestBody: requestArr, id: virtualId };\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualCreateMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been created`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId,\n      constructVirtualValuesForRequest\n    ]\n  );\n\n  const handleOnUpdate = useCallback(\n    async (values) => {\n      if (selectedEntity?.unityBaseVirtualUpdateMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = [virtualId, values.udpVirtualRowId];\n        const pathObject = getPathObject(\n          selectedEntity.unityBaseVirtualUpdateMethod.pathParameters,\n          primaryKeyValues\n        );\n        const requestArr = constructVirtualValuesForRequest(values);\n        let data = { requestBody: requestArr };\n        if (Array.isArray(pathObject)) {\n          pathObject.forEach((po) => {\n            data[Object.keys(po)[0]] = po[Object.keys(po)[0]];\n          });\n        } else {\n          data = { ...pathObject, requestBody: requestArr };\n        }\n\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualUpdateMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been updated`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId,\n      constructVirtualValuesForRequest\n    ]\n  );\n\n  const handleOnDelete = useCallback(\n    async (value) => {\n      if (selectedEntity?.unityBaseVirtualDeleteMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = [virtualId, value.udpVirtualRowId];\n        const pathObject = getPathObject(\n          selectedEntity?.unityBaseVirtualDeleteMethod.pathParameters,\n          primaryKeyValues\n        );\n        let data = {};\n        if (Array.isArray(pathObject)) {\n          pathObject.forEach((po) => {\n            data[Object.keys(po)[0]] = po[Object.keys(po)[0]];\n          });\n        } else {\n          data = { ...pathObject };\n        }\n\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualDeleteMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been deleted`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId\n    ]\n  );\n\n  const actionList = useMemo(() => {\n    if (!selectedEntity) {\n      return;\n    }\n\n    return [\n      {\n        id: 1, // Must be unique\n        title: selectedEntity?.unityBaseVirtualUpdateMethod\n          ? t('Edit')\n          : t('Edit Method Not Accessible'),\n        icon: EditIcon,\n        onClick: null,\n        opens: 'sideSheet',\n        view: {\n          component: VirtualTableSidePanel,\n          properties: {\n            tableDescription: tableDescription,\n            onUpdate: handleOnUpdate,\n            valuePropName: 'value',\n            closeSideSheet: null,\n            closeSideSheetPropName: 'closeSideSheet',\n            pageId: selectedEntity?.unityBaseVirtualUpdateMethod?.pageId,\n            isNewEntry: false\n          }\n        },\n        disabled: !!!selectedEntity?.unityBaseVirtualUpdateMethod\n      },\n      {\n        id: 2, // Must be unique\n        title: selectedEntity?.unityBaseVirtualDeleteMethod\n          ? t('Delete')\n          : t('Delete Method Not Accessible'),\n        icon: DeleteIcon,\n        onClick: null,\n        opens: 'dialog',\n        view: {\n          component: null,\n          properties: {\n            title: t('Delete'),\n            message: t('Are you sure you want to delete this row?'),\n            labelOne: t('Cancel'),\n            actionTwo: handleOnDelete,\n            labelTwo: t('Confirm')\n          }\n        },\n        disabled: !!!selectedEntity?.unityBaseVirtualDeleteMethod\n      }\n    ];\n  }, [selectedEntity, t, handleOnUpdate, handleOnDelete, tableDescription]);\n\n  const columnDefs = useMemo(() => {\n    if (tableDescription?.length) {\n      return VirtualTableColumnDefs(tableDescription, actionList);\n    }\n    return [];\n  }, [actionList, tableDescription]);\n\n  const groupData = useMemo(() => {\n    return columnDefs?.map((item) => {\n      return {\n        groupItem: item.field,\n        label: item.headerName,\n        value: item.field\n      };\n    });\n  }, [columnDefs]);\n\n  useEffect(() => {\n    if (promotedMethodEntities) {\n      setSelectedEntity(promotedMethodEntities);\n    }\n  }, [promotedMethodEntities]);\n\n  useEffect(() => {\n    if (virtualId) {\n      const queryData = { id: virtualId };\n      if (selectedEntity?.unityBaseGetDataMethod?.apiMethodId) {\n        fetchEntityData({ data: queryData });\n      }\n      if (selectedEntity?.unityBaseDescribeMethod?.apiMethodId) {\n        fetchTableDescription({ data: queryData });\n      }\n    }\n  }, [selectedEntity, fetchEntityData, virtualId, fetchTableDescription]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    setLocationState({ label: t(value?.name) || t('Virtual Lookup') });\n  }, [setLocationState, t, value]);\n\n  const pab = (\n    <PrimaryActionButton onClick={() => setSheetOpen && setSheetOpen(true)}>\n      <Typography style={{ marginRight: 5 }}>Add</Typography>\n      <AddIcon />\n    </PrimaryActionButton>\n  );\n\n  const SideOptionList = useMemo(\n    () => (\n      <SideSheet\n        open={isSheetOpen}\n        onClose={closeSheet}\n        title={`Add new ${entityName}`}\n        width={sideSheetWidth}\n        buttonLabel={sideSheetButtonLabel}\n        onSubmit={sideSheetOnSubmit}\n        {...otherSideSheetProps}\n      >\n        <VirtualTableSidePanel\n          onCreate={handleOnCreate}\n          closeSideSheet={closeSheet}\n          pageId={createApiMethodPageId}\n          setSideSheetWidth={setSideSheetWidth}\n          setSideSheetButtonLabel={setSideSheetButtonLabel}\n          setSideSheetOnSubmit={setSideSheetOnSubmit}\n          setSideSheetProps={setOtherSideSheetProps}\n          tableDescription={tableDescription}\n        />\n      </SideSheet>\n    ),\n    [\n      isSheetOpen,\n      closeSheet,\n      entityName,\n      sideSheetWidth,\n      sideSheetButtonLabel,\n      sideSheetOnSubmit,\n      handleOnCreate,\n      createApiMethodPageId,\n      otherSideSheetProps,\n      tableDescription\n    ]\n  );\n\n  const formatData = useCallback(() => {\n    if (entityData?.data && tableDescription) {\n      let formattedEntityData = cloneDeep(entityData?.data);\n\n      //   get list of attributes that are datetime\n      const datetimeFields = tableDescription?.reduce((fields, element) => {\n        if (element?.type === 'datetime') {\n          fields.push(element?.name);\n        }\n        return fields;\n      }, []);\n\n      if (datetimeFields.length) {\n        formattedEntityData.forEach((e) => {\n          Object.keys(e).forEach((key) => {\n            // format all datetime fields\n            if (datetimeFields.find((field) => field === key)) {\n              // LAA UNT-2977: add null check to prevent default date from being added when null\n              if (e[key] === null) return;\n              e[key] = format(new Date(e[key]), 'yyyy/MM/dd kk:mm:ss');\n            }\n          });\n        });\n      }\n\n      return formattedEntityData;\n    }\n    return [];\n  }, [entityData, tableDescription]);\n\n  return (\n    <>\n      <AmbientGridTemplate\n        title={value?.name || entityData?.name}\n        data={entityData ? formatData(entityData?.data) : []}\n        columnDefs={columnDefs}\n        groupingData={groupData}\n        primaryActionButton={pab}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n        disableRowSelection={true}\n        loading={isLoading}\n        {...other}\n      />\n      {SideOptionList}\n    </>\n  );\n};\n"],"mappings":"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"}