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

package/dist/index.js

@@ -240,7 +240,7 @@ let InputFieldType = /* @__PURE__ */ function(InputFieldType$1) {
 
 //#endregion
 //#region src/UI/inputs/pickers/FluentColorPicker.jsx
-const useStyles$259 = makeStyles((theme) => ({
+const useStyles$260 = makeStyles((theme) => ({
 	buttonContainer: {
 		display: "flex",
 		alignItems: "center"
@@ -278,7 +278,7 @@ const FluentColorPicker = (props) => {
 	const { handleColorChange, onChange, value } = props;
 	const [displayColorPicker, setDisplayColorPicker] = useState(false);
 	const [currentColor, setCurrentColor] = useState(`${value ? value?.hex ? value.hex : value : ""}`);
-	const classes = useStyles$259({
+	const classes = useStyles$260({
 		currentColor,
 		...props
 	});
@@ -500,7 +500,7 @@ function useCrudActions() {
 
 //#endregion
 //#region src/actions/ActionForm.jsx
-const useStyles$258 = makeStyles((theme) => ({
+const useStyles$259 = makeStyles((theme) => ({
 	root: { marginTop: theme.spacing(-2) },
 	body: { marginTop: theme.spacing(2) },
 	actions: {
@@ -527,7 +527,7 @@ const useStyles$258 = makeStyles((theme) => ({
 }));
 const ActionForm = (props) => {
 	const { entityAttributes, foreignKeyData, onCreate, closeSideSheet, onUpdate, crudTableEditionData, crudTableFormData, udpFieldInfos } = props;
-	const classes = useStyles$258();
+	const classes = useStyles$259();
 	const { renderInputByFieldType } = useCrudActions();
 	const primaryKeyValues = useMemo(() => getPrimaryKeyValues(entityAttributes, crudTableEditionData), [entityAttributes, crudTableEditionData]);
 	const manyToManyPropertyList = useMemo(() => {
@@ -587,10 +587,10 @@ ActionForm.propTypes = {
 
 //#endregion
 //#region src/actions/ActionModal.jsx
-const useStyles$257 = makeStyles((theme) => ({}));
+const useStyles$258 = makeStyles((theme) => ({}));
 const ActionModal = (props) => {
 	const { open, action, title, message = "Are you sure you want to delete this row?", confirmAction = () => {}, handleOnClose } = props;
-	useStyles$257();
+	useStyles$258();
 	return /* @__PURE__ */ React.createElement(Dialog, {
 		open,
 		onClose: handleOnClose,
@@ -613,7 +613,7 @@ const ActionModal = (props) => {
 
 //#endregion
 //#region src/UI/inputs/textField/FluentSearchField.jsx
-const useStyles$256 = makeStyles((theme) => ({
+const useStyles$257 = makeStyles((theme) => ({
 	input: {
 		borderRadius: 2,
 		height: (props) => !props.multiline && 32,
@@ -665,7 +665,7 @@ const useStyles$256 = makeStyles((theme) => ({
 	MuiAutocomplete: { inputRoot: { "&&[class*=\"MuiOutlinedInput-root\"] $input": { padding: 1 } } }
 }));
 const FluentSearchField = (props) => {
-	const classes = useStyles$256(props);
+	const classes = useStyles$257(props);
 	const { autoComplete, searchData, autoId, toggleOptions, handleKeyDown, advancedSearch, udprecordid, id,...otherProps } = props;
 	return /* @__PURE__ */ React.createElement("div", null, autoComplete && /* @__PURE__ */ React.createElement(Autocomplete, {
 		freeSolo: true,
@@ -740,7 +740,7 @@ const FluentSearchField = (props) => {
 
 //#endregion
 //#region src/actions/actionSummary/ActionSummaryCard.tsx
-const useStyles$255 = makeStyles((theme) => ({
+const useStyles$256 = makeStyles((theme) => ({
 	root: {
 		width: 750,
 		paddingLeft: 12,
@@ -754,7 +754,7 @@ const useStyles$255 = makeStyles((theme) => ({
 	}
 }));
 const ActionSummaryCard = ({ actionMenuContent, selectedNode }) => {
-	const classes = useStyles$255();
+	const classes = useStyles$256();
 	const [searchValue, setSearchValue] = useState("");
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.header }, /* @__PURE__ */ React.createElement("div", { style: {
 		display: "flex",
@@ -790,7 +790,7 @@ const ActionSummaryCard = ({ actionMenuContent, selectedNode }) => {
 
 //#endregion
 //#region src/actions/actionSummary/ActionSummaryListContainer.tsx
-const useStyles$254 = makeStyles((theme) => ({
+const useStyles$255 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexWrap: "wrap",
@@ -806,7 +806,7 @@ const useStyles$254 = makeStyles((theme) => ({
 	}
 }));
 const ActionSummaryListContainer = ({ items, selectedNode }) => {
-	const classes = useStyles$254();
+	const classes = useStyles$255();
 	function* keyGenerator() {
 		let count = 0;
 		while (true) yield count++;
@@ -829,7 +829,7 @@ const ActionSummaryListContainer = ({ items, selectedNode }) => {
 
 //#endregion
 //#region src/actions/actionSummary/ActionSummaryHeader.tsx
-const useStyles$253 = makeStyles((theme) => ({
+const useStyles$254 = makeStyles((theme) => ({
 	root: {
 		backgroundColor: theme.palette.primary.main + "1A",
 		display: "flex",
@@ -844,7 +844,7 @@ const useStyles$253 = makeStyles((theme) => ({
 	icon: { color: theme.palette.primary.main }
 }));
 const ActionSummaryHeader = ({ icon, header, iconType }) => {
-	const classes = useStyles$253();
+	const classes = useStyles$254();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.container }, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
 		className: classes.icon,
 		type: iconType,
@@ -857,7 +857,7 @@ const ActionSummaryHeader = ({ icon, header, iconType }) => {
 
 //#endregion
 //#region src/actions/actionSummary/ActionSummaryListItem.tsx
-const useStyles$252 = makeStyles((theme) => ({
+const useStyles$253 = makeStyles((theme) => ({
 	listItemWithChip: {
 		paddingTop: 1,
 		paddingBottom: 1,
@@ -887,7 +887,7 @@ const useStyles$252 = makeStyles((theme) => ({
 	}
 }));
 const ActionSummaryListItem = ({ value, highlighted, enabled, actionId, selectedNode }) => {
-	const classes = useStyles$252();
+	const classes = useStyles$253();
 	const { triggerAction } = useActions();
 	const render = useMemo(() => {
 		return /* @__PURE__ */ React.createElement("div", { className: classes.listItemWithChip }, /* @__PURE__ */ React.createElement(Chip, {
@@ -911,13 +911,13 @@ const ActionSummaryListItem = ({ value, highlighted, enabled, actionId, selected
 
 //#endregion
 //#region src/actions/actionSummary/ActionSummaryPopover.jsx
-const useStyles$251 = makeStyles((theme) => ({
+const useStyles$252 = makeStyles((theme) => ({
 	root: {},
 	actionsMenu: { color: theme?.palette?.getContrastText(theme?.palette?.primary?.main) }
 }));
 const ActionSummaryPopover = (props) => {
 	const { panelActions, noContrastColor, selectedNode, setLoading } = props;
-	useStyles$251();
+	useStyles$252();
 	const [anchorEl, setAnchorEl] = useState(null);
 	const { t } = useTranslation();
 	const handleClick = (event) => {
@@ -1013,7 +1013,7 @@ const SiteHeaderRightComponent = (props) => {
 
 //#endregion
 //#region src/actions/ActionSpeedDial.tsx
-const useStyles$250 = makeStyles$1((theme) => {
+const useStyles$251 = makeStyles$1((theme) => {
 	return {
 		wrapper: {
 			position: "fixed",
@@ -1064,7 +1064,7 @@ const useStyles$250 = makeStyles$1((theme) => {
 });
 const ActionSpeedDial = (props) => {
 	const [expanded, setExpanded] = useState(false);
-	const classes = useStyles$250(expanded);
+	const classes = useStyles$251(expanded);
 	const { open, ariaLabel, actions,...otherProps } = props;
 	if (!actions.length) return null;
 	return /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement(SpeedDial, {
@@ -1098,7 +1098,7 @@ const ActionSpeedDial = (props) => {
 
 //#endregion
 //#region src/actions/ActionPanelPlacement.jsx
-const useStyles$249 = makeStyles((theme) => ({
+const useStyles$250 = makeStyles((theme) => ({
 	root: {},
 	actionsMenu: { color: theme?.palette?.getContrastText(theme?.palette?.primary?.main) },
 	additionalRightComponent: {
@@ -1108,7 +1108,7 @@ const useStyles$249 = makeStyles((theme) => ({
 }));
 const ActionPanelPlacement = (props) => {
 	const { actionPanels, showInquiryHeaderActions, selectedNode, globalActions } = props;
-	const classes = useStyles$249();
+	const classes = useStyles$250();
 	const { triggerAction } = useActions();
 	const hideActions = useActionStore((state) => state.hideActions);
 	const handleTriggerAction = useCallback((actionId) => {
@@ -1282,10 +1282,10 @@ ActionPanelPlacement.propTypes = {
 
 //#endregion
 //#region src/actions/ActionSideSheet.jsx
-const useStyles$248 = makeStyles((theme) => ({ root: {} }));
+const useStyles$249 = makeStyles((theme) => ({ root: {} }));
 const ActionSideSheet = (props) => {
 	const { open, action, actionPanel, selectedNodeObj, executeAction, selectedEntity, handleOnClose, entityAttributes, foreignKeyData, loadingContent, fetchEntityData, skeleton, showError, crudTableEditionData, crudTableFormData, selectedNode, selectedNodeParent, refreshTree, udpFieldInfos } = props;
-	const classes = useStyles$248();
+	const classes = useStyles$249();
 	const [width, setWidth] = useState(600);
 	const [buttonLabel, setButtonLabel] = useState("");
 	const [onSubmit, setOnSubmit] = useState(() => () => console.warn("onSubmit not set"));
@@ -1521,7 +1521,7 @@ ActionSideSheet.propTypes = {
 
 //#endregion
 //#region src/UI/templates/OpenPage.jsx
-const useStyles$247 = makeStyles((theme) => ({ root: {
+const useStyles$248 = makeStyles((theme) => ({ root: {
 	flex: 1,
 	display: "flex",
 	flexDirection: "column",
@@ -1532,7 +1532,7 @@ const useStyles$247 = makeStyles((theme) => ({ root: {
 * Page content wrapper that provides page gutters and container
 */
 const OpenPage = (props) => {
-	const classes = useStyles$247(props);
+	const classes = useStyles$248(props);
 	const { className, children, maxWidth = false, disableGutters = false,...other } = props;
 	return /* @__PURE__ */ React.createElement(Container, {
 		...other,
@@ -1545,7 +1545,7 @@ const OpenPage = (props) => {
 
 //#endregion
 //#region src/UI/templates/DraggableSidebarTemplate.jsx
-const useStyles$246 = makeStyles((theme) => ({
+const useStyles$247 = makeStyles((theme) => ({
 	root: {},
 	stage: {
 		display: "flex",
@@ -1581,7 +1581,7 @@ const DraggableSidebarTemplate = (props) => {
 		bottomLeft: false,
 		topLeft: false
 	}, splitScreenStyle = {} } = props;
-	const classes = useStyles$246(props);
+	const classes = useStyles$247(props);
 	return /* @__PURE__ */ React.createElement("div", { style: {
 		width: "100%",
 		display: "flex",
@@ -1607,7 +1607,7 @@ const DraggableSidebarTemplate = (props) => {
 
 //#endregion
 //#region src/UI/dataDisplay/typography/SidebarHeader.jsx
-const useStyles$245 = makeStyles((theme) => ({
+const useStyles$246 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row",
@@ -1634,7 +1634,7 @@ const useStyles$245 = makeStyles((theme) => ({
 }));
 const SidebarHeader = (props) => {
 	const { title, onClose, buttonLabel, buttonProgress, buttonVariant = "contained", buttonIcon = null, onSubmit, secondaryButtonLabel, secondaryButtonProgress, secondaryButtonVariant = "contained", secondaryButtonIcon = "", secondaryOnSubmit = () => {}, additionalInputs, classes: classProps, hideCloseButton,...otherProps } = props;
-	const classes = useStyles$245(props);
+	const classes = useStyles$246(props);
 	const { root, actionButton } = classProps || {};
 	const theme = useTheme();
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, root) }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, !hideCloseButton && /* @__PURE__ */ React.createElement(FluentIconButton, {
@@ -1678,10 +1678,10 @@ const SidebarHeader = (props) => {
 
 //#endregion
 //#region src/actions/sidebar/EntitySideBarContent.jsx
-const useStyles$244 = makeStyles((theme) => ({ dataRoot: { marginTop: theme.spacing(2) } }));
+const useStyles$245 = makeStyles((theme) => ({ dataRoot: { marginTop: theme.spacing(2) } }));
 const EntitySideBarContent = (props) => {
 	const { action, executeAction, entityAttributes, selectedNodeObj, apiCatalogId, entityName, sidebarEntity, menuNodeList, closeSplitScreen } = props;
-	const classes = useStyles$244(props);
+	const classes = useStyles$245(props);
 	const [data, setData] = useState(null);
 	const { enqueueSnackbar } = useSnackbar();
 	const { t } = useTranslation();
@@ -1753,10 +1753,10 @@ const EntitySideBarContent = (props) => {
 
 //#endregion
 //#region src/UI/inputs/richEditors/CkRichEditor.jsx
-const useStyles$243 = makeStyles((theme) => ({ editor: { "& .ck-editor__main > .ck-editor__editable_inline": { height: (props) => props.height ? props.height : 300 } } }));
+const useStyles$244 = makeStyles((theme) => ({ editor: { "& .ck-editor__main > .ck-editor__editable_inline": { height: (props) => props.height ? props.height : 300 } } }));
 const CkRichEditor = (props) => {
 	const { includeToolbar = true, data, readOnly = false, handleChange, placeholder, editorRef, isUsingRef = false, classes: classProps } = props;
-	const classes = useStyles$243(props);
+	const classes = useStyles$244(props);
 	const { editor } = classProps || {};
 	const toolbar = includeToolbar ? [
 		"heading",
@@ -1792,7 +1792,7 @@ const CkRichEditor = (props) => {
 
 //#endregion
 //#region src/udp/ShortcutContent/ListSearch.jsx
-const useStyles$242 = makeStyles((theme) => ({
+const useStyles$243 = makeStyles((theme) => ({
 	root: {},
 	input: {
 		height: 34,
@@ -1806,7 +1806,7 @@ const useStyles$242 = makeStyles((theme) => ({
 const ListSearch = (props) => {
 	const { items, onClick, contentKey = "content", tagKey = "code", includeTags = "false", searchLabel = "Search", maxHeight = 400 } = props;
 	const [searchText, setSearchText] = useState("");
-	const classes = useStyles$242(props);
+	const classes = useStyles$243(props);
 	const { t } = useTranslation();
 	const filteredItems = useMemo(() => {
 		if (!items.length) return [];
@@ -1919,7 +1919,7 @@ const ShortcutContentFinder = (props) => {
 
 //#endregion
 //#region src/notes/NotesScreen.jsx
-const useStyles$241 = makeStyles((theme) => ({
+const useStyles$242 = makeStyles((theme) => ({
 	root: {},
 	editor: { "& .ck-editor__main > .ck-editor__editable_inline": { backgroundColor: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100] } },
 	row: {
@@ -1942,7 +1942,7 @@ const NotesScreen = (props) => {
 	const [existingNoteFiledFor, setExistingNoteFiledFor] = useState([]);
 	const [existingNoteObj, setExistingNoteObj] = useState(null);
 	const [loading, setLoading] = useState(false);
-	const classes = useStyles$241(props);
+	const classes = useStyles$242(props);
 	const { t } = useTranslation();
 	const actionState = useActionState();
 	const shellHidden = useShellStore((state) => state.shellHidden);
@@ -2269,7 +2269,7 @@ const NotesScreen = (props) => {
 
 //#endregion
 //#region src/UI/inputs/pickers/FluentDatePicker.jsx
-const useStyles$240 = makeStyles((theme) => ({
+const useStyles$241 = makeStyles((theme) => ({
 	root: {},
 	inputRoot: { fontSize: 12 },
 	input: {
@@ -2286,7 +2286,7 @@ const useStyles$240 = makeStyles((theme) => ({
 	}
 }));
 const FluentDatePicker = (props) => {
-	const classes = useStyles$240();
+	const classes = useStyles$241();
 	const { id, udprecordid, label, startAdornment, endAdornment, handleDateChange: onChangeProp, selectedDate,...otherProps } = props;
 	const onChange = useCallback((e, value) => {
 		return onChangeProp?.(e, value);
@@ -2345,7 +2345,7 @@ const FILE_TO_TYPES = [{
 
 //#endregion
 //#region src/reminders/RemindersScreen.jsx
-const useStyles$239 = makeStyles((theme) => ({
+const useStyles$240 = makeStyles((theme) => ({
 	root: {},
 	editor: { "& .ck-editor__main > .ck-editor__editable_inline": { backgroundColor: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100] } },
 	row: {
@@ -2368,7 +2368,7 @@ const RemindersScreen = (props) => {
 	const [existingReminderFiledFor, setExistingReminderFiledFor] = useState([]);
 	const [existingReminderObj, setExistingReminderObj] = useState(null);
 	const [loading, setLoading] = useState(false);
-	const classes = useStyles$239(props);
+	const classes = useStyles$240(props);
 	const { t } = useTranslation();
 	const actionState = useActionState();
 	const shellHidden = useShellStore((state) => state.shellHidden);
@@ -2769,7 +2769,7 @@ const RemindersScreen = (props) => {
 //#endregion
 //#region src/actions/ActionSplitScreen.jsx
 const SPEED_DIAL_ACTIONS = [SplitScreenTypeEnums.Notes, SplitScreenTypeEnums.Reminders];
-const useStyles$238 = makeStyles((theme) => ({
+const useStyles$239 = makeStyles((theme) => ({
 	splitScreen: {
 		width: "100%",
 		height: ({ shellHidden, appRibbonSpace }) => `calc(100vh - ${shellHidden ? 0 : 56}px - ${appRibbonSpace}px)`,
@@ -2801,7 +2801,7 @@ const ActionSplitScreen = (props) => {
 	const shellHidden = useShellStore((state) => state.shellHidden);
 	const currentContainerId = useShellStore((state) => state.currentContainerId);
 	const buildEnv = useBuildEnvironment();
-	const classes = useStyles$238({
+	const classes = useStyles$239({
 		shellHidden,
 		...props,
 		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
@@ -3122,11 +3122,11 @@ const usePromotedMethodEntity = (entityName, compareSanitizedName = false, apiCa
 
 //#endregion
 //#region src/actions/ActionWrapper.jsx
-const useStyles$237 = makeStyles((theme) => ({}));
+const useStyles$238 = makeStyles((theme) => ({}));
 const FIELD_NUMBER$1 = 10;
 const ActionWrapper = (props) => {
 	const { actionState, actionPanel, dispatch, catalog, executeAction, splitScreenBody, entityAttributes, foreignKeyData, setForeignKeyData, crudTableEditionData, crudTableFormData, globalActions } = props;
-	const classes = useStyles$237();
+	const classes = useStyles$238();
 	const { getFKData } = useCrudActions();
 	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
 	const successAction = getSuccessAction(closeSnackbar);
@@ -12400,7 +12400,7 @@ const fluentLibraryIcons = [
 
 //#endregion
 //#region src/chatBot/ChatMessage.jsx
-const useStyles$236 = makeStyles((theme) => ({
+const useStyles$237 = makeStyles((theme) => ({
 	root: {
 		borderRadius: 5,
 		background: (props) => props.message.outgoing ? "#cdecfa" : "#e1e2e3",
@@ -12417,7 +12417,7 @@ const useStyles$236 = makeStyles((theme) => ({
 	}
 }));
 const ChatMessage = (props) => {
-	const classes = useStyles$236(props);
+	const classes = useStyles$237(props);
 	const { message } = props;
 	return /* @__PURE__ */ React.createElement(Card, { className: classes.root }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { style: {
 		display: "flex",
@@ -12448,7 +12448,7 @@ const useChatBot = () => {
 
 //#endregion
 //#region src/chatBot/ChatContainer.jsx
-const useStyles$235 = makeStyles$1((theme) => ({
+const useStyles$236 = makeStyles$1((theme) => ({
 	loadingContainer: {
 		display: "inline-block",
 		fontSize: "2em"
@@ -12475,7 +12475,7 @@ const useStyles$235 = makeStyles$1((theme) => ({
 	}
 }));
 const ChatContainer = (props) => {
-	const classes = useStyles$235();
+	const classes = useStyles$236();
 	const { messageHistory, addMessage, removeMessageHistory, removeLoadingMessage } = useChatBot();
 	const user = useUser();
 	const [newMessageContent, setNewMessageContent] = useState("");
@@ -12904,7 +12904,7 @@ const formatDataWithTimelineCategoryNameOrderedByDate = (inputData) => {
 
 //#endregion
 //#region src/UI/templates/ui/renderers/IconRenderer.jsx
-const useStyles$234 = makeStyles((theme) => ({
+const useStyles$235 = makeStyles((theme) => ({
 	iconContainer: {
 		display: "flex",
 		alignItems: "center",
@@ -12925,7 +12925,7 @@ const useStyles$234 = makeStyles((theme) => ({
 const IconRenderer = (props) => {
 	const { value, noBorder, removeContainer } = props;
 	const { color, name, type } = value;
-	const classes = useStyles$234(value);
+	const classes = useStyles$235(value);
 	const theme = useTheme(props);
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(!removeContainer && classes.iconContainer, !noBorder && classes.border) }, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
 		size: "medium",
@@ -12938,13 +12938,13 @@ const IconRenderer = (props) => {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineDateBar.jsx
-const useStyles$233 = makeStyles((theme) => ({ root: {
+const useStyles$234 = makeStyles((theme) => ({ root: {
 	height: theme.spacing(.5),
 	width: "100%"
 } }));
 const TimelineDateBar = ({ month, months = [], showMonth }) => {
 	const theme = useTheme();
-	const classes = useStyles$233();
+	const classes = useStyles$234();
 	const Bar = ({ color }) => {
 		return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
 			className: classes.root,
@@ -13003,7 +13003,7 @@ TimelineDateBar.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/modified/TimelineToken.jsx
-const useStyles$232 = makeStyles((theme) => ({
+const useStyles$233 = makeStyles((theme) => ({
 	root: {
 		margin: (props) => props.compact ? theme.spacing(.5) : theme.spacing(1),
 		display: "flex",
@@ -13027,7 +13027,7 @@ const useStyles$232 = makeStyles((theme) => ({
 }));
 const TimelineToken = (props) => {
 	const { type = "default", variant = "outlined", color = "default", size = "large", icon, letter = "A", IconEllipseProps, className, hoverContainer, isHover } = props;
-	const classes = useStyles$232(props);
+	const classes = useStyles$233(props);
 	const [hover, setHover] = useState(false);
 	const hoverFunction = () => {
 		setHover(true);
@@ -13068,7 +13068,7 @@ TimelineToken.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineHoverCard.jsx
-const useStyles$231 = makeStyles((theme) => ({
+const useStyles$232 = makeStyles((theme) => ({
 	root: {},
 	hover: {
 		position: "absolute",
@@ -13092,7 +13092,7 @@ const useStyles$231 = makeStyles((theme) => ({
 }));
 const TimelineHoverCard = (props) => {
 	const { children } = props;
-	const classes = useStyles$231(props);
+	const classes = useStyles$232(props);
 	const { className, popover = true } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { className: classes.hover }, /* @__PURE__ */ React.createElement("div", { className: classes.displayHeader }, popover && /* @__PURE__ */ React.createElement("div", { className: classes.close }, /* @__PURE__ */ React.createElement(ChromeCloseIcon, { style: {
 		width: 10,
@@ -13108,7 +13108,7 @@ TimelineHoverCard.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineDot.jsx
-const useStyles$230 = makeStyles((theme) => ({
+const useStyles$231 = makeStyles((theme) => ({
 	root: {},
 	dot: {
 		width: theme.spacing(2),
@@ -13136,7 +13136,7 @@ const useStyles$230 = makeStyles((theme) => ({
 }));
 const TimelineDot$1 = (props) => {
 	const { hoverContent, title, hideLable = true } = props;
-	const classes = useStyles$230(props);
+	const classes = useStyles$231(props);
 	const [hover, setHover] = useState(false);
 	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.dot }, /* @__PURE__ */ React.createElement("div", {
 		className: classes.hover,
@@ -13152,7 +13152,7 @@ TimelineDot$1.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineStatus.jsx
-const useStyles$229 = makeStyles((theme) => ({
+const useStyles$230 = makeStyles((theme) => ({
 	root: {},
 	wrapper: {
 		borderRadius: 25,
@@ -13180,7 +13180,7 @@ const useStyles$229 = makeStyles((theme) => ({
 const TimelineStatus = (props) => {
 	let type = "";
 	const { status } = props;
-	const classes = useStyles$229(props);
+	const classes = useStyles$230(props);
 	const StatusWrapper = ({ children, className, status: status$1, icon }) => {
 		return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.wrapper, className) }, /* @__PURE__ */ React.createElement("div", { className: clsx(classes.iconWrapper, status$1) }, icon), /* @__PURE__ */ React.createElement("div", { style: { marginTop: -1 } }, /* @__PURE__ */ React.createElement(Typography$1, { variant: "caption" }, " ", children, " ")));
 	};
@@ -13221,7 +13221,7 @@ TimelineStatus.propTypes = { status: PropTypes.number };
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineTokenSummary.jsx
-const useStyles$228 = makeStyles((theme) => ({
+const useStyles$229 = makeStyles((theme) => ({
 	root: { height: 200 },
 	timelineWrapper: {
 		background: lighten(theme.palette.secondary.main, .7),
@@ -13249,7 +13249,7 @@ const useStyles$228 = makeStyles((theme) => ({
 }), { name: "TimelineTokenSummary" });
 const TimelineTokenSummary = (props) => {
 	const { timelineItem, onClick, isHover, title, showLabel = true, dot, color, date, message, amount, user, status, summary, iconColor, showToken, details = true, icon } = props;
-	const classes = useStyles$228(props);
+	const classes = useStyles$229(props);
 	const theme = useTheme();
 	const TimelineSummary = ({ message: message$1 }) => {
 		return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: {
@@ -13346,7 +13346,7 @@ TimelineTokenSummary.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineNode.jsx
-const useStyles$227 = makeStyles((theme) => ({
+const useStyles$228 = makeStyles((theme) => ({
 	root: {},
 	wrapper: {
 		display: "flex",
@@ -13362,7 +13362,7 @@ const useStyles$227 = makeStyles((theme) => ({
 const TimelineNode = memo((props) => {
 	const [hover, setHover] = useState(false);
 	const { data, height = 187, details = true, show = false, width, dot, iconColor, dotColor, test, icon } = props;
-	const classes = useStyles$227(props);
+	const classes = useStyles$228(props);
 	const maxLineLength = 8;
 	const maxLines = 2;
 	const capitalizeFirstLetter = (str) => {
@@ -13432,7 +13432,7 @@ TimelineNode.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineWrapper.jsx
-const useStyles$226 = makeStyles((theme) => ({
+const useStyles$227 = makeStyles((theme) => ({
 	root: {},
 	timelineWrapper: {
 		background: lighten(theme.palette.secondary.main, .7),
@@ -13453,7 +13453,7 @@ const useStyles$226 = makeStyles((theme) => ({
 	colorSeven: { background: lighten(theme.palette.warning.main, .9) }
 }), { name: "Timeline" });
 const TimelineWrapper = ({ style, timeline }) => {
-	const classes = useStyles$226();
+	const classes = useStyles$227();
 	let type = "";
 	switch (timeline) {
 		case 1:
@@ -13517,7 +13517,7 @@ TimelineWrapper.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/MultiDot.jsx
-const useStyles$225 = makeStyles((theme) => ({
+const useStyles$226 = makeStyles((theme) => ({
 	root: { cursor: "pointer" },
 	wrapper: {
 		width: 130,
@@ -13526,7 +13526,7 @@ const useStyles$225 = makeStyles((theme) => ({
 }));
 const MultiDot = (props) => {
 	const { map, number } = props;
-	const classes = useStyles$225(props);
+	const classes = useStyles$226(props);
 	const { className } = props;
 	const [hover, setHover] = useState(false);
 	return /* @__PURE__ */ React.createElement("div", {
@@ -13556,7 +13556,7 @@ MultiDot.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/VisualizationDot.jsx
-const useStyles$224 = makeStyles((theme) => ({
+const useStyles$225 = makeStyles((theme) => ({
 	root: {
 		minHeight: theme.spacing(1.25),
 		minWidth: theme.spacing(1.25),
@@ -13572,7 +13572,7 @@ const useStyles$224 = makeStyles((theme) => ({
 }));
 const VisualizationDot = (props) => {
 	const theme = useTheme();
-	const classes = useStyles$224(props);
+	const classes = useStyles$225(props);
 	const { type, children, hover, multi, noHover } = props;
 	const [showHover, setShowHover] = useState();
 	const DotWrapper = ({ color }) => {
@@ -13616,10 +13616,10 @@ VisualizationDot.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelinePreloaderNode.jsx
-const useStyles$223 = makeStyles((theme) => ({ root: {} }));
+const useStyles$224 = makeStyles((theme) => ({ root: {} }));
 const TimelinePreloaderNode = (props) => {
 	const { children, shortView } = props;
-	const classes = useStyles$223(props);
+	const classes = useStyles$224(props);
 	const { className, longView } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, shortView && /* @__PURE__ */ React.createElement("div", { style: {
 		marginRight: 100,
@@ -13657,7 +13657,7 @@ TimelinePreloaderNode.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/MttYearTag.jsx
-const useStyles$222 = makeStyles((theme) => ({
+const useStyles$223 = makeStyles((theme) => ({
 	root: {},
 	yearTag: {
 		color: theme.palette.common.white,
@@ -13674,7 +13674,7 @@ const useStyles$222 = makeStyles((theme) => ({
 }));
 const MttYearTag = (props) => {
 	const { children, year = false, today } = props;
-	const classes = useStyles$222(props);
+	const classes = useStyles$223(props);
 	return /* @__PURE__ */ React.createElement("div", null, !today && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: clsx(classes.yearTag, classes.background) }, /* @__PURE__ */ React.createElement("div", { className: classes.yearLabel }, /* @__PURE__ */ React.createElement(Typography$1, { variant: "subtitle2" }, children))), /* @__PURE__ */ React.createElement("div", { style: {
 		height: year ? 120 : 20,
 		display: "flex",
@@ -13693,7 +13693,7 @@ MttYearTag.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/DynamicRangeSlider.jsx
-const useStyles$221 = makeStyles((theme) => ({
+const useStyles$222 = makeStyles((theme) => ({
 	root: {},
 	rangeSlider: {
 		"& .range-slider__thumb": {
@@ -13718,7 +13718,7 @@ const useStyles$221 = makeStyles((theme) => ({
 }));
 const DynamicRangeSlider = (props) => {
 	const { children,...otherProps } = props;
-	const classes = useStyles$221(props);
+	const classes = useStyles$222(props);
 	return /* @__PURE__ */ React.createElement(RangeSlider, {
 		className: classes.rangeSlider,
 		...otherProps
@@ -13751,7 +13751,7 @@ const HeightAdjuster = ({ verticalAdjuster, setVerticalAdjuster }) => {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/mttMainTimeline/MttTimeline.jsx
-const useStyles$220 = makeStyles((theme) => ({
+const useStyles$221 = makeStyles((theme) => ({
 	root: {},
 	horizontalDash: {
 		backgroundImage: "linear-gradient(to right, grey 33%, rgba(255,255,255,0) 0%)",
@@ -13790,7 +13790,7 @@ const MttTimeline = memo((props) => {
 	const [showYearMarkers, setShowYearMarkers] = useState(false);
 	const [verticalAdjuster, setVerticalAdjuster] = useState(4.5);
 	const [uniqueTimelines, setUniqueTimelines] = useState(0);
-	const classes = useStyles$220(props);
+	const classes = useStyles$221(props);
 	const { data, loading } = props;
 	const theme = useTheme();
 	const visualizationYScale = 40;
@@ -14650,7 +14650,7 @@ const createTimeline = (threads) => {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/SummaryToken.jsx
-const useStyles$219 = makeStyles((theme) => ({
+const useStyles$220 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		minHeight: 200,
@@ -14664,7 +14664,7 @@ const useStyles$219 = makeStyles((theme) => ({
 }));
 const SummaryToken = (props) => {
 	const { title, short, showMonth, amount, status, date, user, icon, months = [], className, month, balance } = props;
-	const classes = useStyles$219(props);
+	const classes = useStyles$220(props);
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { style: {
 		display: "flex",
 		flexDirection: "column",
@@ -14729,7 +14729,7 @@ SummaryToken.propTypes = {
 /**
 * @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<any, {}, string>>}
 */
-const useStyles$218 = makeStyles((theme) => ({
+const useStyles$219 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		alignItems: "center",
@@ -14738,7 +14738,7 @@ const useStyles$218 = makeStyles((theme) => ({
 	off: { opacity: .5 }
 }));
 const TimelineToggleButton = ({ title, timelineItem, handleClick, icon, off }) => {
-	const classes = useStyles$218();
+	const classes = useStyles$219();
 	const [filter, setFilter] = useState(true);
 	const selectFilter = () => {
 		setFilter(!filter);
@@ -14765,7 +14765,7 @@ TimelineToggleButton.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/TimelineTopRowFilter.jsx
-const useStyles$217 = makeStyles((theme) => ({
+const useStyles$218 = makeStyles((theme) => ({
 	root: {},
 	menu: {
 		marginTop: 10,
@@ -14774,7 +14774,7 @@ const useStyles$217 = makeStyles((theme) => ({
 	}
 }));
 const TimelineTopRowFilter = ({ filterList, filterCall, filterListGroup, off, clear }) => {
-	const classes = useStyles$217();
+	const classes = useStyles$218();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, filterListGroup && filterListGroup.map((item) => {
 		return /* @__PURE__ */ React.createElement(TimelineToggleButton, {
 			title: item.name,
@@ -14801,7 +14801,7 @@ TimelineTopRowFilter.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/DateWrapper.jsx
-const useStyles$216 = makeStyles((theme) => ({
+const useStyles$217 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		alignContent: "flex-end",
@@ -14816,7 +14816,7 @@ const useStyles$216 = makeStyles((theme) => ({
 	}
 }));
 const DateWrapper = ({ children, date, months, count }) => {
-	const classes = useStyles$216();
+	const classes = useStyles$217();
 	const [show, setShow] = useState(true);
 	const threadHeight = 165;
 	const MONTHS = {
@@ -14859,7 +14859,7 @@ DateWrapper.propTypes = {
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/ui/CircleButton.jsx
-const useStyles$215 = makeStyles((theme) => ({ root: {
+const useStyles$216 = makeStyles((theme) => ({ root: {
 	padding: 12,
 	paddingLeft: 13,
 	paddingRight: 11,
@@ -14870,7 +14870,7 @@ const useStyles$215 = makeStyles((theme) => ({ root: {
 } }));
 const CircleButton = (props) => {
 	const { children,...otherProps } = props;
-	const classes = useStyles$215(props);
+	const classes = useStyles$216(props);
 	return /* @__PURE__ */ React.createElement(ButtonBase, otherProps, /* @__PURE__ */ React.createElement(Paper, {
 		className: classes.root,
 		elevation: 1
@@ -14880,7 +14880,7 @@ CircleButton.propTypes = { children: PropTypes.node };
 
 //#endregion
 //#region src/componentSystems/multiThreadTimeline/mttSummary/MttSummary.jsx
-const useStyles$214 = makeStyles((theme) => ({
+const useStyles$215 = makeStyles((theme) => ({
 	root: {},
 	wrapper: {
 		background: theme.palette.common.white,
@@ -14900,7 +14900,7 @@ const MttSummary = (props) => {
 	const [compact, setCompact] = useState(true);
 	const [filterListGroup, setFilterListGroup] = useState();
 	const [filterKey, setFilterKey] = useState(v4());
-	const classes = useStyles$214();
+	const classes = useStyles$215();
 	const preloadLength = 11;
 	const executeQueryInstance$1 = useCallback(async (apiMethodInstanceId, data$1 = {}) => apiMutate(ConfigService$1.integrationV1ApiUrl, `apimethod/executeQueryInstance/${apiMethodInstanceId}`, { method: "post" }, { data: data$1 }), []);
 	const summaryThreads = useMemo(() => {
@@ -15157,7 +15157,7 @@ const PrimaryActionHeaderWrapper = (props) => {
 
 //#endregion
 //#region src/UI/navigation/menus/FluentMenuListItem.jsx
-const useStyles$213 = makeStyles((theme) => ({
+const useStyles$214 = makeStyles((theme) => ({
 	root: {
 		padding: 0,
 		justifyContent: "left"
@@ -15170,7 +15170,7 @@ const useStyles$213 = makeStyles((theme) => ({
 	label: { textTransform: "none" }
 }));
 const FluentMenuListItem = ({ label, onClick,...props }) => {
-	const classes = useStyles$213();
+	const classes = useStyles$214();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.item }), /* @__PURE__ */ React.createElement(Button, {
 		...props,
 		fullWidth: true,
@@ -15593,7 +15593,7 @@ const AgGridSimpleWrapper = (props) => {
 
 //#endregion
 //#region src/UI/surfaces/cards/BioCard.jsx
-const useStyles$212 = makeStyles((theme) => ({
+const useStyles$213 = makeStyles((theme) => ({
 	root: {
 		width: "100%",
 		height: "100%"
@@ -15619,7 +15619,7 @@ const useStyles$212 = makeStyles((theme) => ({
 	chip: { background: lighten(theme.palette.success.light, .7) }
 }));
 const BioCard = ({ children, avatar, alt, firstName, lastName, address, copy, className }) => {
-	const classes = useStyles$212();
+	const classes = useStyles$213();
 	const [state, setState] = useState({
 		value: "",
 		copied: false
@@ -15645,12 +15645,12 @@ const BioCard = ({ children, avatar, alt, firstName, lastName, address, copy, cl
 
 //#endregion
 //#region src/UI/dataDisplay/address/AddressListItem.jsx
-const useStyles$211 = makeStyles((theme) => ({ divider: {
+const useStyles$212 = makeStyles((theme) => ({ divider: {
 	marginTop: theme.spacing(1),
 	marginBottom: theme.spacing(1)
 } }));
 const AddressListItem = ({ children }) => {
-	const classes = useStyles$211();
+	const classes = useStyles$212();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography$1, {
 		variant: "body2",
 		className: classes.divider
@@ -15756,11 +15756,11 @@ const Iframe = (props) => {
 
 //#endregion
 //#region src/containers/IframeContainer.jsx
-const useStyles$210 = makeStyles((theme) => ({ root: { height: (props) => props.height ? props.height : "100vh" } }));
+const useStyles$211 = makeStyles((theme) => ({ root: { height: (props) => props.height ? props.height : "100vh" } }));
 const IframeContainer = (props) => {
 	const { src,...other } = props;
 	const containerRef = createRef();
-	const classes = useStyles$210(props);
+	const classes = useStyles$211(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		ref: containerRef,
 		className: classes.root
@@ -15777,7 +15777,7 @@ const usePageContext = () => useContext(pageContext);
 
 //#endregion
 //#region src/dataBrowser/forms/ParamsMappingFields.jsx
-const useStyles$209 = makeStyles((theme) => ({
+const useStyles$210 = makeStyles((theme) => ({
 	root: {},
 	row: {
 		display: "flex",
@@ -15790,7 +15790,7 @@ const useStyles$209 = makeStyles((theme) => ({
 }));
 const ParamsMappingFields = (props) => {
 	const { paramMappings, paramOptions, propertyOptions, fieldWidth, propertyLabel } = props;
-	const classes = useStyles$209();
+	const classes = useStyles$210();
 	const { t } = useTranslation();
 	return paramOptions.map((item) => {
 		let initialPropertyValue = "";
@@ -15889,7 +15889,7 @@ const ParamsMappingForm = (props) => {
 
 //#endregion
 //#region src/dataBrowser/forms/RequiredFieldsMappingField.jsx
-const useStyles$208 = makeStyles((theme) => ({
+const useStyles$209 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		alignItems: "center"
@@ -15910,7 +15910,7 @@ const RequiredFieldsMappingField = (props) => {
 	const { requiredField, onRequiredFieldChange, options, optionLabelDisplayFunction, groupBy } = props;
 	const [state, setState] = useState(requiredField);
 	const [isTextField, setIsTextField] = useState(!!!requiredField.propertyValue);
-	const classes = useStyles$208(props);
+	const classes = useStyles$209(props);
 	const { t } = useTranslation();
 	const handleStateChange = useCallback((key, value, merge = false) => {
 		let updatedState = { ...state };
@@ -15999,7 +15999,7 @@ const RequiredFieldsMappingField = (props) => {
 
 //#endregion
 //#region src/dataBrowser/forms/RequiredFieldsMappingForm.jsx
-const useStyles$207 = makeStyles((theme) => ({
+const useStyles$208 = makeStyles((theme) => ({
 	root: {},
 	row: {
 		display: "flex",
@@ -16017,7 +16017,7 @@ const useStyles$207 = makeStyles((theme) => ({
 const RequiredFieldsMappingForm = (props) => {
 	const { requiredFields = "", fieldMappings, properties, onSubmit = () => {}, optionLabelDisplayFunction, groupBy, propertyType = "entity" } = props;
 	const [fields, setFields] = useState([]);
-	const classes = useStyles$207(props);
+	const classes = useStyles$208(props);
 	const fieldOptions = useMemo(() => {
 		const fieldsStr = requiredFields || "";
 		if (!fieldsStr.trim()) return [];
@@ -16244,9 +16244,9 @@ const greyScale = (shade) => {
 
 //#endregion
 //#region src/diffChecker/DiffChecker.jsx
-const useStyles$206 = makeStyles((theme) => ({ root: {} }));
+const useStyles$207 = makeStyles((theme) => ({ root: {} }));
 const DiffChecker = ({ leftTitle, rightTitle, oldValue, newValue }) => {
-	const classes = useStyles$206();
+	const classes = useStyles$207();
 	const theme = useTheme();
 	const lightValue = .9;
 	const medValue = .5;
@@ -16883,7 +16883,7 @@ const useProductVersion = (productId) => {
 
 //#endregion
 //#region src/inquiry/AlertFlag.jsx
-const useStyles$205 = makeStyles((theme) => ({
+const useStyles$206 = makeStyles((theme) => ({
 	labelRoot: {
 		display: "flex",
 		alignItems: "center",
@@ -16921,7 +16921,7 @@ const useStyles$205 = makeStyles((theme) => ({
 const AlertFlag = (props) => {
 	const { iconName = "none", secondaryIconName = "none", secondaryIconColor = "#008383", link = false, label, iconSize = "medium", iconType = "", iconColor = "", variant = "caption", style = {} } = props;
 	const theme = useTheme();
-	const classes = useStyles$205(props);
+	const classes = useStyles$206(props);
 	const { icon: IconComponent } = useFluentIcon(iconName);
 	const { icon: SubIconComponent } = useFluentIcon(secondaryIconName);
 	return /* @__PURE__ */ React.createElement("div", { className: classes.labelRoot }, /* @__PURE__ */ React.createElement("div", { className: classes.iconsContainer }, IconComponent && /* @__PURE__ */ React.createElement(UnityFluentIcon, {
@@ -16951,7 +16951,7 @@ const AlertFlag = (props) => {
 
 //#endregion
 //#region src/inquiry/ItemDescription.jsx
-const useStyles$204 = makeStyles((theme) => ({
+const useStyles$205 = makeStyles((theme) => ({
 	labelRoot: {
 		display: "flex",
 		alignItems: "center"
@@ -16975,7 +16975,7 @@ const useStyles$204 = makeStyles((theme) => ({
 const ItemDescription = (props) => {
 	const { iconName = "none", label, iconSize = "medium", iconType = "", iconColor = "", variant = "caption", style = {} } = props;
 	const theme = useTheme();
-	const classes = useStyles$204(props);
+	const classes = useStyles$205(props);
 	const IconComponent = useMemo(() => {
 		if (!iconName || iconName === "none") return null;
 		const result = fluentLibraryIcons.find((item) => item.id.toLowerCase().includes(iconName.toLowerCase()));
@@ -16999,7 +16999,7 @@ const ItemDescription = (props) => {
 
 //#endregion
 //#region src/inquiry/AmbientListItem.jsx
-const useStyles$203 = makeStyles((theme) => ({
+const useStyles$204 = makeStyles((theme) => ({
 	headerRoot: {
 		display: "flex",
 		flexDirection: "row",
@@ -17029,7 +17029,7 @@ const useStyles$203 = makeStyles((theme) => ({
 */
 const AmbientListItem = (props) => {
 	const { dataList = [], paid, paidLabel = "none", handleClick, style = {} } = props;
-	const classes = useStyles$203(props);
+	const classes = useStyles$204(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.headerRoot,
 		style
@@ -17068,7 +17068,7 @@ const useSplitDecimal = (value, decimals = 2) => {
 
 //#endregion
 //#region src/UI/dataDisplay/SummaryBlock.jsx
-const useStyles$202 = makeStyles((theme) => ({
+const useStyles$203 = makeStyles((theme) => ({
 	rootContainer: {
 		backgroundColor: (props) => props?.backgroundColor || theme.palette.background.paper,
 		borderLeft: (props) => props?.noLeftBorder ? "0px" : "solid 1px",
@@ -17104,7 +17104,7 @@ const SummaryBlock = (props) => {
 	const { value, startLabel, label, icon, style, primary, secondary, textVariant, labelVariant = "caption", children, valueIsDecimal = true, iconColor } = props;
 	const { textValue } = useSplitDecimal(value);
 	const theme = useTheme();
-	const classes = useStyles$202(props);
+	const classes = useStyles$203(props);
 	return /* @__PURE__ */ React.createElement(Box$1, {
 		display: "flex",
 		flexDirection: "column",
@@ -17155,7 +17155,7 @@ SummaryBlock.propTypes = {
 
 //#endregion
 //#region src/inquiry/AmbientSplitStatCard.jsx
-const useStyles$201 = makeStyles((theme) => ({
+const useStyles$202 = makeStyles((theme) => ({
 	rootContainer: {
 		background: "#FFFFFF",
 		boxShadow: "0px 1px 4px rgba(0, 0, 0, 0.08)",
@@ -17206,7 +17206,7 @@ const defaultBlockSpecs = {
 */
 const AmbientSplitStatCard = (props) => {
 	const { title, subtitle, cardsSpecs, graphTitle, graphVariant, graphSpec, style } = props;
-	const classes = useStyles$201(props);
+	const classes = useStyles$202(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.rootContainer,
 		style
@@ -17245,7 +17245,7 @@ const AmbientSplitStatCard = (props) => {
 
 //#endregion
 //#region src/inquiry/AmbientSummaryListHeader.jsx
-const useStyles$200 = makeStyles((theme) => ({
+const useStyles$201 = makeStyles((theme) => ({
 	headerRoot: {
 		display: "flex",
 		flexDirection: "row",
@@ -17278,7 +17278,7 @@ const useStyles$200 = makeStyles((theme) => ({
 */
 const AmbientSummaryListHeader = (props) => {
 	const { columns, style = {} } = props;
-	const classes = useStyles$200(props);
+	const classes = useStyles$201(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.headerRoot,
 		style
@@ -17326,13 +17326,13 @@ const ExecuteApiDialog = (props) => {
 
 //#endregion
 //#region src/inquiry/FilterSearch.jsx
-const useStyles$199 = makeStyles((theme) => ({ root: {
+const useStyles$200 = makeStyles((theme) => ({ root: {
 	background: "#eeeeee",
 	width: "100%",
 	height: "100vh"
 } }));
 const FilterSearch = ({ children }) => {
-	const classes = useStyles$199();
+	const classes = useStyles$200();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, " ", children, " ");
 };
 
@@ -17343,7 +17343,7 @@ const AlertTypeEnum = {
 	success: { backgroundColor: "#F3FAF3" },
 	error: { backgroundColor: "#FDF7F6" }
 };
-const useStyles$198 = makeStyles((theme) => ({
+const useStyles$199 = makeStyles((theme) => ({
 	rootContainer: {
 		boxSizing: "border-box",
 		display: "flex",
@@ -17370,7 +17370,7 @@ const useStyles$198 = makeStyles((theme) => ({
 */
 const FlagBlock = (props) => {
 	const { children, style } = props;
-	const classes = useStyles$198(props);
+	const classes = useStyles$199(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.rootContainer,
 		style
@@ -17384,7 +17384,7 @@ __export(TextPropertyWidget_exports, {
 	BaseTextPropertyWidget: () => BaseTextPropertyWidget,
 	default: () => TextPropertyWidget_default
 });
-const useStyles$197 = makeStyles((theme) => ({
+const useStyles$198 = makeStyles((theme) => ({
 	input: {
 		height: 34,
 		padding: 0
@@ -17398,7 +17398,7 @@ const useStyles$197 = makeStyles((theme) => ({
 const BaseTextPropertyWidget = (props) => {
 	const { propertyType, property, initialData,...extraProps } = props;
 	const { key, label, required } = property;
-	const classes = useStyles$197();
+	const classes = useStyles$198();
 	return /* @__PURE__ */ React.createElement(Field, {
 		component: TextField,
 		id: `${propertyType}:${key}`,
@@ -17803,7 +17803,7 @@ const apiResponseArrayToOptions = (responseArr) => {
 
 //#endregion
 //#region src/inquiry/search/InquiryAdvancedSearchForm.jsx
-const useStyles$196 = makeStyles((theme) => ({
+const useStyles$197 = makeStyles((theme) => ({
 	root: {
 		marginRight: theme.spacing(1),
 		marginLeft: theme.spacing(1),
@@ -17831,7 +17831,7 @@ const useStyles$196 = makeStyles((theme) => ({
 const InquiryAdvancedSearchForm = (props) => {
 	const { advancedSearchFields, selectedSearchOperators, setSelectedSearchOperators, catalogProperties, entityType, lookupPropertyNames, classes: classProps, executeQueryWithParameters: executeQueryWithParameters$1, setForm } = props;
 	const { root } = classProps || {};
-	const classes = useStyles$196();
+	const classes = useStyles$197();
 	const form = useForm$1();
 	const handleSearchOperatorChange = useCallback((value, fieldName) => {
 		if (fieldName) {
@@ -17980,7 +17980,7 @@ const InquiryAdvancedSearchForm = (props) => {
 
 //#endregion
 //#region src/inquiry/search/InquiryAdvancedSearch.jsx
-const useStyles$195 = makeStyles((theme) => ({
+const useStyles$196 = makeStyles((theme) => ({
 	root: {},
 	entitySelect: {
 		marginRight: theme.spacing(1),
@@ -18002,7 +18002,7 @@ const useStyles$195 = makeStyles((theme) => ({
 }));
 const InquiryAdvancedSearch = (props) => {
 	const { entityList, onSubmit, currentNodeCatalogReturnObject, catalogObjects, entityValue, setEntityValue, changeSideBarView, tree, executeQueryWithParameters: executeQueryWithParameters$1 } = props;
-	const classes = useStyles$195(props);
+	const classes = useStyles$196(props);
 	const [initialSelectedSearchOperators, setInitialSelectedSearchOperators] = useState(null);
 	const [selectedSearchOperators, setSelectedSearchOperators] = useState(null);
 	const [form, setForm] = useState(null);
@@ -18131,13 +18131,13 @@ const InquiryAdvancedSearch = (props) => {
 
 //#endregion
 //#region src/inquiry/dashboard/InquiryDashboard.jsx
-const useStyles$194 = makeStyles((theme) => ({ root: {
+const useStyles$195 = makeStyles((theme) => ({ root: {
 	display: "flex",
 	height: "calc(100vh - 82px)"
 } }));
 const InquiryDashboard = (props) => {
 	const { children } = props;
-	const classes = useStyles$194();
+	const classes = useStyles$195();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, children);
 };
 
@@ -18160,7 +18160,7 @@ const InquiryHeaderSecondary = (props) => {
 
 //#endregion
 //#region src/inquiry/inquiryBar/InquiryControlList.jsx
-const useStyles$193 = makeStyles((theme) => ({
+const useStyles$194 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		justifyContent: "space-between"
@@ -18173,7 +18173,7 @@ const useStyles$193 = makeStyles((theme) => ({
 	}
 }));
 const InquiryControlList = ({ remove, expandAll, collapseAll, moveToTop, clearAll, switchTreeViewMode, treeViewMode, hiddenControls = [], classes: classProps }) => {
-	const classes = useStyles$193();
+	const classes = useStyles$194();
 	const { inquiryControlListRoot } = classProps || {};
 	const controlList = useMemo(() => {
 		return [
@@ -18249,7 +18249,7 @@ const InquiryControlList = ({ remove, expandAll, collapseAll, moveToTop, clearAl
 
 //#endregion
 //#region src/inquiry/inquiryBar/InquiryNodeControls.jsx
-const useStyles$192 = makeStyles((theme) => ({
+const useStyles$193 = makeStyles((theme) => ({
 	root: {},
 	upperWrapper: {
 		paddingLeft: theme.spacing(1),
@@ -18288,7 +18288,7 @@ const AutoCompletePopper = (props) => {
 };
 const InquiryNodeControls = (props) => {
 	const { children, remove, expandAll, collapseAll, moveToTop, clearAll, switchTreeViewMode, treeViewMode, changeSideBarView, showSearch = true, showControls = true, hiddenControls = [], classes: classProps, entityList, entityValue, setEntityValue, clearSearchStr, setClearSearchStr, isPreloadedTree, treeLoading,...otherProps } = props;
-	const classes = useStyles$192(props);
+	const classes = useStyles$193(props);
 	const [searchValue, setSearchValue] = useState("");
 	const theme = useTheme();
 	const handleEntityChange = (value) => {
@@ -18460,7 +18460,7 @@ const InquirySearchDatasource = (queryData, apiMethodId, searchFilterElements, l
 
 //#endregion
 //#region src/inquiry/search/InquirySearchTable.jsx
-const useStyles$191 = makeStyles((theme) => ({ root: { height: (props) => {
+const useStyles$192 = makeStyles((theme) => ({ root: { height: (props) => {
 	const rowCount = props?.queryData?.pageList?.length > 10 ? 10 : props?.queryData?.pageList?.length ?? 0;
 	const topResultsOnlyHeight = rowCount * 48 + 60;
 	const moreResultsHeight = rowCount * 48 + 116;
@@ -18468,7 +18468,7 @@ const useStyles$191 = makeStyles((theme) => ({ root: { height: (props) => {
 } } }));
 const InquirySearchTable = (props) => {
 	const { apiMethodId, associatedInquiryTree, catalogReturnObject, catalogObjects, columns, executeQuery, queryColumnsData, isAdvancedSearch, onRowDoubleClick, queryData, searchFilterElements, searchFilterGroups, setSelectedSearchRows, treeStructure, topResultsOnly = false, topResultsSize = 50 } = props;
-	const classes = useStyles$191(props);
+	const classes = useStyles$192(props);
 	const { gridApi, onGridReady } = useAgGridApi();
 	const [agGridOptions] = useState({});
 	const [gridFormat] = useGridFormat();
@@ -18636,7 +18636,7 @@ const InquirySearchTable = (props) => {
 
 //#endregion
 //#region src/inquiry/search/InquirySearchContainer.jsx
-const useStyles$190 = makeStyles((theme) => ({
+const useStyles$191 = makeStyles((theme) => ({
 	root: { overflowX: "auto" },
 	searchCard: { paddingBottom: theme.spacing(2) },
 	emptyStateWrapper: {
@@ -18648,7 +18648,7 @@ const useStyles$190 = makeStyles((theme) => ({
 const InquirySearchContainer = (props) => {
 	const { advancedSearchItems, catalogObjects, classes: classProps, executeQueryAdHoc: executeQueryAdHoc$1, isAdvancedSearch, loadSingleNode, onRowDoubleClick, searchItems, setSelectedSearchRows, apiMethodInstanceId } = props;
 	const { root } = classProps || {};
-	const classes = useStyles$190();
+	const classes = useStyles$191();
 	const [searchList, setSearchList] = useState(null);
 	const [loading, setLoading] = useState(false);
 	const { getQueryFilterElements, getQueryFilterGroups, getQuerySearchOperator } = useSearchFilterParamsMap();
@@ -18856,7 +18856,7 @@ const InquirySearchContainer = (props) => {
 
 //#endregion
 //#region src/inquiry/InquiryWrapper.jsx
-const useStyles$189 = makeStyles((theme) => ({
+const useStyles$190 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row",
@@ -18871,7 +18871,7 @@ const useStyles$189 = makeStyles((theme) => ({
 	children: { width: "100%" }
 }));
 const InquiryWrapper = (props) => {
-	const classes = useStyles$189(props);
+	const classes = useStyles$190(props);
 	const { children, sideBar, nodeLoaded, onMouseEnter, onMouseLeave, className, sidebarClassName, childrenClassName } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(Slide, {
 		direction: "right",
@@ -18887,7 +18887,7 @@ const InquiryWrapper = (props) => {
 
 //#endregion
 //#region src/inquiry/NodeDetails.jsx
-const useStyles$188 = makeStyles((theme) => ({
+const useStyles$189 = makeStyles((theme) => ({
 	root: { marginLeft: theme.spacing(2) },
 	wrapper: {},
 	columnOne: {
@@ -18901,7 +18901,7 @@ const useStyles$188 = makeStyles((theme) => ({
 }));
 const ListItem$1 = (props) => {
 	const { label, value } = props;
-	const classes = useStyles$188();
+	const classes = useStyles$189();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.listItem }, /* @__PURE__ */ React.createElement(Typography$1, {
 		color: "secondary",
 		variant: "caption"
@@ -18909,7 +18909,7 @@ const ListItem$1 = (props) => {
 };
 const NodeDetails = (props) => {
 	const { node } = props;
-	const classes = useStyles$188();
+	const classes = useStyles$189();
 	const details = useMemo(() => {
 		if (!node || !node?.nodeObj || !node?.properties?.pageHeaderConfiguration) return [];
 		const shownPageHeaderConfigurations = node.properties.pageHeaderConfiguration.filter((phc) => phc.isShown);
@@ -18943,7 +18943,7 @@ const NodeDetails = (props) => {
 
 //#endregion
 //#region src/inquiry/InquiryTreeMenuItem.jsx
-const useStyles$187 = makeStyles((theme) => ({
+const useStyles$188 = makeStyles((theme) => ({
 	root: {
 		"&.Mui-selected > .MuiTreeItem-content": { backgroundColor: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[700] : theme.palette.grey[300] },
 		"&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label": {
@@ -19015,7 +19015,7 @@ const useStyles$187 = makeStyles((theme) => ({
 }));
 const InquiryTreeMenuItem = (props) => {
 	const { parentId, nodeId, iconName, iconType, iconColor, adornmentName, adornmentType, adornmentColor, label, onNodeSelect, isSelectedNode, subLabel, sidebarExpanded, isLastNode, loading, node, onDropNode, treeViewMode, menuIndex, aggregateThresholdId, aggregateThresholdNodeMapping,...other } = props;
-	const classes = useStyles$187(props);
+	const classes = useStyles$188(props);
 	const theme = useTheme();
 	const [{ isDragging }, dragRef] = useDrag({
 		type: "InquiryTreeMenuItem",
@@ -19136,7 +19136,7 @@ const InquiryTreeMenuItem = (props) => {
 
 //#endregion
 //#region src/inquiry/InquiryTreeMenu.jsx
-const useStyles$186 = makeStyles((theme) => ({
+const useStyles$187 = makeStyles((theme) => ({
 	root: {
 		marginBottom: theme.spacing(1.75),
 		borderTop: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? `1px solid ${theme.palette.grey[200]}` : ""
@@ -19151,7 +19151,7 @@ const InquiryTreeMenu = (props) => {
 	const [loadingChildren, setLoadingChildren] = useState(false);
 	const [tree, setTree] = useState(menuItems);
 	const theme = useTheme();
-	const classes = useStyles$186(props);
+	const classes = useStyles$187(props);
 	const { enqueueSnackbar } = useSnackbar();
 	const handleSelectedNode = useCallback((e, value) => {
 		const selectedNode = searchTree(tree, value);
@@ -19492,7 +19492,7 @@ const InquiryTreeMenu = (props) => {
 
 //#endregion
 //#region src/inquiry/NodeList.jsx
-const useStyles$185 = makeStyles((theme) => ({
+const useStyles$186 = makeStyles((theme) => ({
 	root: { overflowX: "auto" },
 	nodeContainer: { width: "100%" },
 	loader: {
@@ -19510,7 +19510,7 @@ const useStyles$185 = makeStyles((theme) => ({
 const NodeList = (props) => {
 	const { menuItemsList, onSelectNode, onDropNode, selectedNodeId, selectedNodeParentId, expandAllClicked, classes: classProps, menuLoading, nodesRequested, sidebarExpanded, executeQueryAdHoc: executeQueryAdHoc$1, catalogObjects, promotedEntities, treeStructureArr, setMenuList, treeViewMode } = props;
 	const { root } = classProps || {};
-	const classes = useStyles$185();
+	const classes = useStyles$186();
 	const handleSelectNode = useCallback((selectedNode, menuIndex, selectedTree) => {
 		onSelectNode(selectedNode, menuIndex, selectedTree);
 	}, [onSelectNode]);
@@ -19727,7 +19727,7 @@ var LoadingOverlay_default = LoadingOverlay;
 
 //#endregion
 //#region src/inquiry/InquiryContainer.jsx
-const useStyles$184 = makeStyles((theme) => ({
+const useStyles$185 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`
@@ -19786,7 +19786,7 @@ const InquiryContainer = (props) => {
 	const { catalogObjects, executeQueryAdHoc: executeQueryAdHoc$1, executeQueryWithParameters: executeQueryWithParameters$1, executeGetDetailedTree, executeAddRecentlyLoadedNodes, initialSearchValue, litnHistory, litnHistoryLoading, pageId, pageData, pageLoading, pageError, productId, promotedEntities, promotedMethods, shellContext, setPageId, tree, treeId, treeLoading, treeError, user, autoCollapseNav = true, containerId = "" } = props;
 	const shellHidden = useShellStore((state) => state.shellHidden);
 	const buildEnv = useBuildEnvironment();
-	const classes = useStyles$184({
+	const classes = useStyles$185({
 		shellHidden,
 		...props,
 		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
@@ -21419,7 +21419,7 @@ InquiryContainer.propTypes = {
 
 //#endregion
 //#region src/inquiry/NodeColumnHeader.jsx
-const useStyles$183 = makeStyles((theme) => ({
+const useStyles$184 = makeStyles((theme) => ({
 	root: { position: "relative" },
 	title: { margin: theme.spacing(2) },
 	iconButton: {
@@ -21430,7 +21430,7 @@ const useStyles$183 = makeStyles((theme) => ({
 	}
 }));
 const NodeColumnHeader = ({ children, toggleView, expanded }) => {
-	const classes = useStyles$183();
+	const classes = useStyles$184();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", { className: classes.iconButton }, /* @__PURE__ */ React.createElement(FluentIconButton, {
 		icon: expanded ? ChevronLeftIcon : ChevronRightIcon,
 		onClick: toggleView
@@ -21454,13 +21454,13 @@ const createRatio = (width, ratio1, ratio2) => {
 	const x = width * ratio1 / ratio2;
 	return Math.ceil(x / 8) * 8;
 };
-const useStyles$182 = makeStyles((theme) => ({ root: {
+const useStyles$183 = makeStyles((theme) => ({ root: {
 	width: "100%",
 	maxWidth: (props) => props.width,
 	padding: theme.spacing(1)
 } }));
 const GridUnit = (props) => {
-	const classes = useStyles$182(props);
+	const classes = useStyles$183(props);
 	const { children, columnPadding, width, ratio } = props;
 	const ratioArr = getRatio(ratio);
 	return /* @__PURE__ */ React.createElement("div", {
@@ -21471,13 +21471,13 @@ const GridUnit = (props) => {
 
 //#endregion
 //#region src/layout/GridRow.jsx
-const useStyles$181 = makeStyles((theme) => ({ root: {
+const useStyles$182 = makeStyles((theme) => ({ root: {
 	display: "flex",
 	background: (highlight) => highlight === true && lighten("#40c4ff", .9),
 	[theme.breakpoints.down("xs")]: { flexDirection: "column" }
 } }));
 const GridRow = ({ children, highlight, className }) => {
-	const classes = useStyles$181(highlight);
+	const classes = useStyles$182(highlight);
 	const [childCount, setChildCount] = useState();
 	useEffect(() => {
 		const count = Children.count(children);
@@ -21564,7 +21564,7 @@ const HeaderLayout = ({ children }) => {
 
 //#endregion
 //#region src/layout/templates/SideBarTemplate.jsx
-const useStyles$180 = makeStyles((theme) => ({
+const useStyles$181 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row",
@@ -21583,7 +21583,7 @@ const useStyles$180 = makeStyles((theme) => ({
 	}
 }));
 const SideBarTemplate = ({ children, sidebar }) => {
-	const classes = useStyles$180();
+	const classes = useStyles$181();
 	const [open, setOpen] = useState(true);
 	const toggleSidebar = () => {
 		setOpen(!open);
@@ -21787,7 +21787,7 @@ UdpCrudFormFields.propTypes = { entityName: PropTypes.string };
 
 //#endregion
 //#region src/UI/forms/CrudForm.jsx
-const useStyles$179 = makeStyles((theme) => ({
+const useStyles$180 = makeStyles((theme) => ({
 	actions: {
 		marginTop: theme.spacing(2),
 		marginBottom: theme.spacing(2),
@@ -21818,7 +21818,7 @@ const CrudForm = (props) => {
 	const { defaultFormValues } = useDefaultFormValues_default(entityAttributes);
 	const [crudTableFormData, setCrudTableFormData] = useState(crudTableEditionData || defaultFormValues);
 	const [existingTagAssociation, setExistingTagAssociation] = useState([]);
-	const classes = useStyles$179();
+	const classes = useStyles$180();
 	const { handleErrorSnackbar } = useHandleAxiosSnackbar();
 	const primaryKeyValues = useMemo(() => getPrimaryKeyValues(entityAttributes, crudTableEditionData), [entityAttributes, crudTableEditionData]);
 	const getEntityFull = useCallback(async () => {
@@ -22044,7 +22044,7 @@ const UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE = [
 
 //#endregion
 //#region src/maintenanceEngine/crudBrowser/CrudTableSidePanel.jsx
-const useStyles$178 = makeStyles((theme) => ({
+const useStyles$179 = makeStyles((theme) => ({
 	root: {},
 	divider: { marginTop: theme.spacing(2) }
 }));
@@ -22052,7 +22052,7 @@ const FIELD_NUMBER = 10;
 const CrudTableSidePanel = (props) => {
 	const { entityAttributes, udpFieldInfos, foreignKeyData, crudTableEditionData, closeSideSheet, onCreate, onUpdate, pageId, setSideSheetWidth, setSideSheetButtonLabel, setSideSheetOnSubmit, setSideSheetProps, isNewEntry, entityData, entityName, lookupsMap } = props;
 	const user = useUser();
-	const classes = useStyles$178();
+	const classes = useStyles$179();
 	const { getCleanData } = useQueryExecutors();
 	const [{ data: page, loading: loadingPage }] = useAxiosGet(ConfigService$1.tenantV1ApiUrl, `page/${pageId}`, {}, !!!pageId, false);
 	const skeleton = useMemo(() => {
@@ -22513,7 +22513,7 @@ const VectorLayer = ({ source, style, zIndex = 0,...otherProps }) => {
 
 //#endregion
 //#region src/UI/inputs/textField/FluentTextField.jsx
-const useStyles$177 = makeStyles((theme) => ({
+const useStyles$178 = makeStyles((theme) => ({
 	input: {
 		borderRadius: 2,
 		height: (props) => !props.multiline && !Array.isArray(props.value) && 32,
@@ -22537,7 +22537,7 @@ const useStyles$177 = makeStyles((theme) => ({
 	noLabel: { marginTop: theme.spacing(1) }
 }));
 const FluentTextFieldComponent = (props, ref) => {
-	const classes = useStyles$177(props);
+	const classes = useStyles$178(props);
 	const { id, label, startAdornment, endAdornment, udprecordid, inputProps,...InputProps } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: label ? classes.root : classes.noLabel }, /* @__PURE__ */ React.createElement(TextField, {
 		...InputProps,
@@ -22595,7 +22595,7 @@ const FreeFormField = (props) => {
 
 //#endregion
 //#region src/map-library/geoLocation/GeoLocation.jsx
-const useStyles$176 = makeStyles((theme) => ({
+const useStyles$177 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -22661,7 +22661,7 @@ const GeoLocation = (props) => {
 			document.removeEventListener("keydown", listener);
 		};
 	}, [center]);
-	const classes = useStyles$176();
+	const classes = useStyles$177();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(FreeFormField, { didUpdateText: (text) => {
 		if (text.length) geocode(text);
 		else {
@@ -22835,13 +22835,13 @@ const usePosition = (initial) => {
 
 //#endregion
 //#region src/UI/inputs/sliders/FluentInputSlider.jsx
-const useStyles$175 = makeStyles$1({
+const useStyles$176 = makeStyles$1({
 	root: { width: 250 },
 	input: { width: 42 }
 });
 const FluentInputSlider = (props) => {
 	const { value, handleSliderChange, handleInputChange, handleBlur } = props;
-	const classes = useStyles$175();
+	const classes = useStyles$176();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Grid$2, {
 		container: true,
 		spacing: 2,
@@ -22876,7 +22876,7 @@ var FluentInputSlider_default = FluentInputSlider;
 
 //#endregion
 //#region src/map-library/ui/ControlZoom.jsx
-const useStyles$174 = makeStyles((theme) => ({
+const useStyles$175 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -22888,7 +22888,7 @@ const useStyles$174 = makeStyles((theme) => ({
 }));
 const ControlZoom$1 = (props) => {
 	const { zoomIn, zoomOut, value, handleSliderChange, handleInputChange, handleBlur, reset } = props;
-	const classes = useStyles$174();
+	const classes = useStyles$175();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
 		onClick: zoomIn,
 		color: "primary",
@@ -22914,7 +22914,7 @@ var ControlZoom_default$1 = ControlZoom$1;
 
 //#endregion
 //#region src/map-library/ui/FilterOptions.jsx
-const useStyles$173 = makeStyles((theme) => ({
+const useStyles$174 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -22925,7 +22925,7 @@ const useStyles$173 = makeStyles((theme) => ({
 	}
 }));
 const FilterOptions = (props) => {
-	const classes = useStyles$173();
+	const classes = useStyles$174();
 	const { showAlert, showHome, showMarker, toggleDisplayMarkers } = props;
 	const theme = useTheme();
 	const inactive = lighten(theme.palette.common.black, .8);
@@ -22950,7 +22950,7 @@ var FilterOptions_default = FilterOptions;
 
 //#endregion
 //#region src/map-library/ui/MapFilterBar.jsx
-const useStyles$172 = makeStyles((theme) => ({
+const useStyles$173 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -22965,7 +22965,7 @@ const useStyles$172 = makeStyles((theme) => ({
 	}
 }));
 const MapFilterBar = (props) => {
-	const classes = useStyles$172();
+	const classes = useStyles$173();
 	const { showAlert, toggleDisplayMarkers, value, setZoom, handleSliderChange, handleInputChange, handleBlur, zoomIn, zoomOut, reset, showHome } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.filter }, /* @__PURE__ */ React.createElement(FilterOptions_default, {
 		showAlert,
@@ -22985,7 +22985,7 @@ const MapFilterBar = (props) => {
 
 //#endregion
 //#region src/map-library/ui/MapSheet.jsx
-const useStyles$171 = makeStyles((theme) => ({
+const useStyles$172 = makeStyles((theme) => ({
 	root: {
 		position: "absolute",
 		zIndex: 9999,
@@ -23019,7 +23019,7 @@ const useStyles$171 = makeStyles((theme) => ({
 	}
 }));
 const MapSheet = (props) => {
-	const classes = useStyles$171();
+	const classes = useStyles$172();
 	const { children, collapsed, toggle } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, collapsed ? classes.collapsed : classes.expanded) }, /* @__PURE__ */ React.createElement("div", { className: classes.sheetWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
 		className: classes.extendedButton,
@@ -23031,7 +23031,7 @@ const MapSheet = (props) => {
 
 //#endregion
 //#region src/map-library/ui/TileDisplay.jsx
-const useStyles$170 = makeStyles((theme) => ({
+const useStyles$171 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -23049,7 +23049,7 @@ const useStyles$170 = makeStyles((theme) => ({
 }));
 const TileDisplay = (props) => {
 	const { title, body, selected } = props;
-	const classes = useStyles$170();
+	const classes = useStyles$171();
 	const qty = Math.floor(Math.random() * 10) + 1;
 	const theme = useTheme();
 	const Indicator = () => {
@@ -23096,12 +23096,12 @@ var MapContext_default = MapContext;
 
 //#endregion
 //#region src/maps/openLayerMaps/Map/Map.jsx
-const useStyles$169 = makeStyles((theme) => ({ root: {
+const useStyles$170 = makeStyles((theme) => ({ root: {
 	minWidth: 600,
 	height: "85vh"
 } }));
 const Map$2 = ({ children, zoom, projection }) => {
-	const classes = useStyles$169();
+	const classes = useStyles$170();
 	const mapRef = useRef();
 	const [map, setMap] = useState(null);
 	const center = [-73.975535, 40.691783];
@@ -23196,13 +23196,13 @@ var FullScreenControl_default = FullScreenControl$1;
 
 //#endregion
 //#region src/maps/openLayerMaps/ui/LocationPin.jsx
-const useStyles$168 = makeStyles((theme) => ({ divider: {
+const useStyles$169 = makeStyles((theme) => ({ divider: {
 	marginRight: theme.spacing(2),
 	marginLeft: theme.spacing(2)
 } }));
 const LocationPin = (props) => {
 	const { getLocation, location, tooltip } = props;
-	const classes = useStyles$168();
+	const classes = useStyles$169();
 	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider$1, { orientation: "vertical" })), /* @__PURE__ */ React.createElement(Tooltip, {
 		arrow: true,
 		title: tooltip
@@ -23216,7 +23216,7 @@ var LocationPin_default = LocationPin;
 
 //#endregion
 //#region src/maps/openLayerMaps/ui/ControlZoom.jsx
-const useStyles$167 = makeStyles((theme) => ({
+const useStyles$168 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -23228,7 +23228,7 @@ const useStyles$167 = makeStyles((theme) => ({
 }));
 const ControlZoom = (props) => {
 	const { zoomIn, zoomOut, value, handleSliderChange, handleInputChange, handleBlur, reset } = props;
-	const classes = useStyles$167();
+	const classes = useStyles$168();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
 		onClick: zoomIn,
 		color: "primary",
@@ -23252,7 +23252,7 @@ var ControlZoom_default = ControlZoom;
 
 //#endregion
 //#region src/maps/openLayerMaps/ui/Position.jsx
-const useStyles$166 = makeStyles((theme) => ({
+const useStyles$167 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -23260,7 +23260,7 @@ const useStyles$166 = makeStyles((theme) => ({
 	lat: { marginRight: theme.spacing(2) }
 }));
 const Position = (props) => {
-	const classes = useStyles$166();
+	const classes = useStyles$167();
 	const { changeLat, changeLong, value, setPosition } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.lat }, /* @__PURE__ */ React.createElement(FormControl$1, { className: clsx(classes.margin, classes.withoutLabel, classes.textField) }, /* @__PURE__ */ React.createElement(Input, {
 		id: "longitude",
@@ -23286,7 +23286,7 @@ var Position_default = Position;
 
 //#endregion
 //#region src/maps/openLayerMaps/ui/MapControlsStandard.jsx
-const useStyles$165 = makeStyles((theme) => ({
+const useStyles$166 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -23301,7 +23301,7 @@ const useStyles$165 = makeStyles((theme) => ({
 	}
 }));
 const MapControlsStandard = (props) => {
-	const classes = useStyles$165();
+	const classes = useStyles$166();
 	const { value, setZoom, handleSliderChange, handleInputChange, handleBlur, zoomIn, zoomOut, reset, changeLat, changeLong, setPosition, getLocation, locations, tooltip } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.filter }, locations && locations.map((item, index) => {
 		return /* @__PURE__ */ React.createElement(LocationPin_default, {
@@ -23329,13 +23329,13 @@ var MapControlsStandard_default = MapControlsStandard;
 
 //#endregion
 //#region src/maps/GeoMap.jsx
-const useStyles$164 = makeStyles((theme) => ({ toolbar: {
+const useStyles$165 = makeStyles((theme) => ({ toolbar: {
 	padding: 0,
 	minHeight: theme.spacing(6)
 } }));
 const GeoMap = (props) => {
 	const { locations, start, mapType, tooltip, bingKey, toolbar, width, height, defaultZoom: defaultZoom$1 } = props;
-	const classes = useStyles$164();
+	const classes = useStyles$165();
 	const [center, setCenter] = useState(start);
 	const [zoom, setZoom] = useState(defaultZoom$1);
 	const [showLayer1, setShowLayer1] = useState(true);
@@ -23593,7 +23593,7 @@ const FluentMap = ({ onClick, onMouseOver, onMouseOut, data, IconComponent, boun
 
 //#endregion
 //#region src/page/PageContent.jsx
-const useStyles$163 = makeStyles((theme) => ({ root: {
+const useStyles$164 = makeStyles((theme) => ({ root: {
 	flex: 1,
 	display: "flex",
 	flexDirection: "column",
@@ -23605,7 +23605,7 @@ const useStyles$163 = makeStyles((theme) => ({ root: {
 * Page content wrapper that provides page gutters
 */
 const PageContent = (props) => {
-	const classes = useStyles$163(props);
+	const classes = useStyles$164(props);
 	const { className, children,...other } = props;
 	return /* @__PURE__ */ React.createElement("div", {
 		...other,
@@ -23616,14 +23616,14 @@ const PageContent = (props) => {
 
 //#endregion
 //#region src/page/PageHeader.jsx
-const useStyles$162 = makeStyles((theme) => ({ root: { color: theme.palette.appBar.contrastText } }), { name: "PageHeader" });
+const useStyles$163 = makeStyles((theme) => ({ root: { color: theme.palette.appBar.contrastText } }), { name: "PageHeader" });
 /**
 * A page's header bar
 *
 * Includes the page title and optional confirmation UI.
 */
 const PageHeader = (props) => {
-	const classes = useStyles$162(props);
+	const classes = useStyles$163(props);
 	const { title, className, children,...other } = props;
 	return /* @__PURE__ */ React.createElement(AppBar, {
 		position: "static",
@@ -23636,7 +23636,7 @@ const PageHeader = (props) => {
 
 //#endregion
 //#region src/page/PageSectionHeader.jsx
-const useStyles$161 = makeStyles((theme) => ({
+const useStyles$162 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row"
@@ -23645,7 +23645,7 @@ const useStyles$161 = makeStyles((theme) => ({
 	icon: { marginTop: theme.spacing(-2.5) }
 }));
 const PageSectionHeader = (props) => {
-	const classes = useStyles$161();
+	const classes = useStyles$162();
 	const { action, title } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography$1, {
 		variant: "h6",
@@ -23661,12 +23661,12 @@ const PageSectionHeader = (props) => {
 
 //#endregion
 //#region src/page/PageSectionSpacer.jsx
-const useStyles$160 = makeStyles((theme) => ({ toolbar: {} }));
+const useStyles$161 = makeStyles((theme) => ({ toolbar: {} }));
 /**
 * A spacing component with the same height as the SiteHeader
 */
 const PageSectionSpacer = (props) => {
-	const classes = useStyles$160();
+	const classes = useStyles$161();
 	const { className } = props;
 	return /* @__PURE__ */ React.createElement("div", { className: clsx(className, classes.toolbar) });
 };
@@ -23727,10 +23727,10 @@ const PowerBIReport = (props) => {
 
 //#endregion
 //#region src/routes/components/PageForbiddenRoute.jsx
-const useStyles$159 = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
+const useStyles$160 = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
 const PageForbiddenRoute = (props) => {
 	const { title, statusCode, subheader, message, showButton } = props;
-	const classes = useStyles$159();
+	const classes = useStyles$160();
 	const { t } = useTranslation();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(PageStatus, {
 		title: title ?? t("Page Forbidden"),
@@ -23817,7 +23817,7 @@ const UdpRoutes = (props) => {
 
 //#endregion
 //#region src/shell/ui/MiniCollapsibleSidebar.jsx
-const useStyles$158 = makeStyles((theme) => ({
+const useStyles$159 = makeStyles((theme) => ({
 	root: {
 		width: theme?.dimensions?.drawerWidth,
 		flexShrink: 0,
@@ -23841,7 +23841,7 @@ const useStyles$158 = makeStyles((theme) => ({
 	paper: {}
 }), { name: "MiniCollapsibleSidebar" });
 const MiniCollapsibleSidebar = (props) => {
-	const classes = useStyles$158(props);
+	const classes = useStyles$159(props);
 	const { expanded = true, className, children,...other } = props;
 	return /* @__PURE__ */ React.createElement(Drawer, {
 		variant: "permanent",
@@ -23940,7 +23940,7 @@ const AppMenuItemPropTypes = {
 	sidebarExpanded: PropTypes.bool,
 	devicesHiddenOn: PropTypes.array
 };
-const useStyles$157 = makeStyles((theme) => createStyles({
+const useStyles$158 = makeStyles((theme) => createStyles({
 	menuItem: { "&.active": {
 		background: "rgba(0, 0, 0, 0.08)",
 		"& .MuiListItemIcon-root": { marginLeft: theme.spacing(2) }
@@ -23965,7 +23965,7 @@ const useStyles$157 = makeStyles((theme) => createStyles({
 }));
 const AppMenuItem = (props) => {
 	const { childrenIcons = true, isChild = false, childIndex = 0, label, link, icon, image, getAccessToken: getAccessToken$1, indent, items = [], redirectInfo, sidebarExpanded, user, params: params$5, tenantSsoId,...other } = props;
-	const classes = useStyles$157(props);
+	const classes = useStyles$158(props);
 	const isExpandable = items?.length > 0;
 	const [open, setOpen] = useState(false);
 	const { triggerMultipleActions } = useActions();
@@ -24042,7 +24042,7 @@ const AppMenu = ({ childrenIcons, menuItems, sidebarExpanded, user }) => {
 
 //#endregion
 //#region src/shell/ui/NavigationSidebar.jsx
-const useStyles$156 = makeStyles((theme) => ({
+const useStyles$157 = makeStyles((theme) => ({
 	root: { marginTop: 400 },
 	paper: {
 		backgroundColor: theme?.getThemeData()?.mode === "dark" ? "" : lighten(theme?.palette?.primary?.main, .9),
@@ -24066,7 +24066,7 @@ const useStyles$156 = makeStyles((theme) => ({
 }), { name: "NavigationSidebar" });
 const NavigationSidebar = (props) => {
 	const buildEnv = useBuildEnvironment();
-	const classes = useStyles$156({ appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0 });
+	const classes = useStyles$157({ appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0 });
 	const { data, toggleExpandClick, navMenuHoverOn, user, toggle = true, useGlobalState = false,...other } = props;
 	const [expanded, setExpanded] = useState(true);
 	const { navigationExpanded, setNavigationExpanded } = useShellStore();
@@ -24114,7 +24114,7 @@ var NavigationSidebar_default = NavigationSidebar;
 
 //#endregion
 //#region src/UI/inputs/link/BreadCrumbMenu.jsx
-const useStyles$155 = makeStyles((theme) => ({ link: {
+const useStyles$156 = makeStyles((theme) => ({ link: {
 	textDecoration: "none",
 	color: (props) => props.color === "primary" ? theme?.palette?.getContrastText(theme.palette.primary.main) : theme?.palette?.getContrastText(theme.palette.secondary.main)
 } }));
@@ -24127,7 +24127,7 @@ const SYSTEM_ROUTE_LABELS = [
 	"workflowtask"
 ];
 const BreadCrumbMenu = (props) => {
-	const classes = useStyles$155(props);
+	const classes = useStyles$156(props);
 	const { root, breadCrumbAltLabelList = [] } = props;
 	const { t } = useTranslation();
 	const history = useHistory();
@@ -24161,7 +24161,7 @@ const BreadCrumbMenu = (props) => {
 
 //#endregion
 //#region src/shell/ui/AmbientProjectSwitcher.jsx
-const useStyles$154 = makeStyles((theme) => ({
+const useStyles$155 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		background: (props) => props.backgroundColor ? props.backgroundColor : theme.palette.secondary.main,
@@ -24184,7 +24184,7 @@ const useStyles$154 = makeStyles((theme) => ({
 	listWrapper: { marginRight: theme.spacing(2) }
 }));
 const AmbientProjectSwitcher = (props) => {
-	const classes = useStyles$154(props);
+	const classes = useStyles$155(props);
 	const theme = useTheme();
 	const { data, selectedItem } = props;
 	const [anchorEl, setAnchorEl] = useState(null);
@@ -24231,6 +24231,81 @@ AmbientProjectSwitcher.propTypes = {
 	backgroundColor: PropTypes.string
 };
 
+//#endregion
+//#region src/shell/ui/ShellDropdown.jsx
+const useStyles$154 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		alignItems: "center"
+	},
+	field: {
+		minWidth: 300,
+		maxWidth: 400,
+		width: "100%",
+		alignSelf: "left",
+		color: "#fff",
+		"& .MuiOutlinedInput-root": {
+			color: "#fff",
+			backgroundColor: "transparent",
+			"& fieldset": { borderColor: "rgba(255,255,255,0.6)" },
+			"&:hover fieldset": { borderColor: "rgba(255,255,255,0.85)" },
+			"&.Mui-focused fieldset": { borderColor: "#fff" },
+			"& input": {
+				paddingTop: 4,
+				paddingBottom: 4,
+				height: 20,
+				boxSizing: "border-box",
+				color: "#fff"
+			},
+			"& .MuiAutocomplete-input": { color: "#fff" }
+		},
+		"& .MuiInputBase-root": { color: "#fff" },
+		"& .MuiAutocomplete-popupIndicator, & .MuiAutocomplete-clearIndicator": {
+			color: "#fff",
+			opacity: .95
+		},
+		"& input::placeholder": { color: "rgba(255,255,255,0.7)" }
+	}
+}));
+function getDisplayName$1(item) {
+	if (!item && item !== 0) return "";
+	if (typeof item === "string" || typeof item === "number") return String(item);
+	if (typeof item === "object") {
+		const name = item.name ?? item.label ?? item.title ?? item.displayName;
+		return name !== void 0 && name !== null ? String(name) : "";
+	}
+	return String(item);
+}
+const ShellDropdown = (props) => {
+	const classes = useStyles$154();
+	const { componentName = "Item", data = [], value = null, onChange, optionLabelDisplayFunction = getDisplayName$1, placeholder, className, classProps,...other } = props;
+	const placeholderText = placeholder ?? (!value ? `All ${componentName}s` : void 0);
+	return /* @__PURE__ */ React.createElement("div", { className: `${classes.root} ${className || ""}` }, /* @__PURE__ */ React.createElement(FluentTextFieldAutoComplete, {
+		className: classes.field,
+		classProps: {
+			autocompleteRoot: classes.field,
+			...classProps
+		},
+		options: data,
+		optionLabelDisplayFunction,
+		onChange,
+		value,
+		placeholder: placeholderText,
+		...other
+	}));
+};
+ShellDropdown.propTypes = {
+	componentName: PropTypes.string,
+	data: PropTypes.array,
+	value: PropTypes.any,
+	onChange: PropTypes.func,
+	optionLabelDisplayFunction: PropTypes.func,
+	placeholder: PropTypes.string,
+	className: PropTypes.string,
+	classProps: PropTypes.object
+};
+var ShellDropdown_default = ShellDropdown;
+
 //#endregion
 //#region src/shell/ui/LanguageSwitcher.jsx
 const useStyles$153 = makeStyles((theme) => ({
@@ -25386,7 +25461,16 @@ const SiteHeader = (props) => {
 		component: "h1",
 		variant: "h6",
 		style: { marginLeft: hideAppLaunch && 16 }
-	}, siteName), mobile && /* @__PURE__ */ React.createElement("div", { style: { marginLeft: 70 } }, /* @__PURE__ */ React.createElement(BreadCrumbMenu, {
+	}, siteName), mobile && /* @__PURE__ */ React.createElement("div", { style: { marginLeft: 70 } }, React.isValidElement(breadCrumbRoot) ? breadCrumbRoot : breadCrumbRoot && typeof breadCrumbRoot === "object" && (breadCrumbRoot.data || breadCrumbRoot.componentName) ? /* @__PURE__ */ React.createElement(ShellDropdown_default, {
+		componentName: breadCrumbRoot.componentName,
+		data: breadCrumbRoot.data,
+		value: breadCrumbRoot.value,
+		onChange: breadCrumbRoot.onChange,
+		optionLabelDisplayFunction: breadCrumbRoot.optionLabelDisplayFunction,
+		placeholder: breadCrumbRoot.placeholder,
+		className: breadCrumbRoot.className,
+		classProps: breadCrumbRoot.classProps
+	}) : /* @__PURE__ */ React.createElement(BreadCrumbMenu, {
 		color: "primary",
 		root: breadCrumbRoot,
 		breadCrumbAltLabelList
@@ -25402,7 +25486,15 @@ const SiteHeader = (props) => {
 	}, /* @__PURE__ */ React.createElement(WaffleIcon, null)), /* @__PURE__ */ React.createElement("div", { className: classes.additionalRightComponent }, /* @__PURE__ */ React.createElement(SiteHeaderRightComponentTarget, null)), /* @__PURE__ */ React.createElement(HelpCenter, null), /* @__PURE__ */ React.createElement(LanguageSwitcher, { languages }), /* @__PURE__ */ React.createElement("div", null, userAvatar))), /* @__PURE__ */ React.createElement(SiteHeaderSpacer, { className }));
 };
 var SiteHeader_default = SiteHeader;
-SiteHeader.propTypes = { backgroundColor: PropTypes.string };
+SiteHeader.propTypes = {
+	breadCrumbRoot: PropTypes.oneOfType([
+		PropTypes.string,
+		PropTypes.element,
+		PropTypes.node,
+		PropTypes.object
+	]),
+	backgroundColor: PropTypes.string
+};
 
 //#endregion
 //#region src/utilities/utilityBar/SubHeaderAction.jsx
@@ -26662,7 +26754,11 @@ Shell.propTypes = {
 	leftMenu: PropTypes.array,
 	appSelectorMenus: PropTypes.array,
 	className: PropTypes.object,
-	navRoot: PropTypes.string,
+	navRoot: PropTypes.oneOfType([
+		PropTypes.string,
+		PropTypes.element,
+		PropTypes.node
+	]),
 	useMockData: PropTypes.bool,
 	mockMenus: PropTypes.array,
 	unityUrl: PropTypes.string,
@@ -28561,7 +28657,7 @@ var UdpReportsPage_default = UdpReportsPage;
 */
 const WidgetCard$1 = (props) => {
 	const { children, headerActions, className, widgetType, id, layout: layout$10, params: params$5, setParam, onDelete, loading, errors, theme,...other } = props;
-	const useStyles$260 = makeStyles((theme$1) => ({
+	const useStyles$261 = makeStyles((theme$1) => ({
 		root: { "&.react-resizable-hide .react-resizable-handle": { display: "none" } },
 		darkRoot: {
 			"&.react-resizable-hide .react-resizable-handle": { display: "none" },
@@ -28593,7 +28689,7 @@ const WidgetCard$1 = (props) => {
 			padding: theme$1.spacing(2)
 		}
 	}));
-	const classes = useStyles$260();
+	const classes = useStyles$261();
 	const raised = /(^|\s)react-draggable-dragging(\s|$)/.test(className ?? "");
 	let body = children;
 	if (loading) body = /* @__PURE__ */ React.createElement("div", { className: classes.loadingContent }, /* @__PURE__ */ React.createElement(CircularProgress$1, {
@@ -38459,7 +38555,7 @@ const SapFlexibleTemplate = ({ left, center, right }) => {
 		columnCenter: "50%",
 		columnRight: "25%"
 	});
-	const useStyles$260 = makeStyles((theme) => ({
+	const useStyles$261 = makeStyles((theme) => ({
 		root: {
 			display: "flex",
 			flexDirection: "row"
@@ -38480,7 +38576,7 @@ const SapFlexibleTemplate = ({ left, center, right }) => {
 		},
 		fillContent: { flex: 1 }
 	}));
-	const classes = useStyles$260();
+	const classes = useStyles$261();
 	const handleToggleColumn = (columnType) => {
 		setColumns({
 			...columns,
@@ -45159,5 +45255,5 @@ const InputsExample = () => {
 };
 
 //#endregion
-export { ADUserTypeEnums, Accordion, AccountFlags, ActionContext, ActionDispatchContext, ActionForm, ActionModal, ActionPanelPlacement, ActionProvider, ActionSideSheet, ActionSpeedDial, ActionSplitScreen, ActionSummaryCard, ActionSummaryHeader, ActionSummaryListContainer, ActionSummaryListItem, ActionSummaryPopover, ActionWrapper, ActionsRenderer, AddressListItem, Adornment, AgTable, AgTableButtons, AlertContainer, AlertFlag, AmChart, AmbientAlert, AmbientAutoComplete, AmbientCard, AmbientCardButton, AmbientCardTitle, AmbientDateRangeSelector, AmbientGridTemplate, AmbientList, AmbientListItem, AmbientPopoverMenuItem, AmbientProjectSwitcher, AmbientSingleDateSelector, AmbientSplitStatCard, AmbientStepper, AmbientSummaryListHeader, AmbientTextField, AmbientToast, AmbientToggleButton, AmbientToggleButtonGroup, AmbientTokenButton, AmbientVisualizationCard, AmbientVisualizer, ApiMethodInstanceUdpGrid, AppMenu, AppMenuItem, AppMenuItemComponent, AppMenuItemPropTypes, ApprovalIcon, AuthProvider, AuthProviderWrapper, AutoCompletePropertyWidget_exports as AutoCompletePropertyWidget, AvatarAlphabet, BackwardsCompatibleGrid, BarChartWidget_exports as BarChartWidget, BaseSideSheet, BioCard, Block, BooleanPropertyWidget_exports as BooleanPropertyWidget, Box, BreadCrumbMenu, BubbleWidget_exports as BubbleWidget, CardList, CardinalityTypeEnums, ChatContainer, ChatMessage, CheckboxGroup, CheckboxList, ChipAlphabet, CircleGaugeWidget, CircularProgress, CkRichEditor, ClickOpenEnums, ClientSideUdpGrid, ColorKey, CompactCard, CompactDataList, CompactDataListItem, ConfigService, ContainerTypeEnums, ContentContainer, Controls, CoreLayoutFloorplan, CrudBrowserContainer, CrudForm, CrudTableColumnDefs, CrudTableSidePanel, DateField, DatePropertyWidget_exports as DatePropertyWidget, DateTimeField, DateTimePropertyWidget_exports as DateTimePropertyWidget, DateTrendWidget_exports as DateTrendWidget, DensePlotWidget_exports as DensePlotWidget, DeviceTypeEnums, DiffChecker, Directory, DirectoryListItem, Divider, DonutChartWidget_exports as DonutChartWidget, DragDropFileUpload, DraggableSidebarTemplate, DynamicContainerWithMenu, Ellipse, EmptyStateDisplay, EntityAttributeEnums, EntityHeader, EntityMaintenanceUdpGrid, ExecuteApiDialog, ExpandRenderer, ExportSidesheet, ExtenderToggle, Field, FieldArrayCard, FieldType, FileUpload, FileViewer, FilterOperators, FilterSearch, FlagBlock, FloatPropertyWidget_exports as FloatPropertyWidget, FluentActivity, FluentActivityRow, FluentButton, FluentCard, FluentCardActions, FluentCardContent, FluentCardHeader, FluentCardText, FluentCheckbox, FluentColorPicker, FluentCompoundButton, FluentDataTable, FluentDatePicker, FluentDateTimePicker, FluentDialog, FluentIcon, FluentIconButton, FluentImageMap, FluentLink, FluentListElement, FluentListItem, FluentMap, FluentMenuListButton, FluentMenuListItem, FluentProfileMenuCard, FluentRadio, FluentRadioGroup, FluentScrollLoadAutocompleteMenu, FluentSearchField, FluentSelectGroupMenu, FluentSelectMenu, FluentSideNav, FluentSimpleSelect, FluentSimpleTab, FluentSimpleTabs, FluentTabPanel, FluentTabUtility, FluentTagField, FluentTagFieldComponent, FluentTextField, FluentTextFieldAutoComplete, FluentTextFieldComponent, FluentTimePicker, FluentTimeline, FluentToggle, FluentUploadButton, FluentUploadIconButton, Form, FormButtons, FormControl, FormControlLabel, FormError, FormHeader, FormSpy, FormSubHeader, FullScreenControl, GaugeWidget, GeoMap, GraphCard, Grid, GridActionBar, GridEnums, GridGroup, GridGroupingHeader, GridGroupingSidebar, GridRow, GridSidebarContainer, GridStateTypeEnums, GridUnit, HeaderExpander, HeaderLayout, IconButtonWithTooltip, IconKey, IconRenderer, IframeContainer, ImageLayer, ImportDataFromFileMapping, IndicatorChip, InfoCard, InputAdornment, InputFieldType, InputsExample, Inquiry, InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquiryContainer, InquiryDashboard, InquiryHeaderControl, InquiryHeaderControlTarget, InquiryHeaderSecondary, InquiryHeaderSecondaryAlert, InquiryHeaderSecondaryAlertTarget, InquiryHeaderSecondaryTarget, InquiryHeaderTitle, InquiryHeaderTitleTarget, InquiryNodeControls, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, InsightRenderer, IntegerPropertyWidget_exports as IntegerPropertyWidget, ItemDescription, ItemsWidgetCard, JobStatusIdMapping, JobTypeIdMapping, KeyValueTextField, Layers, LayoutUnit, LicenseKey, LineAndSparklinesWidget_exports as LineAndSparklinesWidget, LineGraphWidget_exports as LineGraphWidget, LinearProgress, ListCard, ListElement, LoadingIndicator, LogicalSearchOperatorEnums, LoginForm, LookupTypeEnums, LookupTypeIdEnums, Map$1 as Map, MapFilterBar, MapLayout, MapSheet, MenuItemEnums, MenuTypeEnums, MttMainTimeline, MttSummary, MttTimeline, MultilineTextPropertyWidget_exports as MultilineTextPropertyWidget, MyExportsPage, NestParent, NestWrapper, NestedGrid, NewsCard, NodeActionEnums, NodeActionTriggerEnums, NodeColumnHeader, NodeDetails, NodeGroupOutlierEnums, NodeGroupTypeEnums, NodeList, NodeLoader, Note, Notes, NotesScreen, NotificationElement, NumericPropertyWidget_exports as NumericPropertyWidget, OpenPage, OutlookCallback, PAHAdditionalRightComponent, PAHAdditionalTitleComponent, PAHExport, PDFViewer, PageContainer, PageContent, PageHeader, PageLoading, PageNotFoundRoute, PageRenderer, PageSectionHeader, PageSectionSpacer, PageStatus, PageSubHeaderAction, PageSubHeaderActionsTarget, PanelPositionEnums, ParamsMappingForm, PasswordResetRedirect, PaymentForm, PaymentMethodTypeEnum, PaymentReversalForm, PaymentTenderTypeEnum, PaymentVendorFactoryEnum, PopoverCard, PowerBIReport, PrimaryActionButton, PrimaryActionHeader, PrivateRoute, ProductEnums, ProductNameEnums, ProgressBarWidget_exports as ProgressBarWidget, PropertyField, PropertyFields, PropertyTypeEnum, QuickViewCard, RecentlyLoadedNodesTable, RecentlyLoadedNodesWidget_exports as RecentlyLoadedNodesWidget, RejectIcon, RemindersScreen, RemindersWidget_exports as RemindersWidget, RequiredFieldsMappingForm, RoleIdEnums, RoleNameEnums, RoleTypeEnums, SapFlexibleTemplate, SearchGroupingType, SearchMethodUdpGrid, SearchOperators, SearchServiceDatasource, SearchSortDirection, SearchValueType, SelectGroupMenu, SelectPropertyWidget_exports as SelectPropertyWidget, ServerSideUdpGrid, SeverityTypeEnums, Shell, SideBarTemplate, SideSheet, SideSheetHeader, SiteHeaderRightComponent, SiteHeaderRightComponentTarget, SparklineWidget_exports as SparklineWidget, SparsePlotWidget_exports as SparsePlotWidget, SplitScreenTypeEnums, StandardTitle, Statistic, StatusCellRenderer, StatusChip, StatusLineItem, Sticky, StylizedTitle, SubHeaderAction, SubHeaderActionsTarget, SubmitButton, SummaryBlock, SupportCaseSideSheet, TableColumnDefs, TableContainer, TeleportSource, TenantTypeEnums, TextPropertyWidget_exports as TextPropertyWidget, ThemeProvider, TicketCard, TileDisplay, TileLayer, TimeField, TimeLine, TimePropertyWidget_exports as TimePropertyWidget, TimelineCalendar, TimelinePreloaderNode, ToggleSection, Token, TokenGroupItem, ToolBarButton, TreeViewModeEnums, TrimForAvatar, Typography, UdpAdvancedSearchBuilder, UdpBarChart, UdpCalendar, UdpCalendarDayView, UdpCalendarMonthView, UdpCalendarWeekView, UdpCalendarYearView, UdpCrudFormFields, UdpDateSelector, UdpDonutChart, UdpEnums, UdpGridTemplate, UdpKeywordEnums, UdpLineChart, UdpMaintenanceEnginePage, UdpMap, UdpMapComponent, UdpMapToolbar, UdpPageEnums, UdpPages, UdpPublicForm, UdpReminderFiledForType, UdpRoutes, UdpStepper, UdpTabPanel, UdpTabUtility, UdpTabs, UdpTimeSelector, UdpTimeline, UdpTimelineConnector, UdpTimelineContent, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator, UnityFluentIcon, UnityIcon, UserContext, UserDispatchContext, UtilityBar, UtilityBarInport, UtilityBarInportTarget, UtilityTabHeader, VectorLayer, VerticalEnums, VisibilityTypeEnums, WidgetCard, WorkOrderCard, WorkflowContainer, ZoomControl, acquireAccessToken, apiMutate, apiResponseArrayToOptions, arrayMutators, camelToPascalCaseWithSpace, checkNodeIsHidden, clearGridState, clearStoredExternalPath, clearStoredPath, clearStoredTenant, collapseAllNodes, colors, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, createTimeline, createUser, csvStrToArray, csvStrToArrayOfObjects, defaultColActionsDef, defaultColumnActionsDef, deleteGridState, deleteNode, deleteNodeAndChildren, evaluateRule, executeQueryAdHoc, executeQueryInstance, executeQueryInstanceWithApiMethodInstance, executeQueryWithParameters, expandAllNodes, findAllParentIds, findLastNode, findNodeById, findNodeByIdAndLabel, findNodesByIdAndLabel, findTermByType, fluentLibraryIcons, formatBytes, mttFunctions_exports as formatDataWithTimelineCategoryNameOrderedByDate, formatDateToLocaleString, formatTreeLabel, formatTreeMenuItem, getAccessToken, getAllChildrenNodesToDelete, getApiAccessScope, getApiMethodIdByPath, getBaseMethod, getCommonEntityName, getDisplayDetails, getDisplayName, getEntityAttributes, getFieldValuesForProperties, getFullyQualifiedName, getGridState, getHeaderTitle, getIconFromName, getLazyLoadChildrenArr, getLoginRequest, getMenuItemsRecursively, getMergedConfig, getNodeIdForRightBorder, getOrderedDynamicGroups, getPathObject, getPathParametersObj, getPrimaryKeyValues, getPropertiesForFieldValues, getPropertyMappingList, getPropertyMappingObj, getRatio, getSanitizedName, getSearchIdentifiers, getSearchObject, getSearchValueString, getSignInAuthProvider, getStoredExternalPath, getStoredPath, getStoredTenant, getSuccessAction, getTokenRequest, getUnityIconFromName, greyScale, handleResponseErrors, initSignInAuthProvider, loginRedirect, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, mapRule, mapRuleData, onFirstDataRendered, pluralize, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, removeWhiteSpace, saveGridState, searchForMatchingNode, searchTree, storeCurrentPath, storeExternalPath, storeInitialPath, storeInitialTenant, storePath, storeTenant, toLowerFirstChar, toTitleCase, toUpperFirstChar, toUtcDate, toggleHeader, transformMenuPageTree, trimStringAfter, unityIcons, updateTreeIds, useAccessToken, useActionState, useActions, useAgGridApi, useAllTeleporters, useApiCatalog, useAuthedUser, useAxiosGet, useAxiosGetQuery, useAxiosMutate, useCatalogStore, useControlZoom, useConvertFilterModelToSearchFilters, useCrudActions, useCurrentPageReturnTo, useDateLocale, useDefaultFormValues, useDynamicListCalculation, useExport, useField, useFieldChangeListener, useFluentIcon, useForm, useFormState, useGridClear, useGridFormat, useHandleAction, useHandleAxiosSnackbar, useIsAuthed, useIsUnityAuthenticated, useItemSubCard, useLocalUserActions, useLoginAction, useLogoutAction, useLookupsStore, useNoticeUpdate, useOutlook, usePageContext, usePosition, useProductVersion, usePromotedLookupMethods, usePromotedMethodEntity, useQueryExecutors, useQuickFilter, useScreenControl, useSearchFilterParamsMap, useServerSideDatasource, useSetInitialShellVisibility, useSetLocationState, useShellStore, useSingleLogout, useStyles, useSystemColor, useTenant, useTenantStore, useTypeScale, useUdpExport, useUser, useUserActions, useWorkflowStore, verticalPrimary, verticalSecondary, whitelistedPaths };
+export { ADUserTypeEnums, Accordion, AccountFlags, ActionContext, ActionDispatchContext, ActionForm, ActionModal, ActionPanelPlacement, ActionProvider, ActionSideSheet, ActionSpeedDial, ActionSplitScreen, ActionSummaryCard, ActionSummaryHeader, ActionSummaryListContainer, ActionSummaryListItem, ActionSummaryPopover, ActionWrapper, ActionsRenderer, AddressListItem, Adornment, AgTable, AgTableButtons, AlertContainer, AlertFlag, AmChart, AmbientAlert, AmbientAutoComplete, AmbientCard, AmbientCardButton, AmbientCardTitle, AmbientDateRangeSelector, AmbientGridTemplate, AmbientList, AmbientListItem, AmbientPopoverMenuItem, AmbientProjectSwitcher, AmbientSingleDateSelector, AmbientSplitStatCard, AmbientStepper, AmbientSummaryListHeader, AmbientTextField, AmbientToast, AmbientToggleButton, AmbientToggleButtonGroup, AmbientTokenButton, AmbientVisualizationCard, AmbientVisualizer, ApiMethodInstanceUdpGrid, AppMenu, AppMenuItem, AppMenuItemComponent, AppMenuItemPropTypes, ApprovalIcon, AuthProvider, AuthProviderWrapper, AutoCompletePropertyWidget_exports as AutoCompletePropertyWidget, AvatarAlphabet, BackwardsCompatibleGrid, BarChartWidget_exports as BarChartWidget, BaseSideSheet, BioCard, Block, BooleanPropertyWidget_exports as BooleanPropertyWidget, Box, BreadCrumbMenu, BubbleWidget_exports as BubbleWidget, CardList, CardinalityTypeEnums, ChatContainer, ChatMessage, CheckboxGroup, CheckboxList, ChipAlphabet, CircleGaugeWidget, CircularProgress, CkRichEditor, ClickOpenEnums, ClientSideUdpGrid, ColorKey, CompactCard, CompactDataList, CompactDataListItem, ConfigService, ContainerTypeEnums, ContentContainer, Controls, CoreLayoutFloorplan, CrudBrowserContainer, CrudForm, CrudTableColumnDefs, CrudTableSidePanel, DateField, DatePropertyWidget_exports as DatePropertyWidget, DateTimeField, DateTimePropertyWidget_exports as DateTimePropertyWidget, DateTrendWidget_exports as DateTrendWidget, DensePlotWidget_exports as DensePlotWidget, DeviceTypeEnums, DiffChecker, Directory, DirectoryListItem, Divider, DonutChartWidget_exports as DonutChartWidget, DragDropFileUpload, DraggableSidebarTemplate, DynamicContainerWithMenu, Ellipse, EmptyStateDisplay, EntityAttributeEnums, EntityHeader, EntityMaintenanceUdpGrid, ExecuteApiDialog, ExpandRenderer, ExportSidesheet, ExtenderToggle, Field, FieldArrayCard, FieldType, FileUpload, FileViewer, FilterOperators, FilterSearch, FlagBlock, FloatPropertyWidget_exports as FloatPropertyWidget, FluentActivity, FluentActivityRow, FluentButton, FluentCard, FluentCardActions, FluentCardContent, FluentCardHeader, FluentCardText, FluentCheckbox, FluentColorPicker, FluentCompoundButton, FluentDataTable, FluentDatePicker, FluentDateTimePicker, FluentDialog, FluentIcon, FluentIconButton, FluentImageMap, FluentLink, FluentListElement, FluentListItem, FluentMap, FluentMenuListButton, FluentMenuListItem, FluentProfileMenuCard, FluentRadio, FluentRadioGroup, FluentScrollLoadAutocompleteMenu, FluentSearchField, FluentSelectGroupMenu, FluentSelectMenu, FluentSideNav, FluentSimpleSelect, FluentSimpleTab, FluentSimpleTabs, FluentTabPanel, FluentTabUtility, FluentTagField, FluentTagFieldComponent, FluentTextField, FluentTextFieldAutoComplete, FluentTextFieldComponent, FluentTimePicker, FluentTimeline, FluentToggle, FluentUploadButton, FluentUploadIconButton, Form, FormButtons, FormControl, FormControlLabel, FormError, FormHeader, FormSpy, FormSubHeader, FullScreenControl, GaugeWidget, GeoMap, GraphCard, Grid, GridActionBar, GridEnums, GridGroup, GridGroupingHeader, GridGroupingSidebar, GridRow, GridSidebarContainer, GridStateTypeEnums, GridUnit, HeaderExpander, HeaderLayout, IconButtonWithTooltip, IconKey, IconRenderer, IframeContainer, ImageLayer, ImportDataFromFileMapping, IndicatorChip, InfoCard, InputAdornment, InputFieldType, InputsExample, Inquiry, InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquiryContainer, InquiryDashboard, InquiryHeaderControl, InquiryHeaderControlTarget, InquiryHeaderSecondary, InquiryHeaderSecondaryAlert, InquiryHeaderSecondaryAlertTarget, InquiryHeaderSecondaryTarget, InquiryHeaderTitle, InquiryHeaderTitleTarget, InquiryNodeControls, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, InsightRenderer, IntegerPropertyWidget_exports as IntegerPropertyWidget, ItemDescription, ItemsWidgetCard, JobStatusIdMapping, JobTypeIdMapping, KeyValueTextField, Layers, LayoutUnit, LicenseKey, LineAndSparklinesWidget_exports as LineAndSparklinesWidget, LineGraphWidget_exports as LineGraphWidget, LinearProgress, ListCard, ListElement, LoadingIndicator, LogicalSearchOperatorEnums, LoginForm, LookupTypeEnums, LookupTypeIdEnums, Map$1 as Map, MapFilterBar, MapLayout, MapSheet, MenuItemEnums, MenuTypeEnums, MttMainTimeline, MttSummary, MttTimeline, MultilineTextPropertyWidget_exports as MultilineTextPropertyWidget, MyExportsPage, NestParent, NestWrapper, NestedGrid, NewsCard, NodeActionEnums, NodeActionTriggerEnums, NodeColumnHeader, NodeDetails, NodeGroupOutlierEnums, NodeGroupTypeEnums, NodeList, NodeLoader, Note, Notes, NotesScreen, NotificationElement, NumericPropertyWidget_exports as NumericPropertyWidget, OpenPage, OutlookCallback, PAHAdditionalRightComponent, PAHAdditionalTitleComponent, PAHExport, PDFViewer, PageContainer, PageContent, PageHeader, PageLoading, PageNotFoundRoute, PageRenderer, PageSectionHeader, PageSectionSpacer, PageStatus, PageSubHeaderAction, PageSubHeaderActionsTarget, PanelPositionEnums, ParamsMappingForm, PasswordResetRedirect, PaymentForm, PaymentMethodTypeEnum, PaymentReversalForm, PaymentTenderTypeEnum, PaymentVendorFactoryEnum, PopoverCard, PowerBIReport, PrimaryActionButton, PrimaryActionHeader, PrivateRoute, ProductEnums, ProductNameEnums, ProgressBarWidget_exports as ProgressBarWidget, PropertyField, PropertyFields, PropertyTypeEnum, QuickViewCard, RecentlyLoadedNodesTable, RecentlyLoadedNodesWidget_exports as RecentlyLoadedNodesWidget, RejectIcon, RemindersScreen, RemindersWidget_exports as RemindersWidget, RequiredFieldsMappingForm, RoleIdEnums, RoleNameEnums, RoleTypeEnums, SapFlexibleTemplate, SearchGroupingType, SearchMethodUdpGrid, SearchOperators, SearchServiceDatasource, SearchSortDirection, SearchValueType, SelectGroupMenu, SelectPropertyWidget_exports as SelectPropertyWidget, ServerSideUdpGrid, SeverityTypeEnums, Shell, ShellDropdown, SideBarTemplate, SideSheet, SideSheetHeader, SiteHeaderRightComponent, SiteHeaderRightComponentTarget, SparklineWidget_exports as SparklineWidget, SparsePlotWidget_exports as SparsePlotWidget, SplitScreenTypeEnums, StandardTitle, Statistic, StatusCellRenderer, StatusChip, StatusLineItem, Sticky, StylizedTitle, SubHeaderAction, SubHeaderActionsTarget, SubmitButton, SummaryBlock, SupportCaseSideSheet, TableColumnDefs, TableContainer, TeleportSource, TenantTypeEnums, TextPropertyWidget_exports as TextPropertyWidget, ThemeProvider, TicketCard, TileDisplay, TileLayer, TimeField, TimeLine, TimePropertyWidget_exports as TimePropertyWidget, TimelineCalendar, TimelinePreloaderNode, ToggleSection, Token, TokenGroupItem, ToolBarButton, TreeViewModeEnums, TrimForAvatar, Typography, UdpAdvancedSearchBuilder, UdpBarChart, UdpCalendar, UdpCalendarDayView, UdpCalendarMonthView, UdpCalendarWeekView, UdpCalendarYearView, UdpCrudFormFields, UdpDateSelector, UdpDonutChart, UdpEnums, UdpGridTemplate, UdpKeywordEnums, UdpLineChart, UdpMaintenanceEnginePage, UdpMap, UdpMapComponent, UdpMapToolbar, UdpPageEnums, UdpPages, UdpPublicForm, UdpReminderFiledForType, UdpRoutes, UdpStepper, UdpTabPanel, UdpTabUtility, UdpTabs, UdpTimeSelector, UdpTimeline, UdpTimelineConnector, UdpTimelineContent, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator, UnityFluentIcon, UnityIcon, UserContext, UserDispatchContext, UtilityBar, UtilityBarInport, UtilityBarInportTarget, UtilityTabHeader, VectorLayer, VerticalEnums, VisibilityTypeEnums, WidgetCard, WorkOrderCard, WorkflowContainer, ZoomControl, acquireAccessToken, apiMutate, apiResponseArrayToOptions, arrayMutators, camelToPascalCaseWithSpace, checkNodeIsHidden, clearGridState, clearStoredExternalPath, clearStoredPath, clearStoredTenant, collapseAllNodes, colors, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, createTimeline, createUser, csvStrToArray, csvStrToArrayOfObjects, defaultColActionsDef, defaultColumnActionsDef, deleteGridState, deleteNode, deleteNodeAndChildren, evaluateRule, executeQueryAdHoc, executeQueryInstance, executeQueryInstanceWithApiMethodInstance, executeQueryWithParameters, expandAllNodes, findAllParentIds, findLastNode, findNodeById, findNodeByIdAndLabel, findNodesByIdAndLabel, findTermByType, fluentLibraryIcons, formatBytes, mttFunctions_exports as formatDataWithTimelineCategoryNameOrderedByDate, formatDateToLocaleString, formatTreeLabel, formatTreeMenuItem, getAccessToken, getAllChildrenNodesToDelete, getApiAccessScope, getApiMethodIdByPath, getBaseMethod, getCommonEntityName, getDisplayDetails, getDisplayName, getEntityAttributes, getFieldValuesForProperties, getFullyQualifiedName, getGridState, getHeaderTitle, getIconFromName, getLazyLoadChildrenArr, getLoginRequest, getMenuItemsRecursively, getMergedConfig, getNodeIdForRightBorder, getOrderedDynamicGroups, getPathObject, getPathParametersObj, getPrimaryKeyValues, getPropertiesForFieldValues, getPropertyMappingList, getPropertyMappingObj, getRatio, getSanitizedName, getSearchIdentifiers, getSearchObject, getSearchValueString, getSignInAuthProvider, getStoredExternalPath, getStoredPath, getStoredTenant, getSuccessAction, getTokenRequest, getUnityIconFromName, greyScale, handleResponseErrors, initSignInAuthProvider, loginRedirect, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, mapRule, mapRuleData, onFirstDataRendered, pluralize, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, removeWhiteSpace, saveGridState, searchForMatchingNode, searchTree, storeCurrentPath, storeExternalPath, storeInitialPath, storeInitialTenant, storePath, storeTenant, toLowerFirstChar, toTitleCase, toUpperFirstChar, toUtcDate, toggleHeader, transformMenuPageTree, trimStringAfter, unityIcons, updateTreeIds, useAccessToken, useActionState, useActions, useAgGridApi, useAllTeleporters, useApiCatalog, useAuthedUser, useAxiosGet, useAxiosGetQuery, useAxiosMutate, useCatalogStore, useControlZoom, useConvertFilterModelToSearchFilters, useCrudActions, useCurrentPageReturnTo, useDateLocale, useDefaultFormValues, useDynamicListCalculation, useExport, useField, useFieldChangeListener, useFluentIcon, useForm, useFormState, useGridClear, useGridFormat, useHandleAction, useHandleAxiosSnackbar, useIsAuthed, useIsUnityAuthenticated, useItemSubCard, useLocalUserActions, useLoginAction, useLogoutAction, useLookupsStore, useNoticeUpdate, useOutlook, usePageContext, usePosition, useProductVersion, usePromotedLookupMethods, usePromotedMethodEntity, useQueryExecutors, useQuickFilter, useScreenControl, useSearchFilterParamsMap, useServerSideDatasource, useSetInitialShellVisibility, useSetLocationState, useShellStore, useSingleLogout, useStyles, useSystemColor, useTenant, useTenantStore, useTypeScale, useUdpExport, useUser, useUserActions, useWorkflowStore, verticalPrimary, verticalSecondary, whitelistedPaths };
 //# sourceMappingURL=index.js.map