udp-react-enterprise-component-library 25.18.1-beta.32 → 25.18.1-beta.33

package/dist/UtilitySideBar-CkymNmr-.js

@@ -1,95 +0,0 @@
-import { t as AmbientCard } from "./AmbientCard-DK9abODq.js";
-import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
-import { t as SidebarCollapseButton } from "./SidebarCollapseButton-pxq7unTx.js";
-import { n as UtilityBarInportTarget } from "./UtilityBarInport-BkkjGmSO.js";
-import React, { useCallback, useEffect, useState } from "react";
-import { Typography, makeStyles, useTheme } from "@material-ui/core";
-import { ResizableBox } from "react-resizable";
-
-//#region src/UI/utilityDisplay/UtilitySideBar.jsx
-const EXPANDED_WIDTH = 288;
-const COLLAPSED_WIDTH = 78;
-const MAX_WIDTH = 700;
-const useStyles = makeStyles((theme) => ({
-	root: {
-		paddingTop: (props) => props.removePadding || props.sidebarHidden ? 0 : 40,
-		overflow: "hidden",
-		height: "100%"
-	},
-	titleWrapper: {
-		display: (props) => props.hideTitleBar ? "none" : "flex",
-		width: "100%",
-		paddingLeft: theme.spacing(1)
-	},
-	button: { marginTop: -8 },
-	title: {
-		flex: 1,
-		width: "100%",
-		marginTop: 8
-	},
-	expandedWidth: { width: 288 },
-	handle: {
-		top: 0,
-		right: theme.spacing(-.75),
-		width: theme.spacing(.75),
-		zIndex: 1e4,
-		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
-		display: "inline-block",
-		position: "absolute",
-		"&:hover": { cursor: "col-resize" }
-	}
-}));
-const UtilitySideBar = (props) => {
-	const { onUtilitySidebarToggleExpandClick, resizable, title, utilitySidebarToggleOverride, isUsingChildren = false, removeTopLayoutUnit = false, collapsedWidth, children, sidebarHidden, handleResize = null, hideTitleBar } = props;
-	const buildEnv = useBuildEnvironment();
-	const classes = useStyles({
-		...props,
-		appRibbbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
-	});
-	const [expanded, setExpanded] = useState(true);
-	const [width, setWidth] = useState(EXPANDED_WIDTH);
-	const _collapsedWidth = collapsedWidth ?? COLLAPSED_WIDTH;
-	const theme = useTheme();
-	const onResize = (event, { element, size, handle }) => {
-		setWidth(size.width);
-		if (handleResize) handleResize(size.width);
-	};
-	const handleToggleClick = useCallback(() => {
-		if (onUtilitySidebarToggleExpandClick) onUtilitySidebarToggleExpandClick();
-		setExpanded((expanded$1) => !expanded$1);
-	}, [onUtilitySidebarToggleExpandClick]);
-	useEffect(() => {
-		if (typeof utilitySidebarToggleOverride === "boolean") setExpanded(utilitySidebarToggleOverride);
-	}, [utilitySidebarToggleOverride]);
-	return /* @__PURE__ */ React.createElement(ResizableBox, {
-		width: expanded ? width : _collapsedWidth,
-		resizeHandles: resizable && expanded ? ["e"] : [],
-		axis: "x",
-		minConstraints: expanded ? [EXPANDED_WIDTH] : [_collapsedWidth],
-		maxConstraints: [MAX_WIDTH],
-		onResize,
-		handle: expanded && /* @__PURE__ */ React.createElement("div", { className: classes.handle }),
-		style: { position: "relative" }
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: classes.root,
-		style: { width: expanded ? width : _collapsedWidth }
-	}, /* @__PURE__ */ React.createElement(AmbientCard, {
-		fullWidth: true,
-		removePadding: true,
-		lastChildBottomPadding: 12,
-		removeTopLayoutUnit: removeTopLayoutUnit || sidebarHidden
-	}, /* @__PURE__ */ React.createElement("div", { style: {
-		display: hideTitleBar ? "none" : "flex",
-		width: "100%",
-		paddingLeft: theme.spacing(1)
-	} }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, expanded && /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, " ", title, " ")), /* @__PURE__ */ React.createElement("div", { className: classes.button }, /* @__PURE__ */ React.createElement(SidebarCollapseButton, {
-		id: "udpRecord-UtilitySideBar",
-		udprecordid: "udpRecord-UtilitySideBar",
-		expanded,
-		onClick: handleToggleClick
-	}))), !isUsingChildren && /* @__PURE__ */ React.createElement(UtilityBarInportTarget, null), isUsingChildren && children)));
-};
-
-//#endregion
-export { UtilitySideBar as t };
-//# sourceMappingURL=UtilitySideBar-CkymNmr-.js.map

