@itwin/appui-react 4.0.0-dev.8 → 4.0.0

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

@@ -1,40 +0,0 @@
-/** @packageDocumentation
- * @module Item
- */
-import * as React from "react";
-import { CommonProps, SizeProps } from "@itwin/core-react";
-import { ActionButtonItemDef } from "../shared/ActionButtonItemDef";
-import { BaseItemState } from "../shared/ItemDefBase";
-/** Properties that must be specified for an [[ActionItemButton]] component
- * @deprecated in 3.5. Props of a deprecated component.
- * @public
- */
-export interface ActionItemButtonProps extends CommonProps {
-    /** Action Button item definition containing the action information */
-    actionItem: ActionButtonItemDef;
-    /** Indicates whether the button is enabled or disabled */
-    isEnabled?: boolean;
-    /** Called when the button is initialized and the size is known */
-    onSizeKnown?: (size: SizeProps) => void;
-}
-/** A Toolbar button React Component that executes an action defined by a CommandItemDef or a ToolItemDef.
- * @deprecated in 3.5. Use [ActionButton]($appui-abstract) instead.
- * @public
- */
-export declare class ActionItemButton extends React.Component<ActionItemButtonProps, BaseItemState> {
-    private _componentUnmounting;
-    /** @internal */
-    readonly state: Readonly<BaseItemState>;
-    constructor(props: ActionItemButtonProps);
-    private _handleSyncUiEvent;
-    /** @internal */
-    static getDerivedStateFromProps(props: ActionItemButtonProps, state: BaseItemState): BaseItemState | null;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    private _execute;
-    /** @internal */
-    render(): React.ReactNode;
-}
-//# sourceMappingURL=ActionItemButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActionItemButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionItemButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,WAAW,EAAQ,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKtD;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,UAAU,EAAE,mBAAmB,CAAC;IAChC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAaD;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,aAAa,CAAC;IACzF,OAAO,CAAC,oBAAoB,CAAS;IAErC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;gBAE5C,KAAK,EAAE,qBAAqB;IAMxC,OAAO,CAAC,kBAAkB,CAsCxB;IAEF,gBAAgB;WACF,wBAAwB,CAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,aAAa;IASzF,gBAAgB;IACA,iBAAiB;IAIjC,gBAAgB;IACA,oBAAoB;IAKpC,OAAO,CAAC,QAAQ,CAKd;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}

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

@@ -1,104 +0,0 @@
-"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.ActionItemButton = void 0;
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
-const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
-const PropsHelper_1 = require("../utils/PropsHelper");
-const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
-/** Helper method to set state from props */
-const getItemStateFromProps = (props) => {
-    // Parent Component can only modify the isEnable state if the actionItem.isEnabled value is set to true.
-    return {
-        isEnabled: undefined !== props.isEnabled ? props.isEnabled && props.actionItem.isEnabled : props.actionItem.isEnabled,
-        isVisible: props.actionItem.isVisible,
-        isActive: undefined !== props.actionItem.isActive ? props.actionItem.isActive : /* istanbul ignore next */ false,
-    };
-};
-/** A Toolbar button React Component that executes an action defined by a CommandItemDef or a ToolItemDef.
- * @deprecated in 3.5. Use [ActionButton]($appui-abstract) instead.
- * @public
- */
-class ActionItemButton extends React.Component {
-    constructor(props) {
-        super(props);
-        this._componentUnmounting = false;
-        this._handleSyncUiEvent = (args) => {
-            // istanbul ignore if
-            if (this._componentUnmounting)
-                return;
-            let refreshState = false;
-            let newState = { ...this.state };
-            // since this is a tool button automatically monitor the activation of tools so the active state of the button is updated.
-            if (args.eventIds.has(SyncUiEventDispatcher_1.SyncUiEventId.ToolActivated)) {
-                newState.isActive = this.props.actionItem.id === FrontstageManager_1.FrontstageManager.activeToolId;
-                refreshState = true;
-            }
-            if (!refreshState && this.props.actionItem.stateSyncIds && this.props.actionItem.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation
-                refreshState = this.props.actionItem.stateSyncIds.some((value) => args.eventIds.has(value.toLowerCase())); // eslint-disable-line deprecation/deprecation
-            if (refreshState) {
-                if (this.props.actionItem.stateFunc) // eslint-disable-line deprecation/deprecation
-                    newState = this.props.actionItem.stateFunc(newState); // eslint-disable-line deprecation/deprecation
-                if ((this.state.isActive !== newState.isActive) || (this.state.isEnabled !== newState.isEnabled) || (this.state.isVisible !== newState.isVisible)) {
-                    // update actionItem as it hold the 'truth' for all state
-                    /* istanbul ignore else */
-                    if (undefined !== newState.isVisible) // eslint-disable-line deprecation/deprecation
-                        this.props.actionItem.isVisible = newState.isVisible; // eslint-disable-line deprecation/deprecation
-                    /* istanbul ignore else */
-                    if (undefined !== newState.isActive)
-                        this.props.actionItem.isActive = newState.isActive;
-                    this.setState({
-                        isActive: newState.isActive,
-                        isEnabled: newState.isEnabled,
-                        isVisible: newState.isVisible,
-                    });
-                }
-            }
-        };
-        this._execute = () => {
-            // istanbul ignore else
-            if (this.props.actionItem.execute) {
-                this.props.actionItem.execute();
-            }
-        };
-        this.state = getItemStateFromProps(props);
-    }
-    /** @internal */
-    static getDerivedStateFromProps(props, state) {
-        const updatedState = getItemStateFromProps(props);
-        // istanbul ignore else
-        if (!PropsHelper_1.PropsHelper.isShallowEqual(updatedState, state))
-            return updatedState;
-        return null;
-    }
-    /** @internal */
-    componentDidMount() {
-        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
-    }
-    /** @internal */
-    componentWillUnmount() {
-        this._componentUnmounting = true;
-        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
-    }
-    /** @internal */
-    render() {
-        if (!this.state.isVisible)
-            return null;
-        const { actionItem, ...props } = this.props;
-        const icon = React.createElement(core_react_1.Icon, { iconSpec: actionItem.iconSpec });
-        const badge = core_react_1.BadgeUtilities.getComponentForBadgeType(actionItem.badgeType);
-        return (React.createElement(appui_layout_react_1.Item // eslint-disable-line deprecation/deprecation
-        , { ...props, isActive: this.state.isActive, isDisabled: !this.state.isEnabled, title: actionItem.label, key: actionItem.getKey(), onClick: this._execute, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, icon: icon, onSizeKnown: this.props.onSizeKnown, badge: badge }));
-    }
-}
-exports.ActionItemButton = ActionItemButton;
-//# sourceMappingURL=ActionItemButton.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,79 +0,0 @@
-/** @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

@@ -1 +0,0 @@
-{"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

@@ -1,329 +0,0 @@
-"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