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

package/dist/{UtilitySideBar-9LDu9AaN.js → TreeUtilities-BxV5PMJ8.js}

@@ -1,143 +1,12 @@
-import { APP_RIBBON_SPACE, CardinalityTypeEnums, FluentButton, FluentIconButton, LayoutUnit, NodeGroupOutlierEnums, NodeGroupTypeEnums, SeverityTypeEnums, StatusChip, executeQueryInstance, getEllipseColor, useBuildEnvironment } from "./EnvironmentRibbon-OD01SY9G.js";
-import { toLowerFirstChar, toUpperFirstChar, useAxiosGet } from "./useAxiosGet-Bi4Z0b8W.js";
-import { getSearchIdentifiers, getSearchObject } from "./SearchUtilities-lVLvOpzo.js";
-import React, { memo, useCallback, useEffect, useMemo, useState } from "react";
-import { Button, ButtonBase, CardContent, CardMedia, CircularProgress, Collapse, Paper, Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import clsx from "clsx";
+import { toLowerFirstChar, toUpperFirstChar } from "./StringUtilities-DyjYA5pU.js";
+import { CardinalityTypeEnums, NodeGroupOutlierEnums, NodeGroupTypeEnums } from "./unitySystemEnums-DXk8yS3v.js";
+import { evaluateRule, mapRule } from "./RuleUtilities-DXVlN84J.js";
+import { getSearchIdentifiers, getSearchObject } from "./SearchUtilities-CxVn31Ak.js";
+import { GroupNode } from "./GroupNode-C1Y28U4c.js";
 import * as Icons from "@fluentui/react-icons";
-import { ArrowUpRightIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
 import { cloneDeep, orderBy } from "lodash";
-import { useTranslation } from "react-i18next";
-import jsonLogic from "json-logic-js";
 import { v4 } from "uuid";
-import Sewer from "./assets/unityIcons/Sewer.svg";
-import WaterDrop from "./assets/unityIcons/WaterDrop.svg";
-import { createTeleporter } from "react-teleporter";
-import { Alert } from "@material-ui/lab";
-import Skeleton$1 from "@material-ui/lab/Skeleton";
-import { ResizableBox } from "react-resizable";
 
-//#region src/utilities/rules/RuleUtilities.js
-/**
-* Constructs an array of object from the object map.
-*
-* @param {Object} obj ex: {"a": "customerID", "b": "firstName"}
-* @returns an array of object ex. [{"variable": "a", "value": "serviceLocationID"}, {"variable": "b", "value" "firstName"}]
-*/
-const getPropertyMappingList = (obj) => {
-	const mappings = [];
-	if (obj) Object.keys(obj).forEach((key) => {
-		const mappingObj = {
-			variable: key,
-			value: obj[key]
-		};
-		mappings.push(mappingObj);
-	});
-	return mappings;
-};
-/**
-* Constructs a map object where variables are keys and values are the values.
-*
-* @param {Array<Object>} properties ex. [{"variable": "a", "value": "serviceLocationID"}, {"variable": "b", "value" "firstName"}]
-* @returns mapped object ex: {"a": "customerID", "b": "firstName"}
-*/
-const getPropertyMappingObj = (properties) => {
-	const mapping = {};
-	if (properties?.length) properties.forEach((property) => {
-		mapping[property.variable] = property.value;
-	});
-	return mapping;
-};
-/**
-* Maps the keys of mapping to the values of data.
-*
-* @param {Object} mapping ex: {"a": "customerID", "b": "firstName"}
-* @param {Object} data ex: {"customerID": 1001, "firstName": "John"}
-* @returns flat object ex: {"a": 1001, "b": "John"}
-*/
-const mapRuleData = (mapping, data) => {
-	const mappedData = {};
-	if (mapping && mapping.length) Object.keys(mapping).forEach((key) => {
-		const dataKey = mapping[key];
-		if (dataKey) mappedData[key] = data[dataKey];
-	});
-	return mappedData;
-};
-/**
-* Maps the mapping values in the mapping object to the variables in the rule.
-*
-* @param {Object} mapping ex: {"a": "customerID", "b": "firstName"}
-* @param {Object} rule ex: {"or": [{"==": [{"var": "a"}, 400]}, {"==": [{"var": "b"}, John]}]}
-* @returns jsonLogic object with the correct variable names ex: [{"==": [{"var": "customerID"}, 400]}, {"==": [{"var": "firstName"}, John]}]
-*/
-const mapRule = (mapping = {}, rule = "") => {
-	const keys = Object.keys(mapping);
-	let updatedJsonLogic = JSON.stringify(rule);
-	keys.forEach((key) => {
-		const substr = JSON.stringify({ var: key });
-		const newSubstr = JSON.stringify({ var: mapping[key] });
-		updatedJsonLogic = updatedJsonLogic.replaceAll(substr, newSubstr);
-	});
-	try {
-		return JSON.parse(updatedJsonLogic);
-	} catch (err) {
-		console.err("Error with parsing JSON Logic String");
-		return {};
-	}
-};
-/**
-* Evaluates the rule with provided data.
-*
-* @param {Object} rule ex: {"or": [{"==": [{"var": "customerID"}, 400]}, {"==": [{"var": "firstName"}, John]}]}
-* @param {Object} data ex: {"customerID": 1001, "firstName": "John"}
-* @param {string} objectKey ex: "users"
-* @param {boolean} dataLazyLoaded ex: "true"
-* @returns the evaluated rule ex: true
-*/
-const evaluateRule = (rule, data, objectKey, dataLazyLoaded) => {
-	let formattedData = {};
-	if (objectKey && dataLazyLoaded) formattedData[objectKey] = data[objectKey] ? data[objectKey] : data;
-	else formattedData = data;
-	return jsonLogic.apply(rule, formattedData);
-};
-
-//#endregion
-//#region src/models/GroupNode.ts
-var GroupNode = class {
-	constructor(node) {
-		this.id = node.id || v4();
-		this.isGroupNode = true;
-		this.hideEmptyGroups = node.hideEmptyGroups || false;
-		this.groupType = node.groupType || NodeGroupTypeEnums.Static;
-		this.children = node.children || [];
-		this.isExpanded = node.isExpanded || false;
-		this.parentId = node.parentId || null;
-		this.parentGroupId = node.parentGroupId || null;
-		this.properties = node.properties ? {
-			propertyMapping: null,
-			jsonLogic: null,
-			icon: {
-				name: "GroupedListIcon",
-				type: "",
-				color: ""
-			},
-			...node.properties
-		} : {
-			propertyMapping: null,
-			jsonLogic: null,
-			icon: {
-				name: "GroupedListIcon",
-				type: "",
-				color: ""
-			}
-		};
-		this.isOutlierGroup = node.isOutlierGroup || false;
-	}
-};
-
-//#endregion
 //#region src/utilities/tree/TreeUtilities.js
 const makeTreeStructure = (treeData, key, parentKey, parentGroupKey = "parentGroupId") => {
 	if (!treeData) return [];
@@ -1213,21 +1082,22 @@ const transformMenuPageTree = (node) => {
 		properties: {
 			defaultIcon: {
 				type: "",
-				name: parameters.FluentIcon,
+				name: parameters?.FluentIcon,
 				color: ""
 			},
 			nodeLabel: label,
 			nodeSubLabel: "",
+			itemCount: parameters?.itemCount ?? node.menuItemInstance?.itemCount ?? null,
 			page: {
-				id: parameters.PageId,
-				entity: { entityName: parameters.entityName },
-				pbiReportCode: parameters.pbiReportCode,
-				udpTagId: parameters.udpTagId,
-				queryId: parameters.queryId,
+				id: parameters?.PageId,
+				entity: { entityName: parameters?.entityName },
+				pbiReportCode: parameters?.pbiReportCode,
+				udpTagId: parameters?.udpTagId,
+				queryId: parameters?.queryId,
 				inquiryTreeId: parameters?.InquiryTreeId,
 				requiredFieldMapping: parameters?.requiredFieldMapping
 			},
-			aggregateThresholdId: parameters.aggregateThresholdId || ""
+			aggregateThresholdId: parameters?.aggregateThresholdId || ""
 		},
 		children: []
 	};
@@ -1256,714 +1126,5 @@ const getSearchValueString = (nodeObj, searchIdentifier) => {
 };
 
 //#endregion
-//#region src/utilities/iconLibrary/UnityIconLibrary.jsx
-const unityIcons = [{
-	id: "WaterDropIcon",
-	label: "Water Drop",
-	icon: /* @__PURE__ */ React.createElement(WaterDrop, null),
-	type: "unity"
-}, {
-	id: "SewerIcon",
-	label: "Sewer",
-	icon: /* @__PURE__ */ React.createElement(Sewer, null),
-	type: "unity"
-}];
-const getUnityIconFromName = (name) => {
-	return unityIcons.find((icon) => icon.id === name)?.icon || null;
-};
-
-//#endregion
-//#region src/shell/ui/SidebarCollapseButton.jsx
-const useStyles$6 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		justifyContent: "flex-start",
-		height: 48,
-		width: "100%",
-		paddingLeft: 0
-	},
-	iconButton: {
-		width: 48,
-		height: 48,
-		marginLeft: 16 - 24 / 2
-	},
-	expanded: {},
-	icon: {
-		width: 14,
-		height: 14,
-		margin: 8 / 2,
-		transition: theme?.transitions?.create("transform", {
-			easing: theme?.transitions?.easing?.sharp,
-			duration: theme?.transitions?.duration?.shortest
-		}),
-		"$expanded &": { transform: "scaleX(-1)" }
-	},
-	switch: {
-		margin: 8 / 2,
-		transition: theme?.transitions?.create("transform", {
-			easing: theme?.transitions?.easing?.sharp,
-			duration: theme?.transitions?.duration?.shortest
-		}),
-		"$expanded &": { transform: "scaleX(-1)" }
-	}
-}), { name: "SidebarCollapseButton" });
-/**
-* Custom styled button used for expanding/collapsing sidebars
-*/
-const SidebarCollapseButton = (props) => {
-	const classes = useStyles$6(props);
-	const { expanded, className, id, udprecordid,...other } = props;
-	const { t } = useTranslation();
-	return /* @__PURE__ */ React.createElement("div", {
-		...other,
-		className: clsx(className, classes.root, { [classes.expanded]: expanded })
-	}, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		id,
-		udprecordid,
-		color: "inherit",
-		className: clsx(classes.iconButton, classes.switch),
-		"aria-label": expanded ? t("mainMenuAria.collapseNavigation") : t("mainMenuAria.expandNavigation"),
-		icon: ChevronRightIcon
-	}));
-};
-
-//#endregion
-//#region src/UI/inputs/buttons/AmbientCardButton.jsx
-const useStyles$5 = makeStyles((theme) => ({ root: {
-	borderRadius: 0,
-	padding: 8
-} }));
-const AmbientCardButton = (props) => {
-	const classes = useStyles$5(props);
-	const { editOption, launchOption, deleteOption, children,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(Button, {
-		classes: { root: classes.root },
-		variant: "outlined",
-		disableElevation: true,
-		color: "primary",
-		...otherProps
-	}, editOption && /* @__PURE__ */ React.createElement(EditIcon, null), launchOption && /* @__PURE__ */ React.createElement(ArrowUpRightIcon, null), deleteOption && /* @__PURE__ */ React.createElement(DeleteIcon, null), children);
-};
-AmbientCardButton.propTypes = {
-	editOption: PropTypes.bool,
-	launchOption: PropTypes.bool,
-	deleteOption: PropTypes.bool,
-	children: PropTypes.string
-};
-
-//#endregion
-//#region src/UI/components/feedback/Adornment.jsx
-const useStyles$4 = makeStyles((theme) => ({ root: (props) => ({
-	width: theme.spacing(.5),
-	height: "100%",
-	background: theme.palette[props.color].main
-}) }));
-const Adornment = (props) => {
-	const classes = useStyles$4(props);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root });
-};
-Adornment.propTypes = { color: PropTypes.string };
-
-//#endregion
-//#region src/UI/surfaces/cards/AmbientCard.jsx
-const useStyles$3 = makeStyles((theme) => ({
-	root: {},
-	paper: {
-		width: "100%",
-		position: "relative",
-		display: "flex",
-		flexDirection: "column",
-		height: (props) => props?.cardHeight ?? ""
-	},
-	adornment: {
-		top: 0,
-		left: 0,
-		height: "100%",
-		position: "absolute"
-	},
-	launchButtons: {
-		padding: theme.spacing(0, 2, 2, 2),
-		display: "flex",
-		justifyContent: "flex-end",
-		bottom: (props) => props.adjustBaseline ? props.adjustBaseline : 16,
-		right: theme.spacing(2),
-		gridGap: theme.spacing(1)
-	},
-	moreButton: {
-		marginTop: theme.spacing(1),
-		display: "flex",
-		justifyContent: "center",
-		backgroundColor: lighten(theme.palette.secondary.main, .9),
-		padding: theme.spacing(1)
-	},
-	styleWidth: {
-		width: (props) => !props?.fullWidth ? "75%" : "100%",
-		height: "100%"
-	},
-	media: { height: (props) => props.mediaHeight || 120 },
-	cardContent: {
-		flexGrow: 1,
-		padding: (props) => props.removePadding && 0,
-		"&:last-child": { paddingBottom: (props) => props.lastChildBottomPadding ? props.lastChildBottomPadding : theme.spacing(2) },
-		paddingTop: 0,
-		height: (props) => props.cardContentHeight ? props.cardContentHeight : ""
-	},
-	titleWrapper: {
-		display: "flex",
-		backgroundColor: (props) => props.headerColor && getEllipseColor(theme, props.headerColor, "light")
-	},
-	title: { color: (props) => props.headerColor && theme.palette.getContrastText(getEllipseColor(theme, props.headerColor, "light")) },
-	loading: {
-		position: "absolute",
-		top: 0,
-		left: 0
-	},
-	expandMessage: { display: "flex" },
-	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(2) } },
-	visualization: {
-		display: "flex",
-		alignItems: "flex-end",
-		width: "100%",
-		height: 300
-	},
-	titlesWrapper: {
-		display: "flex",
-		flexDirection: "column",
-		flex: 1,
-		lineHeight: (props) => props.globalExpanded && "125%"
-	},
-	collapseChildren: {
-		flexGrow: 1,
-		"& .MuiCollapse-wrapper": { height: "100%" },
-		"& .MuiCollapse-wrapperInner": { height: "100%" },
-		height: (props) => props.cardContentHeight ? props.cardContentHeight : ""
-	}
-}));
-const AmbientCard = (props) => {
-	const classes = useStyles$3(props);
-	const [expanded, setExpanded] = useState(false);
-	const { adornment = "secondary", ariaLabel, baseLoading, cardHeight, children, collapseChildrenWhenExpanded, customAdornment = " ", deleteEvent, deleteOption, editEvent, editOption, extendedContent, extendedList, fullWidth, globalToggle, header, image, imageTitle, label, large, launchEvent, launchOption, loading, mediaHeight, more, moreMessage, moreButton, moreButtonExpanded, noAdornment = false, overrideStatusSuccess, overrideStatusError, overrideStatusWarning, overrideStatusInfo, removeTopLayoutUnit, status, subCard, title, toggleGlobalExpanded = true, visualization, subtitle,...otherProps } = props;
-	const [globalExpanded, setGlobalExpanded] = useState(toggleGlobalExpanded);
-	if (baseLoading) return null;
-	return /* @__PURE__ */ React.createElement(Paper, {
-		elevation: 0,
-		className: classes.paper
-	}, !noAdornment && /* @__PURE__ */ React.createElement("div", { className: classes.adornment }, customAdornment ? customAdornment : /* @__PURE__ */ React.createElement(Adornment, { color: adornment })), title && /* @__PURE__ */ React.createElement(CardContent, {
-		className: classes.titleWrapper,
-		classes: { root: classes.cardRoot }
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titlesWrapper }, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.title,
-		component: "h2",
-		variant: subCard ? "subtitle2" : "h6"
-	}, title), subtitle && /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body1",
-		className: classes.title
-	}, subtitle)), status && /* @__PURE__ */ React.createElement(StatusChip, {
-		status,
-		label,
-		success: overrideStatusSuccess,
-		error: overrideStatusError,
-		warning: overrideStatusWarning,
-		info: overrideStatusInfo
-	}), globalToggle && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: () => setGlobalExpanded(!globalExpanded),
-		icon: globalExpanded ? ChevronUpIcon : ChevronDownIcon,
-		className: classes.icon,
-		id: "udpRecord-AmbientCard-Toggle-" + (globalExpanded ? "Up" : "Down"),
-		udprecordid: "udpRecord-AmbientCard-Toggle-" + (globalExpanded ? "Up" : "Down")
-	}))), image && /* @__PURE__ */ React.createElement(CardMedia, {
-		className: classes.media,
-		image,
-		title: imageTitle
-	}), globalExpanded && /* @__PURE__ */ React.createElement(CardContent, { classes: { root: classes.cardContent } }, !image && !header && !removeTopLayoutUnit && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: large ? "md" : "xxs" }), image && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xs" }), /* @__PURE__ */ React.createElement(Collapse, {
-		in: !collapseChildrenWhenExpanded || !expanded,
-		timeout: "auto",
-		className: classes.collapseChildren
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.styleWidth }, children)), extendedList && /* @__PURE__ */ React.createElement(Collapse, {
-		in: expanded,
-		timeout: "auto"
-	}, /* @__PURE__ */ React.createElement("div", null, extendedList)), more && /* @__PURE__ */ React.createElement("div", { className: classes.moreButton }, /* @__PURE__ */ React.createElement("div", { className: classes.expandMessage }, /* @__PURE__ */ React.createElement(Typography, {
-		style: {
-			marginTop: 4,
-			marginRight: 16
-		},
-		variant: "subtitle2"
-	}, !expanded && moreMessage), /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick: () => setExpanded(!expanded),
-		color: "secondary",
-		variant: "outlined"
-	}, expanded ? moreButtonExpanded : moreButton)))), visualization && /* @__PURE__ */ React.createElement("div", { className: classes.visualization }, visualization), !globalToggle && (editOption || launchOption || deleteOption) && /* @__PURE__ */ React.createElement("div", { className: classes.launchButtons }, editOption && /* @__PURE__ */ React.createElement(AmbientCardButton, {
-		"aria-label": ariaLabel,
-		editOption: true,
-		...otherProps,
-		onClick: editEvent,
-		id: "udpRecord-AmbientCard-edit",
-		udprecordid: "udpRecord-AmbientCard-edit"
-	}), launchOption && /* @__PURE__ */ React.createElement(AmbientCardButton, {
-		"aria-label": ariaLabel,
-		launchOption: true,
-		...otherProps,
-		onClick: launchEvent,
-		id: "udpRecord-AmbientCard-launch",
-		udprecordid: "udpRecord-AmbientCard-launch"
-	}), deleteOption && /* @__PURE__ */ React.createElement(AmbientCardButton, {
-		"aria-label": ariaLabel,
-		deleteOption: true,
-		...otherProps,
-		onClick: deleteEvent,
-		id: "udpRecord-AmbientCard-delete",
-		udprecordid: "udpRecord-AmbientCard-delete"
-	})));
-};
-
-//#endregion
-//#region src/UI/feedback/NodeLoader.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {},
-	nodeWrapper: { display: "flex" }
-}));
-const NodeLoader = ({ loading, nodesRequested = [1] }) => {
-	const classes = useStyles$2();
-	const singleNode = [
-		1,
-		2,
-		3,
-		4
-	];
-	const NodeElement = () => {
-		return /* @__PURE__ */ React.createElement("div", { className: classes.nodeWrapper }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Skeleton$1, {
-			variant: "circle",
-			width: 20,
-			height: 20
-		})), /* @__PURE__ */ React.createElement("div", { style: {
-			marginLeft: 8,
-			width: "100%"
-		} }, /* @__PURE__ */ React.createElement(Skeleton$1, {
-			height: 20,
-			variant: "rect",
-			width: "100%"
-		})));
-	};
-	const NodeGroup = ({ indent }) => {
-		return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { marginLeft: indent } }, /* @__PURE__ */ React.createElement(NodeElement, null)), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
-	};
-	const singleNodeGroup = loading && /* @__PURE__ */ React.createElement("div", null, singleNode.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(NodeGroup, { indent: index * 8 });
-	}));
-	return /* @__PURE__ */ React.createElement("div", null, nodesRequested && nodesRequested.map((item) => {
-		return /* @__PURE__ */ React.createElement("div", { className: classes.root }, singleNodeGroup, " ", /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
-	}));
-};
-
-//#endregion
-//#region src/models/NumberOperator.ts
-let NumberOperatorEnums = /* @__PURE__ */ function(NumberOperatorEnums$1) {
-	NumberOperatorEnums$1["Equals"] = "=";
-	NumberOperatorEnums$1["Does_Not_Equal"] = "!=";
-	NumberOperatorEnums$1["Greater_Than"] = ">";
-	NumberOperatorEnums$1["Less_Than"] = "<";
-	NumberOperatorEnums$1["Greater_Than_Or_Equal_To"] = ">=";
-	NumberOperatorEnums$1["Less_Than_Or_Equal_To"] = "<=";
-	NumberOperatorEnums$1["Between"] = "BETWEEN";
-	return NumberOperatorEnums$1;
-}({});
-
-//#endregion
-//#region src/UI/utilityDisplay/utilities/aggregateUtils.js
-const getThresholdStatus = (aggThreshold, aggregateValue) => {
-	if (!aggThreshold || !aggregateValue) return null;
-	const thresholdTypes = [
-		{
-			type: SeverityTypeEnums.Success,
-			threshold: aggThreshold.successThreshold
-		},
-		{
-			type: SeverityTypeEnums.Error,
-			threshold: aggThreshold.errorThreshold
-		},
-		{
-			type: SeverityTypeEnums.Warning,
-			threshold: aggThreshold.warningThreshold
-		},
-		{
-			type: SeverityTypeEnums.Info,
-			threshold: aggThreshold.infoThreshold
-		}
-	];
-	let thresholdStatus = "";
-	for (const { type, threshold } of thresholdTypes) if (threshold && evaluateThreshold(threshold, aggregateValue)) {
-		thresholdStatus = type;
-		break;
-	}
-	return thresholdStatus;
-};
-const evaluateThreshold = (threshold = {}, aggregateValue) => {
-	if (typeof threshold === "string") try {
-		threshold = JSON.parse(threshold);
-	} catch {
-		console.error(`Could not parse: ${threshold}`);
-		return false;
-	}
-	const { operator, value1, value2 } = threshold;
-	let thresholdMet = false;
-	switch (operator) {
-		case NumberOperatorEnums.Equals:
-			thresholdMet = aggregateValue === parseFloat(value1);
-			break;
-		case NumberOperatorEnums.Does_Not_Equal:
-			thresholdMet = aggregateValue !== parseFloat(value1);
-			break;
-		case NumberOperatorEnums.Greater_Than:
-			thresholdMet = aggregateValue > parseFloat(value1);
-			break;
-		case NumberOperatorEnums.Less_Than:
-			thresholdMet = aggregateValue < parseFloat(value1);
-			break;
-		case NumberOperatorEnums.Greater_Than_Or_Equal_To:
-			thresholdMet = aggregateValue >= parseFloat(value1);
-			break;
-		case NumberOperatorEnums.Less_Than_Or_Equal_To:
-			thresholdMet = aggregateValue <= parseFloat(value1);
-			break;
-		case NumberOperatorEnums.Between:
-			thresholdMet = aggregateValue >= parseFloat(value1) && aggregateValue <= parseFloat(value2);
-			break;
-		default: break;
-	}
-	return thresholdMet;
-};
-
-//#endregion
-//#region src/UI/dataDisplay/entityHeader/ui/AlertPill.jsx
-/**
-* Styles for the AlertPill component
-*/
-const useStyles$1 = makeStyles((theme) => {
-	const endRadius = theme.spacing(3);
-	return {
-		root: {
-			display: "flex",
-			flexDirection: "row",
-			overflow: "hidden",
-			flexGrow: 0,
-			alignSelf: "start"
-		},
-		alertRoot: {
-			padding: theme.spacing(0, 1.5, 0, 1),
-			borderRadius: 0,
-			"&:first-of-type": {
-				borderTopLeftRadius: endRadius,
-				borderBottomLeftRadius: endRadius
-			},
-			"&:last-of-type": {
-				borderTopRightRadius: endRadius,
-				borderBottomRightRadius: endRadius
-			}
-		},
-		alertIcon: { marginRight: theme.spacing(.5) },
-		buttonBase: {
-			borderRadius: endRadius,
-			overflow: "hidden"
-		},
-		defaultSeverityAlert: { backgroundColor: theme.palette.grey[400] }
-	};
-});
-/**
-* Memoized version of the Alert component
-*
-* @param {object} props - Component props
-* @param {number} props.count - The count to display in the Alert
-* @param {boolean} props.hide - Whether the Alert should be hidden
-* @param {string} props.severity - The severity of the Alert
-* @param {object} props.alertProps - Additional props to pass to the Alert component
-* @param {number} props.maxCount - Max count to show before displaying as "{maxCount}+"
-* @returns {JSX.Element | null} - The Alert component, or null if the count is falsy or hide is true
-*/
-const MemoizedAlert = memo((props) => {
-	const { count, hide, severity, alertProps, maxCount, label } = props;
-	const classes = useStyles$1(props);
-	if (count && !hide) {
-		let displayCount = count;
-		if (maxCount && count > maxCount) displayCount = `${maxCount}+`;
-		if (severity === SeverityTypeEnums.Default) return /* @__PURE__ */ React.createElement(Alert, {
-			severity: SeverityTypeEnums.Info,
-			...alertProps,
-			className: classes.defaultSeverityAlert
-		}, displayCount);
-		return /* @__PURE__ */ React.createElement(Alert, {
-			severity,
-			...alertProps
-		}, label ? label : displayCount);
-	}
-	return null;
-});
-MemoizedAlert.displayName = "MemoizedAlert";
-/**
-* The AlertPill component displays a row of Alerts, each with a count and a severity level.
-* Alerts can be hidden by setting the corresponding hide prop to true.
-*
-* @param {object} props - Component props
-* @param {function} [props.handleClick] - The click event handler.
-* @param {number} props.maxCount - Max count to show before displaying as "{maxCount}+"
-* @param {number} props.errorCount - The count for the error Alert
-* @param {number} props.warningCount - The count for the warning Alert
-* @param {number} props.successCount - The count for the success Alert
-* @param {number} props.infoCount - The count for the info Alert
-* @param {number} props.defaultCount - The count for the default Alert
-* @param {string} props.errorLabel - The label for the error Alert
-* @param {string} props.warningLabel - The label for the warning Alert
-* @param {string} props.successLabel - The label for the success Alert
-* @param {string} props.infoLabel - The label for the info Alert
-* @param {string} props.defaultLabel - The label for the default Alert
-* @param {boolean} props.hideError - Whether the error Alert should be hidden
-* @param {boolean} props.hideWarning - Whether the warning Alert should be hidden
-* @param {boolean} props.hideSuccess - Whether the success Alert should be hidden
-* @param {boolean} props.hideInfo - Whether the info Alert should be hidden
-* @param {boolean} props.hideDefault - Whether the default Alert should be hidden
-* @param {string} props.variant - The variant of the Alert
-* @param {function} [props.handleClick] - The click event handler.
-* @param {number} props.maxCount - Max count to show before displaying as "{maxCount}+"
-* @returns {JSX.Element} - The AlertPill component
-*/
-const AlertPill = (props) => {
-	const { variant = "filled", handleClick, maxCount, errorCount, warningCount, successCount, infoCount, defaultCount, errorLabel, warningLabel, successLabel, infoLabel, defaultLabel, hideError = false, hideWarning = false, hideSuccess = false, hideInfo = false, hideDefault = false } = props;
-	const classes = useStyles$1(props);
-	const alertProps = {
-		variant: {
-			filled: "filled",
-			standard: "hint",
-			outlined: "outlined",
-			text: ""
-		}[variant],
-		classes: {
-			root: classes.alertRoot,
-			icon: classes.alertIcon
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(ButtonBase, {
-		onClick: handleClick,
-		className: classes.buttonBase
-	}, /* @__PURE__ */ React.createElement(MemoizedAlert, {
-		count: errorCount,
-		hide: hideError,
-		severity: SeverityTypeEnums.Error,
-		alertProps,
-		maxCount,
-		label: errorLabel
-	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
-		count: warningCount,
-		hide: hideWarning,
-		severity: SeverityTypeEnums.Warning,
-		alertProps,
-		maxCount,
-		label: warningLabel
-	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
-		count: successCount,
-		hide: hideSuccess,
-		severity: SeverityTypeEnums.Success,
-		alertProps,
-		maxCount,
-		label: successLabel
-	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
-		count: infoCount,
-		hide: hideInfo,
-		severity: SeverityTypeEnums.Info,
-		alertProps,
-		maxCount,
-		label: infoLabel
-	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
-		count: defaultCount,
-		hide: hideDefault,
-		severity: SeverityTypeEnums.Default,
-		alertProps,
-		maxCount,
-		label: defaultLabel
-	})));
-};
-
-//#endregion
-//#region src/UI/utilityDisplay/AggregateChip.jsx
-const AggregateChip = (props) => {
-	const { aggregateThresholdId, aggregateThresholdParamMappings, label, chipColor, setStatus, isActionable = false, isAlert = false, hideAlert = false, onAlertClick } = props;
-	const [color, setColor] = useState(chipColor);
-	const [aggregateValue, setAggregateValue] = useState(null);
-	const [loading, setLoading] = useState(false);
-	const [{ data: aggregateThreshold, loading: loadingAggregateThreshold }] = useAxiosGet(ConfigService.integrationV2ApiUrl, `aggregateThreshold/${aggregateThresholdId}`, {}, !!!aggregateThresholdId);
-	const alertDisplayLabel = useMemo(() => {
-		if (!label) return aggregateValue;
-		return `${label.replace("{value}", aggregateValue)}`;
-	}, [aggregateValue, label]);
-	useEffect(() => {
-		const setAggregateData = async (apiMethodInstanceId, valueKey) => {
-			setLoading(true);
-			const response = await executeQueryInstance(aggregateThresholdParamMappings ? { data: aggregateThresholdParamMappings } : { data: {} }, apiMethodInstanceId).catch((res) => setLoading(false));
-			if (response?.status === 200 && valueKey) {
-				const aggregateResult = response.data?.aggregateResults && response.data?.aggregateResults[0];
-				if (aggregateResult) setAggregateValue(aggregateResult[valueKey] ? Math.round(aggregateResult[valueKey]) : "");
-			}
-			setLoading(false);
-		};
-		if (aggregateThreshold) setAggregateData(aggregateThreshold.apiMethodInstanceId, aggregateThreshold.aggregateKey);
-	}, [aggregateThreshold]);
-	useEffect(() => {
-		if (aggregateThreshold && aggregateValue) {
-			const status = getThresholdStatus(aggregateThreshold, aggregateValue);
-			setColor(status);
-			if (setStatus) setStatus(status || "default");
-		}
-	}, [
-		aggregateThreshold,
-		aggregateValue,
-		setStatus
-	]);
-	if (loading || loadingAggregateThreshold) return /* @__PURE__ */ React.createElement(CircularProgress, { size: 18 });
-	if (!color && !isAlert) return /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption2",
-		style: { fontSize: "0.7rem" }
-	}, label || aggregateValue);
-	if (isAlert) return /* @__PURE__ */ React.createElement(AlertPill, {
-		handleClick: onAlertClick,
-		successCount: color === SeverityTypeEnums.Success ? aggregateValue : "",
-		errorCount: color === SeverityTypeEnums.Error ? aggregateValue : "",
-		warningCount: color === SeverityTypeEnums.Warning ? aggregateValue : "",
-		infoCount: color === SeverityTypeEnums.Info ? aggregateValue : "",
-		defaultCount: !color && (aggregateValue || ""),
-		successLabel: color === SeverityTypeEnums.Success ? alertDisplayLabel : "",
-		errorLabel: color === SeverityTypeEnums.Error ? alertDisplayLabel : "",
-		warningLabel: color === SeverityTypeEnums.Warning ? alertDisplayLabel : "",
-		infoLabel: color === SeverityTypeEnums.Info ? alertDisplayLabel : "",
-		defaultLabel: !color && (alertDisplayLabel || ""),
-		hideSuccess: color === SeverityTypeEnums.Success ? hideAlert : false,
-		hideError: color === SeverityTypeEnums.Error ? hideAlert : false,
-		hideWarning: color === SeverityTypeEnums.Warning ? hideAlert : false,
-		hideInfo: color === SeverityTypeEnums.Info ? hideAlert : false,
-		hideDefault: !color ? hideAlert : false
-	});
-	return label || aggregateValue ? /* @__PURE__ */ React.createElement(StatusChip, {
-		label: label || aggregateValue,
-		status: color,
-		useSmallChip: true,
-		isActionable
-	}) : null;
-};
-AggregateChip.prototype = {
-	chipColor: PropTypes.oneOf([
-		"success",
-		"error",
-		"warning",
-		"info",
-		void 0,
-		null
-	]),
-	aggregateThresholdId: PropTypes.oneOf([
-		PropTypes.string,
-		void 0,
-		null
-	])
-};
-
-//#endregion
-//#region src/utilities/utilityBar/UtilityBarInport.jsx
-const UtilityBarInports = createTeleporter({ multiSources: true });
-/**
-* @param {any} props
-*/
-function UtilityBarInportTarget(props) {
-	return /* @__PURE__ */ React.createElement(UtilityBarInports.Target, props);
-}
-/**
-* Places a Control in the App SubHeader
-*/
-const UtilityBarInport = (props) => {
-	const { children, className,...buttonProps } = props;
-	return /* @__PURE__ */ React.createElement(UtilityBarInports.Source, null, children);
-};
-
-//#endregion
-//#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: "calc(100vh - 56px)",
-		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 { Adornment, AggregateChip, AlertPill, AmbientCard, AmbientCardButton, GroupNode, NodeLoader, SidebarCollapseButton, UtilityBarInport, UtilityBarInportTarget, UtilitySideBar, checkNodeIsHidden, collapseAllNodes, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, deleteNode, deleteNodeAndChildren, evaluateRule, expandAllNodes, findAllParentIds, findLastNode, findNodeById, findNodeByIdAndLabel, findNodesByIdAndLabel, formatTreeLabel, formatTreeMenuItem, getAllChildrenNodesToDelete, getDisplayDetails, getDisplayName, getHeaderTitle, getIconFromName, getLazyLoadChildrenArr, getNodeIdForRightBorder, getOrderedDynamicGroups, getPropertyMappingList, getPropertyMappingObj, getSearchValueString, getUnityIconFromName, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, mapRule, mapRuleData, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, searchForMatchingNode, searchTree, transformMenuPageTree, unityIcons, updateTreeIds };
-//# sourceMappingURL=UtilitySideBar-9LDu9AaN.js.map
+export { checkNodeIsHidden, collapseAllNodes, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, deleteNode, deleteNodeAndChildren, expandAllNodes, findAllParentIds, findLastNode, findNodeById, findNodeByIdAndLabel, findNodesByIdAndLabel, formatTreeLabel, formatTreeMenuItem, getAllChildrenNodesToDelete, getDisplayDetails, getDisplayName, getHeaderTitle, getIconFromName, getLazyLoadChildrenArr, getNodeIdForRightBorder, getOrderedDynamicGroups, getSearchValueString, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, searchForMatchingNode, searchTree, transformMenuPageTree, updateTreeIds };
+//# sourceMappingURL=TreeUtilities-BxV5PMJ8.js.map