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

package/{dist-tsdown/UtilitySideBar-D4Gdx13d.js → dist/UtilitySideBar-B4r2IAv5.js}

@@ -1,8 +1,7 @@
-import { APP_RIBBON_SPACE, CardinalityTypeEnums, FluentButton, FluentIconButton, LayoutUnit, NodeGroupOutlierEnums, NodeGroupTypeEnums, SeverityTypeEnums, StatusChip, executeQueryInstance, getEllipseColor, toLowerFirstChar, toUpperFirstChar, useAxiosGet, useBuildEnvironment } from "./EnvironmentRibbon-W5AjvnLN.js";
-import { getSearchIdentifiers, getSearchObject } from "./SearchUtilities-URbeAh75.js";
+import { APP_RIBBON_SPACE, CardinalityTypeEnums, FluentButton, FluentIconButton, LayoutUnit, NodeGroupOutlierEnums, NodeGroupTypeEnums, SeverityTypeEnums, StatusChip, executeQueryInstance, getEllipseColor, toLowerFirstChar, toUpperFirstChar, useAxiosGet, useBuildEnvironment } from "./EnvironmentRibbon-BMvQEZPZ.js";
+import { getSearchIdentifiers, getSearchObject } from "./SearchUtilities-dbXvMYoa.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 { jsx, jsxs } from "react/jsx-runtime";
 import { ConfigService } from "udp-react-stencil-component-library";
 import clsx from "clsx";
 import * as Icons from "@fluentui/react-icons";