package/dist/UtilitySideBar-CkymNmr-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UtilitySideBar-CkymNmr-.js","names":["expanded"],"sources":["../src/UI/utilityDisplay/UtilitySideBar.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { makeStyles, Typography, useTheme } from '@material-ui/core';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { SidebarCollapseButton } from '../../shell/ui/SidebarCollapseButton';\nimport { UtilityBarInportTarget } from '../../utilities/utilityBar/UtilityBarInport';\nimport { ResizableBox } from 'react-resizable';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../../shell/ui/useBuildEnvironment';\n\nconst EXPANDED_WIDTH = 288;\nconst COLLAPSED_WIDTH = 78;\nconst MAX_WIDTH = 700;\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingTop: (props) =>\n      props.removePadding || props.sidebarHidden ? 0 : 40,\n    overflow: 'hidden',\n    height: '100%'\n  },\n  titleWrapper: {\n    display: (props) => (props.hideTitleBar ? 'none' : 'flex'),\n    width: '100%',\n    paddingLeft: theme.spacing(1)\n  },\n  button: {\n    marginTop: -8\n  },\n  title: {\n    flex: 1,\n    width: '100%',\n    marginTop: 8\n  },\n  expandedWidth: {\n    width: 288\n  },\n  handle: {\n    top: 0,\n    right: theme.spacing(-0.75),\n    width: theme.spacing(0.75),\n    zIndex: 10000,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'inline-block',\n    position: 'absolute',\n    '&:hover': {\n      cursor: 'col-resize'\n    }\n  }\n}));\n\nexport const UtilitySideBar = (props) => {\n  const {\n    onUtilitySidebarToggleExpandClick,\n    resizable,\n    title,\n    utilitySidebarToggleOverride,\n    isUsingChildren = false,\n    removeTopLayoutUnit = false,\n    collapsedWidth,\n    children,\n    sidebarHidden,\n    handleResize = null,\n    hideTitleBar\n  } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const [expanded, setExpanded] = useState(true);\n  const [width, setWidth] = useState(EXPANDED_WIDTH);\n  const _collapsedWidth = collapsedWidth ?? COLLAPSED_WIDTH;\n\n  const theme = useTheme();\n\n  const onResize = (event, { element, size, handle }) => {\n    setWidth(size.width);\n    if (handleResize) {\n      handleResize(size.width);\n    }\n  };\n\n  const handleToggleClick = useCallback(() => {\n    if (onUtilitySidebarToggleExpandClick) {\n      onUtilitySidebarToggleExpandClick();\n    }\n    setExpanded((expanded) => !expanded);\n  }, [onUtilitySidebarToggleExpandClick]);\n\n  useEffect(() => {\n    if (typeof utilitySidebarToggleOverride === 'boolean') {\n      setExpanded(utilitySidebarToggleOverride);\n    }\n  }, [utilitySidebarToggleOverride]);\n  return (\n    <ResizableBox\n      width={expanded ? width : _collapsedWidth}\n      resizeHandles={resizable && expanded ? ['e'] : []}\n      axis='x'\n      minConstraints={expanded ? [EXPANDED_WIDTH] : [_collapsedWidth]}\n      maxConstraints={[MAX_WIDTH]}\n      onResize={onResize}\n      handle={expanded && <div className={classes.handle} />}\n      style={{ position: 'relative' }}\n    >\n      <div\n        className={classes.root}\n        style={{ width: expanded ? width : _collapsedWidth }}\n      >\n        <AmbientCard\n          fullWidth\n          removePadding\n          lastChildBottomPadding={12}\n          removeTopLayoutUnit={removeTopLayoutUnit || sidebarHidden}\n        >\n          <div\n            style={{\n              display: hideTitleBar ? 'none' : 'flex',\n              width: '100%',\n              paddingLeft: theme.spacing(1)\n            }}\n          >\n            <div className={classes.title}>\n              {expanded && <Typography variant='h6'> {title} </Typography>}\n            </div>\n            <div className={classes.button}>\n              <SidebarCollapseButton\n                id={'udpRecord-UtilitySideBar'}\n                udprecordid={'udpRecord-UtilitySideBar'}\n                expanded={expanded}\n                onClick={handleToggleClick}\n              />\n            </div>\n          </div>\n          {!isUsingChildren && <UtilityBarInportTarget />}\n          {isUsingChildren && children}\n        </AmbientCard>\n      </div>\n    </ResizableBox>\n  );\n};\n"],"mappings":";;;;;;;;;AAWA,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,YAAY;AAElB,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,aAAa,UACX,MAAM,iBAAiB,MAAM,gBAAgB,IAAI;EACnD,UAAU;EACV,QAAQ;EACT;CACD,cAAc;EACZ,UAAU,UAAW,MAAM,eAAe,SAAS;EACnD,OAAO;EACP,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,QAAQ,EACN,WAAW,IACZ;CACD,OAAO;EACL,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,eAAe,EACb,OAAO,KACR;CACD,QAAQ;EACN,KAAK;EACL,OAAO,MAAM,QAAQ,KAAM;EAC3B,OAAO,MAAM,QAAQ,IAAK;EAC1B,QAAQ;EACR,SAAS,EAAE,qBAAqB,gBAAgB,iBAAiB,GAAG;EACpE,SAAS;EACT,UAAU;EACV,WAAW,EACT,QAAQ,cACT;EACF;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,mCACA,WACA,OACA,8BACA,kBAAkB,OAClB,sBAAsB,OACtB,gBACA,UACA,eACA,eAAe,MACf,iBACE;CACJ,MAAM,WAAW,qBAAqB;CACtC,MAAM,UAAU,UAAU;EACxB,GAAG;EACH,iBAAiB,WAAW,mBAAmB;EAChD,CAAC;CACF,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAS,eAAe;CAClD,MAAM,kBAAkB,kBAAkB;CAE1C,MAAM,QAAQ,UAAU;CAExB,MAAM,YAAY,OAAO,EAAE,SAAS,MAAM,aAAa;AACrD,WAAS,KAAK,MAAM;AACpB,MAAI,aACF,cAAa,KAAK,MAAM;;CAI5B,MAAM,oBAAoB,kBAAkB;AAC1C,MAAI,kCACF,oCAAmC;AAErC,eAAa,eAAa,CAACA,WAAS;IACnC,CAAC,kCAAkC,CAAC;AAEvC,iBAAgB;AACd,MAAI,OAAO,iCAAiC,UAC1C,aAAY,6BAA6B;IAE1C,CAAC,6BAA6B,CAAC;AAClC,QACE,oCAAC;EACC,OAAO,WAAW,QAAQ;EAC1B,eAAe,aAAa,WAAW,CAAC,IAAI,GAAG,EAAE;EACjD,MAAK;EACL,gBAAgB,WAAW,CAAC,eAAe,GAAG,CAAC,gBAAgB;EAC/D,gBAAgB,CAAC,UAAU;EACjB;EACV,QAAQ,YAAY,oCAAC,SAAI,WAAW,QAAQ,SAAU;EACtD,OAAO,EAAE,UAAU,YAAY;IAE/B,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,OAAO,WAAW,QAAQ,iBAAiB;IAEpD,oCAAC;EACC;EACA;EACA,wBAAwB;EACxB,qBAAqB,uBAAuB;IAE5C,oCAAC,SACC,OAAO;EACL,SAAS,eAAe,SAAS;EACjC,OAAO;EACP,aAAa,MAAM,QAAQ,EAAE;EAC9B,IAED,oCAAC,SAAI,WAAW,QAAQ,SACrB,YAAY,oCAAC,cAAW,SAAQ,QAAK,KAAE,OAAM,IAAc,CACxD,EACN,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,IAAI;EACJ,aAAa;EACH;EACV,SAAS;GACT,CACE,CACF,EACL,CAAC,mBAAmB,oCAAC,6BAAyB,EAC9C,mBAAmB,SACR,CACV,CACO"}

