@itwin/appui-react 4.0.0-dev.3 → 4.0.0-dev.6

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

@@ -0,0 +1,240 @@
+"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 Item
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const ActionButtonItemDef_1 = require("../shared/ActionButtonItemDef");
+const CustomItemDef_1 = require("../shared/CustomItemDef");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+const GroupItem_1 = require("./GroupItem");
+/** Toolbar React component.
+ * @internal
+ */
+class Toolbar extends React.Component {
+    constructor(props) {
+        super(props);
+        this._dimension = 0;
+        this._minToolbarSize = (ActionButtonItemDef_1.ActionButtonItemDef.defaultButtonSize + 2);
+        this._isMounted = false;
+        this._handleSyncUiEvent = (args) => {
+            if (this._processSyncUiEvent(this.props.items, args)) {
+                setTimeout(() => {
+                    // if sync event changed number of displayable buttons layout the toolbar and re-render
+                    const items = this.generateToolbarItems(this.props.items, new core_react_1.Size(this.state.width, this.state.height));
+                    if (this._isMounted)
+                        this.setState({ items });
+                });
+            }
+        };
+        // istanbul ignore next - currently unable to replicate resizing in unit test
+        this._onResize = (width, height) => {
+            width = width !== null && width !== void 0 ? width : this._minToolbarSize;
+            height = height !== null && height !== void 0 ? height : this._minToolbarSize;
+            // do allow toolbar to go to a size that doesn't show at least one button;
+            if (width < this._minToolbarSize)
+                width = this._minToolbarSize;
+            if (height < this._minToolbarSize)
+                height = this._minToolbarSize;
+            if (this.state.width !== width || this.state.height !== height) {
+                const items = this.generateToolbarItems(this.props.items, new core_react_1.Size(width, height));
+                if (this._isMounted)
+                    this.setState({ width, height, items });
+            }
+        };
+        const itemList = this.props.items;
+        // Filter on GroupItemDef
+        itemList.forEach((item) => {
+            if (item instanceof GroupItem_1.GroupItemDef) {
+                // istanbul ignore else
+                if (!item.directionExplicit && this.props.expandsTo !== undefined) // eslint-disable-line deprecation/deprecation
+                    item.direction = this.props.expandsTo; // eslint-disable-line deprecation/deprecation
+            }
+        });
+        // pick a reasonable initial size, when zone layout occurs a resize event will trigger to adjust this size.
+        let width = (ActionButtonItemDef_1.ActionButtonItemDef.defaultButtonSize + 2) * 3;
+        let height = width;
+        // istanbul ignore next
+        if (props.initialSize) {
+            width = props.initialSize.width;
+            height = props.initialSize.height;
+        }
+        const items = this.generateToolbarItems(this.props.items, new core_react_1.Size(width, height));
+        // let's set the default size big enough to hold a single button.
+        this.state = {
+            width,
+            height,
+            items,
+        };
+    }
+    get _toolbarId() {
+        return this.props.toolbarId ? this.props.toolbarId : "unknown";
+    }
+    componentDidMount() {
+        this._isMounted = true;
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+    }
+    componentWillUnmount() {
+        this._isMounted = false;
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
+    }
+    componentDidUpdate(prevProps, _prevState) {
+        if (this.props.items !== prevProps.items) {
+            // if sync event changed number of displayable buttons layout the toolbar and re-render
+            const items = this.generateToolbarItems(this.props.items, new core_react_1.Size(this.state.width, this.state.height));
+            this.setState({ items });
+        }
+    }
+    setCurrentStateValues(item) {
+        // if a stateFunc is specified call it to get current state values
+        // istanbul ignore else
+        if (item.stateFunc) { // eslint-disable-line deprecation/deprecation
+            const itemState = item.stateFunc({
+                isVisible: item.isVisible, isEnabled: item.isEnabled, isPressed: item.isPressed, isActive: item.isActive, // eslint-disable-line deprecation/deprecation
+            });
+            item.isVisible = !!itemState.isVisible; // eslint-disable-line deprecation/deprecation
+            item.isEnabled = !!itemState.isEnabled; // eslint-disable-line deprecation/deprecation
+            item.isPressed = !!itemState.isPressed;
+            item.isActive = !!itemState.isActive;
+            return true;
+        }
+        // istanbul ignore next
+        return false;
+    }
+    _processSyncUiEvent(itemList, args) {
+        // istanbul ignore next
+        if (!itemList || 0 === itemList.length)
+            return false;
+        let returnValue = false;
+        // Review all the itemDefs to see if any are monitoring sync events in UiSyncEventArgs
+        for (const item of itemList) {
+            if (item.stateFunc && item.stateSyncIds && item.stateSyncIds.length > 0 && // eslint-disable-line deprecation/deprecation
+                item.stateSyncIds.some((value) => args.eventIds.has(value.toLowerCase()))) { // eslint-disable-line deprecation/deprecation
+                if (item instanceof GroupItem_1.GroupItemDef) {
+                    this.setCurrentStateValues(item);
+                    this._processSyncUiEvent(item.items, args);
+                }
+                else {
+                    this.setCurrentStateValues(item);
+                }
+                returnValue = true;
+            }
+            else {
+                // istanbul ignore next
+                if (item instanceof GroupItem_1.GroupItemDef) {
+                    if (this._processSyncUiEvent(item.items, args))
+                        returnValue = true;
+                }
+            }
+        }
+        return returnValue;
+    }
+    layoutToolbarItems(itemList) {
+        // istanbul ignore next -
+        if (0 === itemList.length)
+            return [];
+        core_bentley_1.Logger.logInfo(UiFramework_1.UiFramework.loggerCategory(this), `Available space for toolbar [${this._toolbarId}] = ${this._dimension}`);
+        const actionItems = new Array();
+        let itemDimensions = 0;
+        // Filter on ActionButtonItemDef
+        itemList.forEach((item) => {
+            // istanbul ignore else
+            if (item.isVisible) { // eslint-disable-line deprecation/deprecation
+                // istanbul ignore else
+                if (item instanceof ActionButtonItemDef_1.ActionButtonItemDef) {
+                    actionItems.push(item);
+                }
+            }
+        });
+        // Populate the overflow button
+        let overflowItemDef;
+        if (actionItems.length > 1) {
+            // Get the item dimensions
+            actionItems.forEach((item) => {
+                const itemSize = item.getDimension(this.props.orientation) + 1;
+                itemDimensions += itemSize;
+                core_bentley_1.Logger.logTrace(UiFramework_1.UiFramework.loggerCategory(this), `  Item [${item.id ? item.id : /* istanbul ignore next */ item.label}] has a size of ${itemSize} cumulative size=${itemDimensions}.`);
+            });
+            core_bentley_1.Logger.logInfo(UiFramework_1.UiFramework.loggerCategory(this), `  Needed toolbar size [${this._toolbarId}] = ${itemDimensions}`);
+            // istanbul ignore next - currently unable to set size in unit test
+            const padding = 2; // used just to insure button will fall inside tool box
+            if (itemDimensions > (this._dimension - padding)) {
+                const overflowItems = [];
+                const lastItemIndex = actionItems.length - 1;
+                let singleItemSize = 0;
+                for (let index = lastItemIndex; index >= 0; index--) {
+                    // istanbul ignore next
+                    if (actionItems[index] instanceof CustomItemDef_1.CustomItemDef)
+                        continue;
+                    if (0 === singleItemSize)
+                        singleItemSize = actionItems[index].getDimension(this.props.orientation);
+                    const deletedItems = actionItems.splice(index, 1);
+                    // istanbul ignore else
+                    if (deletedItems.length === 1) {
+                        const item = deletedItems[0];
+                        overflowItems.unshift(item);
+                        core_bentley_1.Logger.logTrace(UiFramework_1.UiFramework.loggerCategory(this), `  * Item [${item.id ? item.id : /* istanbul ignore next */ item.label}] put into overflow items.`);
+                        let currentWidth = 0;
+                        actionItems.forEach((itemDef) => currentWidth += (itemDef.getDimension(this.props.orientation) + 1));
+                        itemDimensions = (currentWidth + singleItemSize);
+                        if (itemDimensions < (this._dimension - padding))
+                            break;
+                    }
+                }
+                overflowItemDef = new GroupItem_1.GroupItemDef({
+                    groupId: `overflow-group-${itemDimensions}-${actionItems.length}-${overflowItems.length}`,
+                    labelKey: "UiFramework:general.overflow",
+                    items: overflowItems,
+                    direction: this.props.expandsTo,
+                });
+                overflowItemDef.overflow = true;
+            }
+        }
+        // Populate the toolbar items
+        const toolbarItems = actionItems.map((item, index) => {
+            return item.toolbarReactNode(index);
+        });
+        // istanbul ignore next - currently unsure how to trigger sizing/resizing so overflow is never populated
+        if (overflowItemDef)
+            toolbarItems.push(overflowItemDef.toolbarReactNode()); // eslint-disable-line deprecation/deprecation
+        return toolbarItems;
+    }
+    generateToolbarItems(itemList, size) {
+        this._dimension = (this.props.orientation === core_react_1.Orientation.Horizontal ? size.width : size.height);
+        // istanbul ignore next - since sizing is not working in unit test size and dimension always set to default of 42
+        if (this._dimension < this._minToolbarSize)
+            this._dimension = this._minToolbarSize;
+        return this.layoutToolbarItems(itemList);
+    }
+    hasVisibleItems(items) {
+        for (const item of items) {
+            // istanbul ignore else
+            if (item && item.isVisible) // eslint-disable-line deprecation/deprecation
+                return true;
+        }
+        // istanbul ignore next
+        return false;
+    }
+    render() {
+        // istanbul ignore next
+        if (0 === this.props.items.length || !this.hasVisibleItems(this.props.items)) {
+            core_bentley_1.Logger.logTrace(UiFramework_1.UiFramework.loggerCategory(this), `--->  nothing to render for ${this._toolbarId} `);
+            return null;
+        }
+        core_bentley_1.Logger.logTrace(UiFramework_1.UiFramework.loggerCategory(this), `---> render ${this._toolbarId} `);
+        return (React.createElement(core_react_1.ResizableContainerObserver, { onResize: this._onResize },
+            React.createElement(appui_layout_react_1.Toolbar // eslint-disable-line deprecation/deprecation
+            , { style: this.props.style, className: this.props.className, expandsTo: this.props.expandsTo, panelAlignment: this.props.panelAlignment, items: React.createElement(React.Fragment, null, this.state.items) })));
+    }
+}
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=Toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/Toolbar.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 Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, NoChildrenProps, Orientation, ResizableContainerObserver, Size } from \"@itwin/core-react\";\r\nimport { Direction, Toolbar as NZ_Toolbar, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\r\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\r\nimport { AnyItemDef } from \"../shared/AnyItemDef\";\r\nimport { CustomItemDef } from \"../shared/CustomItemDef\";\r\nimport { ItemDefBase } from \"../shared/ItemDefBase\";\r\nimport { ItemList } from \"../shared/ItemMap\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { GroupItemDef } from \"./GroupItem\";\r\n\r\n/** Properties of [[Toolbar]] component. An ancestor of this toolbar must provide the WidgetOpacityContext.\r\n * @internal\r\n */\r\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\r\n  /** Items of the toolbar. */\r\n  items: ItemList;\r\n  /** Orientation of the toolbar. */\r\n  orientation: Orientation;\r\n  /** Logging and debugging Id */\r\n  toolbarId?: string;\r\n  /** Describes to which direction the history/panel items are expanded. Defaults to: [[Direction.Bottom]] */\r\n  expandsTo?: Direction; // eslint-disable-line deprecation/deprecation\r\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\r\n  panelAlignment?: ToolbarPanelAlignment; // eslint-disable-line deprecation/deprecation\r\n  /** initial size */\r\n  initialSize?: Size;\r\n}\r\n\r\n/** State of [[Toolbar]] component.\r\n * @internal\r\n */\r\ninterface ToolbarState {\r\n  width: number;\r\n  height: number;\r\n  items: React.ReactNode;\r\n}\r\n\r\n/** Toolbar React component.\r\n * @internal\r\n */\r\nexport class Toolbar extends React.Component<ToolbarProps, ToolbarState> {\r\n  private _dimension: number = 0;\r\n  private _minToolbarSize = (ActionButtonItemDef.defaultButtonSize + 2);\r\n  private _isMounted = false;\r\n  public constructor(props: ToolbarProps) {\r\n    super(props);\r\n\r\n    const itemList = this.props.items;\r\n\r\n    // Filter on GroupItemDef\r\n    itemList.forEach((item: ItemDefBase) => {\r\n      if (item instanceof GroupItemDef) {\r\n        // istanbul ignore else\r\n        if (!item.directionExplicit && this.props.expandsTo !== undefined) // eslint-disable-line deprecation/deprecation\r\n          item.direction = this.props.expandsTo; // eslint-disable-line deprecation/deprecation\r\n      }\r\n    });\r\n\r\n    // pick a reasonable initial size, when zone layout occurs a resize event will trigger to adjust this size.\r\n    let width = (ActionButtonItemDef.defaultButtonSize + 2) * 3;\r\n    let height = width;\r\n\r\n    // istanbul ignore next\r\n    if (props.initialSize) {\r\n      width = props.initialSize.width;\r\n      height = props.initialSize.height;\r\n    }\r\n\r\n    const items = this.generateToolbarItems(this.props.items, new Size(width, height));\r\n\r\n    // let's set the default size big enough to hold a single button.\r\n    this.state = {\r\n      width,\r\n      height,\r\n      items,\r\n    };\r\n  }\r\n\r\n  private get _toolbarId(): string {\r\n    return this.props.toolbarId ? this.props.toolbarId : \"unknown\";\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ToolbarProps, _prevState: ToolbarState) {\r\n    if (this.props.items !== prevProps.items) {\r\n      // if sync event changed number of displayable buttons layout the toolbar and re-render\r\n      const items = this.generateToolbarItems(this.props.items, new Size(this.state.width, this.state.height));\r\n      this.setState({ items });\r\n    }\r\n  }\r\n\r\n  private setCurrentStateValues(item: ItemDefBase): boolean {\r\n    // if a stateFunc is specified call it to get current state values\r\n    // istanbul ignore else\r\n    if (item.stateFunc) { // eslint-disable-line deprecation/deprecation\r\n      const itemState = item.stateFunc({ // eslint-disable-line deprecation/deprecation\r\n        isVisible: item.isVisible, isEnabled: item.isEnabled, isPressed: item.isPressed, isActive: item.isActive, // eslint-disable-line deprecation/deprecation\r\n      });\r\n      item.isVisible = !!itemState.isVisible; // eslint-disable-line deprecation/deprecation\r\n      item.isEnabled = !!itemState.isEnabled; // eslint-disable-line deprecation/deprecation\r\n      item.isPressed = !!itemState.isPressed;\r\n      item.isActive = !!itemState.isActive;\r\n      return true;\r\n    }\r\n    // istanbul ignore next\r\n    return false;\r\n  }\r\n\r\n  private _processSyncUiEvent(itemList: ItemList | ItemDefBase[] | AnyItemDef[] | undefined, args: UiSyncEventArgs): boolean {\r\n    // istanbul ignore next\r\n    if (!itemList || 0 === itemList.length)\r\n      return false;\r\n\r\n    let returnValue = false;\r\n\r\n    // Review all the itemDefs to see if any are monitoring sync events in UiSyncEventArgs\r\n    for (const item of itemList) {\r\n      if (item.stateFunc && item.stateSyncIds && item.stateSyncIds.length > 0 && // eslint-disable-line deprecation/deprecation\r\n        item.stateSyncIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) { // eslint-disable-line deprecation/deprecation\r\n        if (item instanceof GroupItemDef) {\r\n          this.setCurrentStateValues(item);\r\n          this._processSyncUiEvent(item.items, args);\r\n        } else {\r\n          this.setCurrentStateValues(item);\r\n        }\r\n        returnValue = true;\r\n      } else {\r\n        // istanbul ignore next\r\n        if (item instanceof GroupItemDef) {\r\n          if (this._processSyncUiEvent(item.items, args))\r\n            returnValue = true;\r\n        }\r\n      }\r\n    }\r\n    return returnValue;\r\n  }\r\n\r\n  private _handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n    if (this._processSyncUiEvent(this.props.items, args)) {\r\n      setTimeout(() => {\r\n        // if sync event changed number of displayable buttons layout the toolbar and re-render\r\n        const items = this.generateToolbarItems(this.props.items, new Size(this.state.width, this.state.height));\r\n        if (this._isMounted)\r\n          this.setState({ items });\r\n      });\r\n    }\r\n  };\r\n\r\n  private layoutToolbarItems(itemList: ItemList): React.ReactNode[] {\r\n    // istanbul ignore next -\r\n    if (0 === itemList.length)\r\n      return [];\r\n\r\n    Logger.logInfo(UiFramework.loggerCategory(this), `Available space for toolbar [${this._toolbarId}] = ${this._dimension}`);\r\n\r\n    const actionItems = new Array<ActionButtonItemDef>();\r\n    let itemDimensions = 0;\r\n\r\n    // Filter on ActionButtonItemDef\r\n    itemList.forEach((item: ItemDefBase) => {\r\n      // istanbul ignore else\r\n      if (item.isVisible) { // eslint-disable-line deprecation/deprecation\r\n        // istanbul ignore else\r\n        if (item instanceof ActionButtonItemDef) {\r\n          actionItems.push(item);\r\n        }\r\n      }\r\n    });\r\n\r\n    // Populate the overflow button\r\n    let overflowItemDef: GroupItemDef | undefined;\r\n    if (actionItems.length > 1) {\r\n      // Get the item dimensions\r\n      actionItems.forEach((item: ActionButtonItemDef) => {\r\n        const itemSize = item.getDimension(this.props.orientation) + 1;\r\n        itemDimensions += itemSize;\r\n        Logger.logTrace(UiFramework.loggerCategory(this), `  Item [${item.id ? item.id : /* istanbul ignore next */ item.label}] has a size of ${itemSize} cumulative size=${itemDimensions}.`);\r\n      });\r\n\r\n      Logger.logInfo(UiFramework.loggerCategory(this), `  Needed toolbar size [${this._toolbarId}] = ${itemDimensions}`);\r\n\r\n      // istanbul ignore next - currently unable to set size in unit test\r\n      const padding = 2;  // used just to insure button will fall inside tool box\r\n      if (itemDimensions > (this._dimension - padding)) {\r\n        const overflowItems: AnyItemDef[] = [];\r\n        const lastItemIndex = actionItems.length - 1;\r\n        let singleItemSize = 0;\r\n        for (let index = lastItemIndex; index >= 0; index--) {\r\n          // istanbul ignore next\r\n          if (actionItems[index] instanceof CustomItemDef)\r\n            continue;\r\n          if (0 === singleItemSize)\r\n            singleItemSize = actionItems[index].getDimension(this.props.orientation);\r\n\r\n          const deletedItems = actionItems.splice(index, 1);\r\n          // istanbul ignore else\r\n          if (deletedItems.length === 1) {\r\n            const item = deletedItems[0];\r\n            overflowItems.unshift(item);\r\n            Logger.logTrace(UiFramework.loggerCategory(this), `  * Item [${item.id ? item.id : /* istanbul ignore next */ item.label}] put into overflow items.`);\r\n\r\n            let currentWidth = 0;\r\n            actionItems.forEach((itemDef) => currentWidth += (itemDef.getDimension(this.props.orientation) + 1));\r\n            itemDimensions = (currentWidth + singleItemSize);\r\n            if (itemDimensions < (this._dimension - padding))\r\n              break;\r\n          }\r\n        }\r\n\r\n        overflowItemDef = new GroupItemDef({\r\n          groupId: `overflow-group-${itemDimensions}-${actionItems.length}-${overflowItems.length}`,\r\n          labelKey: \"UiFramework:general.overflow\",\r\n          items: overflowItems,\r\n          direction: this.props.expandsTo,\r\n        });\r\n        overflowItemDef.overflow = true;\r\n      }\r\n    }\r\n\r\n    // Populate the toolbar items\r\n    const toolbarItems = actionItems.map((item: ActionButtonItemDef, index: number) => {\r\n      return item.toolbarReactNode(index);\r\n    });\r\n\r\n    // istanbul ignore next - currently unsure how to trigger sizing/resizing so overflow is never populated\r\n    if (overflowItemDef)\r\n      toolbarItems.push(overflowItemDef.toolbarReactNode()); // eslint-disable-line deprecation/deprecation\r\n\r\n    return toolbarItems;\r\n  }\r\n\r\n  private generateToolbarItems(itemList: ItemList, size: Size): React.ReactNode {\r\n    this._dimension = (this.props.orientation === Orientation.Horizontal ? size.width : size.height);\r\n    // istanbul ignore next - since sizing is not working in unit test size and dimension always set to default of 42\r\n    if (this._dimension < this._minToolbarSize)\r\n      this._dimension = this._minToolbarSize;\r\n\r\n    return this.layoutToolbarItems(itemList);\r\n  }\r\n\r\n  // istanbul ignore next - currently unable to replicate resizing in unit test\r\n  private _onResize = (width: number | undefined, height: number | undefined) => {\r\n    width = width ?? this._minToolbarSize;\r\n    height = height ?? this._minToolbarSize;\r\n    // do allow toolbar to go to a size that doesn't show at least one button;\r\n    if (width < this._minToolbarSize) width = this._minToolbarSize;\r\n    if (height < this._minToolbarSize) height = this._minToolbarSize;\r\n    if (this.state.width !== width || this.state.height !== height) {\r\n      const items = this.generateToolbarItems(this.props.items, new Size(width, height));\r\n      if (this._isMounted)\r\n        this.setState({ width, height, items });\r\n    }\r\n  };\r\n\r\n  private hasVisibleItems(items: ItemList) {\r\n    for (const item of items) {\r\n      // istanbul ignore else\r\n      if (item && item.isVisible) // eslint-disable-line deprecation/deprecation\r\n        return true;\r\n    }\r\n    // istanbul ignore next\r\n    return false;\r\n  }\r\n\r\n  public override render() {\r\n    // istanbul ignore next\r\n    if (0 === this.props.items.length || !this.hasVisibleItems(this.props.items)) {\r\n      Logger.logTrace(UiFramework.loggerCategory(this), `--->  nothing to render for ${this._toolbarId} `);\r\n      return null;\r\n    }\r\n\r\n    Logger.logTrace(UiFramework.loggerCategory(this), `---> render ${this._toolbarId} `);\r\n    return (\r\n      <ResizableContainerObserver onResize={this._onResize}>\r\n        <NZ_Toolbar // eslint-disable-line deprecation/deprecation\r\n          style={this.props.style}\r\n          className={this.props.className}\r\n          expandsTo={this.props.expandsTo}\r\n          panelAlignment={this.props.panelAlignment}\r\n          items={\r\n            <>\r\n              {this.state.items}\r\n            </>\r\n          }\r\n        />\r\n      </ResizableContainerObserver>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/toolbar/ToolbarComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EACS,iBAAiB,EAAmF,kBAAkB,EAAE,YAAY,EACnJ,MAAM,uBAAuB,CAAC;AAuN/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,eAkC5D"}
+{"version":3,"file":"ToolbarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EACS,iBAAiB,EAAmF,kBAAkB,EAAE,YAAY,EACnJ,MAAM,uBAAuB,CAAC;AA0N/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,eA+C5D"}

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