@@ -115,16 +114,6 @@ const evaluateRule = (rule, data, objectKey, dataLazyLoaded) => {
 //#endregion
 //#region src/models/GroupNode.ts
 var GroupNode = class {
-	id;
-	isGroupNode;
-	groupType;
-	children;
-	isExpanded;
-	parentId;
-	parentGroupId;
-	properties;
-	isOutlierGroup;
-	hideEmptyGroups;
 	constructor(node) {
 		this.id = node.id || v4();
 		this.isGroupNode = true;
@@ -1320,12 +1309,12 @@ const getSearchValueString = (nodeObj, searchIdentifier) => {
 const unityIcons = [{
 	id: "WaterDropIcon",
 	label: "Water Drop",
-	icon: /* @__PURE__ */ jsx(WaterDrop, {}),
+	icon: /* @__PURE__ */ React.createElement(WaterDrop, null),
 	type: "unity"
 }, {
 	id: "SewerIcon",
 	label: "Sewer",
-	icon: /* @__PURE__ */ jsx(Sewer, {}),
+	icon: /* @__PURE__ */ React.createElement(Sewer, null),
 	type: "unity"
 }];
 const getUnityIconFromName = (name) => {
@@ -1375,18 +1364,17 @@ const SidebarCollapseButton = (props) => {
 	const classes = useStyles$6(props);
 	const { expanded, className, id, udprecordid,...other } = props;
 	const { t } = useTranslation();
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ React.createElement("div", {
 		...other,
-		className: clsx(className, classes.root, { [classes.expanded]: expanded }),
-		children: /* @__PURE__ */ jsx(FluentIconButton, {
-			id,
-			udprecordid,
-			color: "inherit",
-			className: clsx(classes.iconButton, classes.switch),
-			"aria-label": expanded ? t("mainMenuAria.collapseNavigation") : t("mainMenuAria.expandNavigation"),
-			icon: ChevronRightIcon
-		})
-	});
+		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
@@ -1398,19 +1386,13 @@ const useStyles$5 = makeStyles((theme) => ({ root: {
 const AmbientCardButton = (props) => {
 	const classes = useStyles$5(props);
 	const { editOption, launchOption, deleteOption, children,...otherProps } = props;
-	return /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ React.createElement(Button, {
 		classes: { root: classes.root },
 		variant: "outlined",
 		disableElevation: true,
 		color: "primary",
-		...otherProps,
-		children: [
-			editOption && /* @__PURE__ */ jsx(EditIcon, {}),
-			launchOption && /* @__PURE__ */ jsx(ArrowUpRightIcon, {}),
-			deleteOption && /* @__PURE__ */ jsx(DeleteIcon, {}),
-			children
-		]
-	});
+		...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,
@@ -1428,7 +1410,7 @@ const useStyles$4 = makeStyles((theme) => ({ root: (props) => ({
 }) }));
 const Adornment = (props) => {
 	const classes = useStyles$4(props);
-	return /* @__PURE__ */ jsx("div", { className: classes.root });
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root });
 };
 Adornment.propTypes = { color: PropTypes.string };
 
@@ -1512,128 +1494,75 @@ const AmbientCard = (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);
-	return !baseLoading && /* @__PURE__ */ jsxs(Paper, {
+	return !baseLoading && /* @__PURE__ */ React.createElement(Paper, {
 		elevation: 0,
-		className: classes.paper,
-		children: [
-			!noAdornment && /* @__PURE__ */ jsx("div", {
-				className: classes.adornment,
-				children: customAdornment ? customAdornment : /* @__PURE__ */ jsx(Adornment, { color: adornment })
-			}),
-			title && /* @__PURE__ */ jsxs(CardContent, {
-				className: classes.titleWrapper,
-				classes: { root: classes.cardRoot },
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: classes.titlesWrapper,
-						children: [/* @__PURE__ */ jsx(Typography, {
-							className: classes.title,
-							component: "h2",
-							variant: subCard ? "subtitle2" : "h6",
-							children: title
-						}), subtitle && /* @__PURE__ */ jsx(Typography, {
-							variant: "body1",
-							className: classes.title,
-							children: subtitle
-						})]
-					}),
-					status && /* @__PURE__ */ jsx(StatusChip, {
-						status,
-						label,
-						success: overrideStatusSuccess,
-						error: overrideStatusError,
-						warning: overrideStatusWarning,
-						info: overrideStatusInfo
-					}),
-					globalToggle && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(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__ */ jsx(CardMedia, {
-				className: classes.media,
-				image,
-				title: imageTitle
-			}),
-			globalExpanded && /* @__PURE__ */ jsxs(CardContent, {
-				classes: { root: classes.cardContent },
-				children: [
-					!image && !header && !removeTopLayoutUnit && /* @__PURE__ */ jsx(LayoutUnit, { unit: large ? "md" : "xxs" }),
-					image && /* @__PURE__ */ jsx(LayoutUnit, { unit: "xs" }),
-					/* @__PURE__ */ jsx(Collapse, {
-						in: !collapseChildrenWhenExpanded || !expanded,
-						timeout: "auto",
-						className: classes.collapseChildren,
-						children: /* @__PURE__ */ jsx("div", {
-							className: classes.styleWidth,
-							children
-						})
-					}),
-					extendedList && /* @__PURE__ */ jsx(Collapse, {
-						in: expanded,
-						timeout: "auto",
-						children: /* @__PURE__ */ jsx("div", { children: extendedList })
-					}),
-					more && /* @__PURE__ */ jsx("div", {
-						className: classes.moreButton,
-						children: /* @__PURE__ */ jsxs("div", {
-							className: classes.expandMessage,
-							children: [/* @__PURE__ */ jsx(Typography, {
-								style: {
-									marginTop: 4,
-									marginRight: 16
-								},
-								variant: "subtitle2",
-								children: !expanded && moreMessage
-							}), /* @__PURE__ */ jsx(FluentButton, {
-								onClick: () => setExpanded(!expanded),
-								color: "secondary",
-								variant: "outlined",
-								children: expanded ? moreButtonExpanded : moreButton
-							})]
-						})
-					})
-				]
-			}),
-			visualization && /* @__PURE__ */ jsx("div", {
-				className: classes.visualization,
-				children: visualization
-			}),
-			!globalToggle && (editOption || launchOption || deleteOption) && /* @__PURE__ */ jsxs("div", {
-				className: classes.launchButtons,
-				children: [
-					editOption && /* @__PURE__ */ jsx(AmbientCardButton, {
-						"aria-label": ariaLabel,
-						editOption: true,
-						...otherProps,
-						onClick: editEvent,
-						id: "udpRecord-AmbientCard-edit",
-						udprecordid: "udpRecord-AmbientCard-edit"
-					}),
-					launchOption && /* @__PURE__ */ jsx(AmbientCardButton, {
-						"aria-label": ariaLabel,
-						launchOption: true,
-						...otherProps,
-						onClick: launchEvent,
-						id: "udpRecord-AmbientCard-launch",
-						udprecordid: "udpRecord-AmbientCard-launch"
-					}),
-					deleteOption && /* @__PURE__ */ jsx(AmbientCardButton, {
-						"aria-label": ariaLabel,
-						deleteOption: true,
-						...otherProps,
-						onClick: deleteEvent,
-						id: "udpRecord-AmbientCard-delete",
-						udprecordid: "udpRecord-AmbientCard-delete"
-					})
-				]
-			})
-		]
-	});
+		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
@@ -1651,44 +1580,28 @@ const NodeLoader = ({ loading, nodesRequested = [1] }) => {
 		4
 	];
 	const NodeElement = () => {
-		return /* @__PURE__ */ jsxs("div", {
-			className: classes.nodeWrapper,
-			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Skeleton$1, {
-				variant: "circle",
-				width: 20,
-				height: 20
-			}) }), /* @__PURE__ */ jsx("div", {
-				style: {
-					marginLeft: 8,
-					width: "100%"
-				},
-				children: /* @__PURE__ */ jsx(Skeleton$1, {
-					height: 20,
-					variant: "rect",
-					width: "100%"
-				})
-			})]
-		});
+		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__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-			style: { marginLeft: indent },
-			children: /* @__PURE__ */ jsx(NodeElement, {})
-		}), /* @__PURE__ */ jsx(LayoutUnit, { unit: "xxs" })] });
+		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__ */ jsx("div", { children: singleNode.map((item, index) => {
-		return /* @__PURE__ */ jsx(NodeGroup, { indent: index * 8 });
-	}) });
-	return /* @__PURE__ */ jsx("div", { children: nodesRequested && nodesRequested.map((item) => {
-		return /* @__PURE__ */ jsxs("div", {
-			className: classes.root,
-			children: [
-				singleNodeGroup,
-				" ",
-				/* @__PURE__ */ jsx(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
@@ -1821,17 +1734,15 @@ const MemoizedAlert = memo((props) => {
 	if (count && !hide) {
 		let displayCount = count;
 		if (maxCount && count > maxCount) displayCount = `${maxCount}+`;
-		if (severity === SeverityTypeEnums.Default) return /* @__PURE__ */ jsx(Alert, {
+		if (severity === SeverityTypeEnums.Default) return /* @__PURE__ */ React.createElement(Alert, {
 			severity: SeverityTypeEnums.Info,
 			...alertProps,
-			className: classes.defaultSeverityAlert,
-			children: displayCount
-		});
-		return /* @__PURE__ */ jsx(Alert, {
+			className: classes.defaultSeverityAlert
+		}, displayCount);
+		return /* @__PURE__ */ React.createElement(Alert, {
 			severity,
-			...alertProps,
-			children: label ? label : displayCount
-		});
+			...alertProps
+		}, label ? label : displayCount);
 	}
 	return null;
 });
@@ -1879,55 +1790,45 @@ const AlertPill = (props) => {
 			icon: classes.alertIcon
 		}
 	};
-	return /* @__PURE__ */ jsx("div", {
-		className: classes.root,
-		children: /* @__PURE__ */ jsxs(ButtonBase, {
-			onClick: handleClick,
-			className: classes.buttonBase,
-			children: [
-				/* @__PURE__ */ jsx(MemoizedAlert, {
-					count: errorCount,
-					hide: hideError,
-					severity: SeverityTypeEnums.Error,
-					alertProps,
-					maxCount,
-					label: errorLabel
-				}),
-				/* @__PURE__ */ jsx(MemoizedAlert, {
-					count: warningCount,
-					hide: hideWarning,
-					severity: SeverityTypeEnums.Warning,
-					alertProps,
-					maxCount,
-					label: warningLabel
-				}),
-				/* @__PURE__ */ jsx(MemoizedAlert, {
-					count: successCount,
-					hide: hideSuccess,
-					severity: SeverityTypeEnums.Success,
-					alertProps,
-					maxCount,
-					label: successLabel
-				}),
-				/* @__PURE__ */ jsx(MemoizedAlert, {
-					count: infoCount,
-					hide: hideInfo,
-					severity: SeverityTypeEnums.Info,
-					alertProps,
-					maxCount,
-					label: infoLabel
-				}),
-				/* @__PURE__ */ jsx(MemoizedAlert, {
-					count: defaultCount,
-					hide: hideDefault,
-					severity: SeverityTypeEnums.Default,
-					alertProps,
-					maxCount,
-					label: defaultLabel
-				})
-			]
-		})
-	});
+	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
@@ -1966,13 +1867,12 @@ const AggregateChip = (props) => {
 		aggregateValue,
 		setStatus
 	]);
-	if (loading || loadingAggregateThreshold) return /* @__PURE__ */ jsx(CircularProgress, { size: 18 });
-	if (!color && !isAlert) return /* @__PURE__ */ jsx(Typography, {
+	if (loading || loadingAggregateThreshold) return /* @__PURE__ */ React.createElement(CircularProgress, { size: 18 });
+	if (!color && !isAlert) return /* @__PURE__ */ React.createElement(Typography, {
 		variant: "caption2",
-		style: { fontSize: "0.7rem" },
-		children: label || aggregateValue
-	});
-	if (isAlert) return /* @__PURE__ */ jsx(AlertPill, {
+		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 : "",
@@ -1990,7 +1890,7 @@ const AggregateChip = (props) => {
 		hideInfo: color === SeverityTypeEnums.Info ? hideAlert : false,
 		hideDefault: !color ? hideAlert : false
 	});
-	return label || aggregateValue ? /* @__PURE__ */ jsx(StatusChip, {
+	return label || aggregateValue ? /* @__PURE__ */ React.createElement(StatusChip, {
 		label: label || aggregateValue,
 		status: color,
 		useSmallChip: true,
@@ -2016,13 +1916,18 @@ AggregateChip.prototype = {
 //#endregion
 //#region src/utilities/utilityBar/UtilityBarInport.jsx
 const UtilityBarInports = createTeleporter({ multiSources: true });
-const UtilityBarInportTarget = UtilityBarInports.Target;
+/**
+* @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__ */ jsx(UtilityBarInports.Source, { children });
+	return /* @__PURE__ */ React.createElement(UtilityBarInports.Source, null, children);
 };
 
 //#endregion
@@ -2081,58 +1986,35 @@ const UtilitySideBar = (props) => {
 	useEffect(() => {
 		if (typeof utilitySidebarToggleOverride === "boolean") setExpanded(utilitySidebarToggleOverride);
 	}, [utilitySidebarToggleOverride]);
-	return /* @__PURE__ */ jsx(ResizableBox, {
+	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__ */ jsx("div", { className: classes.handle }),
-		style: { position: "relative" },
-		children: /* @__PURE__ */ jsx("div", {
-			className: classes.root,
-			style: { width: expanded ? width : _collapsedWidth },
-			children: /* @__PURE__ */ jsxs(AmbientCard, {
-				fullWidth: true,
-				removePadding: true,
-				lastChildBottomPadding: 12,
-				removeTopLayoutUnit: removeTopLayoutUnit || sidebarHidden,
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						style: {
-							display: hideTitleBar ? "none" : "flex",
-							width: "100%",
-							paddingLeft: theme.spacing(1)
-						},
-						children: [/* @__PURE__ */ jsx("div", {
-							className: classes.title,
-							children: expanded && /* @__PURE__ */ jsxs(Typography, {
-								variant: "h6",
-								children: [
-									" ",
-									title,
-									" "
-								]
-							})
-						}), /* @__PURE__ */ jsx("div", {
-							className: classes.button,
-							children: /* @__PURE__ */ jsx(SidebarCollapseButton, {
-								id: "udpRecord-UtilitySideBar",
-								udprecordid: "udpRecord-UtilitySideBar",
-								expanded,
-								onClick: handleToggleClick
-							})
-						})]
-					}),
-					!isUsingChildren && /* @__PURE__ */ jsx(UtilityBarInportTarget, {}),
-					isUsingChildren && children
-				]
-			})
-		})
-	});
+		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-D4Gdx13d.js.map
+//# sourceMappingURL=UtilitySideBar-B4r2IAv5.js.map