@itwin/appui-react 3.7.17 → 3.8.0

package/lib/cjs/appui-react/toolbar/ToolbarComposer.js

@@ -1,248 +1,248 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarComposer = void 0;
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const components_react_1 = require("@itwin/components-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
-const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
-const UiFramework_1 = require("../UiFramework");
-const DragInteraction_1 = require("./DragInteraction");
-const ToolbarHelper_1 = require("./ToolbarHelper");
-const useDefaultToolbarItems_1 = require("./useDefaultToolbarItems");
-const useUiItemsProviderToolbarItems_1 = require("./useUiItemsProviderToolbarItems");
-/** Private function to set up sync event monitoring of toolbar items */
-function useToolbarItemSyncEffect(uiDataProvider, syncIdsOfInterest) {
-    React.useEffect(() => {
-        const handleSyncUiEvent = (args) => {
-            if (0 === syncIdsOfInterest.length)
-                return;
-            // istanbul ignore else
-            if (syncIdsOfInterest.some((value) => args.eventIds.has(value.toLowerCase()))) {
-                // process each item that has interest
-                uiDataProvider.refreshAffectedItems(args.eventIds);
-            }
-        };
-        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
-        return () => {
-            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);
-        };
-    }, [uiDataProvider, syncIdsOfInterest, uiDataProvider.items]);
-    React.useEffect(() => {
-        const handleToolActivatedEvent = ({ toolId }) => {
-            uiDataProvider.setActiveToolId(toolId);
-        };
-        UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
-        return () => {
-            UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
-        };
-    }, [uiDataProvider, uiDataProvider.items]);
-}
-function nestedAddItemToSpecifiedParentGroup(items, groupChildren) {
-    const outItems = [];
-    for (const toolbarItem of items) {
-        if (!appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem)) {
-            outItems.push(toolbarItem);
-            continue;
-        }
-        const newChildren = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);
-        const foundIndices = [];
-        groupChildren.forEach((entry, index) => {
-            if (entry.parentToolGroupId === toolbarItem.id) {
-                foundIndices.push(index);
-            }
-        });
-        // istanbul ignore else
-        if (foundIndices.length) {
-            // process in reverse order so groupChildren can be reduced as we find matches
-            foundIndices.sort(
-            // istanbul ignore next
-            (a, b) => a - b).reverse().forEach((foundIndex) => {
-                newChildren.push(groupChildren[foundIndex]);
-                groupChildren.splice(foundIndex);
-            });
-        }
-        outItems.push({ ...toolbarItem, items: newChildren });
-    }
-    return outItems;
-}
-function addItemToSpecifiedParentGroup(items, groupChildren) {
-    const outItems = [];
-    for (const toolbarItem of items) {
-        if (!appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem)) {
-            outItems.push(toolbarItem);
-            continue;
-        }
-        const newChildren = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);
-        const foundIndices = [];
-        groupChildren.forEach((entry, index) => {
-            if (entry.parentToolGroupId === toolbarItem.id) {
-                foundIndices.push(index);
-            }
-        });
-        // istanbul ignore else
-        if (foundIndices.length) {
-            // process in reverse order so groupChildren can be reduced as we find matches
-            foundIndices.sort(
-            // istanbul ignore next
-            (a, b) => a - b).reverse().forEach((foundIndex) => {
-                newChildren.push(groupChildren[foundIndex]);
-                groupChildren.splice(foundIndex);
-            });
-        }
-        outItems.push({ ...toolbarItem, items: newChildren });
-    }
-    return outItems;
-}
-function cloneGroup(inGroup) {
-    const childItems = [];
-    inGroup.items.forEach((item) => {
-        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(item))
-            childItems.push(cloneGroup(item));
-        else
-            childItems.push(item);
-    });
-    const clonedGroup = { ...inGroup, items: childItems };
-    return clonedGroup;
-}
-function getItemSortValue(item) {
-    const groupValue = undefined === item.groupPriority ? 0 : /* istanbul ignore next */ item.groupPriority;
-    return groupValue * 10000 + item.itemPriority;
-}
-function getSortedChildren(group) {
-    const sortedChildren = group.items
-        .filter((item) => !(appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden)))
-        .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))
-        .map((i) => {
-        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(i)) {
-            return { ...i, items: getSortedChildren(i) };
-        }
-        return i;
-    });
-    return sortedChildren;
-}
-/** local function to combine items from Stage and from Extensions */
-function combineItems(defaultItems, addonItems) {
-    let items = [];
-    const groupChildren = [];
-    // istanbul ignore else
-    if (defaultItems.length) {
-        defaultItems.forEach((srcItem) => {
-            if (-1 === items.findIndex((item) => item.id === srcItem.id)) {
-                // if the default item is a group that an addon may insert into copy it so we don't mess with original
-                const toolbarItem = appui_abstract_1.ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;
-                if (toolbarItem.parentToolGroupId && (appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem) || appui_abstract_1.ToolbarItemUtilities.isActionButton(toolbarItem)))
-                    groupChildren.push(toolbarItem);
-                else
-                    items.push(toolbarItem);
-            }
-        });
-    }
-    // istanbul ignore else
-    if (addonItems.length) {
-        addonItems.forEach((srcItem) => {
-            if (-1 === items.findIndex((item) => item.id === srcItem.id)) {
-                // if the default item is a group that an addon may insert into copy it so we don't mess with original
-                const toolbarItem = appui_abstract_1.ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;
-                if (toolbarItem.parentToolGroupId && (appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem) || appui_abstract_1.ToolbarItemUtilities.isActionButton(toolbarItem)))
-                    groupChildren.push(toolbarItem);
-                else
-                    items.push(toolbarItem);
-            }
-        });
-    }
-    // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.
-    if (groupChildren.length) {
-        items = addItemToSpecifiedParentGroup(items, groupChildren);
-        if (groupChildren.length) {
-            groupChildren.forEach((toolbarItem) => {
-                core_bentley_1.Logger.logWarning("ToolbarComposer", `Requested Parent Group [${toolbarItem.parentToolGroupId}] not found, so item [${toolbarItem.id}] is added directly to toolbar.`);
-                items.push(toolbarItem);
-            });
-        }
-    }
-    const availableItems = items
-        .filter((item) => !(appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden)))
-        .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))
-        .map((i) => {
-        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(i)) {
-            return { ...i, items: getSortedChildren(i) };
-        }
-        return i;
-    });
-    return availableItems;
-}
-const useProximityOpacitySetting = () => {
-    const [proximityOpacity, setProximityOpacity] = React.useState(UiFramework_1.UiFramework.visibility.useProximityOpacity);
-    React.useEffect(() => {
-        // istanbul ignore next
-        const handleUiVisibilityChanged = () => {
-            setProximityOpacity(UiFramework_1.UiFramework.visibility.useProximityOpacity);
-        };
-        UiFramework_1.UiFramework.onUiVisibilityChanged.addListener(handleUiVisibilityChanged);
-        return () => {
-            UiFramework_1.UiFramework.onUiVisibilityChanged.removeListener(handleUiVisibilityChanged);
-        };
-    }, []);
-    return proximityOpacity;
-};
-/**
- * Toolbar that is populated and maintained by item managers.
- * @public
- */
-function ToolbarComposer(props) {
-    const { usage, orientation } = props;
-    const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new appui_abstract_1.ToolbarItemsManager(props.items));
-    React.useEffect(() => {
-        setDefaultItemsManager(new appui_abstract_1.ToolbarItemsManager(props.items));
-    }, [props.items]); // eslint-disable-line react-hooks/exhaustive-deps
-    // process default items
-    const defaultItems = (0, useDefaultToolbarItems_1.useDefaultToolbarItems)(defaultItemsManager);
-    const syncIdsOfInterest = React.useMemo(() => appui_abstract_1.ToolbarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);
-    useToolbarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);
-    // process items from addon UI providers
-    const [addonItemsManager] = React.useState(() => new appui_abstract_1.ToolbarItemsManager());
-    const addonItems = (0, useUiItemsProviderToolbarItems_1.useUiItemsProviderToolbarItems)(addonItemsManager, usage, orientation);
-    const addonSyncIdsOfInterest = React.useMemo(() => appui_abstract_1.ToolbarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);
-    useToolbarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);
-    const toolbarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);
-    const toolbarOrientation = orientation === appui_abstract_1.ToolbarOrientation.Horizontal ? core_react_1.Orientation.Horizontal : core_react_1.Orientation.Vertical; // eslint-disable-line deprecation/deprecation
-    // eslint-disable-next-line deprecation/deprecation
-    const expandsTo = toolbarOrientation === core_react_1.Orientation.Horizontal ? appui_layout_react_1.Direction.Bottom : usage === appui_abstract_1.ToolbarUsage.ViewNavigation ? appui_layout_react_1.Direction.Left : appui_layout_react_1.Direction.Right;
-    // eslint-disable-next-line deprecation/deprecation
-    const panelAlignment = (toolbarOrientation === core_react_1.Orientation.Horizontal && usage === appui_abstract_1.ToolbarUsage.ViewNavigation) ? appui_layout_react_1.ToolbarPanelAlignment.End : appui_layout_react_1.ToolbarPanelAlignment.Start;
-    const version = (0, useFrameworkVersion_1.useFrameworkVersion)(); // eslint-disable-line deprecation/deprecation
-    const isDragEnabled = React.useContext(DragInteraction_1.ToolbarDragInteractionContext);
-    const useProximityOpacity = useProximityOpacitySetting();
-    if ("1" === version) {
-        return (React.createElement(ToolbarUi1, { items: toolbarItems, expandsTo: expandsTo, panelAlignment: panelAlignment }));
-    }
-    return React.createElement(components_react_1.ToolbarWithOverflow, { expandsTo: expandsTo, panelAlignment: panelAlignment, items: toolbarItems, useDragInteraction: isDragEnabled, toolbarOpacitySetting: useProximityOpacity && !UiFramework_1.UiFramework.isMobile() ? components_react_1.ToolbarOpacitySetting.Proximity : /* istanbul ignore next */ components_react_1.ToolbarOpacitySetting.Defaults });
-}
-exports.ToolbarComposer = ToolbarComposer;
-/** Toolbar rendered in 1.0 mode.
- * @internal
- */
-const ToolbarUi1 = React.memo(function ToolbarUi1({ items, expandsTo, panelAlignment, }) {
-    const createReactNodes = () => {
-        if (0 === items.length)
-            return null;
-        const createdNodes = items.map((item) => {
-            return ToolbarHelper_1.ToolbarHelper.createNodeForToolbarItem(item);
-        });
-        return createdNodes;
-    };
-    return React.createElement(appui_layout_react_1.Toolbar // eslint-disable-line deprecation/deprecation
-    , { expandsTo: expandsTo, panelAlignment: panelAlignment, items: React.createElement(React.Fragment, null, createReactNodes()) });
-});
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarComposer = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const components_react_1 = require("@itwin/components-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+const DragInteraction_1 = require("./DragInteraction");
+const ToolbarHelper_1 = require("./ToolbarHelper");
+const useDefaultToolbarItems_1 = require("./useDefaultToolbarItems");
+const useUiItemsProviderToolbarItems_1 = require("./useUiItemsProviderToolbarItems");
+/** Private function to set up sync event monitoring of toolbar items */
+function useToolbarItemSyncEffect(uiDataProvider, syncIdsOfInterest) {
+    React.useEffect(() => {
+        const handleSyncUiEvent = (args) => {
+            if (0 === syncIdsOfInterest.length)
+                return;
+            // istanbul ignore else
+            if (syncIdsOfInterest.some((value) => args.eventIds.has(value.toLowerCase()))) {
+                // process each item that has interest
+                uiDataProvider.refreshAffectedItems(args.eventIds);
+            }
+        };
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
+        return () => {
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);
+        };
+    }, [uiDataProvider, syncIdsOfInterest, uiDataProvider.items]);
+    React.useEffect(() => {
+        const handleToolActivatedEvent = ({ toolId }) => {
+            uiDataProvider.setActiveToolId(toolId);
+        };
+        UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
+        return () => {
+            UiFramework_1.UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);
+        };
+    }, [uiDataProvider, uiDataProvider.items]);
+}
+function nestedAddItemToSpecifiedParentGroup(items, groupChildren) {
+    const outItems = [];
+    for (const toolbarItem of items) {
+        if (!appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem)) {
+            outItems.push(toolbarItem);
+            continue;
+        }
+        const newChildren = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);
+        const foundIndices = [];
+        groupChildren.forEach((entry, index) => {
+            if (entry.parentToolGroupId === toolbarItem.id) {
+                foundIndices.push(index);
+            }
+        });
+        // istanbul ignore else
+        if (foundIndices.length) {
+            // process in reverse order so groupChildren can be reduced as we find matches
+            foundIndices.sort(
+            // istanbul ignore next
+            (a, b) => a - b).reverse().forEach((foundIndex) => {
+                newChildren.push(groupChildren[foundIndex]);
+                groupChildren.splice(foundIndex);
+            });
+        }
+        outItems.push({ ...toolbarItem, items: newChildren });
+    }
+    return outItems;
+}
+function addItemToSpecifiedParentGroup(items, groupChildren) {
+    const outItems = [];
+    for (const toolbarItem of items) {
+        if (!appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem)) {
+            outItems.push(toolbarItem);
+            continue;
+        }
+        const newChildren = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);
+        const foundIndices = [];
+        groupChildren.forEach((entry, index) => {
+            if (entry.parentToolGroupId === toolbarItem.id) {
+                foundIndices.push(index);
+            }
+        });
+        // istanbul ignore else
+        if (foundIndices.length) {
+            // process in reverse order so groupChildren can be reduced as we find matches
+            foundIndices.sort(
+            // istanbul ignore next
+            (a, b) => a - b).reverse().forEach((foundIndex) => {
+                newChildren.push(groupChildren[foundIndex]);
+                groupChildren.splice(foundIndex);
+            });
+        }
+        outItems.push({ ...toolbarItem, items: newChildren });
+    }
+    return outItems;
+}
+function cloneGroup(inGroup) {
+    const childItems = [];
+    inGroup.items.forEach((item) => {
+        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(item))
+            childItems.push(cloneGroup(item));
+        else
+            childItems.push(item);
+    });
+    const clonedGroup = { ...inGroup, items: childItems };
+    return clonedGroup;
+}
+function getItemSortValue(item) {
+    const groupValue = undefined === item.groupPriority ? 0 : /* istanbul ignore next */ item.groupPriority;
+    return groupValue * 10000 + item.itemPriority;
+}
+function getSortedChildren(group) {
+    const sortedChildren = group.items
+        .filter((item) => !(appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden)))
+        .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))
+        .map((i) => {
+        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(i)) {
+            return { ...i, items: getSortedChildren(i) };
+        }
+        return i;
+    });
+    return sortedChildren;
+}
+/** local function to combine items from Stage and from Extensions */
+function combineItems(defaultItems, addonItems) {
+    let items = [];
+    const groupChildren = [];
+    // istanbul ignore else
+    if (defaultItems.length) {
+        defaultItems.forEach((srcItem) => {
+            if (-1 === items.findIndex((item) => item.id === srcItem.id)) {
+                // if the default item is a group that an addon may insert into copy it so we don't mess with original
+                const toolbarItem = appui_abstract_1.ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;
+                if (toolbarItem.parentToolGroupId && (appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem) || appui_abstract_1.ToolbarItemUtilities.isActionButton(toolbarItem)))
+                    groupChildren.push(toolbarItem);
+                else
+                    items.push(toolbarItem);
+            }
+        });
+    }
+    // istanbul ignore else
+    if (addonItems.length) {
+        addonItems.forEach((srcItem) => {
+            if (-1 === items.findIndex((item) => item.id === srcItem.id)) {
+                // if the default item is a group that an addon may insert into copy it so we don't mess with original
+                const toolbarItem = appui_abstract_1.ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;
+                if (toolbarItem.parentToolGroupId && (appui_abstract_1.ToolbarItemUtilities.isGroupButton(toolbarItem) || appui_abstract_1.ToolbarItemUtilities.isActionButton(toolbarItem)))
+                    groupChildren.push(toolbarItem);
+                else
+                    items.push(toolbarItem);
+            }
+        });
+    }
+    // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.
+    if (groupChildren.length) {
+        items = addItemToSpecifiedParentGroup(items, groupChildren);
+        if (groupChildren.length) {
+            groupChildren.forEach((toolbarItem) => {
+                core_bentley_1.Logger.logWarning("ToolbarComposer", `Requested Parent Group [${toolbarItem.parentToolGroupId}] not found, so item [${toolbarItem.id}] is added directly to toolbar.`);
+                items.push(toolbarItem);
+            });
+        }
+    }
+    const availableItems = items
+        .filter((item) => !(appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden)))
+        .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))
+        .map((i) => {
+        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(i)) {
+            return { ...i, items: getSortedChildren(i) };
+        }
+        return i;
+    });
+    return availableItems;
+}
+const useProximityOpacitySetting = () => {
+    const [proximityOpacity, setProximityOpacity] = React.useState(UiFramework_1.UiFramework.visibility.useProximityOpacity);
+    React.useEffect(() => {
+        // istanbul ignore next
+        const handleUiVisibilityChanged = () => {
+            setProximityOpacity(UiFramework_1.UiFramework.visibility.useProximityOpacity);
+        };
+        UiFramework_1.UiFramework.onUiVisibilityChanged.addListener(handleUiVisibilityChanged);
+        return () => {
+            UiFramework_1.UiFramework.onUiVisibilityChanged.removeListener(handleUiVisibilityChanged);
+        };
+    }, []);
+    return proximityOpacity;
+};
+/**
+ * Toolbar that is populated and maintained by item managers.
+ * @public
+ */
+function ToolbarComposer(props) {
+    const { usage, orientation } = props;
+    const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new appui_abstract_1.ToolbarItemsManager(props.items));
+    React.useEffect(() => {
+        setDefaultItemsManager(new appui_abstract_1.ToolbarItemsManager(props.items));
+    }, [props.items]); // eslint-disable-line react-hooks/exhaustive-deps
+    // process default items
+    const defaultItems = (0, useDefaultToolbarItems_1.useDefaultToolbarItems)(defaultItemsManager);
+    const syncIdsOfInterest = React.useMemo(() => appui_abstract_1.ToolbarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);
+    useToolbarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);
+    // process items from addon UI providers
+    const [addonItemsManager] = React.useState(() => new appui_abstract_1.ToolbarItemsManager());
+    const addonItems = (0, useUiItemsProviderToolbarItems_1.useUiItemsProviderToolbarItems)(addonItemsManager, usage, orientation);
+    const addonSyncIdsOfInterest = React.useMemo(() => appui_abstract_1.ToolbarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);
+    useToolbarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);
+    const toolbarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);
+    const toolbarOrientation = orientation === appui_abstract_1.ToolbarOrientation.Horizontal ? core_react_1.Orientation.Horizontal : core_react_1.Orientation.Vertical; // eslint-disable-line deprecation/deprecation
+    // eslint-disable-next-line deprecation/deprecation
+    const expandsTo = toolbarOrientation === core_react_1.Orientation.Horizontal ? appui_layout_react_1.Direction.Bottom : usage === appui_abstract_1.ToolbarUsage.ViewNavigation ? appui_layout_react_1.Direction.Left : appui_layout_react_1.Direction.Right;
+    // eslint-disable-next-line deprecation/deprecation
+    const panelAlignment = (toolbarOrientation === core_react_1.Orientation.Horizontal && usage === appui_abstract_1.ToolbarUsage.ViewNavigation) ? appui_layout_react_1.ToolbarPanelAlignment.End : appui_layout_react_1.ToolbarPanelAlignment.Start;
+    const version = (0, useFrameworkVersion_1.useFrameworkVersion)(); // eslint-disable-line deprecation/deprecation
+    const isDragEnabled = React.useContext(DragInteraction_1.ToolbarDragInteractionContext);
+    const useProximityOpacity = useProximityOpacitySetting();
+    if ("1" === version) {
+        return (React.createElement(ToolbarUi1, { items: toolbarItems, expandsTo: expandsTo, panelAlignment: panelAlignment }));
+    }
+    return React.createElement(components_react_1.ToolbarWithOverflow, { expandsTo: expandsTo, panelAlignment: panelAlignment, items: toolbarItems, useDragInteraction: isDragEnabled, toolbarOpacitySetting: useProximityOpacity && !UiFramework_1.UiFramework.isMobile() ? components_react_1.ToolbarOpacitySetting.Proximity : /* istanbul ignore next */ components_react_1.ToolbarOpacitySetting.Defaults });
+}
+exports.ToolbarComposer = ToolbarComposer;
+/** Toolbar rendered in 1.0 mode.
+ * @internal
+ */
+const ToolbarUi1 = React.memo(function ToolbarUi1({ items, expandsTo, panelAlignment, }) {
+    const createReactNodes = () => {
+        if (0 === items.length)
+            return null;
+        const createdNodes = items.map((item) => {
+            return ToolbarHelper_1.ToolbarHelper.createNodeForToolbarItem(item);
+        });
+        return createdNodes;
+    };
+    return React.createElement(appui_layout_react_1.Toolbar // eslint-disable-line deprecation/deprecation
+    , { expandsTo: expandsTo, panelAlignment: panelAlignment, items: React.createElement(React.Fragment, null, createReactNodes()) });
+});
 //# sourceMappingURL=ToolbarComposer.js.map

