@itwin/appui-react 3.4.6 → 3.4.7

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

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

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

@@ -1,9 +1,9 @@
-/** @packageDocumentation
- * @module Item
- */
-import * as React from "react";
-/** Context used to enable toolbar drag interaction.
- * @beta
- */
-export declare const ToolbarDragInteractionContext: React.Context<boolean>;
+/** @packageDocumentation
+ * @module Item
+ */
+import * as React from "react";
+/** Context used to enable toolbar drag interaction.
+ * @beta
+ */
+export declare const ToolbarDragInteractionContext: React.Context<boolean>;
 //# sourceMappingURL=DragInteraction.d.ts.map

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

@@ -1,16 +1,16 @@
-"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.ToolbarDragInteractionContext = void 0;
-const React = require("react");
-/** Context used to enable toolbar drag interaction.
- * @beta
- */
-exports.ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention
+"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.ToolbarDragInteractionContext = void 0;
+const React = require("react");
+/** Context used to enable toolbar drag interaction.
+ * @beta
+ */
+exports.ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention
 //# sourceMappingURL=DragInteraction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragInteraction.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B;;GAEG;AACU,QAAA,6BAA6B,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,2DAA2D","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\n\r\n/** Context used to enable toolbar drag interaction.\r\n * @beta\r\n */\r\nexport const ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}
+{"version":3,"file":"DragInteraction.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B;;GAEG;AACU,QAAA,6BAA6B,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,2DAA2D","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport * as React from \"react\";\n\n/** Context used to enable toolbar drag interaction.\n * @beta\n */\nexport const ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention\n"]}

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

@@ -1,79 +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 ToolbarGroupItem 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 {};
+/** @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 ToolbarGroupItem 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