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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionItemButton.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionItemButton.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 { BadgeUtilities, CommonProps, Icon, SizeProps } from \"@itwin/core-react\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { Item } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\r\nimport { BaseItemState } from \"../shared/ItemDefBase\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { onEscapeSetFocusToHome } from \"../hooks/useEscapeSetFocusToHome\";\r\n\r\n/** Properties that must be specified for an [[ActionItemButton]] component\r\n * @deprecated in 3.5. Props of a deprecated component.\r\n * @public\r\n */\r\nexport interface ActionItemButtonProps extends CommonProps {\r\n  /** Action Button item definition containing the action information */\r\n  actionItem: ActionButtonItemDef;\r\n  /** Indicates whether the button is enabled or disabled */\r\n  isEnabled?: boolean;\r\n  /** Called when the button is initialized and the size is known */\r\n  onSizeKnown?: (size: SizeProps) => void;\r\n}\r\n\r\n/** Helper method to set state from props */\r\nconst getItemStateFromProps = (props: ActionItemButtonProps): BaseItemState => { // eslint-disable-line deprecation/deprecation\r\n\r\n  // Parent Component can only modify the isEnable state if the actionItem.isEnabled value is set to true.\r\n  return {\r\n    isEnabled: undefined !== props.isEnabled ? props.isEnabled && props.actionItem.isEnabled : props.actionItem.isEnabled, // eslint-disable-line deprecation/deprecation\r\n    isVisible: props.actionItem.isVisible, // eslint-disable-line deprecation/deprecation\r\n    isActive: undefined !== props.actionItem.isActive ? props.actionItem.isActive : /* istanbul ignore next */ false,\r\n  };\r\n};\r\n\r\n/** A Toolbar button React Component that executes an action defined by a CommandItemDef or a ToolItemDef.\r\n * @deprecated in 3.5. Use [ActionButton]($appui-abstract) instead.\r\n * @public\r\n */\r\nexport class ActionItemButton extends React.Component<ActionItemButtonProps, BaseItemState> { // eslint-disable-line deprecation/deprecation\r\n  private _componentUnmounting = false;\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<BaseItemState>;\r\n\r\n  constructor(props: ActionItemButtonProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this.state = getItemStateFromProps(props);\r\n  }\r\n\r\n  private _handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n    // istanbul ignore if\r\n    if (this._componentUnmounting)\r\n      return;\r\n\r\n    let refreshState = false;\r\n    let newState: BaseItemState = { ...this.state };\r\n\r\n    // since this is a tool button automatically monitor the activation of tools so the active state of the button is updated.\r\n    if (args.eventIds.has(SyncUiEventId.ToolActivated)) {\r\n      newState.isActive = this.props.actionItem.id === FrontstageManager.activeToolId;\r\n      refreshState = true;\r\n    }\r\n\r\n    if (!refreshState && this.props.actionItem.stateSyncIds && this.props.actionItem.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation\r\n      refreshState = this.props.actionItem.stateSyncIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase())); // eslint-disable-line deprecation/deprecation\r\n\r\n    if (refreshState) {\r\n      if (this.props.actionItem.stateFunc) // eslint-disable-line deprecation/deprecation\r\n        newState = this.props.actionItem.stateFunc(newState); // eslint-disable-line deprecation/deprecation\r\n\r\n      if ((this.state.isActive !== newState.isActive) || (this.state.isEnabled !== newState.isEnabled) || (this.state.isVisible !== newState.isVisible)) {\r\n        // update actionItem as it hold the 'truth' for all state\r\n        /* istanbul ignore else */\r\n        if (undefined !== newState.isVisible) // eslint-disable-line deprecation/deprecation\r\n          this.props.actionItem.isVisible = newState.isVisible; // eslint-disable-line deprecation/deprecation\r\n\r\n        /* istanbul ignore else */\r\n        if (undefined !== newState.isActive)\r\n          this.props.actionItem.isActive = newState.isActive;\r\n\r\n        this.setState({\r\n          isActive: newState.isActive,\r\n          isEnabled: newState.isEnabled,\r\n          isVisible: newState.isVisible,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public static getDerivedStateFromProps(props: ActionItemButtonProps, state: BaseItemState) { // eslint-disable-line deprecation/deprecation\r\n    const updatedState = getItemStateFromProps(props);\r\n    // istanbul ignore else\r\n    if (!PropsHelper.isShallowEqual(updatedState, state))\r\n      return updatedState;\r\n\r\n    return null;\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  private _execute = () => {\r\n    // istanbul ignore else\r\n    if (this.props.actionItem.execute) {\r\n      this.props.actionItem.execute();\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const { actionItem, ...props } = this.props;\r\n    const icon = <Icon iconSpec={actionItem.iconSpec} />;\r\n    const badge = BadgeUtilities.getComponentForBadgeType(actionItem.badgeType);\r\n\r\n    return (\r\n      <Item // eslint-disable-line deprecation/deprecation\r\n        {...props}\r\n        isActive={this.state.isActive}\r\n        isDisabled={!this.state.isEnabled}\r\n        title={actionItem.label}\r\n        key={actionItem.getKey()}\r\n        onClick={this._execute}\r\n        onKeyDown={onEscapeSetFocusToHome}\r\n        icon={icon}\r\n        onSizeKnown={this.props.onSizeKnown}\r\n        badge={badge}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,79 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { ActionButton, GroupButton, OnItemExecutedFunc } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+interface ToolGroupItem {
+    trayId?: string;
+    item: ActionButton | GroupButton;
+}
+interface ToolGroupTray {
+    title?: string;
+    items: Map<string, ToolGroupItem>;
+    groupItem: GroupButton;
+}
+declare type ToolGroupTrayMap = Map<string, ToolGroupTray>;
+interface ToolbarGroupItemComponentProps extends CommonProps {
+    groupItem: GroupButton;
+    onItemExecuted?: OnItemExecutedFunc;
+}
+interface ToolbarGroupItemState {
+    activeItemId: string;
+    activeToolId: string;
+    groupItem: GroupButton;
+    trayId: string;
+    backTrays: ReadonlyArray<string>;
+    trays: ToolGroupTrayMap;
+    isEnabled: boolean;
+    isPressed: boolean;
+    isVisible: boolean;
+}
+/** Group Item React component.
+ * @internal
+ */
+export declare class ToolbarGroupItemComponent extends React.Component<ToolbarGroupItemComponentProps, ToolbarGroupItemState> {
+    /** @internal */
+    readonly state: Readonly<ToolbarGroupItemState>;
+    private _trayIndex;
+    private _closeOnPanelOpened;
+    private _ref;
+    constructor(props: ToolbarGroupItemComponentProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private getGroupItemState;
+    private resetTrayId;
+    private generateTrayId;
+    private processGroupItem;
+    componentDidUpdate(prevProps: ToolbarGroupItemComponentProps, _prevState: ToolbarGroupItemState): void;
+    private get _tray();
+    private getTray;
+    render(): React.ReactNode;
+    private _handleOpenPanel;
+    private _handleClick;
+    private _handleDragInteractionClick;
+    private _handleDragInteractionOutsideClick;
+    private _handleOutsideClick;
+    private _handleToolActivatedEvent;
+    private _handleToolPanelOpenedEvent;
+    private closeGroupButton;
+    private handleToolGroupItemClicked;
+    private getItemsInColumn;
+    private getGroupTray;
+    getItemById(id: string): ActionButton | GroupButton | undefined;
+    private _handleBack;
+    private _handleExpanderClick;
+}
+/** Action button props
+ *  @internal
+ */
+interface GroupButtonProps {
+    item: GroupButton;
+    onItemExecuted?: OnItemExecutedFunc;
+}
+/** Group Button React component
+ * @internal
+ */
+export declare function GroupButtonItem(props: GroupButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=GroupButtonItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupButtonItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupButtonItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EAAmD,WAAW,EAAE,kBAAkB,EAC/F,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAkB,WAAW,EAAsB,MAAM,mBAAmB,CAAC;AAyBpF,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY,GAAG,WAAW,CAAC;CAClC;AAED,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClC,SAAS,EAAE,WAAW,CAAC;CACxB;AACD,aAAK,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAEnD,UAAU,8BAA+B,SAAQ,WAAW;IAC1D,SAAS,EAAE,WAAW,CAAC;IACvB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED,UAAU,qBAAqB;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,8BAA8B,EAAE,qBAAqB,CAAC;IACnH,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAChE,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,IAAI,CAAqC;gBAErC,KAAK,EAAE,8BAA8B;IAYjC,iBAAiB;IAKjB,oBAAoB;IAKpC,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,gBAAgB;IA2BR,kBAAkB,CAAC,SAAS,EAAE,8BAA8B,EAAE,UAAU,EAAE,qBAAqB;IAS/G,OAAO,KAAK,KAAK,GAOhB;IAED,OAAO,CAAC,OAAO;IASC,MAAM,IAAI,KAAK,CAAC,SAAS;IA8DzC,OAAO,CAAC,gBAAgB,CAOtB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,2BAA2B,CAGjC;IAEF,OAAO,CAAC,kCAAkC,CAExC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAGF,OAAO,CAAC,yBAAyB,CAI/B;IAGF,OAAO,CAAC,2BAA2B,CAIjC;IAEF,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,0BAA0B;IAyBlC,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,YAAY;IAsGb,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS;IAUtE,OAAO,CAAC,WAAW,CASjB;IAEF,OAAO,CAAC,oBAAoB,CAO1B;CACH;AA4BD;;GAEG;AACH,UAAU,gBAAgB;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,eAQtD"}

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

@@ -0,0 +1,329 @@
+"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.GroupButtonItem = exports.ToolbarGroupItemComponent = void 0;
+const classnames_1 = require("classnames");
+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 appui_layout_react_1 = require("@itwin/appui-layout-react");
+const FrontstageComposer_1 = require("../frontstage/FrontstageComposer");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const UiFramework_1 = require("../UiFramework");
+const PropsHelper_1 = require("../utils/PropsHelper");
+const DragInteraction_1 = require("./DragInteraction");
+const ToolbarHelper_1 = require("./ToolbarHelper");
+const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
+// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation
+const ToolGroup = (0, core_react_1.withOnOutsideClick)(appui_layout_react_1.Group, undefined, false);
+// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation
+const NestedToolGroup = (0, core_react_1.withOnOutsideClick)(appui_layout_react_1.NestedGroup, undefined, false);
+// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation
+const ItemWithDragInteraction = (0, appui_layout_react_1.withDragInteraction)(appui_layout_react_1.Item);
+/** Group Item React component.
+ * @internal
+ */
+class ToolbarGroupItemComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._trayIndex = 0;
+        this._closeOnPanelOpened = true;
+        this._ref = React.createRef();
+        this._handleOpenPanel = () => {
+            this.setState({
+                isPressed: true,
+            });
+            this._closeOnPanelOpened = false;
+            FrontstageManager_1.FrontstageManager.onToolPanelOpenedEvent.emit();
+            this._closeOnPanelOpened = true;
+        };
+        this._handleClick = () => {
+            this.setState((prevState) => ({
+                isPressed: !prevState.isPressed,
+            }));
+        };
+        this._handleDragInteractionClick = () => {
+            const activeItem = this.getItemById(this.state.activeItemId);
+            activeItem && appui_abstract_1.ToolbarItemUtilities.isActionButton(activeItem) && activeItem.execute();
+        };
+        this._handleDragInteractionOutsideClick = (_e) => {
+            this.closeGroupButton();
+        };
+        this._handleOutsideClick = (e) => {
+            this._ref.current && (e.target instanceof Node) && !this._ref.current.contains(e.target) && this.closeGroupButton();
+        };
+        // istanbul ignore next
+        this._handleToolActivatedEvent = ({ toolId }) => {
+            this.setState({
+                activeToolId: toolId,
+            });
+        };
+        // istanbul ignore next
+        this._handleToolPanelOpenedEvent = () => {
+            if (!this._closeOnPanelOpened)
+                return;
+            this.closeGroupButton();
+        };
+        this._handleBack = () => {
+            this.setState((prevState) => {
+                const trayId = prevState.backTrays.length > 0 ? prevState.backTrays[prevState.backTrays.length - 1] : /* istanbul ignore next */ prevState.trayId;
+                const backTrays = prevState.backTrays.slice(0, -1);
+                return {
+                    trayId,
+                    backTrays,
+                };
+            });
+        };
+        this._handleExpanderClick = (trayId) => {
+            this.setState((prevState) => {
+                return {
+                    trayId,
+                    backTrays: [...prevState.backTrays, prevState.trayId],
+                };
+            });
+        };
+        const state = this.getGroupItemState(this.props);
+        // TODO: The defaultActiveItemId should come from session storage
+        const activeItemId = getFirstItemId(this.props.groupItem);
+        this.state = {
+            ...state,
+            activeItemId,
+        };
+    }
+    componentDidMount() {
+        FrontstageManager_1.FrontstageManager.onToolActivatedEvent.addListener(this._handleToolActivatedEvent);
+        FrontstageManager_1.FrontstageManager.onToolPanelOpenedEvent.addListener(this._handleToolPanelOpenedEvent);
+    }
+    componentWillUnmount() {
+        FrontstageManager_1.FrontstageManager.onToolActivatedEvent.removeListener(this._handleToolActivatedEvent);
+        FrontstageManager_1.FrontstageManager.onToolPanelOpenedEvent.removeListener(this._handleToolPanelOpenedEvent);
+    }
+    getGroupItemState(props) {
+        const groupItem = props.groupItem;
+        // Separate into trays
+        const trays = new Map();
+        const trayId = this.resetTrayId();
+        this.processGroupItem(groupItem, trayId, trays);
+        const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(groupItem.isHidden);
+        const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(groupItem.isDisabled);
+        return {
+            activeToolId: FrontstageManager_1.FrontstageManager.activeToolId,
+            groupItem,
+            isEnabled: !isDisabled,
+            isPressed: false,
+            isVisible: !isHidden,
+            trayId,
+            backTrays: [],
+            trays,
+        };
+    }
+    resetTrayId() {
+        this._trayIndex = 1;
+        return `tray-${this._trayIndex}`;
+    }
+    generateTrayId() {
+        return `tray-${this._trayIndex}`;
+    }
+    processGroupItem(groupItem, trayId, trays) {
+        // Separate into column items
+        const items = new Map();
+        groupItem.items.forEach((item) => {
+            if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(item)) {
+                this._trayIndex++;
+                const itemTrayId = this.generateTrayId();
+                const toolGroupItem = {
+                    trayId: itemTrayId,
+                    item,
+                };
+                items.set(item.id, toolGroupItem);
+                this.processGroupItem(item, itemTrayId, trays);
+            }
+            else {
+                const toolItem = { item };
+                items.set(item.id, toolItem);
+            }
+        });
+        trays.set(trayId, {
+            items,
+            title: appui_abstract_1.ConditionalStringValue.getValue(groupItem.panelLabel),
+            groupItem,
+        });
+    }
+    componentDidUpdate(prevProps, _prevState) {
+        if (!PropsHelper_1.PropsHelper.isShallowEqual(this.props, prevProps)) {
+            // istanbul ignore else
+            if (this.props.groupItem !== prevProps.groupItem)
+                core_bentley_1.Logger.logTrace(UiFramework_1.UiFramework.loggerCategory(this), `Different ToolbarGroupItem for same groupId of ${this.state.groupItem.id}`);
+            this.setState((_, props) => this.getGroupItemState(props));
+        }
+    }
+    get _tray() {
+        const tray = this.state.trays.get(this.state.trayId);
+        // istanbul ignore next
+        if (!tray)
+            throw new RangeError();
+        return tray;
+    }
+    getTray(trayId) {
+        const tray = this.state.trays.get(trayId);
+        // istanbul ignore next
+        if (!tray)
+            throw new RangeError();
+        return tray;
+    }
+    render() {
+        if (!this.state.isVisible)
+            return null;
+        const activeItem = this.getItemById(this.state.activeItemId);
+        // istanbul ignore next
+        if (!activeItem)
+            return null;
+        const { groupItem, className, ...props } = this.props;
+        const classNames = (0, classnames_1.default)(className);
+        const badge = core_react_1.BadgeUtilities.getComponentForBadgeType(groupItem.badgeType); // eslint-disable-line deprecation/deprecation
+        return (React.createElement(appui_layout_react_1.ToolbarDirectionContext.Consumer, null, (direction) => (React.createElement(DragInteraction_1.ToolbarDragInteractionContext.Consumer, null, (dragInteraction) => (React.createElement(appui_layout_react_1.ExpandableItem // eslint-disable-line deprecation/deprecation
+        , { ...props, className: classNames, key: this.state.groupItem.id, panel: this.getGroupTray(dragInteraction) }, dragInteraction ?
+            (React.createElement("div", { ref: this._ref },
+                React.createElement(ItemWithDragInteraction, { badge: badge, direction: direction, icon: ToolbarHelper_1.ToolbarHelper.getIconReactNode(activeItem), isActive: this.state.activeToolId === this.state.activeItemId, isDisabled: !this.state.isEnabled, onClick: this._handleDragInteractionClick, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, onOpenPanel: this._handleOpenPanel, title: appui_abstract_1.ConditionalStringValue.getValue(activeItem.label) }))) :
+            (React.createElement("div", { ref: this._ref },
+                React.createElement(appui_layout_react_1.Item // eslint-disable-line deprecation/deprecation
+                , { badge: badge, icon: ToolbarHelper_1.ToolbarHelper.getIconReactNode(groupItem), isDisabled: !this.state.isEnabled, onClick: this._handleClick, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, title: appui_abstract_1.ConditionalStringValue.getValue(this.state.groupItem.label) })))))))));
+    }
+    closeGroupButton() {
+        const trayId = this.resetTrayId();
+        this.setState({
+            isPressed: false,
+            trayId,
+            backTrays: [],
+        });
+    }
+    handleToolGroupItemClicked(trayKey, itemKey) {
+        const trayId = this.resetTrayId();
+        this.setState({
+            activeItemId: itemKey,
+            isPressed: false,
+            trayId,
+            backTrays: [],
+        }, () => {
+            const tray = this.getTray(trayKey);
+            const childItem = tray.groupItem.items.find((item) => itemKey === item.id);
+            // istanbul ignore else
+            if (childItem) {
+                // istanbul ignore else
+                if (appui_abstract_1.ToolbarItemUtilities.isActionButton(childItem)) {
+                    childItem.execute();
+                    if (this.props.onItemExecuted)
+                        this.props.onItemExecuted(childItem);
+                }
+            }
+        });
+    }
+    getItemsInColumn(numTotalItems) {
+        if (numTotalItems <= 6)
+            return numTotalItems;
+        if (numTotalItems <= 24)
+            return Math.ceil(numTotalItems / 2);
+        if (numTotalItems <= 36)
+            return Math.ceil(numTotalItems / 3);
+        return Math.ceil(numTotalItems / 4);
+    }
+    getGroupTray(dragInteraction) {
+        if (!this.state.isPressed)
+            return undefined;
+        return (React.createElement(FrontstageComposer_1.ToolGroupPanelContext.Consumer, null, (activateOnPointerUp) => {
+            const tray = this._tray;
+            const items = [...tray.items.keys()];
+            const itemsInColumn = this.getItemsInColumn(items.length); // tray.groupItem.itemsInColumn;
+            activateOnPointerUp = activateOnPointerUp && dragInteraction;
+            // Divide items equally between columns.
+            const numberOfColumns = Math.ceil(items.length / itemsInColumn);
+            const numberItemsInColumn = Math.ceil(items.length / numberOfColumns);
+            const columnToItems = items.reduce((acc, item, index) => {
+                const columnIndex = Math.floor(index / numberItemsInColumn);
+                if (columnIndex >= acc.length) {
+                    return [
+                        ...acc,
+                        [item],
+                    ];
+                }
+                return [
+                    ...acc.slice(0, columnIndex),
+                    [
+                        ...acc[columnIndex],
+                        item,
+                    ],
+                    ...acc.slice(columnIndex + 1),
+                ];
+            }, []);
+            const columns = (columnToItems.map((columnItems, columnIndex) => React.createElement(appui_layout_react_1.GroupColumn, { key: columnIndex },
+                " ",
+                columnItems.map((itemKey) => {
+                    const tgItem = tray.items.get(itemKey);
+                    const item = tgItem.item;
+                    const icon = ToolbarHelper_1.ToolbarHelper.getIconReactNode(item);
+                    const isVisible = true;
+                    const isActive = itemKey === this.state.activeToolId;
+                    const badge = core_react_1.BadgeUtilities.getComponentForBadgeType(item.badgeType);
+                    if (tgItem.trayId) {
+                        return (isVisible &&
+                            React.createElement(appui_layout_react_1.GroupToolExpander, { isDisabled: !!item.isDisabled, key: itemKey, label: appui_abstract_1.ConditionalStringValue.getValue(item.label), icon: icon, badge: badge, onClick: () => this._handleExpanderClick(tgItem.trayId), onPointerUp: activateOnPointerUp ? () => this._handleExpanderClick(tgItem.trayId) : undefined }));
+                    }
+                    return (isVisible &&
+                        React.createElement(appui_layout_react_1.GroupTool, { isDisabled: !!item.isDisabled, isActive: isActive, key: itemKey, label: appui_abstract_1.ConditionalStringValue.getValue(item.label), onClick: 
+                            // istanbul ignore next
+                            () => this.handleToolGroupItemClicked(this.state.trayId, itemKey), onPointerUp: activateOnPointerUp ? () => this.handleToolGroupItemClicked(this.state.trayId, itemKey) : undefined, icon: icon, badge: badge }));
+                }))));
+            if (this.state.backTrays.length > 0)
+                return (React.createElement(NestedToolGroup, { columns: columns, onBack: this._handleBack, onBackPointerUp: activateOnPointerUp ? this._handleBack : undefined, onOutsideClick: dragInteraction ? this._handleDragInteractionOutsideClick : /* istanbul ignore next */ this._handleOutsideClick, title: tray.title }));
+            return (React.createElement(ToolGroup, { columns: columns, onOutsideClick: dragInteraction ? this._handleDragInteractionOutsideClick : this._handleOutsideClick, title: tray.title }));
+        }));
+    }
+    getItemById(id) {
+        for (const [, tray] of this.state.trays) {
+            const item = tray.groupItem.items.find((childItem) => id === childItem.id);
+            if (item)
+                return item;
+        }
+        // istanbul ignore next
+        return undefined;
+    }
+}
+exports.ToolbarGroupItemComponent = ToolbarGroupItemComponent;
+/** @internal */
+const getFirstItem = (groupItem) => {
+    for (const item of groupItem.items) {
+        const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden);
+        const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(item.isDisabled);
+        if (appui_abstract_1.ToolbarItemUtilities.isGroupButton(item)) {
+            const firstItem = getFirstItem(item);
+            // istanbul ignore else
+            if (firstItem)
+                return firstItem;
+            // istanbul ignore next
+            continue;
+        }
+        if (!isHidden && !isDisabled)
+            return item;
+    }
+    return undefined;
+};
+/** @internal */
+const getFirstItemId = (groupItem) => {
+    const item = getFirstItem(groupItem);
+    return item ? item.id : "";
+};
+/** Group Button React component
+ * @internal
+ */
+function GroupButtonItem(props) {
+    return (React.createElement(ToolbarGroupItemComponent, { groupItem: props.item, key: props.item.id, onItemExecuted: props.onItemExecuted }));
+}
+exports.GroupButtonItem = GroupButtonItem;
+//# sourceMappingURL=GroupButtonItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupButtonItem.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupButtonItem.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 classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport {\r\n  ActionButton, ConditionalBooleanValue, ConditionalStringValue, GroupButton, OnItemExecutedFunc, ToolbarItemUtilities,\r\n} from \"@itwin/appui-abstract\";\r\nimport { BadgeUtilities, CommonProps, withOnOutsideClick } from \"@itwin/core-react\";\r\nimport {\r\n  ExpandableItem, GroupColumn, GroupTool, GroupToolExpander, Item, NestedGroup as NestedToolGroupComponent, ToolbarDirectionContext,\r\n  Group as ToolGroupComponent, withDragInteraction,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { ToolGroupPanelContext } from \"../frontstage/FrontstageComposer\";\r\nimport { FrontstageManager, ToolActivatedEventArgs } from \"../frontstage/FrontstageManager\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { ToolbarDragInteractionContext } from \"./DragInteraction\";\r\nimport { ToolbarHelper } from \"./ToolbarHelper\";\r\n\r\nimport { onEscapeSetFocusToHome } from \"../hooks/useEscapeSetFocusToHome\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation\r\nconst ToolGroup = withOnOutsideClick(ToolGroupComponent, undefined, false);\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation\r\nconst NestedToolGroup = withOnOutsideClick(NestedToolGroupComponent, undefined, false);\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation\r\nconst ItemWithDragInteraction = withDragInteraction(Item);\r\n\r\n// -----------------------------------------------------------------------------\r\n// ToolbarGroupItem component, props & state\r\n// -----------------------------------------------------------------------------\r\n\r\ninterface ToolGroupItem {\r\n  trayId?: string;\r\n  item: ActionButton | GroupButton;\r\n}\r\n\r\ninterface ToolGroupTray {\r\n  title?: string;\r\n  items: Map<string, ToolGroupItem>;\r\n  groupItem: GroupButton;\r\n}\r\ntype ToolGroupTrayMap = Map<string, ToolGroupTray>;\r\n\r\ninterface ToolbarGroupItemComponentProps extends CommonProps {\r\n  groupItem: GroupButton;\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n}\r\n\r\ninterface ToolbarGroupItemState {\r\n  activeItemId: string; // One of group items id.\r\n  activeToolId: string; // FrontstageManager.activeToolId\r\n  groupItem: GroupButton;\r\n  trayId: string;\r\n  backTrays: ReadonlyArray<string>;\r\n  trays: ToolGroupTrayMap;\r\n  isEnabled: boolean;\r\n  isPressed: boolean;\r\n  isVisible: boolean;\r\n}\r\n\r\n/** Group Item React component.\r\n * @internal\r\n */\r\nexport class ToolbarGroupItemComponent extends React.Component<ToolbarGroupItemComponentProps, ToolbarGroupItemState> {\r\n  /** @internal */\r\n  public override readonly state: Readonly<ToolbarGroupItemState>;\r\n  private _trayIndex = 0;\r\n  private _closeOnPanelOpened = true;\r\n  private _ref = React.createRef<HTMLDivElement>();\r\n\r\n  constructor(props: ToolbarGroupItemComponentProps) {\r\n    super(props);\r\n\r\n    const state = this.getGroupItemState(this.props);\r\n    // TODO: The defaultActiveItemId should come from session storage\r\n    const activeItemId = getFirstItemId(this.props.groupItem);\r\n    this.state = {\r\n      ...state,\r\n      activeItemId,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    FrontstageManager.onToolActivatedEvent.addListener(this._handleToolActivatedEvent);\r\n    FrontstageManager.onToolPanelOpenedEvent.addListener(this._handleToolPanelOpenedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    FrontstageManager.onToolActivatedEvent.removeListener(this._handleToolActivatedEvent);\r\n    FrontstageManager.onToolPanelOpenedEvent.removeListener(this._handleToolPanelOpenedEvent);\r\n  }\r\n\r\n  private getGroupItemState(props: ToolbarGroupItemComponentProps) {\r\n    const groupItem = props.groupItem;\r\n    // Separate into trays\r\n    const trays = new Map<string, ToolGroupTray>();\r\n    const trayId = this.resetTrayId();\r\n\r\n    this.processGroupItem(groupItem, trayId, trays);\r\n    const isHidden = ConditionalBooleanValue.getValue(groupItem.isHidden);\r\n    const isDisabled = ConditionalBooleanValue.getValue(groupItem.isDisabled);\r\n\r\n    return {\r\n      activeToolId: FrontstageManager.activeToolId,\r\n      groupItem,\r\n      isEnabled: !isDisabled,\r\n      isPressed: false,\r\n      isVisible: !isHidden,\r\n      trayId,\r\n      backTrays: [],\r\n      trays,\r\n    };\r\n  }\r\n\r\n  private resetTrayId(): string {\r\n    this._trayIndex = 1;\r\n    return `tray-${this._trayIndex}`;\r\n  }\r\n\r\n  private generateTrayId(): string {\r\n    return `tray-${this._trayIndex}`;\r\n  }\r\n\r\n  private processGroupItem(groupItem: GroupButton, trayId: string, trays: ToolGroupTrayMap): void {\r\n    // Separate into column items\r\n    const items = new Map<string, ToolGroupItem>();\r\n    groupItem.items.forEach((item) => {\r\n      if (ToolbarItemUtilities.isGroupButton(item)) {\r\n        this._trayIndex++;\r\n        const itemTrayId = this.generateTrayId();\r\n        const toolGroupItem: ToolGroupItem = {\r\n          trayId: itemTrayId,\r\n          item,\r\n        };\r\n\r\n        items.set(item.id, toolGroupItem);\r\n        this.processGroupItem(item, itemTrayId, trays);\r\n      } else {\r\n        const toolItem: ToolGroupItem = { item };\r\n        items.set(item.id, toolItem);\r\n      }\r\n    });\r\n\r\n    trays.set(trayId, {\r\n      items,\r\n      title: ConditionalStringValue.getValue(groupItem.panelLabel),\r\n      groupItem,\r\n    });\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ToolbarGroupItemComponentProps, _prevState: ToolbarGroupItemState) {\r\n    if (!PropsHelper.isShallowEqual(this.props, prevProps)) {\r\n      // istanbul ignore else\r\n      if (this.props.groupItem !== prevProps.groupItem)\r\n        Logger.logTrace(UiFramework.loggerCategory(this), `Different ToolbarGroupItem for same groupId of ${this.state.groupItem.id}`);\r\n      this.setState((_, props) => this.getGroupItemState(props));\r\n    }\r\n  }\r\n\r\n  private get _tray() {\r\n    const tray = this.state.trays.get(this.state.trayId);\r\n    // istanbul ignore next\r\n    if (!tray)\r\n      throw new RangeError();\r\n\r\n    return tray;\r\n  }\r\n\r\n  private getTray(trayId: string) {\r\n    const tray = this.state.trays.get(trayId);\r\n    // istanbul ignore next\r\n    if (!tray)\r\n      throw new RangeError();\r\n\r\n    return tray;\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const activeItem = this.getItemById(this.state.activeItemId);\r\n    // istanbul ignore next\r\n    if (!activeItem)\r\n      return null;\r\n\r\n    const { groupItem, className, ...props } = this.props;\r\n    const classNames = classnames(\r\n      className,\r\n    );\r\n    const badge = BadgeUtilities.getComponentForBadgeType(groupItem.badgeType);  // eslint-disable-line deprecation/deprecation\r\n\r\n    return (\r\n      <ToolbarDirectionContext.Consumer>\r\n        {(direction) => (\r\n          <ToolbarDragInteractionContext.Consumer>\r\n            {(dragInteraction) => (\r\n              <ExpandableItem // eslint-disable-line deprecation/deprecation\r\n                {...props}\r\n                className={classNames}\r\n                key={this.state.groupItem.id}\r\n                panel={this.getGroupTray(dragInteraction)}\r\n              >\r\n                {dragInteraction ?\r\n                  (\r\n                    <div ref={this._ref}>\r\n                      <ItemWithDragInteraction\r\n                        badge={badge}\r\n                        direction={direction}\r\n                        icon={ToolbarHelper.getIconReactNode(activeItem)}\r\n                        isActive={this.state.activeToolId === this.state.activeItemId}\r\n                        isDisabled={!this.state.isEnabled}\r\n                        onClick={this._handleDragInteractionClick}\r\n                        onKeyDown={onEscapeSetFocusToHome}\r\n                        onOpenPanel={this._handleOpenPanel}\r\n                        title={ConditionalStringValue.getValue(activeItem.label)}\r\n                      />\r\n                    </div>\r\n                  ) :\r\n                  (\r\n                    <div ref={this._ref}>\r\n                      <Item // eslint-disable-line deprecation/deprecation\r\n                        badge={badge}\r\n                        icon={ToolbarHelper.getIconReactNode(groupItem)}\r\n                        isDisabled={!this.state.isEnabled}\r\n                        onClick={this._handleClick}\r\n                        onKeyDown={onEscapeSetFocusToHome}\r\n                        title={ConditionalStringValue.getValue(this.state.groupItem.label)}\r\n                      />\r\n                    </div>\r\n                  )}\r\n              </ExpandableItem>\r\n            )}\r\n          </ToolbarDragInteractionContext.Consumer>\r\n        )}\r\n      </ToolbarDirectionContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private _handleOpenPanel = () => {\r\n    this.setState({\r\n      isPressed: true,\r\n    });\r\n    this._closeOnPanelOpened = false;\r\n    FrontstageManager.onToolPanelOpenedEvent.emit();\r\n    this._closeOnPanelOpened = true;\r\n  };\r\n\r\n  private _handleClick = () => {\r\n    this.setState((prevState) => ({\r\n      isPressed: !prevState.isPressed,\r\n    }));\r\n  };\r\n\r\n  private _handleDragInteractionClick = () => {\r\n    const activeItem = this.getItemById(this.state.activeItemId);\r\n    activeItem && ToolbarItemUtilities.isActionButton(activeItem) && activeItem.execute();\r\n  };\r\n\r\n  private _handleDragInteractionOutsideClick = (_e: MouseEvent) => {\r\n    this.closeGroupButton();\r\n  };\r\n\r\n  private _handleOutsideClick = (e: MouseEvent) => {\r\n    this._ref.current && (e.target instanceof Node) && !this._ref.current.contains(e.target) && this.closeGroupButton();\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _handleToolActivatedEvent = ({ toolId }: ToolActivatedEventArgs) => {\r\n    this.setState({\r\n      activeToolId: toolId,\r\n    });\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _handleToolPanelOpenedEvent = () => {\r\n    if (!this._closeOnPanelOpened)\r\n      return;\r\n    this.closeGroupButton();\r\n  };\r\n\r\n  private closeGroupButton() {\r\n    const trayId = this.resetTrayId();\r\n\r\n    this.setState({\r\n      isPressed: false,\r\n      trayId,\r\n      backTrays: [],\r\n    });\r\n  }\r\n\r\n  private handleToolGroupItemClicked(trayKey: string, itemKey: string) {\r\n    const trayId = this.resetTrayId();\r\n    this.setState(\r\n      {\r\n        activeItemId: itemKey,\r\n        isPressed: false,\r\n        trayId,\r\n        backTrays: [],\r\n      },\r\n      () => {\r\n        const tray = this.getTray(trayKey);\r\n        const childItem = tray.groupItem.items.find((item) => itemKey === item.id);\r\n        // istanbul ignore else\r\n        if (childItem) {\r\n          // istanbul ignore else\r\n          if (ToolbarItemUtilities.isActionButton(childItem)) {\r\n            childItem.execute();\r\n            if (this.props.onItemExecuted)\r\n              this.props.onItemExecuted(childItem);\r\n          }\r\n        }\r\n      },\r\n    );\r\n  }\r\n\r\n  private getItemsInColumn(numTotalItems: number): number {\r\n    if (numTotalItems <= 6)\r\n      return numTotalItems;\r\n    if (numTotalItems <= 24)\r\n      return Math.ceil(numTotalItems / 2);\r\n    if (numTotalItems <= 36)\r\n      return Math.ceil(numTotalItems / 3);\r\n    return Math.ceil(numTotalItems / 4);\r\n  }\r\n\r\n  private getGroupTray(dragInteraction: boolean): React.ReactNode {\r\n    if (!this.state.isPressed)\r\n      return undefined;\r\n\r\n    return (\r\n      <ToolGroupPanelContext.Consumer>\r\n        {(activateOnPointerUp) => {\r\n          const tray = this._tray;\r\n          const items = [...tray.items.keys()];\r\n          const itemsInColumn = this.getItemsInColumn(items.length); // tray.groupItem.itemsInColumn;\r\n\r\n          activateOnPointerUp = activateOnPointerUp && dragInteraction;\r\n\r\n          // Divide items equally between columns.\r\n          const numberOfColumns = Math.ceil(items.length / itemsInColumn);\r\n          const numberItemsInColumn = Math.ceil(items.length / numberOfColumns);\r\n\r\n          const columnToItems = items.reduce<ReadonlyArray<ReadonlyArray<string>>>((acc, item, index) => {\r\n            const columnIndex = Math.floor(index / numberItemsInColumn);\r\n            if (columnIndex >= acc.length) {\r\n              return [\r\n                ...acc,\r\n                [item],\r\n              ];\r\n            }\r\n            return [\r\n              ...acc.slice(0, columnIndex),\r\n              [\r\n                ...acc[columnIndex],\r\n                item,\r\n              ],\r\n              ...acc.slice(columnIndex + 1),\r\n            ];\r\n          }, []);\r\n          const columns = (columnToItems.map((columnItems, columnIndex) =>\r\n            <GroupColumn key={columnIndex}> {/* eslint-disable-line deprecation/deprecation */}\r\n              {columnItems.map((itemKey) => {\r\n                const tgItem = tray.items.get(itemKey)!;\r\n                const item = tgItem.item;\r\n                const icon = ToolbarHelper.getIconReactNode(item);\r\n                const isVisible = true;\r\n                const isActive = itemKey === this.state.activeToolId;\r\n                const badge = BadgeUtilities.getComponentForBadgeType(item.badgeType);\r\n\r\n                if (tgItem.trayId) {\r\n                  return (\r\n                    isVisible &&\r\n                    <GroupToolExpander\r\n                      isDisabled={!!item.isDisabled}\r\n                      key={itemKey}\r\n                      label={ConditionalStringValue.getValue(item.label)}\r\n                      icon={icon}\r\n                      badge={badge}\r\n                      onClick={() => this._handleExpanderClick(tgItem.trayId!)}\r\n                      onPointerUp={activateOnPointerUp ? () => this._handleExpanderClick(tgItem.trayId!) : undefined}\r\n                    />\r\n                  );\r\n                }\r\n\r\n                return (\r\n                  isVisible &&\r\n                  <GroupTool\r\n                    isDisabled={!!item.isDisabled}\r\n                    isActive={isActive}\r\n                    key={itemKey}\r\n                    label={ConditionalStringValue.getValue(item.label)}\r\n                    onClick={\r\n                      // istanbul ignore next\r\n                      () => this.handleToolGroupItemClicked(this.state.trayId, itemKey)\r\n                    }\r\n                    onPointerUp={activateOnPointerUp ? () => this.handleToolGroupItemClicked(this.state.trayId, itemKey) : undefined}\r\n                    icon={icon}\r\n                    badge={badge}\r\n                  />\r\n                );\r\n              })}\r\n            </GroupColumn>,\r\n          ));\r\n\r\n          if (this.state.backTrays.length > 0)\r\n            return (\r\n              <NestedToolGroup\r\n                columns={columns}\r\n                onBack={this._handleBack}\r\n                onBackPointerUp={activateOnPointerUp ? this._handleBack : undefined}\r\n                onOutsideClick={dragInteraction ? this._handleDragInteractionOutsideClick : /* istanbul ignore next */ this._handleOutsideClick}\r\n                title={tray.title}\r\n              />\r\n            );\r\n\r\n          return (\r\n            <ToolGroup\r\n              columns={columns}\r\n              onOutsideClick={dragInteraction ? this._handleDragInteractionOutsideClick : this._handleOutsideClick}\r\n              title={tray.title}\r\n            />\r\n          );\r\n        }}\r\n      </ToolGroupPanelContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public getItemById(id: string): ActionButton | GroupButton | undefined {\r\n    for (const [, tray] of this.state.trays) {\r\n      const item = tray.groupItem.items.find((childItem) => id === childItem.id);\r\n      if (item)\r\n        return item;\r\n    }\r\n    // istanbul ignore next\r\n    return undefined;\r\n  }\r\n\r\n  private _handleBack = () => {\r\n    this.setState((prevState) => {\r\n      const trayId = prevState.backTrays.length > 0 ? prevState.backTrays[prevState.backTrays.length - 1] : /* istanbul ignore next */ prevState.trayId;\r\n      const backTrays = prevState.backTrays.slice(0, -1);\r\n      return {\r\n        trayId,\r\n        backTrays,\r\n      };\r\n    });\r\n  };\r\n\r\n  private _handleExpanderClick = (trayId: string) => {\r\n    this.setState((prevState) => {\r\n      return {\r\n        trayId,\r\n        backTrays: [...prevState.backTrays, prevState.trayId],\r\n      };\r\n    });\r\n  };\r\n}\r\n\r\n/** @internal */\r\nconst getFirstItem = (groupItem: GroupButton): ActionButton | GroupButton | undefined => {\r\n  for (const item of groupItem.items) {\r\n    const isHidden = ConditionalBooleanValue.getValue(item.isHidden);\r\n    const isDisabled = ConditionalBooleanValue.getValue(item.isDisabled);\r\n\r\n    if (ToolbarItemUtilities.isGroupButton(item)) {\r\n      const firstItem = getFirstItem(item);\r\n      // istanbul ignore else\r\n      if (firstItem)\r\n        return firstItem;\r\n      // istanbul ignore next\r\n      continue;\r\n    }\r\n    if (!isHidden && !isDisabled)\r\n      return item;\r\n  }\r\n  return undefined;\r\n};\r\n\r\n/** @internal */\r\nconst getFirstItemId = (groupItem: GroupButton): string => {\r\n  const item = getFirstItem(groupItem);\r\n  return item ? item.id : \"\";\r\n};\r\n\r\n/** Action button props\r\n *  @internal\r\n */\r\ninterface GroupButtonProps {\r\n  item: GroupButton;\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n}\r\n\r\n/** Group Button React component\r\n * @internal\r\n */\r\nexport function GroupButtonItem(props: GroupButtonProps) {\r\n  return (\r\n    <ToolbarGroupItemComponent\r\n      groupItem={props.item}\r\n      key={props.item.id}\r\n      onItemExecuted={props.onItemExecuted}\r\n    />\r\n  );\r\n}\r\n"]}

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