package/lib/cjs/appui-react/toolbar/ToolbarComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport {\r\n  ActionButton, CommonToolbarItem, ConditionalBooleanValue, GroupButton, ToolbarItemsManager, ToolbarItemUtilities, ToolbarOrientation, ToolbarUsage, UiSyncEventArgs,\r\n} from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { ToolbarItem, ToolbarOpacitySetting, ToolbarWithOverflow } from \"@itwin/components-react\";\r\nimport { Direction, Toolbar, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ToolbarDragInteractionContext } from \"./DragInteraction\";\r\nimport { ToolbarHelper } from \"./ToolbarHelper\";\r\nimport { useDefaultToolbarItems } from \"./useDefaultToolbarItems\";\r\nimport { useUiItemsProviderToolbarItems } from \"./useUiItemsProviderToolbarItems\";\r\nimport { ToolActivatedEventArgs } from \"../framework/FrameworkFrontstages\";\r\n\r\n/** Private function to set up sync event monitoring of toolbar items */\r\nfunction useToolbarItemSyncEffect(uiDataProvider: ToolbarItemsManager, syncIdsOfInterest: string[]) {\r\n  React.useEffect(() => {\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n      if (0 === syncIdsOfInterest.length)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n        // process each item that has interest\r\n        uiDataProvider.refreshAffectedItems(args.eventIds);\r\n      }\r\n    };\r\n\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n    return () => {\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\r\n    };\r\n  }, [uiDataProvider, syncIdsOfInterest, uiDataProvider.items]);\r\n\r\n  React.useEffect(() => {\r\n    const handleToolActivatedEvent = ({ toolId }: ToolActivatedEventArgs) => {\r\n      uiDataProvider.setActiveToolId(toolId);\r\n    };\r\n\r\n    UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n\r\n    return () => {\r\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\r\n    };\r\n  }, [uiDataProvider, uiDataProvider.items]);\r\n}\r\n\r\nfunction nestedAddItemToSpecifiedParentGroup(items: ReadonlyArray<ActionButton | GroupButton>, groupChildren: Array<ActionButton | GroupButton>): Array<ActionButton | GroupButton> {\r\n  const outItems: Array<ActionButton | GroupButton> = [];\r\n  for (const toolbarItem of items) {\r\n    if (!ToolbarItemUtilities.isGroupButton(toolbarItem)) {\r\n      outItems.push(toolbarItem);\r\n      continue;\r\n    }\r\n\r\n    const newChildren: Array<ActionButton | GroupButton> = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);\r\n    const foundIndices: number[] = [];\r\n\r\n    groupChildren.forEach((entry, index) => {\r\n      if (entry.parentToolGroupId === toolbarItem.id) {\r\n        foundIndices.push(index);\r\n      }\r\n    });\r\n\r\n    // istanbul ignore else\r\n    if (foundIndices.length) {\r\n      // process in reverse order so groupChildren can be reduced as we find matches\r\n      foundIndices.sort(\r\n        // istanbul ignore next\r\n        (a, b) => a - b,\r\n      ).reverse().forEach((foundIndex) => {\r\n        newChildren.push(groupChildren[foundIndex]);\r\n        groupChildren.splice(foundIndex);\r\n      });\r\n    }\r\n\r\n    outItems.push({ ...toolbarItem, items: newChildren });\r\n  }\r\n  return outItems;\r\n}\r\n\r\nfunction addItemToSpecifiedParentGroup(items: readonly CommonToolbarItem[], groupChildren: Array<ActionButton | GroupButton>): CommonToolbarItem[] {\r\n  const outItems: CommonToolbarItem[] = [];\r\n  for (const toolbarItem of items) {\r\n    if (!ToolbarItemUtilities.isGroupButton(toolbarItem)) {\r\n      outItems.push(toolbarItem);\r\n      continue;\r\n    }\r\n\r\n    const newChildren: Array<ActionButton | GroupButton> = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);\r\n    const foundIndices: number[] = [];\r\n\r\n    groupChildren.forEach((entry, index) => {\r\n      if (entry.parentToolGroupId === toolbarItem.id) {\r\n        foundIndices.push(index);\r\n      }\r\n    });\r\n\r\n    // istanbul ignore else\r\n    if (foundIndices.length) {\r\n      // process in reverse order so groupChildren can be reduced as we find matches\r\n      foundIndices.sort(\r\n        // istanbul ignore next\r\n        (a, b) => a - b,\r\n      ).reverse().forEach((foundIndex) => {\r\n        newChildren.push(groupChildren[foundIndex]);\r\n        groupChildren.splice(foundIndex);\r\n      });\r\n    }\r\n\r\n    outItems.push({ ...toolbarItem, items: newChildren });\r\n  }\r\n  return outItems;\r\n}\r\n\r\nfunction cloneGroup(inGroup: GroupButton): GroupButton {\r\n  const childItems: Array<ActionButton | GroupButton> = [];\r\n  inGroup.items.forEach((item) => {\r\n    if (ToolbarItemUtilities.isGroupButton(item))\r\n      childItems.push(cloneGroup(item));\r\n    else\r\n      childItems.push(item);\r\n  });\r\n\r\n  const clonedGroup = { ...inGroup, items: childItems };\r\n  return clonedGroup;\r\n}\r\n\r\nfunction getItemSortValue(item: ToolbarItem) {\r\n  const groupValue = undefined === item.groupPriority ? 0 : /* istanbul ignore next */ item.groupPriority;\r\n  return groupValue * 10000 + item.itemPriority;\r\n}\r\n\r\nfunction getSortedChildren(group: GroupButton): ReadonlyArray<ActionButton | GroupButton> {\r\n  const sortedChildren = group.items\r\n    .filter((item) => !(ConditionalBooleanValue.getValue(item.isHidden)))\r\n    .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))\r\n    .map((i) => {\r\n      if (ToolbarItemUtilities.isGroupButton(i)) {\r\n        return { ...i, items: getSortedChildren(i) };\r\n      }\r\n      return i;\r\n    });\r\n  return sortedChildren;\r\n}\r\n\r\n/** local function to combine items from Stage and from Extensions */\r\nfunction combineItems(defaultItems: ReadonlyArray<CommonToolbarItem>, addonItems: ReadonlyArray<CommonToolbarItem>) {\r\n  let items: CommonToolbarItem[] = [];\r\n  const groupChildren: Array<ActionButton | GroupButton> = [];\r\n\r\n  // istanbul ignore else\r\n  if (defaultItems.length) {\r\n    defaultItems.forEach((srcItem: CommonToolbarItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        // if the default item is a group that an addon may insert into copy it so we don't mess with original\r\n        const toolbarItem = ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;\r\n        if (toolbarItem.parentToolGroupId && (ToolbarItemUtilities.isGroupButton(toolbarItem) || ToolbarItemUtilities.isActionButton(toolbarItem)))\r\n          groupChildren.push(toolbarItem);\r\n        else\r\n          items.push(toolbarItem);\r\n      }\r\n    });\r\n  }\r\n  // istanbul ignore else\r\n  if (addonItems.length) {\r\n    addonItems.forEach((srcItem: CommonToolbarItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        // if the default item is a group that an addon may insert into copy it so we don't mess with original\r\n        const toolbarItem = ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;\r\n        if (toolbarItem.parentToolGroupId && (ToolbarItemUtilities.isGroupButton(toolbarItem) || ToolbarItemUtilities.isActionButton(toolbarItem)))\r\n          groupChildren.push(toolbarItem);\r\n        else\r\n          items.push(toolbarItem);\r\n      }\r\n    });\r\n  }\r\n\r\n  // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.\r\n  if (groupChildren.length) {\r\n    items = addItemToSpecifiedParentGroup(items, groupChildren);\r\n\r\n    if (groupChildren.length) {\r\n      groupChildren.forEach((toolbarItem: ActionButton | GroupButton) => {\r\n        Logger.logWarning(\"ToolbarComposer\", `Requested Parent Group [${toolbarItem.parentToolGroupId!}] not found, so item [${toolbarItem.id}] is added directly to toolbar.`);\r\n        items.push(toolbarItem);\r\n      });\r\n    }\r\n  }\r\n\r\n  const availableItems = items\r\n    .filter((item) => !(ConditionalBooleanValue.getValue(item.isHidden)))\r\n    .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))\r\n    .map((i) => {\r\n      if (ToolbarItemUtilities.isGroupButton(i)) {\r\n        return { ...i, items: getSortedChildren(i) };\r\n      }\r\n      return i;\r\n    });\r\n\r\n  return availableItems;\r\n}\r\n\r\nconst useProximityOpacitySetting = () => {\r\n  const [proximityOpacity, setProximityOpacity] = React.useState(UiFramework.visibility.useProximityOpacity);\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleUiVisibilityChanged = () => {\r\n      setProximityOpacity(UiFramework.visibility.useProximityOpacity);\r\n    };\r\n    UiFramework.onUiVisibilityChanged.addListener(handleUiVisibilityChanged);\r\n    return () => {\r\n      UiFramework.onUiVisibilityChanged.removeListener(handleUiVisibilityChanged);\r\n    };\r\n  }, []);\r\n  return proximityOpacity;\r\n};\r\n\r\n/** Properties for the [[ToolbarComposer]] React components\r\n * @public\r\n */\r\nexport interface ExtensibleToolbarProps {\r\n  items: CommonToolbarItem[];\r\n  usage: ToolbarUsage; // eslint-disable-line deprecation/deprecation\r\n  /** Toolbar orientation. */\r\n  orientation: ToolbarOrientation; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/**\r\n * Toolbar that is populated and maintained by item managers.\r\n * @public\r\n */\r\nexport function ToolbarComposer(props: ExtensibleToolbarProps) {\r\n  const { usage, orientation } = props;\r\n\r\n  const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new ToolbarItemsManager(props.items));\r\n  React.useEffect(() => {\r\n    setDefaultItemsManager(new ToolbarItemsManager(props.items));\r\n  }, [props.items]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  // process default items\r\n  const defaultItems = useDefaultToolbarItems(defaultItemsManager);\r\n  const syncIdsOfInterest = React.useMemo(() => ToolbarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);\r\n  useToolbarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);\r\n\r\n  // process items from addon UI providers\r\n  const [addonItemsManager] = React.useState(() => new ToolbarItemsManager());\r\n  const addonItems = useUiItemsProviderToolbarItems(addonItemsManager, usage, orientation);\r\n  const addonSyncIdsOfInterest = React.useMemo(() => ToolbarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);\r\n  useToolbarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);\r\n\r\n  const toolbarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);\r\n\r\n  const toolbarOrientation = orientation === ToolbarOrientation.Horizontal ? Orientation.Horizontal : Orientation.Vertical; // eslint-disable-line deprecation/deprecation\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  const expandsTo = toolbarOrientation === Orientation.Horizontal ? Direction.Bottom : usage === ToolbarUsage.ViewNavigation ? Direction.Left : Direction.Right;\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  const panelAlignment = (toolbarOrientation === Orientation.Horizontal && usage === ToolbarUsage.ViewNavigation) ? ToolbarPanelAlignment.End : ToolbarPanelAlignment.Start;\r\n  const version = useFrameworkVersion(); // eslint-disable-line deprecation/deprecation\r\n  const isDragEnabled = React.useContext(ToolbarDragInteractionContext);\r\n  const useProximityOpacity = useProximityOpacitySetting();\r\n\r\n  if (\"1\" === version) {\r\n    return (\r\n      <ToolbarUi1\r\n        items={toolbarItems}\r\n        expandsTo={expandsTo}\r\n        panelAlignment={panelAlignment}\r\n      />\r\n    );\r\n  }\r\n\r\n  return <ToolbarWithOverflow\r\n    expandsTo={expandsTo}\r\n    panelAlignment={panelAlignment}\r\n    items={toolbarItems}\r\n    useDragInteraction={isDragEnabled}\r\n    toolbarOpacitySetting={useProximityOpacity && !UiFramework.isMobile() ? ToolbarOpacitySetting.Proximity : /* istanbul ignore next */ ToolbarOpacitySetting.Defaults}\r\n  />;\r\n}\r\n\r\ninterface ToolbarUi1Props {\r\n  items: CommonToolbarItem[];\r\n  expandsTo: Direction; // eslint-disable-line deprecation/deprecation\r\n  panelAlignment: ToolbarPanelAlignment; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Toolbar rendered in 1.0 mode.\r\n * @internal\r\n */\r\nconst ToolbarUi1 = React.memo<ToolbarUi1Props>(function ToolbarUi1({\r\n  items,\r\n  expandsTo,\r\n  panelAlignment,\r\n}) {\r\n  const createReactNodes = (): React.ReactNode => {\r\n    if (0 === items.length)\r\n      return null;\r\n\r\n    const createdNodes = items.map((item: CommonToolbarItem) => {\r\n      return ToolbarHelper.createNodeForToolbarItem(item);\r\n    });\r\n    return createdNodes;\r\n  };\r\n\r\n  return <Toolbar // eslint-disable-line deprecation/deprecation\r\n    expandsTo={expandsTo}\r\n    panelAlignment={panelAlignment}\r\n    items={\r\n      <>\r\n        {createReactNodes()}\r\n      </>\r\n    }\r\n  />;\r\n});\r\n"]}
+{"version":3,"file":"ToolbarComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,0DAE+B;AAC/B,kDAAgD;AAChD,8DAAkG;AAClG,kEAAsF;AACtF,sEAAmE;AACnE,2EAAwE;AACxE,gDAA6C;AAC7C,uDAAkE;AAClE,mDAAgD;AAChD,qEAAkE;AAClE,qFAAkF;AAGlF,wEAAwE;AACxE,SAAS,wBAAwB,CAAC,cAAmC,EAAE,iBAA2B;IAChG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAE,EAAE;YAClD,IAAI,CAAC,KAAK,iBAAiB,CAAC,MAAM;gBAChC,OAAO;YAET,uBAAuB;YACvB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE;gBAC9F,sCAAsC;gBACtC,cAAc,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACpD;QACH,CAAC,CAAC;QAEF,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,6CAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,wBAAwB,GAAG,CAAC,EAAE,MAAM,EAA0B,EAAE,EAAE;YACtE,cAAc,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,yBAAW,CAAC,WAAW,CAAC,oBAAoB,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;QAEnF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,oBAAoB,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QACxF,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,mCAAmC,CAAC,KAAgD,EAAE,aAAgD;IAC7I,MAAM,QAAQ,GAAsC,EAAE,CAAC;IACvD,KAAK,MAAM,WAAW,IAAI,KAAK,EAAE;QAC/B,IAAI,CAAC,qCAAoB,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;YACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3B,SAAS;SACV;QAED,MAAM,WAAW,GAAsC,mCAAmC,CAAC,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAC7H,MAAM,YAAY,GAAa,EAAE,CAAC;QAElC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACrC,IAAI,KAAK,CAAC,iBAAiB,KAAK,WAAW,CAAC,EAAE,EAAE;gBAC9C,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC,CAAC;QAEH,uBAAuB;QACvB,IAAI,YAAY,CAAC,MAAM,EAAE;YACvB,8EAA8E;YAC9E,YAAY,CAAC,IAAI;YACf,uBAAuB;YACvB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAChB,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;gBACjC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;gBAC5C,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;SACJ;QAED,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;KACvD;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,6BAA6B,CAAC,KAAmC,EAAE,aAAgD;IAC1H,MAAM,QAAQ,GAAwB,EAAE,CAAC;IACzC,KAAK,MAAM,WAAW,IAAI,KAAK,EAAE;QAC/B,IAAI,CAAC,qCAAoB,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;YACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3B,SAAS;SACV;QAED,MAAM,WAAW,GAAsC,mCAAmC,CAAC,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAC7H,MAAM,YAAY,GAAa,EAAE,CAAC;QAElC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACrC,IAAI,KAAK,CAAC,iBAAiB,KAAK,WAAW,CAAC,EAAE,EAAE;gBAC9C,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC,CAAC;QAEH,uBAAuB;QACvB,IAAI,YAAY,CAAC,MAAM,EAAE;YACvB,8EAA8E;YAC9E,YAAY,CAAC,IAAI;YACf,uBAAuB;YACvB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAChB,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;gBACjC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;gBAC5C,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;SACJ;QAED,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;KACvD;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,UAAU,CAAC,OAAoB;IACtC,MAAM,UAAU,GAAsC,EAAE,CAAC;IACzD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC7B,IAAI,qCAAoB,CAAC,aAAa,CAAC,IAAI,CAAC;YAC1C,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;;YAElC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IACtD,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAiB;IACzC,MAAM,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,IAAI,CAAC,aAAa,CAAC;IACxG,OAAO,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;AAChD,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAkB;IAC3C,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK;SAC/B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SACpE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;SACzD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,IAAI,qCAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;YACzC,OAAO,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;SAC9C;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IACL,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,qEAAqE;AACrE,SAAS,YAAY,CAAC,YAA8C,EAAE,UAA4C;IAChH,IAAI,KAAK,GAAwB,EAAE,CAAC;IACpC,MAAM,aAAa,GAAsC,EAAE,CAAC;IAE5D,uBAAuB;IACvB,IAAI,YAAY,CAAC,MAAM,EAAE;QACvB,YAAY,CAAC,OAAO,CAAC,CAAC,OAA0B,EAAE,EAAE;YAClD,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,EAAE;gBAC5D,sGAAsG;gBACtG,MAAM,WAAW,GAAG,qCAAoB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBAChG,IAAI,WAAW,CAAC,iBAAiB,IAAI,CAAC,qCAAoB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,qCAAoB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBACxI,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;oBAEhC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aAC3B;QACH,CAAC,CAAC,CAAC;KACJ;IACD,uBAAuB;IACvB,IAAI,UAAU,CAAC,MAAM,EAAE;QACrB,UAAU,CAAC,OAAO,CAAC,CAAC,OAA0B,EAAE,EAAE;YAChD,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,EAAE;gBAC5D,sGAAsG;gBACtG,MAAM,WAAW,GAAG,qCAAoB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBAChG,IAAI,WAAW,CAAC,iBAAiB,IAAI,CAAC,qCAAoB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,qCAAoB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBACxI,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;oBAEhC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aAC3B;QACH,CAAC,CAAC,CAAC;KACJ;IAED,2IAA2I;IAC3I,IAAI,aAAa,CAAC,MAAM,EAAE;QACxB,KAAK,GAAG,6BAA6B,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAE5D,IAAI,aAAa,CAAC,MAAM,EAAE;YACxB,aAAa,CAAC,OAAO,CAAC,CAAC,WAAuC,EAAE,EAAE;gBAChE,qBAAM,CAAC,UAAU,CAAC,iBAAiB,EAAE,2BAA2B,WAAW,CAAC,iBAAkB,yBAAyB,WAAW,CAAC,EAAE,iCAAiC,CAAC,CAAC;gBACxK,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;SACJ;KACF;IAED,MAAM,cAAc,GAAG,KAAK;SACzB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SACpE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;SACzD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,IAAI,qCAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;YACzC,OAAO,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;SAC9C;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEL,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC3G,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,yBAAyB,GAAG,GAAG,EAAE;YACrC,mBAAmB,CAAC,yBAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAClE,CAAC,CAAC;QACF,yBAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QACzE,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,yBAAyB,CAAC,CAAC;QAC9E,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAYF;;;GAGG;AACH,SAAgB,eAAe,CAAC,KAA6B;IAC3D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,oCAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACjH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,sBAAsB,CAAC,IAAI,oCAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAErE,wBAAwB;IACxB,MAAM,YAAY,GAAG,IAAA,+CAAsB,EAAC,mBAAmB,CAAC,CAAC;IACjE,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oCAAmB,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACtH,wBAAwB,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;IAEjE,wCAAwC;IACxC,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,oCAAmB,EAAE,CAAC,CAAC;IAC5E,MAAM,UAAU,GAAG,IAAA,+DAA8B,EAAC,iBAAiB,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACzF,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oCAAmB,CAAC,oBAAoB,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACvH,wBAAwB,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7G,MAAM,kBAAkB,GAAG,WAAW,KAAK,mCAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAW,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAW,CAAC,QAAQ,CAAC,CAAC,8CAA8C;IACxK,mDAAmD;IACnD,MAAM,SAAS,GAAG,kBAAkB,KAAK,wBAAW,CAAC,UAAU,CAAC,CAAC,CAAC,8BAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,6BAAY,CAAC,cAAc,CAAC,CAAC,CAAC,8BAAS,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAS,CAAC,KAAK,CAAC;IAC9J,mDAAmD;IACnD,MAAM,cAAc,GAAG,CAAC,kBAAkB,KAAK,wBAAW,CAAC,UAAU,IAAI,KAAK,KAAK,6BAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,0CAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,0CAAqB,CAAC,KAAK,CAAC;IAC1K,MAAM,OAAO,GAAG,IAAA,yCAAmB,GAAE,CAAC,CAAC,8CAA8C;IACrF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,+CAA6B,CAAC,CAAC;IACtE,MAAM,mBAAmB,GAAG,0BAA0B,EAAE,CAAC;IAEzD,IAAI,GAAG,KAAK,OAAO,EAAE;QACnB,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;KACH;IAED,OAAO,oBAAC,sCAAmB,IACzB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,YAAY,EACnB,kBAAkB,EAAE,aAAa,EACjC,qBAAqB,EAAE,mBAAmB,IAAI,CAAC,yBAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,wCAAqB,CAAC,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,wCAAqB,CAAC,QAAQ,GACnK,CAAC;AACL,CAAC;AA/CD,0CA+CC;AAQD;;GAEG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAkB,SAAS,UAAU,CAAC,EACjE,KAAK,EACL,SAAS,EACT,cAAc,GACf;IACC,MAAM,gBAAgB,GAAG,GAAoB,EAAE;QAC7C,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM;YACpB,OAAO,IAAI,CAAC;QAEd,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAuB,EAAE,EAAE;YACzD,OAAO,6BAAa,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QACH,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,oBAAC,4BAAO,CAAC,8CAA8C;QAC5D,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EACH,0CACG,gBAAgB,EAAE,CAClB,GAEL,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport {\n  ActionButton, CommonToolbarItem, ConditionalBooleanValue, GroupButton, ToolbarItemsManager, ToolbarItemUtilities, ToolbarOrientation, ToolbarUsage, UiSyncEventArgs,\n} from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { ToolbarItem, ToolbarOpacitySetting, ToolbarWithOverflow } from \"@itwin/components-react\";\nimport { Direction, Toolbar, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ToolbarDragInteractionContext } from \"./DragInteraction\";\nimport { ToolbarHelper } from \"./ToolbarHelper\";\nimport { useDefaultToolbarItems } from \"./useDefaultToolbarItems\";\nimport { useUiItemsProviderToolbarItems } from \"./useUiItemsProviderToolbarItems\";\nimport { ToolActivatedEventArgs } from \"../framework/FrameworkFrontstages\";\n\n/** Private function to set up sync event monitoring of toolbar items */\nfunction useToolbarItemSyncEffect(uiDataProvider: ToolbarItemsManager, syncIdsOfInterest: string[]) {\n  React.useEffect(() => {\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\n      if (0 === syncIdsOfInterest.length)\n        return;\n\n      // istanbul ignore else\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\n        // process each item that has interest\n        uiDataProvider.refreshAffectedItems(args.eventIds);\n      }\n    };\n\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n    return () => {\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\n    };\n  }, [uiDataProvider, syncIdsOfInterest, uiDataProvider.items]);\n\n  React.useEffect(() => {\n    const handleToolActivatedEvent = ({ toolId }: ToolActivatedEventArgs) => {\n      uiDataProvider.setActiveToolId(toolId);\n    };\n\n    UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);\n\n    return () => {\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(handleToolActivatedEvent);\n    };\n  }, [uiDataProvider, uiDataProvider.items]);\n}\n\nfunction nestedAddItemToSpecifiedParentGroup(items: ReadonlyArray<ActionButton | GroupButton>, groupChildren: Array<ActionButton | GroupButton>): Array<ActionButton | GroupButton> {\n  const outItems: Array<ActionButton | GroupButton> = [];\n  for (const toolbarItem of items) {\n    if (!ToolbarItemUtilities.isGroupButton(toolbarItem)) {\n      outItems.push(toolbarItem);\n      continue;\n    }\n\n    const newChildren: Array<ActionButton | GroupButton> = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);\n    const foundIndices: number[] = [];\n\n    groupChildren.forEach((entry, index) => {\n      if (entry.parentToolGroupId === toolbarItem.id) {\n        foundIndices.push(index);\n      }\n    });\n\n    // istanbul ignore else\n    if (foundIndices.length) {\n      // process in reverse order so groupChildren can be reduced as we find matches\n      foundIndices.sort(\n        // istanbul ignore next\n        (a, b) => a - b,\n      ).reverse().forEach((foundIndex) => {\n        newChildren.push(groupChildren[foundIndex]);\n        groupChildren.splice(foundIndex);\n      });\n    }\n\n    outItems.push({ ...toolbarItem, items: newChildren });\n  }\n  return outItems;\n}\n\nfunction addItemToSpecifiedParentGroup(items: readonly CommonToolbarItem[], groupChildren: Array<ActionButton | GroupButton>): CommonToolbarItem[] {\n  const outItems: CommonToolbarItem[] = [];\n  for (const toolbarItem of items) {\n    if (!ToolbarItemUtilities.isGroupButton(toolbarItem)) {\n      outItems.push(toolbarItem);\n      continue;\n    }\n\n    const newChildren: Array<ActionButton | GroupButton> = nestedAddItemToSpecifiedParentGroup(toolbarItem.items, groupChildren);\n    const foundIndices: number[] = [];\n\n    groupChildren.forEach((entry, index) => {\n      if (entry.parentToolGroupId === toolbarItem.id) {\n        foundIndices.push(index);\n      }\n    });\n\n    // istanbul ignore else\n    if (foundIndices.length) {\n      // process in reverse order so groupChildren can be reduced as we find matches\n      foundIndices.sort(\n        // istanbul ignore next\n        (a, b) => a - b,\n      ).reverse().forEach((foundIndex) => {\n        newChildren.push(groupChildren[foundIndex]);\n        groupChildren.splice(foundIndex);\n      });\n    }\n\n    outItems.push({ ...toolbarItem, items: newChildren });\n  }\n  return outItems;\n}\n\nfunction cloneGroup(inGroup: GroupButton): GroupButton {\n  const childItems: Array<ActionButton | GroupButton> = [];\n  inGroup.items.forEach((item) => {\n    if (ToolbarItemUtilities.isGroupButton(item))\n      childItems.push(cloneGroup(item));\n    else\n      childItems.push(item);\n  });\n\n  const clonedGroup = { ...inGroup, items: childItems };\n  return clonedGroup;\n}\n\nfunction getItemSortValue(item: ToolbarItem) {\n  const groupValue = undefined === item.groupPriority ? 0 : /* istanbul ignore next */ item.groupPriority;\n  return groupValue * 10000 + item.itemPriority;\n}\n\nfunction getSortedChildren(group: GroupButton): ReadonlyArray<ActionButton | GroupButton> {\n  const sortedChildren = group.items\n    .filter((item) => !(ConditionalBooleanValue.getValue(item.isHidden)))\n    .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))\n    .map((i) => {\n      if (ToolbarItemUtilities.isGroupButton(i)) {\n        return { ...i, items: getSortedChildren(i) };\n      }\n      return i;\n    });\n  return sortedChildren;\n}\n\n/** local function to combine items from Stage and from Extensions */\nfunction combineItems(defaultItems: ReadonlyArray<CommonToolbarItem>, addonItems: ReadonlyArray<CommonToolbarItem>) {\n  let items: CommonToolbarItem[] = [];\n  const groupChildren: Array<ActionButton | GroupButton> = [];\n\n  // istanbul ignore else\n  if (defaultItems.length) {\n    defaultItems.forEach((srcItem: CommonToolbarItem) => {\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\n        // if the default item is a group that an addon may insert into copy it so we don't mess with original\n        const toolbarItem = ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;\n        if (toolbarItem.parentToolGroupId && (ToolbarItemUtilities.isGroupButton(toolbarItem) || ToolbarItemUtilities.isActionButton(toolbarItem)))\n          groupChildren.push(toolbarItem);\n        else\n          items.push(toolbarItem);\n      }\n    });\n  }\n  // istanbul ignore else\n  if (addonItems.length) {\n    addonItems.forEach((srcItem: CommonToolbarItem) => {\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\n        // if the default item is a group that an addon may insert into copy it so we don't mess with original\n        const toolbarItem = ToolbarItemUtilities.isGroupButton(srcItem) ? cloneGroup(srcItem) : srcItem;\n        if (toolbarItem.parentToolGroupId && (ToolbarItemUtilities.isGroupButton(toolbarItem) || ToolbarItemUtilities.isActionButton(toolbarItem)))\n          groupChildren.push(toolbarItem);\n        else\n          items.push(toolbarItem);\n      }\n    });\n  }\n\n  // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.\n  if (groupChildren.length) {\n    items = addItemToSpecifiedParentGroup(items, groupChildren);\n\n    if (groupChildren.length) {\n      groupChildren.forEach((toolbarItem: ActionButton | GroupButton) => {\n        Logger.logWarning(\"ToolbarComposer\", `Requested Parent Group [${toolbarItem.parentToolGroupId!}] not found, so item [${toolbarItem.id}] is added directly to toolbar.`);\n        items.push(toolbarItem);\n      });\n    }\n  }\n\n  const availableItems = items\n    .filter((item) => !(ConditionalBooleanValue.getValue(item.isHidden)))\n    .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))\n    .map((i) => {\n      if (ToolbarItemUtilities.isGroupButton(i)) {\n        return { ...i, items: getSortedChildren(i) };\n      }\n      return i;\n    });\n\n  return availableItems;\n}\n\nconst useProximityOpacitySetting = () => {\n  const [proximityOpacity, setProximityOpacity] = React.useState(UiFramework.visibility.useProximityOpacity);\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleUiVisibilityChanged = () => {\n      setProximityOpacity(UiFramework.visibility.useProximityOpacity);\n    };\n    UiFramework.onUiVisibilityChanged.addListener(handleUiVisibilityChanged);\n    return () => {\n      UiFramework.onUiVisibilityChanged.removeListener(handleUiVisibilityChanged);\n    };\n  }, []);\n  return proximityOpacity;\n};\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n */\nexport interface ExtensibleToolbarProps {\n  items: CommonToolbarItem[];\n  usage: ToolbarUsage; // eslint-disable-line deprecation/deprecation\n  /** Toolbar orientation. */\n  orientation: ToolbarOrientation; // eslint-disable-line deprecation/deprecation\n}\n\n/**\n * Toolbar that is populated and maintained by item managers.\n * @public\n */\nexport function ToolbarComposer(props: ExtensibleToolbarProps) {\n  const { usage, orientation } = props;\n\n  const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new ToolbarItemsManager(props.items));\n  React.useEffect(() => {\n    setDefaultItemsManager(new ToolbarItemsManager(props.items));\n  }, [props.items]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // process default items\n  const defaultItems = useDefaultToolbarItems(defaultItemsManager);\n  const syncIdsOfInterest = React.useMemo(() => ToolbarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);\n  useToolbarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);\n\n  // process items from addon UI providers\n  const [addonItemsManager] = React.useState(() => new ToolbarItemsManager());\n  const addonItems = useUiItemsProviderToolbarItems(addonItemsManager, usage, orientation);\n  const addonSyncIdsOfInterest = React.useMemo(() => ToolbarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);\n  useToolbarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);\n\n  const toolbarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);\n\n  const toolbarOrientation = orientation === ToolbarOrientation.Horizontal ? Orientation.Horizontal : Orientation.Vertical; // eslint-disable-line deprecation/deprecation\n  // eslint-disable-next-line deprecation/deprecation\n  const expandsTo = toolbarOrientation === Orientation.Horizontal ? Direction.Bottom : usage === ToolbarUsage.ViewNavigation ? Direction.Left : Direction.Right;\n  // eslint-disable-next-line deprecation/deprecation\n  const panelAlignment = (toolbarOrientation === Orientation.Horizontal && usage === ToolbarUsage.ViewNavigation) ? ToolbarPanelAlignment.End : ToolbarPanelAlignment.Start;\n  const version = useFrameworkVersion(); // eslint-disable-line deprecation/deprecation\n  const isDragEnabled = React.useContext(ToolbarDragInteractionContext);\n  const useProximityOpacity = useProximityOpacitySetting();\n\n  if (\"1\" === version) {\n    return (\n      <ToolbarUi1\n        items={toolbarItems}\n        expandsTo={expandsTo}\n        panelAlignment={panelAlignment}\n      />\n    );\n  }\n\n  return <ToolbarWithOverflow\n    expandsTo={expandsTo}\n    panelAlignment={panelAlignment}\n    items={toolbarItems}\n    useDragInteraction={isDragEnabled}\n    toolbarOpacitySetting={useProximityOpacity && !UiFramework.isMobile() ? ToolbarOpacitySetting.Proximity : /* istanbul ignore next */ ToolbarOpacitySetting.Defaults}\n  />;\n}\n\ninterface ToolbarUi1Props {\n  items: CommonToolbarItem[];\n  expandsTo: Direction; // eslint-disable-line deprecation/deprecation\n  panelAlignment: ToolbarPanelAlignment; // eslint-disable-line deprecation/deprecation\n}\n\n/** Toolbar rendered in 1.0 mode.\n * @internal\n */\nconst ToolbarUi1 = React.memo<ToolbarUi1Props>(function ToolbarUi1({\n  items,\n  expandsTo,\n  panelAlignment,\n}) {\n  const createReactNodes = (): React.ReactNode => {\n    if (0 === items.length)\n      return null;\n\n    const createdNodes = items.map((item: CommonToolbarItem) => {\n      return ToolbarHelper.createNodeForToolbarItem(item);\n    });\n    return createdNodes;\n  };\n\n  return <Toolbar // eslint-disable-line deprecation/deprecation\n    expandsTo={expandsTo}\n    panelAlignment={panelAlignment}\n    items={\n      <>\n        {createReactNodes()}\n      </>\n    }\n  />;\n});\n"]}