udp-react-enterprise-component-library 25.16.2-beta.2 → 25.16.2-beta.3

package/dist/inquiry/dashboard/index.js

@@ -21,9 +21,7 @@ import "../../AmbientCardButton-rxhZY2T5.js";
 import "../../Adornment-CrC1zHSp.js";
 import "../../AmbientCard-Bl34OCRH.js";
 import "../../IconRenderer-3GKCegIn.js";
-import { t as InquiryDashboard } from "../../InquiryDashboard-EoAeiIWK.js";
+import { n as InquiryDashboard, t as RecentlyLoadedNodesTable } from "../../dashboard-BE80OHJw.js";
 import "../../DateUtilities-DpwKxatA.js";
-import { t as RecentlyLoadedNodesTable } from "../../RecentlyLoadedNodesTable-DnBy6AEU.js";
-import "../../dashboard-DfDQY2Uz.js";
 
 export { InquiryDashboard, RecentlyLoadedNodesTable };

package/dist/inquiry/index.js

@@ -2,7 +2,7 @@ import "../AgTable-qA_zuj8l.js";
 import "../FormButtons-3-Do6TqZ.js";
 import "../Field-Cpjv208h.js";
 import "../form-Cenkgcue.js";
-import { t as FluentButton } from "../FluentButton-3xMbN_Vs.js";
+import "../FluentButton-3xMbN_Vs.js";
 import "../CrudBrowserUtilities-BXQ52z0n.js";
 import "../apiHelpers-CaBH4Wqe.js";
 import "../pageEnums-DtccKpw_.js";
@@ -83,68 +83,37 @@ import "../SearchOperator-D9838PIe.js";
 import "../useFluentIcon-D3rSGz0m.js";
 import "../searchEnums-BCjBowOK.js";
 import "../useSearchFilterParamsMap-D4anvndE.js";
-import { a as InquiryTreeMenu, c as InquiryWrapper, d as ExecuteApiDialog, f as AmbientSummaryListHeader, g as AlertFlag, h as ItemDescription, i as NodeList, l as FlagBlock, m as AmbientListItem, n as NodeColumnHeader, o as InquiryTreeMenuItem, p as AmbientSplitStatCard, r as InquiryContainer, s as NodeDetails, t as Inquiry, u as FilterSearch } from "../Inquiry-BmG2eye6.js";
+import { _ as AlertFlag, a as NodeList, c as NodeDetails, d as FilterSearch, f as ExecuteApiDialog, g as ItemDescription, h as AmbientListItem, i as InquiryContainer, l as InquiryWrapper, m as AmbientSplitStatCard, n as Inquiry, o as InquiryTreeMenu, p as AmbientSummaryListHeader, r as NodeColumnHeader, s as InquiryTreeMenuItem, t as ToggleButton, u as FlagBlock } from "../inquiry-CgxJFvsR.js";
 import "../useSplitDecimal-CXVfLuCT.js";
 import "../SummaryBlock-BqcLmSbm.js";
 import "../widgets-BstCOckr.js";
 import "../TimeField-CcV1O5Gd.js";
 import "../PropertyFields-CC3bT7Rb.js";
 import "../SelectUtilities-DgYPAESe.js";
-import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../InquirySearchContainer-BJZlyWSv.js";
-import { t as InquiryDashboard } from "../InquiryDashboard-EoAeiIWK.js";
+import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../search-CvKz7AKM.js";
+import { n as InquiryDashboard, t as RecentlyLoadedNodesTable } from "../dashboard-BE80OHJw.js";
 import "../InquiryHeaderSecondaryAlert-DyU3gSwo.js";
-import { n as InquiryControlList, t as InquiryNodeControls } from "../InquiryNodeControls-NSUmP5z6.js";
+import { n as InquiryControlList, t as InquiryNodeControls } from "../inquiryBar-C2HJJSqs.js";
 import "../NodeLoader-DTzrMqNJ.js";
 import "../NumberOperator-B9Z8RVLl.js";
 import "../aggregateUtils-DfJ1Vlr6.js";
 import "../AggregateChip-BNtU9tx9.js";
 import "../DateUtilities-DpwKxatA.js";
