udp-react-enterprise-component-library 25.1.0-beta.4 → 25.1.0-beta.9

package/dist/{AmbientGridTemplate-BLwgiqwK.js → AmbientGridTemplate-BqlMt5Su.js}

@@ -1,7 +1,7 @@
-import { Field, Form, SideSheet, apiMutate as apiMutate$1 } from "./SideSheet-CPHhyWLB.js";
-import { FluentButton, FluentIcon, GridStateTypeEnums, LayoutUnit, NodeActionEnums, PrimaryActionButton, PrimaryActionButton_default, SplitScreenTypeEnums, UnityFluentIcon, VisibilityTypeEnums, toTitleCase, useAxiosGet, useId, useShellStore } from "./EnvironmentRibbon-BMvQEZPZ.js";
-import { ClickOpenEnums, useHandleAxiosSnackbar } from "./apiHelpers-t3rfkjFZ.js";
-import React$1, { Children, React as React$2, cloneElement, createContext, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
+import { Field, Form, SideSheet, apiMutate as apiMutate$1 } from "./SideSheet-DUsxG1FN.js";
+import { FluentButton, FluentIcon, GridStateTypeEnums, LayoutUnit, NodeActionEnums, PrimaryActionButton, PrimaryActionButton_default, SplitScreenTypeEnums, UnityFluentIcon, VisibilityTypeEnums, toTitleCase, useAxiosGet, useId, useShellStore } from "./EnvironmentRibbon-DaDmKAPO.js";
+import { ClickOpenEnums, useHandleAxiosSnackbar } from "./apiHelpers-DZots3og.js";
+import React, { Children, cloneElement, createContext, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Badge, Box, Button, ButtonGroup, Chip, ClickAwayListener, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, FormControlLabel, Grid, Grow, IconButton, InputAdornment, LinearProgress, MenuItem, MenuList, Paper, Popover, Popper, Switch, Tab, Tabs, TextField, Tooltip, Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
 import { ConfigService } from "udp-react-stencil-component-library";
 import { useSnackbar } from "notistack";
@@ -36,7 +36,7 @@ import Typography$1 from "@material-ui/core/Typography";
 import StarIcon from "@material-ui/icons/Star";
 
 //#region src/AGLicense.js
-const LicenseKey = "Using_this_{AG_Grid}_Enterprise_key_{AG-060880}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2025}____[v3]_[01]_MTc1MTA2NTIwMDAwMA==17ac166e7bb5dcca7f3eaa21c79da63b";
+const LicenseKey = "Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694";
 
 //#endregion
 //#region src/utilities/maintenanceEngine/CrudBrowserUtilities.js
@@ -144,7 +144,7 @@ const ActionContext = createContext(null);
 //#endregion
 //#region src/UI/SuccessAction.jsx
 const getSuccessAction = (closeSnackbar) => {
-	const successAction = (key) => /* @__PURE__ */ React$1.createElement(Button, {
+	const successAction = (key) => /* @__PURE__ */ React.createElement(Button, {
 		color: "secondary",
 		size: "small",
 		onClick: () => {
@@ -174,8 +174,18 @@ const useInquiryStore = create()(devtools((set) => ({
 		...workflowMap
 	} })),
 	workflowStarting: false,
-	setWorkflowStarting: (workflowStarting) => set((state) => ({ workflowStarting }))
+	setWorkflowStarting: (workflowStarting) => set((state) => ({ workflowStarting })),
+	inquiryMenuHidden: false,
+	setInquiryMenuHidden: (inquiryMenuHidden) => set((state) => ({ inquiryMenuHidden }))
 })));
+const useSetInitialInquiryMenuVisibility = () => {
+	const searchParams = new URLSearchParams(window.location.search);
+	const inquiryMenuHidden = searchParams.has("inquiryMenuHidden") === true ? searchParams.get("inquiryMenuHidden") === "true" ? true : false : false;
+	const setInquiryMenuHidden = useInquiryStore((state) => state.setInquiryMenuHidden);
+	useEffect(() => {
+		if (inquiryMenuHidden) setInquiryMenuHidden(true);
+	}, [setInquiryMenuHidden, inquiryMenuHidden]);
+};
 
 //#endregion
 //#region src/actions/utils/actionUtils.js
@@ -394,6 +404,11 @@ const useCatalogStore = create()(devtools((set) => ({
 	setPromotedEntityMap: (promotedEntityMap) => set((state) => ({ promotedEntityMap: {
 		...state.promotedEntityMap,
 		...promotedEntityMap
+	} })),
+	promotedMethodEntitiesMap: {},
+	setPromotedMethodEntitiesMap: (promotedMethodEntitiesMap) => set((state) => ({ promotedMethodEntitiesMap: {
+		...state.promotedMethodEntitiesMap,
+		...promotedMethodEntitiesMap
 	} }))
 })));
 
@@ -625,7 +640,7 @@ const useStyles$21 = makeStyles((theme) => ({
 const AmbientTextField = (props) => {
 	const classes = useStyles$21(props);
 	const { id, label, startAdornment, endAdornment, title = "noTitle",...InputProps } = props;
-	return /* @__PURE__ */ React$1.createElement("div", { className: label ? classes.root : classes.noLabel }, /* @__PURE__ */ React$1.createElement(TextField, {
+	return /* @__PURE__ */ React.createElement("div", { className: label ? classes.root : classes.noLabel }, /* @__PURE__ */ React.createElement(TextField, {
 		...InputProps,
 		id,
 		udprecordid: `udpRecord-FluentAmbientTextField-${title.replace(/\s/g, "")}-${props?.InputProps?.type}`,
@@ -759,7 +774,7 @@ const useStyles$20 = makeStyles((theme) => ({ root: {
 const Ellipse = (props) => {
 	const { children } = props;
 	const classes = useStyles$20(props);
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, children);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, children);
 };
 Ellipse.propTypes = {
 	color: PropTypes.string,
@@ -780,11 +795,11 @@ const useStyles$19 = makeStyles((theme) => ({
 const GridSidebarContainer = (props) => {
 	const { children, color } = props;
 	const classes = useStyles$19(props);
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement(Paper, {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Paper, {
 		elevation: "0",
 		square: true,
 		style: { background: color }
-	}, /* @__PURE__ */ React$1.createElement("div", { className: classes.groupWrapper }, children)));
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.groupWrapper }, children)));
 };
 GridSidebarContainer.propTypes = {
 	children: PropTypes.node,
@@ -808,7 +823,7 @@ const useStyles$18 = makeStyles((theme) => ({
 const AmbientTokenButton = forwardRef(function AmbientTokenButton$1(props, ref) {
 	const { tooltip, ariaLabel, onClick, size, icon = ChevronDownIcon, iconClassName, otherProps, id = "token-button", udprecordid } = props;
 	const classes = useStyles$18(props);
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React$1.createElement(IconButton, {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement(IconButton, {
 		id,
 		udprecordid,
 		ref,
@@ -817,7 +832,7 @@ const AmbientTokenButton = forwardRef(function AmbientTokenButton$1(props, ref)
 		size: size ?? "small",
 		onClick,
 		...otherProps
-	}, /* @__PURE__ */ React$1.createElement(FluentIcon, {
+	}, /* @__PURE__ */ React.createElement(FluentIcon, {
 		className: classes.iconButtonStyle,
 		component: icon
 	}))));
@@ -846,17 +861,17 @@ const useStyles$17 = makeStyles((theme) => ({
 }));
 const GridGroupingHeader = ({ expandClick, collapseClick }) => {
 	const classes = useStyles$17();
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement("div", { className: classes.actionHeader }, /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.actionHeader }, /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		icon: ChevronFold10Icon,
 		tooltip: "Collapse All",
 		ariaLabel: "Collapse All",
 		onClick: collapseClick
-	}), /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		icon: ChevronUnfold10Icon,
 		tooltip: "Expand All",
 		ariaLabel: "Expand All",
 		onClick: expandClick
-	})), /* @__PURE__ */ React$1.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React$1.createElement("div", { className: classes.label }, /* @__PURE__ */ React$1.createElement(Typography, { variant: "caption" }, "Group By:")), /* @__PURE__ */ React$1.createElement(LayoutUnit, { unit: "nudge" }));
+	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, "Group By:")), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }));
 };
 GridGroupingHeader.propTypes = {
 	expandClick: PropTypes.func.isRequired,
@@ -887,25 +902,25 @@ const Token = (props) => {
 	const iconColor = useMemo(() => {
 		return getEllipseColor(theme, color);
 	}, [color, theme]);
-	const tokenComponent = /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement(Ellipse, {
+	const tokenComponent = /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Ellipse, {
 		variant,
 		size,
 		color,
 		...IconEllipseProps
-	}, type === "letter" ? /* @__PURE__ */ React$1.createElement(Typography, {
+	}, type === "letter" ? /* @__PURE__ */ React.createElement(Typography, {
 		variant: "body1",
 		className: classes.letter
-	}, letter.toUpperCase()) : /* @__PURE__ */ React$1.createElement(UnityFluentIcon, {
+	}, letter.toUpperCase()) : /* @__PURE__ */ React.createElement(UnityFluentIcon, {
 		size: size === "small" ? size : "medium",
 		color: iconColor,
 		type: iconType,
 		icon,
 		style: { color: iconColor }
 	})));
-	if (type === "action") return /* @__PURE__ */ React$1.createElement(IconButton, {
+	if (type === "action") return /* @__PURE__ */ React.createElement(IconButton, {
 		classes: { root: classes.buttonRoot },
 		onClick
-	}, /* @__PURE__ */ React$1.createElement(UnityFluentIcon, {
+	}, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
 		size: size === "small" ? size : "medium",
 		color: iconColor,
 		type: iconType,
@@ -970,7 +985,7 @@ const useStyles$15 = makeStyles((theme) => ({
 }));
 const AmbientToggleButton = ({ children, value, ariaLabel, onClick,...otherProps }) => {
 	const classes = useStyles$15();
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement(ToggleButton, {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(ToggleButton, {
 		classes: { root: classes.buttonRoot },
 		value,
 		"aria-label": ariaLabel,
@@ -1051,7 +1066,7 @@ const AmbientToggleButtonGroupDefault = forwardRef(function AmbientToggleButton$
 		if (!onChange) return;
 		onChange(event, value === buttonValue ? null : buttonValue);
 	};
-	return /* @__PURE__ */ React$1.createElement("div", {
+	return /* @__PURE__ */ React.createElement("div", {
 		role: "group",
 		className: clsx(classes.root, { [classes.vertical]: orientation === "vertical" }, className),
 		ref,
@@ -1114,41 +1129,41 @@ const GridGroupingSidebar = ({ groupItem, expandClick, collapseClick, closeClick
 		setView(nextView);
 	};
 	const GroupItem = ({ label, clear }) => {
-		return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Token, {
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Token, {
 			icon: clear ? ChromeCloseIcon : AssessmentGroupIcon,
 			color: "trigger",
 			size: "small",
 			variant: "filled",
 			type: "icon"
-		}), /* @__PURE__ */ React$1.createElement(Typography, {
+		}), /* @__PURE__ */ React.createElement(Typography, {
 			variant: "caption",
 			style: { color: "black" }
 		}, " ", label, " "));
 	};
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement(GridSidebarContainer, {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(GridSidebarContainer, {
 		color,
 		height
-	}, /* @__PURE__ */ React$1.createElement(GridGroupingHeader, {
+	}, /* @__PURE__ */ React.createElement(GridGroupingHeader, {
 		expandClick,
 		collapseClick,
 		closeClick
-	}), /* @__PURE__ */ React$1.createElement("div", { className: classes.groupActionContainer }, /* @__PURE__ */ React$1.createElement(AmbientToggleButtonGroupDefault_default, {
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.groupActionContainer }, /* @__PURE__ */ React.createElement(AmbientToggleButtonGroupDefault_default, {
 		orientation: "vertical",
 		value: view,
 		exclusive: true,
 		onChange: handleChange,
 		className: classes.buttonGroupWrapper
 	}, groupingData.map((item) => {
-		return /* @__PURE__ */ React$1.createElement(AmbientToggleButton, {
+		return /* @__PURE__ */ React.createElement(AmbientToggleButton, {
 			value: item.value,
 			"aria-label": item.label,
 			onClick: () => groupItem(item.groupItem)
-		}, /* @__PURE__ */ React$1.createElement(GroupItem, { label: item.label }));
-	}), /* @__PURE__ */ React$1.createElement(AmbientToggleButton, {
+		}, /* @__PURE__ */ React.createElement(GroupItem, { label: item.label }));
+	}), /* @__PURE__ */ React.createElement(AmbientToggleButton, {
 		value: "noGroups",
 		"aria-label": "noGroups",
 		onClick: closeClick
-	}, /* @__PURE__ */ React$1.createElement(GroupItem, {
+	}, /* @__PURE__ */ React.createElement(GroupItem, {
 		label: "No Groups",
 		clear: true
 	}))))));
@@ -1184,28 +1199,28 @@ const SplitButton = (props) => {
 	const setAnchorEl = useCallback((ref) => {
 		if (ref) popupState.setAnchorEl(ref);
 	}, []);
-	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(ButtonGroup, {
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ButtonGroup, {
 		variant,
 		color,
 		size,
 		ref: setAnchorEl,
 		"aria-label": ariaLabel
-	}, /* @__PURE__ */ React$1.createElement(Button, { onClick: firstItem?.props?.onClick }, label || firstItem?.props?.children), /* @__PURE__ */ React$1.createElement(Button, {
+	}, /* @__PURE__ */ React.createElement(Button, { onClick: firstItem?.props?.onClick }, label || firstItem?.props?.children), /* @__PURE__ */ React.createElement(Button, {
 		...bindTrigger(popupState),
 		className: classes.arrowButtonRoot,
 		color,
 		size: "small",
 		"aria-expanded": popupState.isOpen ? true : void 0
-	}, /* @__PURE__ */ React$1.createElement(ArrowDropDown, null))), /* @__PURE__ */ React$1.createElement(Popper, {
+	}, /* @__PURE__ */ React.createElement(ArrowDropDown, null))), /* @__PURE__ */ React.createElement(Popper, {
 		...bindPopper(popupState),
 		role: void 0,
 		transition: true,
 		disablePortal: true,
 		className: classes.menu
-	}, ({ TransitionProps, placement }) => /* @__PURE__ */ React$1.createElement(Grow, {
+	}, ({ TransitionProps, placement }) => /* @__PURE__ */ React.createElement(Grow, {
 		...TransitionProps,
 		style: { transformOrigin: placement === "bottom" ? "center top" : "center bottom" }
-	}, /* @__PURE__ */ React$1.createElement(Paper, { className: classes.paper }, /* @__PURE__ */ React$1.createElement(ClickAwayListener, { onClickAway: popupState.close }, /* @__PURE__ */ React$1.createElement(MenuList, null, children))))));
+	}, /* @__PURE__ */ React.createElement(Paper, { className: classes.paper }, /* @__PURE__ */ React.createElement(ClickAwayListener, { onClickAway: popupState.close }, /* @__PURE__ */ React.createElement(MenuList, null, children))))));
 };
 
 //#endregion
@@ -1275,26 +1290,26 @@ const AgTableButtons = (props) => {
 	}, [gridColumnApi]);
 	const autoSizeAllWithHeader = useCallback(() => autoSizeAll(false), [autoSizeAll]);
 	const autoSizeAllWithoutHeader = useCallback(() => autoSizeAll(false), [autoSizeAll]);
-	return /* @__PURE__ */ React$1.createElement(Box, { mb: 1 }, /* @__PURE__ */ React$1.createElement(Grid, {
+	return /* @__PURE__ */ React.createElement(Box, { mb: 1 }, /* @__PURE__ */ React.createElement(Grid, {
 		container: true,
 		direction: "row",
 		spacing: 1,
 		justify: "flex-end"
-	}, /* @__PURE__ */ React$1.createElement(Grid, { item: true }, /* @__PURE__ */ React$1.createElement(Button, {
+	}, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Button, {
 		variant: "outlined",
 		size: "small",
 		onClick: sizeToFit
-	}, "Size to Fit")), /* @__PURE__ */ React$1.createElement(Grid, { item: true }, /* @__PURE__ */ React$1.createElement(SplitButton, {
+	}, "Size to Fit")), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(SplitButton, {
 		popupName: "auto-size",
 		variant: "outlined",
 		size: "small",
 		label: "Auto-Size"
-	}, /* @__PURE__ */ React$1.createElement(MenuItem, { onClick: autoSizeAllWithHeader }, "All"), /* @__PURE__ */ React$1.createElement(MenuItem, { onClick: autoSizeAllWithoutHeader }, "Skip Header"))), /* @__PURE__ */ React$1.createElement(Grid, { item: true }, /* @__PURE__ */ React$1.createElement(SplitButton, {
+	}, /* @__PURE__ */ React.createElement(MenuItem, { onClick: autoSizeAllWithHeader }, "All"), /* @__PURE__ */ React.createElement(MenuItem, { onClick: autoSizeAllWithoutHeader }, "Skip Header"))), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(SplitButton, {
 		popupName: "export",
 		variant: "outlined",
 		size: "small",
 		label: "Export"
-	}, /* @__PURE__ */ React$1.createElement(MenuItem, { onClick: exportToExcel }, "Excel"), /* @__PURE__ */ React$1.createElement(MenuItem, { onClick: exportToCSV }, "CSV")))));
+	}, /* @__PURE__ */ React.createElement(MenuItem, { onClick: exportToExcel }, "Excel"), /* @__PURE__ */ React.createElement(MenuItem, { onClick: exportToCSV }, "CSV")))));
 };
 /**
 * AgGrid with tweaks
@@ -1318,7 +1333,7 @@ const AgTable = (props) => {
 	const onGridSizeChanged = () => {
 		if (props.dynamicSizing) props.api?.sizeColumnsToFit();
 	};
-	return /* @__PURE__ */ React$1.createElement("div", { className: clsx("ag-theme-material", classes.root, className) }, /* @__PURE__ */ React$1.createElement(AgGridReact, {
+	return /* @__PURE__ */ React.createElement("div", { className: clsx("ag-theme-material", classes.root, className) }, /* @__PURE__ */ React.createElement(AgGridReact, {
 		...props,
 		modules,
 		onGridSizeChanged,
@@ -1367,79 +1382,79 @@ const useStyles$11 = makeStyles((theme) => ({
 const GridActionBar = (props) => {
 	const classes = useStyles$11(props);
 	const { children, onChange, handleChange, value, exportCSV, exportExcel, exportPDF, fitClick, expandClick, clearClick, exportClick, saveGridConfig, deleteGridConfig, clearGridConfig, title, hideFitGrid = false, hideExpandGrid = false, hideExportGrid = false, hideRemoveFilters = false, hideFilterTab = false, hideGroupTab = false, hideColumnTab = false, hideSearchBar = false } = props;
-	const gridControlsExport = /* @__PURE__ */ React$1.createElement("div", null);
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement("div", { className: classes.title }, title && /* @__PURE__ */ React$1.createElement(Typography, {
+	const gridControlsExport = /* @__PURE__ */ React.createElement("div", null);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, title && /* @__PURE__ */ React.createElement(Typography, {
 		variant: "h6",
 		style: {
 			overflow: "hidden",
 			whiteSpace: "nowrap",
 			textOverflow: "ellipsis"
 		}
-	}, " ", title, " "), !hideSearchBar && /* @__PURE__ */ React$1.createElement("div", { style: {
+	}, " ", title, " "), !hideSearchBar && /* @__PURE__ */ React.createElement("div", { style: {
 		flex: 1,
 		marginLeft: 16,
 		marginRight: 16,
 		marginTop: -16
-	} }, /* @__PURE__ */ React$1.createElement(AmbientTextField, {
+	} }, /* @__PURE__ */ React.createElement(AmbientTextField, {
 		title,
 		onChange,
 		InputProps: {
 			type: "search",
-			startAdornment: /* @__PURE__ */ React$1.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React$1.createElement(SearchIcon, null))
+			startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(SearchIcon, null))
 		}
-	}))), /* @__PURE__ */ React$1.createElement("div", null, " ", gridControlsExport), /* @__PURE__ */ React$1.createElement("div", { className: classes.controls }, saveGridConfig && /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}))), /* @__PURE__ */ React.createElement("div", null, " ", gridControlsExport), /* @__PURE__ */ React.createElement("div", { className: classes.controls }, saveGridConfig && /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		iconClassName: classes.icon,
 		icon: SaveIcon,
 		tooltip: "Save Grid Configuration",
 		ariaLabel: "Save Grid Configuration",
 		onClick: saveGridConfig
-	}), deleteGridConfig && /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), deleteGridConfig && /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		iconClassName: classes.icon,
 		icon: DeleteIcon,
 		tooltip: "Delete Grid Configuration",
 		ariaLabel: "Delete Grid Configuration",
 		onClick: deleteGridConfig
-	}), clearGridConfig && /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), clearGridConfig && /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		iconClassName: classes.icon,
 		icon: ClearIcon,
 		tooltip: "Clear Grid Configuration",
 		ariaLabel: "Clear Grid Configuration",
 		onClick: clearGridConfig
-	}), !hideFitGrid && /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), !hideFitGrid && /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		iconClassName: classes.icon,
 		icon: CombineIcon,
 		tooltip: "Fit Grid",
 		ariaLabel: "Fit Grid",
 		onClick: fitClick
-	}), !hideExpandGrid && /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), !hideExpandGrid && /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		iconClassName: classes.icon,
 		icon: ExportIcon,
 		tooltip: "Expand Grid",
 		ariaLabel: "Expand Grid",
 		onClick: expandClick
-	}), !hideExportGrid && /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), !hideExportGrid && /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		iconClassName: classes.icon,
 		icon: DownloadIcon,
 		tooltip: "Export Grid",
 		ariaLabel: "Export Grid",
 		onClick: exportClick
-	}), !hideRemoveFilters && /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), !hideRemoveFilters && /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		iconClassName: classes.icon,
 		icon: BlockedIcon,
 		tooltip: "Remove Filters",
 		ariaLabel: "Remove Filters",
 		onClick: clearClick
-	})), /* @__PURE__ */ React$1.createElement(Tabs, {
+	})), /* @__PURE__ */ React.createElement(Tabs, {
 		value,
 		onChange: handleChange,
 		"aria-label": "basic tabs example"
-	}, !hideFilterTab && /* @__PURE__ */ React$1.createElement(Tab, {
+	}, !hideFilterTab && /* @__PURE__ */ React.createElement(Tab, {
 		label: "Filter",
 		classes: { root: classes.tabRoot }
-	}), !hideGroupTab && /* @__PURE__ */ React$1.createElement(Tab, {
+	}), !hideGroupTab && /* @__PURE__ */ React.createElement(Tab, {
 		label: "Group",
 		classes: { root: classes.tabRoot }
-	}), !hideColumnTab && /* @__PURE__ */ React$1.createElement(Tab, {
+	}), !hideColumnTab && /* @__PURE__ */ React.createElement(Tab, {
 		label: "Column",
 		classes: { root: classes.tabRoot }
 	})), children);
@@ -1477,14 +1492,14 @@ const useStyles$10 = makeStyles((theme) => ({
 const AmbientChipButton = forwardRef(function AmbientChipButton$1(props, ref) {
 	const { tooltip, label, onClick, icon, iconClassName, className, labelClassName, otherProps, id = "chip-button", udprecordid } = props;
 	const classes = useStyles$10(props);
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.root }, /* @__PURE__ */ React$1.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React$1.createElement(Chip, {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement(Chip, {
 		id,
 		udprecordid,
 		ref,
 		className: className ?? classes.chipRoot,
-		label: /* @__PURE__ */ React$1.createElement(Typography, { className: labelClassName ?? classes.label }, label),
+		label: /* @__PURE__ */ React.createElement(Typography, { className: labelClassName ?? classes.label }, label),
 		onClick,
-		icon: icon && /* @__PURE__ */ React$1.createElement(FluentIcon, {
+		icon: icon && /* @__PURE__ */ React.createElement(FluentIcon, {
 			className: iconClassName ?? classes.icon,
 			component: icon
 		}),
@@ -1729,28 +1744,28 @@ const GridPrimaryBar = (props) => {
 			if (event.key === "Enter") onSearchKeyDown();
 		}
 	};
-	return /* @__PURE__ */ React$2.createElement("div", { className: classes.root }, /* @__PURE__ */ React$2.createElement("div", { className: classes.title }, title && /* @__PURE__ */ React$2.createElement(Typography, {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, title && /* @__PURE__ */ React.createElement(Typography, {
 		variant: "h6",
 		style: {
 			overflow: "hidden",
 			whiteSpace: "nowrap",
 			textOverflow: "ellipsis"
 		}
-	}, " ", title, " "), !hideSearchBar && /* @__PURE__ */ React$2.createElement("div", { style: {
+	}, " ", title, " "), !hideSearchBar && /* @__PURE__ */ React.createElement("div", { style: {
 		flex: 1,
 		marginLeft: 16,
 		marginRight: 16,
 		marginTop: -16,
 		maxWidth: 300
-	} }, /* @__PURE__ */ React$2.createElement(AmbientTextField, {
+	} }, /* @__PURE__ */ React.createElement(AmbientTextField, {
 		title,
 		onChange,
 		onKeyDown: handleCustomKeyDown,
 		InputProps: {
 			type: "search",
-			startAdornment: /* @__PURE__ */ React$2.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React$2.createElement(SearchIcon, null))
+			startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(SearchIcon, null))
 		}
-	}))), /* @__PURE__ */ React$2.createElement("div", { className: classes.controls }, actionButtons.map((button) => button.visible && (button.hideLabel ? /* @__PURE__ */ React$2.createElement(AmbientTokenButton, {
+	}))), /* @__PURE__ */ React.createElement("div", { className: classes.controls }, actionButtons.map((button) => button.visible && (button.hideLabel ? /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		id: "udpRecord-GridPrimaryBar-Token-" + button.label.replace(/ /g, "-"),
 		udprecordid: "udpRecord-GridPrimaryBar-Token-" + button.label.replace(/ /g, "-"),
 		icon: button.icon ?? AppIconDefaultIcon,
@@ -1758,7 +1773,7 @@ const GridPrimaryBar = (props) => {
 		onClick: button.onClick,
 		ariaLabel: button.label,
 		iconClassName: button.iconClassName
-	}) : /* @__PURE__ */ React$2.createElement(AmbientChipButton, {
+	}) : /* @__PURE__ */ React.createElement(AmbientChipButton, {
 		id: "udpRecord-GridPrimaryBar-Chip-" + button.label.replace(/ /g, "-"),
 		udprecordid: "udpRecord-GridPrimaryBar-Chip-" + button.label.replace(/ /g, "-"),
 		icon: button.icon ?? AppIconDefaultIcon,
@@ -1766,14 +1781,14 @@ const GridPrimaryBar = (props) => {
 		label: button.label,
 		onClick: button.onClick,
 		background: button.background
-	}))), !!menuActionButtons.length && /* @__PURE__ */ React$2.createElement("div", null, /* @__PURE__ */ React$2.createElement(AmbientTokenButton, {
+	}))), !!menuActionButtons.length && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		id,
 		icon: MoreVerticalIcon,
 		tooltip: "More Actions",
 		ariaLabel: "More Actions",
 		onClick: handlePopoverClick,
 		iconClassName: classes.icon
-	}), /* @__PURE__ */ React$2.createElement(Popover, {
+	}), /* @__PURE__ */ React.createElement(Popover, {
 		id,
 		open,
 		anchorEl,
@@ -1788,7 +1803,7 @@ const GridPrimaryBar = (props) => {
 		}
 	}, menuActionButtons.slice(0).reverse().map((button) => {
 		if (!button.visible) return null;
-		return /* @__PURE__ */ React$2.createElement(MenuItem, {
+		return /* @__PURE__ */ React.createElement(MenuItem, {
 			id: "udpRecord-GridPrimaryBar-MenuItem-" + button.label.replace(/ /g, "-"),
 			udprecordid: "udpRecord-GridPrimaryBar-MenuItem-" + button.label.replace(/ /g, "-"),
 			onClick: button.onClick,
@@ -1796,16 +1811,16 @@ const GridPrimaryBar = (props) => {
 				display: "flex",
 				justifyContent: "space-between"
 			}
-		}, /* @__PURE__ */ React$2.createElement(Typography, null, button.label), /* @__PURE__ */ React$2.createElement(FluentIcon, {
+		}, /* @__PURE__ */ React.createElement(Typography, null, button.label), /* @__PURE__ */ React.createElement(FluentIcon, {
 			component: button.icon ?? AppIconDefaultIcon,
 			style: { marginLeft: 7 }
 		}));
-	})))), onPrimaryActionClick && /* @__PURE__ */ React$2.createElement(PrimaryActionButton_default, {
+	})))), onPrimaryActionClick && /* @__PURE__ */ React.createElement(PrimaryActionButton_default, {
 		onClick: onPrimaryActionClick,
 		id: "udpRecord-GridPrimaryBar-Add",
 		udprecordid: "udpRecord-GridPrimaryBar-Add",
 		disabled: primaryActionDisabled
-	}, /* @__PURE__ */ React$2.createElement(Typography, { style: { marginLeft: 4 } }, primaryActionLabel ?? "Button"), /* @__PURE__ */ React$2.createElement(FluentIcon, {
+	}, /* @__PURE__ */ React.createElement(Typography, { style: { marginLeft: 4 } }, primaryActionLabel ?? "Button"), /* @__PURE__ */ React.createElement(FluentIcon, {
 		style: { marginLeft: 7 },
 		component: primaryActionIcon ?? AppIconDefaultIcon
 	})));
@@ -1888,39 +1903,39 @@ const useStyles$8 = makeStyles((theme) => ({
 const FluentDialog = (props) => {
 	const classes = useStyles$8(props);
 	const { title, message, actionOne, actionTwo, actionThree, labelOne, labelTwo, labelThree, open, handleClose, ariaLabelledby, ariaDescribedby, titleId, descriptionId, children, buttonOneHidden = false, buttonTwoHidden = false, buttonThreeHidden = true, disableOne, disableTwo, disableThree, progress, enableLeftBorderStyling = false,...otherProps } = props;
-	return /* @__PURE__ */ React$1.createElement(Dialog, {
+	return /* @__PURE__ */ React.createElement(Dialog, {
 		open,
 		onClose: handleClose,
 		"aria-labelledby": ariaLabelledby,
 		"aria-describedby": ariaDescribedby,
 		...otherProps,
 		classes: { paper: classes.paper }
-	}, /* @__PURE__ */ React$1.createElement("div", { className: enableLeftBorderStyling ? classes.dialogLeftBorder : "" }), /* @__PURE__ */ React$1.createElement(DialogTitle, {
+	}, /* @__PURE__ */ React.createElement("div", { className: enableLeftBorderStyling ? classes.dialogLeftBorder : "" }), /* @__PURE__ */ React.createElement(DialogTitle, {
 		className: classes.title,
 		id: titleId
-	}, title), /* @__PURE__ */ React$1.createElement(DialogContent, { className: classes.dialogContent }, /* @__PURE__ */ React$1.createElement(DialogContentText, { id: descriptionId }, message), children), /* @__PURE__ */ React$1.createElement(DialogActions, {
+	}, title), /* @__PURE__ */ React.createElement(DialogContent, { className: classes.dialogContent }, /* @__PURE__ */ React.createElement(DialogContentText, { id: descriptionId }, message), children), /* @__PURE__ */ React.createElement(DialogActions, {
 		className: classes.actions,
 		disableSpacing: true
-	}, !buttonThreeHidden && /* @__PURE__ */ React$1.createElement(Button, {
+	}, !buttonThreeHidden && /* @__PURE__ */ React.createElement(Button, {
 		id: "udpRecord-FluentDialog-Confirm",
 		udprecordid: "udpRecord-FluentDialog-Confirm",
 		onClick: actionThree,
 		color: "secondary",
 		disabled: disableThree,
 		className: classes.button
-	}, labelThree), !buttonTwoHidden && /* @__PURE__ */ React$1.createElement(Button, {
+	}, labelThree), !buttonTwoHidden && /* @__PURE__ */ React.createElement(Button, {
 		id: "udpRecord-FluentDialog-Confirm",
 		udprecordid: "udpRecord-FluentDialog-Confirm",
 		onClick: actionTwo,
 		color: "secondary",
 		disabled: disableTwo,
 		className: classes.button
-	}, labelTwo), !buttonOneHidden && /* @__PURE__ */ React$1.createElement(PrimaryActionButton, {
+	}, labelTwo), !buttonOneHidden && /* @__PURE__ */ React.createElement(PrimaryActionButton, {
 		id: "udpRecord-FluentDialog-Cancel",
 		udprecordid: "udpRecord-FluentDialog-Cancel",
 		disabled: disableOne,
 		onClick: actionOne
-	}, labelOne)), progress && /* @__PURE__ */ React$1.createElement(LinearProgress, {
+	}, labelOne)), progress && /* @__PURE__ */ React.createElement(LinearProgress, {
 		color: "secondary",
 		value: progress,
 		...otherProps
@@ -2332,13 +2347,13 @@ const DynamicContainerWithMenu = forwardRef((props, ref) => {
 			resizeObserver.disconnect();
 		};
 	}, [handleSizeChange, outerContainerRef]);
-	return /* @__PURE__ */ React$1.createElement("div", {
+	return /* @__PURE__ */ React.createElement("div", {
 		ref: outerContainerRef,
 		style: {
 			width: "100%",
 			overflow: "hidden"
 		}
-	}, /* @__PURE__ */ React$1.createElement("div", {
+	}, /* @__PURE__ */ React.createElement("div", {
 		className,
 		ref: containerRef,
 		style: {
@@ -2352,14 +2367,14 @@ const DynamicContainerWithMenu = forwardRef((props, ref) => {
 			ref: (ref$1) => childrenRefs.current[index] = ref$1,
 			...child.props
 		}, child.props.children);
-	}), menuChildren && menuChildren.length > 0 && /* @__PURE__ */ React$1.createElement("div", null, modifiedMenuButton ?? /* @__PURE__ */ React$1.createElement(AmbientTokenButton, {
+	}), menuChildren && menuChildren.length > 0 && /* @__PURE__ */ React.createElement("div", null, modifiedMenuButton ?? /* @__PURE__ */ React.createElement(AmbientTokenButton, {
 		id,
 		icon: MoreVerticalIcon,
 		tooltip: "Additional Filter Values",
 		ariaLabel: "Additional Filter Values",
 		onClick: handlePopoverClick,
 		iconClassName: menuIconClassName ?? classes.filterChipMenuIcon
-	}), /* @__PURE__ */ React$1.createElement(Popover, {
+	}), /* @__PURE__ */ React.createElement(Popover, {
 		id,
 		open,
 		anchorEl,
@@ -2373,7 +2388,7 @@ const DynamicContainerWithMenu = forwardRef((props, ref) => {
 			horizontal: "right"
 		}
 	}, Children.map(menuChildren, (child, index) => {
-		return /* @__PURE__ */ React$1.createElement(MenuItem, { onClick: () => handleMenuItemClick(child) }, cloneElement(child, { ...child.props }, child.props.children));
+		return /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => handleMenuItemClick(child) }, cloneElement(child, { ...child.props }, child.props.children));
 	})))));
 });
 DynamicContainerWithMenu.displayName = "DynamicContainerWithMenu";
@@ -2509,7 +2524,7 @@ const ChipSection = (props) => {
 			setSelectedFilterChip(null);
 		}
 	};
-	return /* @__PURE__ */ React$2.createElement("div", {
+	return /* @__PURE__ */ React.createElement("div", {
 		ref: chipSectionContainerRef,
 		className: classes.wrapper,
 		style: { display: [
@@ -2518,35 +2533,35 @@ const ChipSection = (props) => {
 			viewChips,
 			filterChips
 		].every((arr) => arr.length === 0) ? "none" : "flex" }
-	}, /* @__PURE__ */ React$2.createElement("div", { className: classes.chipHolder }, /* @__PURE__ */ React$2.createElement("div", { ref: viewChipsContainerRef }, viewChips.map((chip, index) => /* @__PURE__ */ React$2.createElement(Chip$1, {
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.chipHolder }, /* @__PURE__ */ React.createElement("div", { ref: viewChipsContainerRef }, viewChips.map((chip, index) => /* @__PURE__ */ React.createElement(Chip$1, {
 		onDelete: () => handleDelete("view", index),
 		key: index,
 		label: chip.label,
 		className: classes.viewChip,
-		icon: /* @__PURE__ */ React$2.createElement(StarIcon, null),
+		icon: /* @__PURE__ */ React.createElement(StarIcon, null),
 		size: "small"
-	}))), !isEmpty(viewChips) && !isEmpty(filterChips) && /* @__PURE__ */ React$2.createElement(Divider$1, {
+	}))), !isEmpty(viewChips) && !isEmpty(filterChips) && /* @__PURE__ */ React.createElement(Divider$1, {
 		orientation: "vertical",
 		flexItem: true
-	}), !isEmpty(filterChips) && /* @__PURE__ */ React$2.createElement(DynamicContainerWithMenu, {
+	}), !isEmpty(filterChips) && /* @__PURE__ */ React.createElement(DynamicContainerWithMenu, {
 		className: classes.chipHolder,
 		ref: filterChipsContainerRef
-	}, selectedFilterChip && /* @__PURE__ */ React$2.createElement(Chip$1, {
+	}, selectedFilterChip && /* @__PURE__ */ React.createElement(Chip$1, {
 		onDelete: handleFilterChipUntoggle,
 		label: selectedFilterChip.label,
 		className: classes.viewChip,
 		size: "small"
 	}), filterChips.map((chip, index) => {
 		if (selectedFilterChip && chip.id === selectedFilterChip.id) return null;
-		return /* @__PURE__ */ React$2.createElement(Tooltip$1, { title: chip.label }, /* @__PURE__ */ React$2.createElement(Chip$1, {
+		return /* @__PURE__ */ React.createElement(Tooltip$1, { title: chip.label }, /* @__PURE__ */ React.createElement(Chip$1, {
 			key: index,
-			label: /* @__PURE__ */ React$2.createElement("div", { style: {
+			label: /* @__PURE__ */ React.createElement("div", { style: {
 				display: "flex",
 				flexWrap: "noWrap"
-			} }, /* @__PURE__ */ React$2.createElement(Typography$1, {
+			} }, /* @__PURE__ */ React.createElement(Typography$1, {
 				noWrap: true,
 				className: chip.value ? classes.filterChipLabel : ""
-			}, chip.label), /* @__PURE__ */ React$2.createElement(Typography$1, {
+			}, chip.label), /* @__PURE__ */ React.createElement(Typography$1, {
 				noWrap: true,
 				className: classes.filterChipValue
 			}, chip.value)),
@@ -2555,32 +2570,32 @@ const ChipSection = (props) => {
 			onClick: () => handleFilterChipToggle(chip),
 			ref: (el) => chipRefs.current[index] = el
 		}));
-	})), !isEmpty(additionalFilterChips) && !isEmpty(filterChips) && /* @__PURE__ */ React$2.createElement(Divider$1, {
+	})), !isEmpty(additionalFilterChips) && !isEmpty(filterChips) && /* @__PURE__ */ React.createElement(Divider$1, {
 		orientation: "vertical",
 		flexItem: true
-	}), /* @__PURE__ */ React$2.createElement("div", {
+	}), /* @__PURE__ */ React.createElement("div", {
 		ref: additionalFilterChipsContainerRef,
 		style: { display: "flex" }
-	}, additionalFilterChips.map((chip, index) => /* @__PURE__ */ React$2.createElement(Chip$1, {
+	}, additionalFilterChips.map((chip, index) => /* @__PURE__ */ React.createElement(Chip$1, {
 		variant: "outlined",
 		onDelete: () => handleDelete("additionalFilter", index),
 		key: index,
 		label: chip.label,
 		className: classes.additionalFilterChip,
 		size: "small"
-	})))), !hideKpiSection && /* @__PURE__ */ React$2.createElement("div", {
+	})))), !hideKpiSection && /* @__PURE__ */ React.createElement("div", {
 		className: classes.KPI,
 		ref: kpiContainerRef
-	}, kpiValues.slice(0, 4).map((kpi, index) => /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement("div", {
+	}, kpiValues.slice(0, 4).map((kpi, index) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
 		className: classes.kpiItem,
 		id: index
-	}, /* @__PURE__ */ React$2.createElement("span", { className: classes.kpiLabel }, abbreviateLabel(kpi.label) && /* @__PURE__ */ React$2.createElement(Tooltip$1, {
+	}, /* @__PURE__ */ React.createElement("span", { className: classes.kpiLabel }, abbreviateLabel(kpi.label) && /* @__PURE__ */ React.createElement(Tooltip$1, {
 		title: kpi.label,
 		arrow: true
-	}, /* @__PURE__ */ React$2.createElement(Typography$1, { noWrap: true }, /* @__PURE__ */ React$2.createElement("span", null, kpi.label, ":"))) || /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, kpi.label)), /* @__PURE__ */ React$2.createElement("span", { className: classes.kpiValue }, /* @__PURE__ */ React$2.createElement(Tooltip$1, {
+	}, /* @__PURE__ */ React.createElement(Typography$1, { noWrap: true }, /* @__PURE__ */ React.createElement("span", null, kpi.label, ":"))) || /* @__PURE__ */ React.createElement(React.Fragment, null, kpi.label)), /* @__PURE__ */ React.createElement("span", { className: classes.kpiValue }, /* @__PURE__ */ React.createElement(Tooltip$1, {
 		title: kpi.value,
 		arrow: true
-	}, /* @__PURE__ */ React$2.createElement("span", null, abbrNum(kpi.value, 1))))), index !== maxKPIsDisplayed - 1 && /* @__PURE__ */ React$2.createElement(Divider$1, {
+	}, /* @__PURE__ */ React.createElement("span", null, abbrNum(kpi.value, 1))))), index !== maxKPIsDisplayed - 1 && /* @__PURE__ */ React.createElement(Divider$1, {
 		orientation: "vertical",
 		flexItem: true
 	})))));
@@ -2613,13 +2628,13 @@ const IconButtonWithTooltip = ({ icon, title, disabled, onClick, className, flue
 		onClick: disabled ? void 0 : onClick
 	};
 	const classes = useStyles$4();
-	return /* @__PURE__ */ React$1.createElement(Tooltip, { title }, /* @__PURE__ */ React$1.createElement(IconButton, {
+	return /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(IconButton, {
 		id,
 		udprecordid,
 		className: `${className} ${classes.root}`,
 		...other,
 		...adjustedButtonProps
-	}, /* @__PURE__ */ React$1.createElement(FluentIcon, {
+	}, /* @__PURE__ */ React.createElement(FluentIcon, {
 		className: fluentIconClassName,
 		component: icon
 	})));
@@ -2641,7 +2656,7 @@ const useStyles$3 = makeStyles((theme) => ({
 const ActionItem = memo((props) => {
 	const { icon, title, onClick, disabled, businessObjectKey = "" } = props;
 	const classes = useStyles$3();
-	return /* @__PURE__ */ React$1.createElement(IconButtonWithTooltip, {
+	return /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
 		title,
 		className: classes.icon,
 		size: "small",
@@ -2733,14 +2748,14 @@ const ActionsRenderer = memo((props) => {
 		}
 		if (item.getTitle) title = item.getTitle(value);
 		if (item.checkDisabled) disabled = item.checkDisabled(value);
-		return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, item.loading && /* @__PURE__ */ React$1.createElement("div", { style: {
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, item.loading && /* @__PURE__ */ React.createElement("div", { style: {
 			display: "inline-flex",
 			marginRight: 10
-		} }, /* @__PURE__ */ React$1.createElement(Skeleton, {
+		} }, /* @__PURE__ */ React.createElement(Skeleton, {
 			className: classes.circularSkeleton,
 			width: 24,
 			height: 40
-		})), !item.loading && /* @__PURE__ */ React$1.createElement(ActionItem, {
+		})), !item.loading && /* @__PURE__ */ React.createElement(ActionItem, {
 			key: `${item.id}-${index}`,
 			title,
 			icon: item.icon,
@@ -2749,14 +2764,14 @@ const ActionsRenderer = memo((props) => {
 			businessObjectKey: value?.businessObjectKey
 		}));
 	});
-	return /* @__PURE__ */ React$1.createElement("div", null, displayActions, /* @__PURE__ */ React$1.createElement(SideSheet, {
+	return /* @__PURE__ */ React.createElement("div", null, displayActions, /* @__PURE__ */ React.createElement(SideSheet, {
 		open: sheetOpen,
 		onClose: closeSheet,
 		title: sheetItem?.title,
 		width: sheetItem?.width || 600,
 		buttonLabel: sideSheetButtonLabel,
 		onSubmit: sideSheetOnSubmit
-	}, /* @__PURE__ */ React$1.createElement("div", null, sheetItem?.children)), /* @__PURE__ */ React$1.createElement(FluentDialog, {
+	}, /* @__PURE__ */ React.createElement("div", null, sheetItem?.children)), /* @__PURE__ */ React.createElement(FluentDialog, {
 		open: dialogOpen,
 		handleClose: closeDialog,
 		title: dialogItem?.title,
@@ -2800,7 +2815,7 @@ const HintPanel = ({ hint, hideHintText }) => {
 	const handleHideHint = () => {
 		setShowHint(false);
 	};
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes.hintContainer }, showHint && /* @__PURE__ */ React$1.createElement("div", { className: classes.hintContent }, /* @__PURE__ */ React$1.createElement("div", null, hint), /* @__PURE__ */ React$1.createElement("div", { className: classes.hidehelp }, /* @__PURE__ */ React$1.createElement("button", {
+	return /* @__PURE__ */ React.createElement("div", { className: classes.hintContainer }, showHint && /* @__PURE__ */ React.createElement("div", { className: classes.hintContent }, /* @__PURE__ */ React.createElement("div", null, hint), /* @__PURE__ */ React.createElement("div", { className: classes.hidehelp }, /* @__PURE__ */ React.createElement("button", {
 		className: classes.hideHintButton,
 		onClick: handleHideHint
 	}, hideHintText))));
@@ -2834,7 +2849,7 @@ const GridViewsSideSheet = (props) => {
 		const handleChipClick = () => {
 			onChange(id);
 		};
-		return /* @__PURE__ */ React$1.createElement(Chip$1, {
+		return /* @__PURE__ */ React.createElement(Chip$1, {
 			label: value === VisibilityTypeEnums.Public ? t("Public") : t("Private"),
 			onClick: handleChipClick,
 			className: value === VisibilityTypeEnums.Public ? classes.publicChip : classes.privateChip,
@@ -2887,7 +2902,7 @@ const GridViewsSideSheet = (props) => {
 			}
 		]
 	};
-	return /* @__PURE__ */ React$1.createElement(SideSheet, {
+	return /* @__PURE__ */ React.createElement(SideSheet, {
 		id: "udpRecord-GridViewsSideSheet",
 		udprecordid: "udpRecord-GridViewsSideSheet",
 		open,
@@ -2896,10 +2911,10 @@ const GridViewsSideSheet = (props) => {
 		title: "Select a View",
 		buttonLabel: "Create View",
 		onSubmit: openSaveView
-	}, /* @__PURE__ */ React$1.createElement("div", { style: { marginBottom: 10 } }, /* @__PURE__ */ React$1.createElement(HintPanel, {
+	}, /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 10 } }, /* @__PURE__ */ React.createElement(HintPanel, {
 		hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.",
 		hideHintText: "Hide Help"
-	})), /* @__PURE__ */ React$1.createElement(AmbientGridTemplate, {
+	})), /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
 		gridOptions,
 		title: "Saved Views",
 		rowData: rowData || [],
@@ -2956,22 +2971,22 @@ const BulkActionsGridButton = (props) => {
 	const filterAction = (action) => {
 		return !!domain ? JSON.parse(action?.parameters)?.entityName === domain : true;
 	};
-	return /* @__PURE__ */ React$1.createElement("div", { style: {
+	return /* @__PURE__ */ React.createElement("div", { style: {
 		marginTop: 5,
 		marginLeft: 20
-	} }, /* @__PURE__ */ React$1.createElement(Badge, {
+	} }, /* @__PURE__ */ React.createElement(Badge, {
 		badgeContent: numSelectedRows,
 		color: "secondary"
-	}, /* @__PURE__ */ React$1.createElement(FluentButton, {
+	}, /* @__PURE__ */ React.createElement(FluentButton, {
 		type: "button",
 		onClick: handleBulkActionsClick,
 		variant: "outlined",
 		color: "primary",
-		endIcon: /* @__PURE__ */ React$1.createElement(FluentIcon, {
+		endIcon: /* @__PURE__ */ React.createElement(FluentIcon, {
 			component: ChevronDownIcon,
 			size: "small"
 		})
-	}, "With Selected")), /* @__PURE__ */ React$1.createElement(Popover, {
+	}, "With Selected")), /* @__PURE__ */ React.createElement(Popover, {
 		id: "actions",
 		open: Boolean(actionsAnchorEl),
 		anchorEl: actionsAnchorEl,
@@ -2986,17 +3001,17 @@ const BulkActionsGridButton = (props) => {
 		}
 	}, bulkActions && bulkActions.map((action) => {
 		const valid = filterAction(action);
-		return /* @__PURE__ */ React$1.createElement(Tooltip, {
+		return /* @__PURE__ */ React.createElement(Tooltip, {
 			placement: "right",
 			title: !valid ? "Action entity does not match data grid entity" : ""
-		}, /* @__PURE__ */ React$1.createElement("span", null, /* @__PURE__ */ React$1.createElement(MenuItem, {
+		}, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(MenuItem, {
 			onClick: () => triggerBulkAction(action.actionId),
 			style: {
 				display: "flex",
 				justifyContent: "space-between"
 			},
 			disabled: !valid
-		}, /* @__PURE__ */ React$1.createElement(Typography, null, action.name), /* @__PURE__ */ React$1.createElement(FluentIcon, {
+		}, /* @__PURE__ */ React.createElement(Typography, null, action.name), /* @__PURE__ */ React.createElement(FluentIcon, {
 			component: valid ? action.icon ?? AppIconDefaultIcon : ErrorIcon,
 			style: { marginLeft: 7 },
 			color: !valid && "red"
@@ -3321,7 +3336,7 @@ const AmbientGridTemplate = (props) => {
 	useEffect(() => {
 		if (additionalFilters) setAdditionalFilterChips(additionalFilters);
 	}, [additionalFilters]);
-	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, !hideHeader && useNewHeader && gApi && /* @__PURE__ */ React$1.createElement(GridPrimaryBar, {
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, !hideHeader && useNewHeader && gApi && /* @__PURE__ */ React.createElement(GridPrimaryBar, {
 		title,
 		showFilter: setSideBarInvisible,
 		selected: isVisible,
@@ -3348,19 +3363,19 @@ const AmbientGridTemplate = (props) => {
 		hiddenLabels: hiddenLabels || [],
 		background: headerBackgroundColor,
 		onSearchKeyDown
-	}), useNewHeader && (kpiValues?.length > 0 || filterChips?.length > 0 || filters?.length > 0 || viewChips?.length > 0 || additionalFilterChips?.length > 0) && /* @__PURE__ */ React$1.createElement("div", { style: {
+	}), useNewHeader && (kpiValues?.length > 0 || filterChips?.length > 0 || filters?.length > 0 || viewChips?.length > 0 || additionalFilterChips?.length > 0) && /* @__PURE__ */ React.createElement("div", { style: {
 		display: "flex",
 		flexDirection: "row",
 		height: 40
-	} }, /* @__PURE__ */ React$1.createElement(Grow, {
+	} }, /* @__PURE__ */ React.createElement(Grow, {
 		in: bulkActions && numSelectedRows > 0,
 		unmountOnExit: true
-	}, /* @__PURE__ */ React$1.createElement(BulkActionsGridButton, {
+	}, /* @__PURE__ */ React.createElement(BulkActionsGridButton, {
 		bulkActions,
 		numSelectedRows,
 		triggerAction: handleTriggerAction,
 		domain
-	})), /* @__PURE__ */ React$1.createElement(ChipSection, {
+	})), /* @__PURE__ */ React.createElement(ChipSection, {
 		filterChips,
 		viewChips,
 		additionalFilterChips,
@@ -3369,7 +3384,7 @@ const AmbientGridTemplate = (props) => {
 		setAdditionalFilterChips,
 		setViewChips,
 		setFilter
-	})), useNewHeader && gApi && gcApi && /* @__PURE__ */ React$1.createElement(GridViewsSideSheet_default, {
+	})), useNewHeader && gApi && gcApi && /* @__PURE__ */ React.createElement(GridViewsSideSheet_default, {
 		open: viewsOpen,
 		onClose: closeViews,
 		openSaveView,
@@ -3377,7 +3392,7 @@ const AmbientGridTemplate = (props) => {
 		setFilter: setView,
 		rowData: views,
 		setSelectedView
-	}), !hideHeader && !useNewHeader && /* @__PURE__ */ React$1.createElement(GridActionBar, {
+	}), !hideHeader && !useNewHeader && /* @__PURE__ */ React.createElement(GridActionBar, {
 		title,
 		showFilter: setSideBarInvisible,
 		selected: isVisible,
@@ -3400,7 +3415,7 @@ const AmbientGridTemplate = (props) => {
 		hideGroupTab,
 		hideColumnTab,
 		hideSearchBar
-	}, primaryActionButton && /* @__PURE__ */ React$1.createElement("div", { className: classes.pab }, primaryActionButton)), loading && /* @__PURE__ */ React$1.createElement(LinearProgress, null), /* @__PURE__ */ React$1.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React$1.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React$1.createElement(AgTable, {
+	}, primaryActionButton && /* @__PURE__ */ React.createElement("div", { className: classes.pab }, primaryActionButton)), loading && /* @__PURE__ */ React.createElement(LinearProgress, null), /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(AgTable, {
 		...agGridOptions,
 		columnDefs,
 		dynamicSizing: !disableDynamicSizing,
@@ -3430,14 +3445,14 @@ const AmbientGridTemplate = (props) => {
 		rowSelection: !disableRowSelection && (bulkActions ? "multiple" : "single"),
 		hideHeader,
 		...otherGridProps
-	})), showGroupOptions && /* @__PURE__ */ React$1.createElement("div", { className: classes.groupSideBar }, /* @__PURE__ */ React$1.createElement(GridGroupingSidebar, {
+	})), showGroupOptions && /* @__PURE__ */ React.createElement("div", { className: classes.groupSideBar }, /* @__PURE__ */ React.createElement(GridGroupingSidebar, {
 		groupItem: (item) => groupGridItems(item),
 		closeClick: () => groupGridItems(""),
 		expandClick: expandGroupedGrid,
 		collapseClick: collapseGroupedGrid,
 		groupingData,
 		height
-	})), !hiddenActionButtons?.includes("saveView") && /* @__PURE__ */ React$1.createElement(SaveViewFormDialog, {
+	})), !hiddenActionButtons?.includes("saveView") && /* @__PURE__ */ React.createElement(SaveViewFormDialog, {
 		open: saveViewOpen,
 		handleClose: closeSaveView,
 		application: applicationName,
@@ -3514,5 +3529,5 @@ AmbientGridTemplate.propTypes = {
 };
 
 //#endregion
-export { ActionContext, ActionDispatchContext, ActionLoadingDispatchContext, ActionsRenderer, AgTable, AgTableButtons, AmbientGridTemplate, AmbientTextField, AmbientToggleButton, AmbientTokenButton, DynamicContainerWithMenu, Ellipse, FilterOperators, FluentDialog, GridActionBar, GridGroupingHeader, GridGroupingSidebar, GridSidebarContainer, IconButtonWithTooltip, LicenseKey, SearchOperators, Token, clearGridState, deleteGridState, findTermByType, getCommonEntityName, getEllipseColor, getEntityAttributes, getFullyQualifiedName, getGridState, getPathObject, getPathParametersObj, getPrimaryKeyValues, getSanitizedName, getSuccessAction, isValueSelected, onFirstDataRendered, saveGridState, useActionState, useActionStore, useActions, useAgGridApi, useCatalogStore, useDynamicListCalculation, useExport, useGridClear, useGridFormat, useHandleAction, useInquiryStore, useQuickFilter };
-//# sourceMappingURL=AmbientGridTemplate-BLwgiqwK.js.map
+export { ActionContext, ActionDispatchContext, ActionLoadingDispatchContext, ActionsRenderer, AgTable, AgTableButtons, AmbientGridTemplate, AmbientTextField, AmbientToggleButton, AmbientTokenButton, DynamicContainerWithMenu, Ellipse, FilterOperators, FluentDialog, GridActionBar, GridGroupingHeader, GridGroupingSidebar, GridSidebarContainer, IconButtonWithTooltip, LicenseKey, SearchOperators, Token, clearGridState, deleteGridState, findTermByType, getCommonEntityName, getEllipseColor, getEntityAttributes, getFullyQualifiedName, getGridState, getPathObject, getPathParametersObj, getPrimaryKeyValues, getSanitizedName, getSuccessAction, isValueSelected, onFirstDataRendered, saveGridState, useActionState, useActionStore, useActions, useAgGridApi, useCatalogStore, useDynamicListCalculation, useExport, useGridClear, useGridFormat, useHandleAction, useInquiryStore, useQuickFilter, useSetInitialInquiryMenuVisibility };
+//# sourceMappingURL=AmbientGridTemplate-BqlMt5Su.js.map