@@ -13,11 +13,14 @@ 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 FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
 const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
 const UiFramework_1 = require("../UiFramework");
 const UiShowHideManager_1 = require("../utils/UiShowHideManager");
 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 */
@@ -215,12 +218,33 @@ function ToolbarComposer(props) {
     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;
-    const expandsTo = toolbarOrientation === core_react_1.Orientation.Horizontal ? components_react_1.Direction.Bottom : usage === appui_abstract_1.ToolbarUsage.ViewNavigation ? components_react_1.Direction.Left : components_react_1.Direction.Right;
-    const panelAlignment = (toolbarOrientation === core_react_1.Orientation.Horizontal && usage === appui_abstract_1.ToolbarUsage.ViewNavigation) ? components_react_1.ToolbarPanelAlignment.End : components_react_1.ToolbarPanelAlignment.Start;
+    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 { Direction, ToolbarItem, ToolbarOpacitySetting, ToolbarPanelAlignment, ToolbarWithOverflow } from \"@itwin/components-react\";\r\nimport { FrontstageManager, ToolActivatedEventArgs } from \"../frontstage/FrontstageManager\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ToolbarDragInteractionContext } from \"./DragInteraction\";\r\nimport { useDefaultToolbarItems } from \"./useDefaultToolbarItems\";\r\nimport { useUiItemsProviderToolbarItems } from \"./useUiItemsProviderToolbarItems\";\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    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n\r\n    return () => {\r\n      FrontstageManager.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(UiShowHideManager.useProximityOpacity);\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleUiVisibilityChanged = () => {\r\n      setProximityOpacity(UiShowHideManager.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;\r\n  /** Toolbar orientation. */\r\n  orientation: ToolbarOrientation;\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;\r\n  const expandsTo = toolbarOrientation === Orientation.Horizontal ? Direction.Bottom : usage === ToolbarUsage.ViewNavigation ? Direction.Left : Direction.Right;\r\n  const panelAlignment = (toolbarOrientation === Orientation.Horizontal && usage === ToolbarUsage.ViewNavigation) ? ToolbarPanelAlignment.End : ToolbarPanelAlignment.Start;\r\n  const isDragEnabled = React.useContext(ToolbarDragInteractionContext);\r\n  const useProximityOpacity = useProximityOpacitySetting();\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"]}
+{"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,uEAA4F;AAC5F,sEAAmE;AACnE,2EAAwE;AACxE,gDAA6C;AAC7C,kEAA+D;AAC/D,uDAAkE;AAClE,mDAAgD;AAChD,qEAAkE;AAClE,qFAAkF;AAElF,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,qCAAiB,CAAC,oBAAoB,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;QAE7E,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,oBAAoB,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QAClF,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,qCAAiB,CAAC,mBAAmB,CAAC,CAAC;IACtG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,yBAAyB,GAAG,GAAG,EAAE;YACrC,mBAAmB,CAAC,qCAAiB,CAAC,mBAAmB,CAAC,CAAC;QAC7D,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":["/*---------------------------------------------------------------------------------------------\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 { FrontstageManager, ToolActivatedEventArgs } from \"../frontstage/FrontstageManager\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ToolbarDragInteractionContext } from \"./DragInteraction\";\r\nimport { ToolbarHelper } from \"./ToolbarHelper\";\r\nimport { useDefaultToolbarItems } from \"./useDefaultToolbarItems\";\r\nimport { useUiItemsProviderToolbarItems } from \"./useUiItemsProviderToolbarItems\";\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    FrontstageManager.onToolActivatedEvent.addListener(handleToolActivatedEvent);\r\n\r\n    return () => {\r\n      FrontstageManager.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(UiShowHideManager.useProximityOpacity);\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleUiVisibilityChanged = () => {\r\n      setProximityOpacity(UiShowHideManager.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"]}