-import { t as RecentlyLoadedNodesTable } from "../RecentlyLoadedNodesTable-DnBy6AEU.js";
-import "../UtilityBarInport-Dei5BcYo.js";
-import "../UtilitySideBar-CTYzpnie.js";
-import "../PageSubHeaderAction-P5JNbI1r.js";
-import "../PageActionWrapper-BLi6xXdd.js";
-import "../WorkflowTreeMenu-CoDNDQxm.js";
-import "../workflowEnums-BPeGiQKg.js";
-import "../workflowUtilities-DMsosjJ_.js";
-import "../workflowStore-CBcKriB2.js";
-import "../WorkflowTaskFlow-Cb1JZOU2.js";
-import "../LinearProgress-BiBVB7Dw.js";
-import "../CircularProgress-CSGPlrG_.js";
-import "../WorkflowContent-B4na5XXv.js";
-import "../EmailDisplay-BEV_maxX.js";
-import "../LoadingOverlay-DMaSZ_lL.js";
-import "../useAuthedUser-BRX-xjnS.js";
-import "../CatalogUtilities-Cm2RALT1.js";
-import "../search-YPsWhV_L.js";
-import "../dashboard-DfDQY2Uz.js";
-import "../inquiryBar-CTeb-8eD.js";
-import React from "react";
-import { makeStyles } from "@material-ui/core";
+import "../UtilityBarInport-BK2d93K5.js";
+import "../UtilitySideBar-BTwLKDoy.js";
+import "../PageSubHeaderAction-PjiQrg61.js";
+import "../PageActionWrapper-CLLGHLUx.js";
+import "../WorkflowTreeMenu-pXKq9TyH.js";
+import "../workflowEnums-BOQUbwNm.js";
+import "../workflowUtilities-xEyO79d5.js";
+import "../workflowStore-D-NHniHF.js";
+import "../WorkflowTaskFlow-B067pxDZ.js";
+import "../LinearProgress-DvXOb1Ck.js";
+import "../CircularProgress-CGB2A7S2.js";
+import "../WorkflowContent-DN9BPOCP.js";
+import "../EmailDisplay-CpnpgDOC.js";
+import "../LoadingOverlay-DC798-1h.js";
+import "../useAuthedUser-CXowatE7.js";
+import "../CatalogUtilities-CgNFjItY.js";
 
-//#region src/inquiry/ToggleButton.jsx
-const useStyles = makeStyles((theme) => ({ button: {
-	borderRadius: theme.spacing(5),
-	width: (props) => props.width || "100%",
-	backgroundColor: (props) => props.disabled ? "none" : props.color ? theme.palette[props.color]?.main ? theme.palette[props.color].main : props.color : theme.palette.secondary.main,
-	borderColor: (props) => props.disabled && theme.palette.grey[300],
-	color: (props) => props.disabled ? "#000 !important" : "#fff",
-	"&:hover": { color: "#000" }
-} }));
-/**
-* `ToggleButton` component
-*/
-const ToggleButton = (props) => {
-	const { variant = "", onClick, children,...otherProps } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick,
-		className: classes.button,
-		variant,
-		...otherProps
-	}, children);
-};
-
-//#endregion
-export { AlertFlag, AmbientListItem, AmbientSplitStatCard, AmbientSummaryListHeader, ExecuteApiDialog, FilterSearch, FlagBlock, Inquiry, InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquiryContainer, InquiryControlList, InquiryDashboard, InquiryNodeControls, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, ItemDescription, NodeColumnHeader, NodeDetails, NodeList, RecentlyLoadedNodesTable, ToggleButton };
-//# sourceMappingURL=index.js.map
+export { AlertFlag, AmbientListItem, AmbientSplitStatCard, AmbientSummaryListHeader, ExecuteApiDialog, FilterSearch, FlagBlock, Inquiry, InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquiryContainer, InquiryControlList, InquiryDashboard, InquiryNodeControls, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, ItemDescription, NodeColumnHeader, NodeDetails, NodeList, RecentlyLoadedNodesTable, ToggleButton };

package/dist/inquiry/inquiryBar/index.js

@@ -4,7 +4,6 @@ import "../../FluentIcon-iRSVzrph.js";
 import "../../unitySystemEnums-C3qeqk7V.js";
 import "../../FluentSearchField-2RcuJ9Oa.js";
 import "../../IconButtonWithToolTip-C8Gr_PHd.js";
-import { n as InquiryControlList, t as InquiryNodeControls } from "../../InquiryNodeControls-NSUmP5z6.js";
-import "../../inquiryBar-CTeb-8eD.js";
+import { n as InquiryControlList, t as InquiryNodeControls } from "../../inquiryBar-C2HJJSqs.js";
 
 export { InquiryControlList, InquiryNodeControls };