@@ -1,11 +1,14 @@
 /** @packageDocumentation
  * @module Item
  */
-import { ConditionalStringValue, OnItemExecutedFunc, StringGetter } from "@itwin/appui-abstract";
+import * as React from "react";
+import { BadgeType, ConditionalStringValue, OnItemExecutedFunc, StringGetter } from "@itwin/appui-abstract";
+import { CommonProps, IconSpec, SizeProps } from "@itwin/core-react";
+import { Direction } from "@itwin/appui-layout-react";
 import { ActionButtonItemDef } from "../shared/ActionButtonItemDef";
 import { AnyItemDef } from "../shared/AnyItemDef";
 import { GroupItemProps } from "../shared/GroupItemProps";
-import { ItemDefBase } from "../shared/ItemDefBase";
+import { BaseItemState, ItemDefBase } from "../shared/ItemDefBase";
 /** An Item that opens a group of items.
  * @public
  */
@@ -13,8 +16,12 @@ export declare class GroupItemDef extends ActionButtonItemDef {
     private static _sId;
     static groupIdPrefix: string;
     groupId: string;
+    /** @deprecated in 3.6.  Used in UI1.0 only. */
+    direction: Direction;
     itemsInColumn: number;
     items: AnyItemDef[];
+    /** @deprecated in 3.6. Used in UI1.0 only. */
+    directionExplicit: boolean;
     defaultActiveItemId?: string;
     /** @internal */
     overflow: boolean;
@@ -34,5 +41,89 @@ export declare class GroupItemDef extends ActionButtonItemDef {
     getItemByIndex(index: number): ItemDefBase | undefined;
     get itemCount(): number;
     execute(): void;
+    /** @deprecated in 3.6. Used in UI1.0 only. */
+    toolbarReactNode(index?: number): React.ReactNode;
 }
+interface ToolGroupItem {
+    iconSpec?: IconSpec;
+    label: string;
+    trayId?: string;
+    badgeType?: BadgeType;
+}
+interface ToolGroupTray {
+    title: string;
+    items: Map<string, ToolGroupItem>;
+    groupItemDef: GroupItemDef;
+}
+declare type ToolGroupTrayMap = Map<string, ToolGroupTray>;
+interface GroupItemComponentProps extends CommonProps {
+    groupItemDef: GroupItemDef;
+    onSizeKnown?: (size: SizeProps) => void;
+}
+interface GroupItemState extends BaseItemState {
+    activeItemId: string;
+    activeToolId: string;
+    groupItemDef: GroupItemDef;
+    trayId: string;
+    backTrays: ReadonlyArray<string>;
+    trays: ToolGroupTrayMap;
+}
+/** Group Item React component.
+ * @internal
+ */
+export declare class GroupItem extends React.Component<GroupItemComponentProps, GroupItemState> {
+    /** @internal */
+    readonly state: Readonly<GroupItemState>;
+    private _componentUnmounting;
+    private _childSyncIds?;
+    private _childRefreshRequired;
+    private _trayIndex;
+    private _closeOnPanelOpened;
+    private _ref;
+    constructor(props: GroupItemComponentProps);
+    private _loadChildSyncIds;
+    private _handleSyncUiEvent;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: GroupItemComponentProps, nextState: GroupItemState): boolean;
+    private getGroupItemState;
+    private resetTrayId;
+    private generateTrayId;
+    private processGroupItemDef;
+    componentDidUpdate(prevProps: GroupItemComponentProps, _prevState: GroupItemState): void;
+    private get _tray();
+    private getTray;
+    private _handleKeyDown;
+    render(): React.ReactNode;
+    private _handleOpenPanel;
+    private _handleClick;
+    private _handleDragInteractionClick;
+    private _handleOverflowClick;
+    private _handleDragInteractionOutsideClick;
+    private _handleOutsideClick;
+    private _handleToolActivatedEvent;
+    private _handleToolPanelOpenedEvent;
+    private closeGroupButton;
+    private handleToolGroupItemClicked;
+    private getGroupTray;
+    getItemById(id: string): ItemDefBase | undefined;
+    private _handleBack;
+    private _handleExpanderClick;
+}
+/** Properties for the [[GroupButton]] React component
+ * @deprecated in 3.5. Props of a deprecated component.
+ * @public
+ */
+export interface GroupButtonProps extends GroupItemProps, CommonProps {
+}
+/** Group Button React component
+ * @deprecated in 3.5. Use [GroupButton]($appui-abstract) instead.
+ * @public
+ */
+export declare function GroupButton(props: GroupButtonProps): JSX.Element;
+/** @internal */
+export declare const getFirstItem: (groupItemDef: GroupItemDef) => AnyItemDef | undefined;
+/** @internal */
+export declare const getFirstItemId: (groupItemDef: GroupItemDef) => string;
+export {};
 //# sourceMappingURL=GroupItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQpD;;GAEG;AACH,qBAAa,YAAa,SAAQ,mBAAmB;IACnD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,aAAa,SAAY;IAEhC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAEpC,gBAAgB;IACT,QAAQ,EAAE,OAAO,CAAS;IAEjC,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,WAAW,CAAsD;gBAE7D,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAiB/E,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,gCAAgC;IAChC,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED;;OAEG;IACI,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAI/D,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAcnC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAIhD,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI7D,IAAW,SAAS,IAAI,MAAM,CAE7B;IAEe,OAAO,IAAI,IAAI;CAEhC"}
+{"version":3,"file":"GroupItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":"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"}