package/lib/cjs/appui-react/toolbar/ToolbarHelper.d.ts

@@ -2,7 +2,7 @@
  * @module Toolbar
  */
 import * as React from "react";
-import { ActionButton, CommonToolbarItem, CustomButtonDefinition, GroupButton, ToolbarItem } from "@itwin/appui-abstract";
+import { ActionButton, CommonToolbarItem, CustomButtonDefinition, GroupButton, OnItemExecutedFunc, ToolbarItem } from "@itwin/appui-abstract";
 import { CustomToolbarItem } from "@itwin/components-react";
 import { AnyItemDef } from "../shared/AnyItemDef";
 import { CustomItemDef } from "../shared/CustomItemDef";
@@ -19,6 +19,7 @@ export declare class ToolbarHelper {
     /** Helper method to creates a generic toolbar item entry */
     static createToolbarItemFromItemDef(itemPriority: number, itemDef: AnyItemDef, overrides?: Partial<ToolbarItem>): CommonToolbarItem;
     static createToolbarItemsFromItemDefs(itemDefs: AnyItemDef[], startingItemPriority?: number, overrides?: Partial<ToolbarItem>): CommonToolbarItem[];
+    static createNodeForToolbarItem(item: CommonToolbarItem, onItemExecuted?: OnItemExecutedFunc): React.ReactNode;
     /** CustomToolbarButton type guard.
      * @internal
      */

package/lib/cjs/appui-react/toolbar/ToolbarHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarHelper.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarHelper.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,YAAY,EAAE,iBAAiB,EAA0B,sBAAsB,EAAE,WAAW,EAAgB,WAAW,EACxH,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAuB,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD;;GAEG;AACH,qBAAa,aAAa;IACxB,qEAAqE;WACvD,iCAAiC,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,GAAG,iBAAiB;IAwB7J,qFAAqF;WACvE,0BAA0B,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;IAanG,OAAO,CAAC,MAAM,CAAC,4BAA4B;WAO7B,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,WAAW,GAAG,KAAK,CAAC,SAAS;IAIjF,4DAA4D;WAC9C,4BAA4B,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,iBAAiB;WA4D5H,8BAA8B,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,oBAAoB,SAAK,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,iBAAiB,EAAE;IAUtJ;;OAEG;IACH,OAAc,qBAAqB,SAAU,iBAAiB,+BAE5D;CACH"}
+{"version":3,"file":"ToolbarHelper.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarHelper.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,YAAY,EAAE,iBAAiB,EAA0B,sBAAsB,EAAE,WAAW,EAAE,kBAAkB,EAAgB,WAAW,EAE5I,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD;;GAEG;AACH,qBAAa,aAAa;IACxB,qEAAqE;WACvD,iCAAiC,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,GAAG,iBAAiB;IAyB7J,qFAAqF;WACvE,0BAA0B,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;IAanG,OAAO,CAAC,MAAM,CAAC,4BAA4B;WAO7B,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,WAAW,GAAG,KAAK,CAAC,SAAS;IAIjF,4DAA4D;WAC9C,4BAA4B,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,iBAAiB;WA4D5H,8BAA8B,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,oBAAoB,SAAK,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,iBAAiB,EAAE;WAUxI,wBAAwB,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,CAAC,EAAE,kBAAkB,GAAG,KAAK,CAAC,SAAS;IAgBrH;;OAEG;IACH,OAAc,qBAAqB,SAAU,iBAAiB,+BAE5D;CACH"}

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

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarHelper = void 0;
 const appui_abstract_1 = require("@itwin/appui-abstract");
-const components_react_1 = require("@itwin/components-react");
 const core_react_1 = require("@itwin/core-react");
 const CommandItemDef_1 = require("../shared/CommandItemDef");
 const CustomItemDef_1 = require("../shared/CustomItemDef");
 const ToolItemDef_1 = require("../shared/ToolItemDef");
+const ActionButtonItem_1 = require("./ActionButtonItem");
+const GroupButtonItem_1 = require("./GroupButtonItem");
 const GroupItem_1 = require("./GroupItem");
 /** Helper functions for defining an ToolbarComposer.
  * @public
@@ -31,6 +32,7 @@ class ToolbarHelper {
             isDisabled,
             internalData,
             badgeType,
+            buttonNode: itemDef.toolbarReactNode(),
             panelContentNode: itemDef.popupPanelNode,
             ...overrides,
         };
@@ -128,12 +130,24 @@ class ToolbarHelper {
         });
         return items;
     }
+    static createNodeForToolbarItem(item, onItemExecuted) {
+        if (appui_abstract_1.ToolbarItemUtilities.isActionButton(item)) {
+            return (0, ActionButtonItem_1.ActionButtonItem)({ item, onItemExecuted });
+        }
+        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(item)) {
+            return (0, GroupButtonItem_1.GroupButtonItem)({ item, onItemExecuted });
+        }
+        if (ToolbarHelper.isCustomToolbarButton(item)) {
+            return item.buttonNode ? /* istanbul ignore next */ item.buttonNode : null;
+        }
+        return null;
+    }
 }
 exports.ToolbarHelper = ToolbarHelper;
 /** CustomToolbarButton type guard.
  * @internal
  */
 ToolbarHelper.isCustomToolbarButton = (item) => {
-    return (0, components_react_1.isCustomToolbarItem)(item);
+    return !!item.isCustom && ("buttonNode" in item);
 };
 //# sourceMappingURL=ToolbarHelper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarHelper.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\nimport * as React from \"react\";\r\nimport {\r\n  ActionButton, CommonToolbarItem, ConditionalStringValue, CustomButtonDefinition, GroupButton, StringGetter, ToolbarItem, ToolbarItemUtilities,\r\n} from \"@itwin/appui-abstract\";\r\nimport { CustomToolbarItem, isCustomToolbarItem } from \"@itwin/components-react\";\r\nimport { IconHelper } from \"@itwin/core-react\";\r\nimport { AnyItemDef } from \"../shared/AnyItemDef\";\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { CustomItemDef } from \"../shared/CustomItemDef\";\r\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\r\nimport { GroupItemDef } from \"./GroupItem\";\r\n\r\n/** Helper functions for defining an ToolbarComposer.\r\n * @public\r\n */\r\nexport class ToolbarHelper {\r\n  /** Construct CustomToolbarItem definitions given a CustomItemDef. */\r\n  public static createCustomDefinitionToolbarItem(itemPriority: number, itemDef: CustomItemDef, overrides?: Partial<CustomButtonDefinition>): CustomToolbarItem {\r\n    const isHidden = itemDef.isHidden;\r\n    const isDisabled = itemDef.isDisabled;\r\n    const internalData = new Map<string, any>();  // used to store ReactNode if iconSpec hold a ReactNode\r\n    const icon = IconHelper.getIconData(itemDef.iconSpec, internalData);\r\n    const label = this.getStringOrConditionalString(itemDef.rawLabel);\r\n    const badgeType = itemDef.badgeType;\r\n\r\n    // istanbul ignore else\r\n    return {\r\n      id: itemDef.id,\r\n      itemPriority,\r\n      icon,\r\n      label,\r\n      isCustom: true,\r\n      isHidden,\r\n      isDisabled,\r\n      internalData,\r\n      badgeType,\r\n      panelContentNode: itemDef.popupPanelNode,\r\n      ...overrides,\r\n    };\r\n  }\r\n\r\n  /** Construct ActionButton and GroupButton definitions given an array to ItemDefs. */\r\n  public static constructChildToolbarItems(itemDefs: AnyItemDef[]): Array<ActionButton | GroupButton> {\r\n    let count = 10;\r\n    const items: Array<ActionButton | GroupButton> = [];\r\n    for (const itemDef of itemDefs) {\r\n      const item = this.createToolbarItemFromItemDef(count, itemDef);\r\n      count = count + 10;\r\n      // istanbul ignore else\r\n      if (ToolbarItemUtilities.isActionButton(item) || ToolbarItemUtilities.isGroupButton(item))\r\n        items.push(item);\r\n    }\r\n    return items;\r\n  }\r\n\r\n  private static getStringOrConditionalString(inString: string | StringGetter | ConditionalStringValue): string | ConditionalStringValue {\r\n    if (inString instanceof ConditionalStringValue || typeof inString === \"string\")\r\n      return inString;\r\n\r\n    return inString();\r\n  }\r\n\r\n  public static getIconReactNode(item: ActionButton | GroupButton): React.ReactNode {\r\n    return IconHelper.getIconReactNode(item.icon, item.internalData);\r\n  }\r\n\r\n  /** Helper method to creates a generic toolbar item entry */\r\n  public static createToolbarItemFromItemDef(itemPriority: number, itemDef: AnyItemDef, overrides?: Partial<ToolbarItem>): CommonToolbarItem {\r\n    const isHidden = itemDef.isHidden;\r\n    const isDisabled = itemDef.isDisabled;\r\n    const internalData = new Map<string, any>();  // used to store ReactNode if iconSpec hold a ReactNode\r\n    const icon = IconHelper.getIconData(itemDef.iconSpec, internalData);\r\n    const label = this.getStringOrConditionalString(itemDef.rawLabel);\r\n    const badgeType = itemDef.badgeType;\r\n\r\n    // istanbul ignore else\r\n    if (itemDef instanceof CommandItemDef) {\r\n      return {\r\n        id: itemDef.id,\r\n        itemPriority,\r\n        icon,\r\n        label,\r\n        isHidden,\r\n        isDisabled,\r\n        isActive: itemDef.isActive,\r\n        execute: itemDef.execute,\r\n        badgeType,\r\n        internalData,\r\n        ...overrides,\r\n      };\r\n    } else if (itemDef instanceof CustomItemDef) {\r\n      return ToolbarHelper.createCustomDefinitionToolbarItem(itemPriority, itemDef, overrides);\r\n    } else if (itemDef instanceof GroupItemDef) {\r\n      const children: Array<ActionButton | GroupButton> = this.constructChildToolbarItems(itemDef.items);\r\n      return {\r\n        id: itemDef.id,\r\n        itemPriority,\r\n        icon,\r\n        label,\r\n        panelLabel: itemDef.panelLabel,\r\n        isHidden,\r\n        isDisabled,\r\n        items: children,\r\n        isActive: false,\r\n        badgeType,\r\n        internalData,\r\n        ...overrides,\r\n      };\r\n    } else if (itemDef instanceof ToolItemDef) {\r\n      return {\r\n        id: itemDef.id,\r\n        itemPriority,\r\n        icon,\r\n        label,\r\n        isHidden,\r\n        isDisabled,\r\n        isActive: itemDef.isActive,\r\n        execute: itemDef.execute,\r\n        badgeType,\r\n        internalData,\r\n        ...overrides,\r\n      };\r\n    } else {\r\n      throw new Error(`Invalid Item type encountered, item id=${itemDef.id}`);\r\n    }\r\n  }\r\n\r\n  public static createToolbarItemsFromItemDefs(itemDefs: AnyItemDef[], startingItemPriority = 10, overrides?: Partial<ToolbarItem>): CommonToolbarItem[] {\r\n    let itemPriority = startingItemPriority;\r\n    const items = itemDefs.map((itemDef: AnyItemDef) => {\r\n      const item = ToolbarHelper.createToolbarItemFromItemDef(itemPriority, itemDef, overrides);\r\n      itemPriority = itemPriority + 10;\r\n      return item;\r\n    });\r\n    return items;\r\n  }\r\n\r\n  /** CustomToolbarButton type guard.\r\n   * @internal\r\n   */\r\n  public static isCustomToolbarButton = (item: CommonToolbarItem): item is CustomToolbarItem => {\r\n    return isCustomToolbarItem(item);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ToolbarHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarHelper.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\nimport * as React from \"react\";\r\nimport {\r\n  ActionButton, CommonToolbarItem, ConditionalStringValue, CustomButtonDefinition, GroupButton, OnItemExecutedFunc, StringGetter, ToolbarItem,\r\n  ToolbarItemUtilities,\r\n} from \"@itwin/appui-abstract\";\r\nimport { CustomToolbarItem } from \"@itwin/components-react\";\r\nimport { IconHelper } from \"@itwin/core-react\";\r\nimport { AnyItemDef } from \"../shared/AnyItemDef\";\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { CustomItemDef } from \"../shared/CustomItemDef\";\r\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\r\nimport { ActionButtonItem } from \"./ActionButtonItem\";\r\nimport { GroupButtonItem } from \"./GroupButtonItem\";\r\nimport { GroupItemDef } from \"./GroupItem\";\r\n\r\n/** Helper functions for defining an ToolbarComposer.\r\n * @public\r\n */\r\nexport class ToolbarHelper {\r\n  /** Construct CustomToolbarItem definitions given a CustomItemDef. */\r\n  public static createCustomDefinitionToolbarItem(itemPriority: number, itemDef: CustomItemDef, overrides?: Partial<CustomButtonDefinition>): CustomToolbarItem {\r\n    const isHidden = itemDef.isHidden;\r\n    const isDisabled = itemDef.isDisabled;\r\n    const internalData = new Map<string, any>();  // used to store ReactNode if iconSpec hold a ReactNode\r\n    const icon = IconHelper.getIconData(itemDef.iconSpec, internalData);\r\n    const label = this.getStringOrConditionalString(itemDef.rawLabel);\r\n    const badgeType = itemDef.badgeType;\r\n\r\n    // istanbul ignore else\r\n    return {\r\n      id: itemDef.id,\r\n      itemPriority,\r\n      icon,\r\n      label,\r\n      isCustom: true,\r\n      isHidden,\r\n      isDisabled,\r\n      internalData,\r\n      badgeType,\r\n      buttonNode: itemDef.toolbarReactNode(),  // used by createNodeForToolbarItem below\r\n      panelContentNode: itemDef.popupPanelNode,\r\n      ...overrides,\r\n    };\r\n  }\r\n\r\n  /** Construct ActionButton and GroupButton definitions given an array to ItemDefs. */\r\n  public static constructChildToolbarItems(itemDefs: AnyItemDef[]): Array<ActionButton | GroupButton> {\r\n    let count = 10;\r\n    const items: Array<ActionButton | GroupButton> = [];\r\n    for (const itemDef of itemDefs) {\r\n      const item = this.createToolbarItemFromItemDef(count, itemDef);\r\n      count = count + 10;\r\n      // istanbul ignore else\r\n      if (ToolbarItemUtilities.isActionButton(item) || ToolbarItemUtilities.isGroupButton(item))\r\n        items.push(item);\r\n    }\r\n    return items;\r\n  }\r\n\r\n  private static getStringOrConditionalString(inString: string | StringGetter | ConditionalStringValue): string | ConditionalStringValue {\r\n    if (inString instanceof ConditionalStringValue || typeof inString === \"string\")\r\n      return inString;\r\n\r\n    return inString();\r\n  }\r\n\r\n  public static getIconReactNode(item: ActionButton | GroupButton): React.ReactNode {\r\n    return IconHelper.getIconReactNode(item.icon, item.internalData);\r\n  }\r\n\r\n  /** Helper method to creates a generic toolbar item entry */\r\n  public static createToolbarItemFromItemDef(itemPriority: number, itemDef: AnyItemDef, overrides?: Partial<ToolbarItem>): CommonToolbarItem {\r\n    const isHidden = itemDef.isHidden;\r\n    const isDisabled = itemDef.isDisabled;\r\n    const internalData = new Map<string, any>();  // used to store ReactNode if iconSpec hold a ReactNode\r\n    const icon = IconHelper.getIconData(itemDef.iconSpec, internalData);\r\n    const label = this.getStringOrConditionalString(itemDef.rawLabel);\r\n    const badgeType = itemDef.badgeType;\r\n\r\n    // istanbul ignore else\r\n    if (itemDef instanceof CommandItemDef) {\r\n      return {\r\n        id: itemDef.id,\r\n        itemPriority,\r\n        icon,\r\n        label,\r\n        isHidden,\r\n        isDisabled,\r\n        isActive: itemDef.isActive,\r\n        execute: itemDef.execute,\r\n        badgeType,\r\n        internalData,\r\n        ...overrides,\r\n      };\r\n    } else if (itemDef instanceof CustomItemDef) {\r\n      return ToolbarHelper.createCustomDefinitionToolbarItem(itemPriority, itemDef, overrides);\r\n    } else if (itemDef instanceof GroupItemDef) {\r\n      const children: Array<ActionButton | GroupButton> = this.constructChildToolbarItems(itemDef.items);\r\n      return {\r\n        id: itemDef.id,\r\n        itemPriority,\r\n        icon,\r\n        label,\r\n        panelLabel: itemDef.panelLabel,\r\n        isHidden,\r\n        isDisabled,\r\n        items: children,\r\n        isActive: false,\r\n        badgeType,\r\n        internalData,\r\n        ...overrides,\r\n      };\r\n    } else if (itemDef instanceof ToolItemDef) {\r\n      return {\r\n        id: itemDef.id,\r\n        itemPriority,\r\n        icon,\r\n        label,\r\n        isHidden,\r\n        isDisabled,\r\n        isActive: itemDef.isActive,\r\n        execute: itemDef.execute,\r\n        badgeType,\r\n        internalData,\r\n        ...overrides,\r\n      };\r\n    } else {\r\n      throw new Error(`Invalid Item type encountered, item id=${itemDef.id}`);\r\n    }\r\n  }\r\n\r\n  public static createToolbarItemsFromItemDefs(itemDefs: AnyItemDef[], startingItemPriority = 10, overrides?: Partial<ToolbarItem>): CommonToolbarItem[] {\r\n    let itemPriority = startingItemPriority;\r\n    const items = itemDefs.map((itemDef: AnyItemDef) => {\r\n      const item = ToolbarHelper.createToolbarItemFromItemDef(itemPriority, itemDef, overrides);\r\n      itemPriority = itemPriority + 10;\r\n      return item;\r\n    });\r\n    return items;\r\n  }\r\n\r\n  public static createNodeForToolbarItem(item: CommonToolbarItem, onItemExecuted?: OnItemExecutedFunc): React.ReactNode {\r\n    if (ToolbarItemUtilities.isActionButton(item)) {\r\n      return ActionButtonItem({ item, onItemExecuted });\r\n    }\r\n\r\n    if (ToolbarItemUtilities.isGroupButton(item)) {\r\n      return GroupButtonItem({ item, onItemExecuted });\r\n    }\r\n\r\n    if (ToolbarHelper.isCustomToolbarButton(item)) {\r\n      return item.buttonNode ? /* istanbul ignore next */ item.buttonNode : null;\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  /** CustomToolbarButton type guard.\r\n   * @internal\r\n   */\r\n  public static isCustomToolbarButton = (item: CommonToolbarItem): item is CustomToolbarItem => {\r\n    return !!(item as CustomToolbarItem).isCustom && (\"buttonNode\" in item);\r\n  };\r\n}\r\n"]}