package/dist/inquiry/search/index.js

@@ -35,7 +35,6 @@ import "../../widgets-BstCOckr.js";
 import "../../TimeField-CcV1O5Gd.js";
 import "../../PropertyFields-CC3bT7Rb.js";
 import "../../SelectUtilities-DgYPAESe.js";
-import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../../InquirySearchContainer-BJZlyWSv.js";
-import "../../search-YPsWhV_L.js";
+import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../../search-CvKz7AKM.js";
 
 export { InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable };

package/dist/{Inquiry-BmG2eye6.js → inquiry-CgxJFvsR.js}

@@ -32,22 +32,21 @@ import { t as fluentLibraryIcons } from "./LibraryData-Bt6sx_2C.js";
 import { t as FluentDialog } from "./FluentDialog-CXnECDfH.js";
 import { t as useFluentIcon } from "./useFluentIcon-D3rSGz0m.js";
 import { t as SummaryBlock } from "./SummaryBlock-BqcLmSbm.js";
-import { i as InquiryAdvancedSearch, t as InquirySearchContainer } from "./InquirySearchContainer-BJZlyWSv.js";
-import { t as InquiryDashboard } from "./InquiryDashboard-EoAeiIWK.js";
+import { i as InquiryAdvancedSearch, t as InquirySearchContainer } from "./search-CvKz7AKM.js";
+import { n as InquiryDashboard, t as RecentlyLoadedNodesTable } from "./dashboard-BE80OHJw.js";
 import { i as InquiryHeaderSecondaryTarget, n as InquiryHeaderSecondaryAlertTarget, r as InquiryHeaderSecondary } from "./InquiryHeaderSecondaryAlert-DyU3gSwo.js";
-import { t as InquiryNodeControls } from "./InquiryNodeControls-NSUmP5z6.js";
+import { t as InquiryNodeControls } from "./inquiryBar-C2HJJSqs.js";
 import { t as NodeLoader } from "./NodeLoader-DTzrMqNJ.js";
 import { t as AggregateChip } from "./AggregateChip-BNtU9tx9.js";
-import { t as RecentlyLoadedNodesTable } from "./RecentlyLoadedNodesTable-DnBy6AEU.js";
-import { t as UtilitySideBar } from "./UtilitySideBar-CTYzpnie.js";
-import { t as PageActionWrapper } from "./PageActionWrapper-BLi6xXdd.js";
-import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-CoDNDQxm.js";
-import { t as UnitStateType } from "./workflowEnums-BPeGiQKg.js";
-import { i as transformWorkflowPlayTree } from "./workflowUtilities-DMsosjJ_.js";
-import { t as WorkflowContent } from "./WorkflowContent-B4na5XXv.js";
-import { t as LoadingOverlay_default } from "./LoadingOverlay-DMaSZ_lL.js";
-import { t as useAuthedUser } from "./useAuthedUser-BRX-xjnS.js";
-import { t as buildCatalogObjectList } from "./CatalogUtilities-Cm2RALT1.js";
+import { t as UtilitySideBar } from "./UtilitySideBar-BTwLKDoy.js";
+import { t as PageActionWrapper } from "./PageActionWrapper-CLLGHLUx.js";
+import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-pXKq9TyH.js";
+import { t as UnitStateType } from "./workflowEnums-BOQUbwNm.js";
+import { i as transformWorkflowPlayTree } from "./workflowUtilities-xEyO79d5.js";
+import { t as WorkflowContent } from "./WorkflowContent-DN9BPOCP.js";
+import { t as LoadingOverlay_default } from "./LoadingOverlay-DC798-1h.js";
+import { t as useAuthedUser } from "./useAuthedUser-CXowatE7.js";
+import { t as buildCatalogObjectList } from "./CatalogUtilities-CgNFjItY.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Box, Card, CircularProgress, Collapse, Divider, LinearProgress, Slide, Tooltip, Typography, darken, lighten, makeStyles, useTheme } from "@material-ui/core";
 import { useForm } from "react-final-form";
@@ -67,7 +66,7 @@ import TreeItem from "@material-ui/lab/TreeItem";
 import NoEntityOpenedUrl from "./assets/unityIcons/NoEntityOpened.svg";
 
 //#region src/inquiry/AlertFlag.jsx