package/dist/VirtualBrowser-a9n_ceNs.js

@@ -1,3 +0,0 @@
-import { n as VirtualBrowser_default, t as VirtualBrowser } from "./VirtualBrowser-xUyUFhkU.js";
-
-export { VirtualBrowser, VirtualBrowser_default as default };

package/dist/VirtualBrowser-xUyUFhkU.js

@@ -1,427 +0,0 @@
-import { r as getPathObject } from "./CrudBrowserUtilities-C9nVmUR3.js";
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
-import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { n as useAxiosMutate } from "./useAxiosMutate-DcLxzykX.js";
-import { a as toTitleCase } from "./StringUtilities-u-cxAW6-.js";
-import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import { F as UdpEnums } from "./unitySystemEnums-DtVX3A-I.js";
-import { n as PrimaryActionButton_default } from "./PrimaryActionButton-Dk8zvDAW.js";
-import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
-import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
-import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
-import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
-import { t as PageContainer } from "./PageContainer-N4d5KO-T.js";
-import { i as executeQueryWithParameters } from "./methodUtils-Cwo_kmVX.js";
-import { n as useBuildEnvironment } from "./useBuildEnvironment-2gdqpmBX.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-_nVDm-nz.js";
-import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
-import { t as VirtualForm } from "./VirtualForm-BQrYKgn3.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-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?.reduce((defs, element) => {
-		defs.push({
-			...defaultGridColumn,
-			headerName: toTitleCase(element?.name || ""),
-			field: 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;
-};
-const defaultColActionsDef = {
-	resizable: true,
-	editable: false,
-	sortable: true,
-	filter: true,
-	floatingFilter: false,
-	enableRowGroup: true
-};
-
-//#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__ */ 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]);
-	const sideSheetContent = useMemo(() => {
-		if (page) return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement(PageContainer, {
-			user,
-			key: pageId,
-			pageData: page,
-			widgetParams: {
-				pageId: page?.pageId,
-				nodeObj: crudTableEditionData,
-				setSideSheetWidth,
-				setSideSheetButtonLabel,
-				setSideSheetOnSubmit,
-				closeSideSheet,
-				setSideSheetProps,
-				onCreate,
-				onUpdate
-			},
-			disableMargins: true
-		}));
-		else return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(VirtualForm, {
-			tableDescription,
-			rowValue: value,
-			closeSideSheet,
-			onCreate,
-			onUpdate
-		}), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, null)));
-	}, [
-		page,
-		user,
-		pageId,
-		crudTableEditionData,
-		setSideSheetWidth,
-		setSideSheetButtonLabel,
-		setSideSheetOnSubmit,
-		setSideSheetProps,
-		closeSideSheet,
-		onCreate,
-		onUpdate,
-		classes,
-		tableDescription,
-		value
-	]);
-	return /* @__PURE__ */ React.createElement("div", null, 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
-	})) : 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) => {
-	const { ...other } = props;
-	const urlSearchParams = useSearchParams();
-	const location = useLocation();
-	const { value, promotedEntity } = location.state || {};
-	const parts = location?.pathname?.split("/");
-	const virtualId = value ? 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(() => {
-		return selectedEntity?.unityBaseCreateMethod?.pageId;
-	}, [selectedEntity]);
-	const [{ data: tpacb, loading: loadingTpacb, error: tpacbError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!user || !!promotedEntity, false);
-	const [{ data: promotedMethodEntities }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${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?.unityBaseGetDataMethod?.apiMethodId}`, { method: "post" });
-	const [{ data: tableDescription, loading: tableDescriptionLoading }, fetchTableDescription] = useAxiosMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseDescribeMethod?.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?.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?.unityBaseVirtualCreateMethod) {
-			if ((await executeQueryWithParameters({ data: {
-				requestBody: constructVirtualValuesForRequest(values),
-				id: virtualId
-			} }, selectedEntity.unityBaseVirtualCreateMethod.apiMethodId).catch((res) => {
-				handleErrorSnackbar(res.message);
-			}))?.status === 200) {
-				handleSuccessSnackbar(t(`Row has been created`));
-				fetchEntityData({ data: { id: virtualId } });
-			}
-		}
-	}, [
-		selectedEntity,
-		t,
-		fetchEntityData,
-		handleErrorSnackbar,
-		handleSuccessSnackbar,
-		virtualId,
-		constructVirtualValuesForRequest
-	]);
-	const handleOnUpdate = useCallback(async (values) => {
-		if (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
-			};
-			if ((await executeQueryWithParameters({ data }, selectedEntity.unityBaseVirtualUpdateMethod.apiMethodId).catch((res) => {
-				handleErrorSnackbar(res.message);
-			}))?.status === 200) {
-				handleSuccessSnackbar(t(`Row has been updated`));
-				fetchEntityData({ data: { id: virtualId } });
-			}
-		}
-	}, [
-		selectedEntity,
-		t,
-		fetchEntityData,
-		handleErrorSnackbar,
-		handleSuccessSnackbar,
-		virtualId,
-		constructVirtualValuesForRequest
-	]);
-	const handleOnDelete = useCallback(async (value$1) => {
-		if (selectedEntity?.unityBaseVirtualDeleteMethod) {
-			const primaryKeyValues = [virtualId, value$1.udpVirtualRowId];
-			const pathObject = getPathObject(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 };
-			if ((await executeQueryWithParameters({ data }, selectedEntity.unityBaseVirtualDeleteMethod.apiMethodId).catch((res) => {
-				handleErrorSnackbar(res.message);
-			}))?.status === 200) {
-				handleSuccessSnackbar(t(`Row has been deleted`));
-				fetchEntityData({ data: { id: virtualId } });
-			}
-		}
-	}, [
-		selectedEntity,
-		t,
-		fetchEntityData,
-		handleErrorSnackbar,
-		handleSuccessSnackbar,
-		virtualId
-	]);
-	const actionList = useMemo(() => {
-		if (!selectedEntity) return;
-		return [{
-			id: 1,
-			title: 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?.unityBaseVirtualUpdateMethod?.pageId,
-					isNewEntry: false
-				}
-			},
-			disabled: !!!selectedEntity?.unityBaseVirtualUpdateMethod
-		}, {
-			id: 2,
-			title: 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?.unityBaseVirtualDeleteMethod
-		}];
-	}, [
-		selectedEntity,
-		t,
-		handleOnUpdate,
-		handleOnDelete,
-		tableDescription
-	]);
-	const columnDefs = useMemo(() => {
-		if (tableDescription?.length) return VirtualTableColumnDefs(tableDescription, actionList);
-		return [];
-	}, [actionList, tableDescription]);
-	const groupData = useMemo(() => {
-		return columnDefs?.map((item) => {
-			return {
-				groupItem: item.field,
-				label: item.headerName,
-				value: item.field
-			};
-		});
-	}, [columnDefs]);
-	useEffect(() => {
-		if (promotedMethodEntities) setSelectedEntity(promotedMethodEntities);
-	}, [promotedMethodEntities]);
-	useEffect(() => {
-		if (virtualId) {
-			const queryData = { id: virtualId };
-			if (selectedEntity?.unityBaseGetDataMethod?.apiMethodId) fetchEntityData({ data: queryData });
-			if (selectedEntity?.unityBaseDescribeMethod?.apiMethodId) fetchTableDescription({ data: queryData });
-		}
-	}, [
-		selectedEntity,
-		fetchEntityData,
-		virtualId,
-		fetchTableDescription
-	]);
-	useEffect(() => {
-		setLocationState({ label: t(value?.name) || t("Virtual Lookup") });
-	}, [
-		setLocationState,
-		t,
-		value
-	]);
-	const pab = /* @__PURE__ */ React.createElement(PrimaryActionButton_default, { onClick: () => setSheetOpen && setSheetOpen(true) }, /* @__PURE__ */ React.createElement(Typography, { style: { marginRight: 5 } }, "Add"), /* @__PURE__ */ React.createElement(AddIcon, null));
-	const SideOptionList = useMemo(() => /* @__PURE__ */ React.createElement(SideSheet, {
-		open: isSheetOpen,
-		onClose: closeSheet,
-		title: `Add new ${entityName}`,
-		width: sideSheetWidth,
-		buttonLabel: sideSheetButtonLabel,
-		onSubmit: sideSheetOnSubmit,
-		...otherSideSheetProps
-	}, /* @__PURE__ */ React.createElement(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?.data && tableDescription) {
-			let formattedEntityData = cloneDeep(entityData?.data);
-			const datetimeFields = tableDescription?.reduce((fields, element) => {
-				if (element?.type === "datetime") fields.push(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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
-		title: value?.name || entityData?.name,
-		data: entityData ? formatData(entityData?.data) : [],
-		columnDefs,
-		groupingData: groupData,
-		primaryActionButton: pab,
-		frameworkComponents: { actionsRenderer: ActionsRenderer },
-		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
-		disableRowSelection: true,
-		loading: isLoading,
-		...other
-	}), SideOptionList);
-};
-var VirtualBrowser_default = VirtualBrowser;
-
-//#endregion
-export { defaultColActionsDef as a, VirtualTableColumnDefs as i, VirtualBrowser_default as n, VirtualTableSidePanel as r, VirtualBrowser as t };
-//# sourceMappingURL=VirtualBrowser-xUyUFhkU.js.map

package/dist/VirtualBrowser-xUyUFhkU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualBrowser-xUyUFhkU.js","names":["value","PrimaryActionButton"],"sources":["../src/maintenanceEngine/virtualBrowser/VirtualTableColumnDefs.js","../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 { 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 '../../configService';\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/deprecated/AmbientGridTemplate/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/useBuildEnvironment';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useSetLocationState } from '../../hooks/useSetLocationState';\nimport { ConfigService } from '../../configService';\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\n\nexport default VirtualBrowser;\n"],"mappings":"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"}