-const useStyles$14 = makeStyles((theme) => ({
+const useStyles$15 = makeStyles((theme) => ({
 	labelRoot: {
 		display: "flex",
 		alignItems: "center",
@@ -105,7 +104,7 @@ const useStyles$14 = 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$14(props);
+	const classes = useStyles$15(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, {
@@ -135,7 +134,7 @@ const AlertFlag = (props) => {
 
 //#endregion
 //#region src/inquiry/ItemDescription.jsx
-const useStyles$13 = makeStyles((theme) => ({
+const useStyles$14 = makeStyles((theme) => ({
 	labelRoot: {
 		display: "flex",
 		alignItems: "center"
@@ -159,7 +158,7 @@ const useStyles$13 = makeStyles((theme) => ({
 const ItemDescription = (props) => {
 	const { iconName = "none", label, iconSize = "medium", iconType = "", iconColor = "", variant = "caption", style = {} } = props;
 	const theme = useTheme();
-	const classes = useStyles$13(props);
+	const classes = useStyles$14(props);
 	const IconComponent = useMemo(() => {
 		if (!iconName || iconName === "none") return null;
 		return fluentLibraryIcons.find((item) => item.id.toLowerCase().includes(iconName.toLowerCase()))?.icon || null;
@@ -182,7 +181,7 @@ const ItemDescription = (props) => {
 
 //#endregion
 //#region src/inquiry/AmbientListItem.jsx
-const useStyles$12 = makeStyles((theme) => ({
+const useStyles$13 = makeStyles((theme) => ({
 	headerRoot: {
 		display: "flex",
 		flexDirection: "row",
@@ -212,7 +211,7 @@ const useStyles$12 = makeStyles((theme) => ({
 */
 const AmbientListItem = (props) => {
 	const { dataList = [], paid, paidLabel = "none", handleClick, style = {} } = props;
-	const classes = useStyles$12(props);
+	const classes = useStyles$13(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.headerRoot,
 		style
@@ -230,7 +229,7 @@ const AmbientListItem = (props) => {
 
 //#endregion
 //#region src/inquiry/AmbientSplitStatCard.jsx
-const useStyles$11 = makeStyles((theme) => ({
+const useStyles$12 = makeStyles((theme) => ({
 	rootContainer: {
 		background: "#FFFFFF",
 		boxShadow: "0px 1px 4px rgba(0, 0, 0, 0.08)",
@@ -281,7 +280,7 @@ const defaultBlockSpecs = {
 */
 const AmbientSplitStatCard = (props) => {
 	const { title, subtitle, cardsSpecs, graphTitle, graphVariant, graphSpec, style } = props;
-	const classes = useStyles$11(props);
+	const classes = useStyles$12(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.rootContainer,
 		style
@@ -320,7 +319,7 @@ const AmbientSplitStatCard = (props) => {
 
 //#endregion
 //#region src/inquiry/AmbientSummaryListHeader.jsx
-const useStyles$10 = makeStyles((theme) => ({
+const useStyles$11 = makeStyles((theme) => ({
 	headerRoot: {
 		display: "flex",
 		flexDirection: "row",
@@ -353,7 +352,7 @@ const useStyles$10 = makeStyles((theme) => ({
 */
 const AmbientSummaryListHeader = (props) => {
 	const { columns, style = {} } = props;
-	const classes = useStyles$10(props);
+	const classes = useStyles$11(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.headerRoot,
 		style
@@ -401,13 +400,13 @@ const ExecuteApiDialog = (props) => {
 
 //#endregion
 //#region src/inquiry/FilterSearch.jsx
-const useStyles$9 = makeStyles((theme) => ({ root: {
+const useStyles$10 = makeStyles((theme) => ({ root: {
 	background: "#eeeeee",
 	width: "100%",
 	height: "100vh"
 } }));
 const FilterSearch = ({ children }) => {
-	const classes = useStyles$9();
+	const classes = useStyles$10();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, " ", children, " ");
 };
 
@@ -418,7 +417,7 @@ const AlertTypeEnum = {
 	success: { backgroundColor: "#F3FAF3" },
 	error: { backgroundColor: "#FDF7F6" }
 };
-const useStyles$8 = makeStyles((theme) => ({
+const useStyles$9 = makeStyles((theme) => ({
 	rootContainer: {
 		boxSizing: "border-box",
 		display: "flex",
@@ -445,7 +444,7 @@ const useStyles$8 = makeStyles((theme) => ({
 */
 const FlagBlock = (props) => {
 	const { children, style } = props;
-	const classes = useStyles$8(props);
+	const classes = useStyles$9(props);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classes.rootContainer,
 		style
@@ -454,7 +453,7 @@ const FlagBlock = (props) => {
 
 //#endregion
 //#region src/inquiry/InquiryWrapper.jsx
-const useStyles$7 = makeStyles((theme) => ({
+const useStyles$8 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		flexDirection: "row",
@@ -469,7 +468,7 @@ const useStyles$7 = makeStyles((theme) => ({
 	children: { width: "100%" }
 }));
 const InquiryWrapper = (props) => {
-	const classes = useStyles$7(props);
+	const classes = useStyles$8(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",
@@ -485,7 +484,7 @@ const InquiryWrapper = (props) => {
 
 //#endregion
 //#region src/inquiry/NodeDetails.jsx
-const useStyles$6 = makeStyles((theme) => ({
+const useStyles$7 = makeStyles((theme) => ({
 	root: { marginLeft: theme.spacing(2) },
 	wrapper: {},
 	columnOne: {
@@ -499,7 +498,7 @@ const useStyles$6 = makeStyles((theme) => ({
 }));
 const ListItem$1 = (props) => {
 	const { label, value } = props;
-	const classes = useStyles$6();
+	const classes = useStyles$7();
 	return /* @__PURE__ */ React.createElement("div", { className: classes.listItem }, /* @__PURE__ */ React.createElement(Typography, {
 		color: "secondary",
 		variant: "caption"
@@ -507,7 +506,7 @@ const ListItem$1 = (props) => {
 };
 const NodeDetails = (props) => {
 	const { node } = props;
-	const classes = useStyles$6();
+	const classes = useStyles$7();
 	const details = useMemo(() => {
 		if (!node || !node?.nodeObj || !node?.properties?.pageHeaderConfiguration) return [];
 		const shownPageHeaderConfigurations = node.properties.pageHeaderConfiguration.filter((phc) => phc.isShown);
@@ -541,7 +540,7 @@ const NodeDetails = (props) => {
 
 //#endregion
 //#region src/inquiry/InquiryTreeMenuItem.jsx
-const useStyles$5 = makeStyles((theme) => ({
+const useStyles$6 = 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": {
@@ -613,7 +612,7 @@ const useStyles$5 = 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$5(props);
+	const classes = useStyles$6(props);
 	const theme = useTheme();
 	const [{ isDragging }, dragRef] = useDrag({
 		type: "InquiryTreeMenuItem",
@@ -733,7 +732,7 @@ const InquiryTreeMenuItem = (props) => {
 
 //#endregion
 //#region src/inquiry/InquiryTreeMenu.jsx
-const useStyles$4 = makeStyles((theme) => ({
+const useStyles$5 = makeStyles((theme) => ({
 	root: {
 		marginBottom: theme.spacing(1.75),
 		borderTop: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? `1px solid ${theme.palette.grey[200]}` : ""
@@ -748,7 +747,7 @@ const InquiryTreeMenu = (props) => {
 	const [loadingChildren, setLoadingChildren] = useState(false);
 	const [tree, setTree] = useState(menuItems);
 	const theme = useTheme();
-	const classes = useStyles$4(props);
+	const classes = useStyles$5(props);
 	const { enqueueSnackbar } = useSnackbar();
 	const handleSelectedNode = useCallback((e, value) => {
 		const selectedNode = searchTree(tree, value);
@@ -1086,7 +1085,7 @@ const InquiryTreeMenu = (props) => {
 
 //#endregion
 //#region src/inquiry/NodeList.jsx
-const useStyles$3 = makeStyles((theme) => ({
+const useStyles$4 = makeStyles((theme) => ({
 	root: { overflowX: "auto" },
 	nodeContainer: { width: "100%" },
 	loader: {
@@ -1104,7 +1103,7 @@ const useStyles$3 = makeStyles((theme) => ({
 const NodeList = (props) => {
 	const { menuItemsList, onSelectNode, onDropNode, selectedNodeId, selectedNodeParentId, expandAllClicked, classes: classProps, menuLoading, nodesRequested, sidebarExpanded, executeQueryAdHoc, catalogObjects, promotedEntities, treeStructureArr, setMenuList, treeViewMode } = props;
 	const { root } = classProps || {};
-	const classes = useStyles$3();
+	const classes = useStyles$4();
 	const handleSelectNode = useCallback((selectedNode, menuIndex, selectedTree) => {
 		onSelectNode(selectedNode, menuIndex, selectedTree);
 	}, [onSelectNode]);
@@ -1140,7 +1139,7 @@ const NodeList = (props) => {
 
 //#endregion
 //#region src/inquiry/InquiryContainer.jsx
-const useStyles$2 = makeStyles((theme) => ({
+const useStyles$3 = makeStyles((theme) => ({
 	root: {
 		display: "flex",
 		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`
@@ -1199,7 +1198,7 @@ const InquiryContainer = (props) => {
 	const { catalogObjects, executeQueryAdHoc, executeQueryWithParameters, 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$2({
+	const classes = useStyles$3({
 		shellHidden,
 		...props,
 		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
@@ -2822,7 +2821,7 @@ InquiryContainer.propTypes = {
 
 //#endregion
 //#region src/inquiry/NodeColumnHeader.jsx
-const useStyles$1 = makeStyles((theme) => ({
+const useStyles$2 = makeStyles((theme) => ({
 	root: { position: "relative" },
 	title: { margin: theme.spacing(2) },
 	iconButton: {
@@ -2833,7 +2832,7 @@ const useStyles$1 = makeStyles((theme) => ({
 	}
 }));
 const NodeColumnHeader = ({ children, toggleView, expanded }) => {
-	const classes = useStyles$1();
+	const classes = useStyles$2();
 	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
@@ -2842,7 +2841,7 @@ const NodeColumnHeader = ({ children, toggleView, expanded }) => {
 
 //#endregion
 //#region src/inquiry/Inquiry.jsx
-const useStyles = makeStyles((theme) => ({ loadingContent: {
+const useStyles$1 = makeStyles((theme) => ({ loadingContent: {
 	flex: 1,
 	display: "flex",
 	flexDirection: "column",
@@ -2880,7 +2879,7 @@ const useStyles = makeStyles((theme) => ({ loadingContent: {
 */
 const Inquiry = (props) => {
 	const { shellContext, treeId, searchValue, autoCollapseNav = true, useNewUdpTab = true, containerId = "" } = props;
-	const classes = useStyles(props);
+	const classes = useStyles$1(props);
 	const user = useAuthedUser();
 	const { location } = props;
 	const udpTreeId = treeId || location?.pathname?.replace("/inquiry/", "");
@@ -2987,5 +2986,29 @@ const Inquiry = (props) => {
 };
 
 //#endregion
-export { InquiryTreeMenu as a, InquiryWrapper as c, ExecuteApiDialog as d, AmbientSummaryListHeader as f, AlertFlag as g, ItemDescription as h, NodeList as i, FlagBlock as l, AmbientListItem as m, NodeColumnHeader as n, InquiryTreeMenuItem as o, AmbientSplitStatCard as p, InquiryContainer as r, NodeDetails as s, Inquiry as t, FilterSearch as u };
-//# sourceMappingURL=Inquiry-BmG2eye6.js.map
+//#region src/inquiry/ToggleButton.jsx
+const useStyles = makeStyles((theme) => ({ button: {
+	borderRadius: theme.spacing(5),
+	width: (props) => props.width || "100%",
+	backgroundColor: (props) => props.disabled ? "none" : props.color ? theme.palette[props.color]?.main ? theme.palette[props.color].main : props.color : theme.palette.secondary.main,
+	borderColor: (props) => props.disabled && theme.palette.grey[300],
+	color: (props) => props.disabled ? "#000 !important" : "#fff",
+	"&:hover": { color: "#000" }
+} }));
+/**
+* `ToggleButton` component
+*/
+const ToggleButton = (props) => {
+	const { variant = "", onClick, children,...otherProps } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement(FluentButton, {
+		onClick,
+		className: classes.button,
+		variant,
+		...otherProps
+	}, children);
+};
+
+//#endregion
+export { AlertFlag as _, NodeList as a, NodeDetails as c, FilterSearch as d, ExecuteApiDialog as f, ItemDescription as g, AmbientListItem as h, InquiryContainer as i, InquiryWrapper as l, AmbientSplitStatCard as m, Inquiry as n, InquiryTreeMenu as o, AmbientSummaryListHeader as p, NodeColumnHeader as r, InquiryTreeMenuItem as s, ToggleButton as t, FlagBlock as u };
+//# sourceMappingURL=inquiry-CgxJFvsR.js.map