@itwin/appui-react 3.6.0 → 3.6.1

package/lib/cjs/appui-react/widgets/ToolWidget.js

@@ -1,90 +1,90 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolWidget = exports.ToolWidgetDef = 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 UiShowHideManager_1 = require("../utils/UiShowHideManager");
-const ToolbarWidgetBase_1 = require("./ToolbarWidgetBase");
-const WidgetDef_1 = require("./WidgetDef");
-const UiFramework_1 = require("../UiFramework");
-/** Definition of a Tool Widget normally displayed in the top left zone in the 9-Zone Layout system.
- * @public
- * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead
- */
-class ToolWidgetDef extends ToolbarWidgetBase_1.ToolbarWidgetDefBase {
-    constructor(props) {
-        super(props);
-        this._backstageLabel = UiFramework_1.UiFramework.translate("buttons.openBackstageMenu");
-        this._appButton = props.appButton;
-        this.widgetType = WidgetDef_1.WidgetType.Tool;
-        this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : appui_layout_react_1.Direction.Right; // eslint-disable-line deprecation/deprecation
-        const activeStageName = FrontstageManager_1.FrontstageManager.activeFrontstageDef ? FrontstageManager_1.FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ "";
-        this.widgetBaseName = `[${activeStageName}]ToolWidget`;
-    }
-    get reactNode() {
-        // istanbul ignore else
-        if (!this._reactNode)
-            this._reactNode = React.createElement(ToolWidgetWithDef, { toolWidgetDef: this });
-        return this._reactNode;
-    }
-    renderCornerItem() {
-        if (this._appButton) {
-            return (React.createElement(appui_layout_react_1.AppButton // eslint-disable-line deprecation/deprecation
-            , { onClick: this._appButton.execute, icon: React.createElement(core_react_1.Icon, { iconSpec: this._appButton.iconSpec }), title: this._appButton.tooltip || this._backstageLabel }));
-        }
-        return undefined;
-    }
-}
-exports.ToolWidgetDef = ToolWidgetDef;
-/** ToolWidget React component.
- * @public
- * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead
- */
-class ToolWidget extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { toolWidgetDef: new ToolWidgetDef(props) }; // eslint-disable-line deprecation/deprecation
-    }
-    componentDidUpdate(prevProps, _prevState) {
-        if (this.props !== prevProps) {
-            this.setState((_, props) => ({ toolWidgetDef: new ToolWidgetDef(props) })); // eslint-disable-line deprecation/deprecation
-        }
-    }
-    render() {
-        return (React.createElement(ToolWidgetWithDef, { className: this.props.className, style: this.props.style, toolWidgetDef: this.state.toolWidgetDef, button: this.props.button, horizontalToolbar: this.props.horizontalToolbar, verticalToolbar: this.props.verticalToolbar }));
-    }
-}
-exports.ToolWidget = ToolWidget;
-/** Tool Widget React component.
- */
-class ToolWidgetWithDef extends React.Component {
-    constructor(props) {
-        super(props);
-        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.toolWidgetDef.renderHorizontalToolbar();
-        const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();
-        const cornerItem = (this.props.button !== undefined) ? this.props.button : this.props.toolWidgetDef.renderCornerItem();
-        this.state = { horizontalToolbar, verticalToolbar, cornerItem };
-    }
-    reloadToolbars() {
-        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.toolWidgetDef.renderHorizontalToolbar();
-        const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();
-        this.setState({ horizontalToolbar, verticalToolbar });
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props !== prevProps)
-            this.reloadToolbars();
-    }
-    render() {
-        return (React.createElement(appui_layout_react_1.Tools, { className: this.props.className, style: this.props.style, button: this.state.cornerItem, horizontalToolbar: this.state.horizontalToolbar, verticalToolbar: this.state.verticalToolbar, preserveSpace: true, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter }));
-    }
-}
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolWidget = exports.ToolWidgetDef = 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 UiShowHideManager_1 = require("../utils/UiShowHideManager");
+const ToolbarWidgetBase_1 = require("./ToolbarWidgetBase");
+const WidgetDef_1 = require("./WidgetDef");
+const UiFramework_1 = require("../UiFramework");
+/** Definition of a Tool Widget normally displayed in the top left zone in the 9-Zone Layout system.
+ * @public
+ * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead
+ */
+class ToolWidgetDef extends ToolbarWidgetBase_1.ToolbarWidgetDefBase {
+    constructor(props) {
+        super(props);
+        this._backstageLabel = UiFramework_1.UiFramework.translate("buttons.openBackstageMenu");
+        this._appButton = props.appButton;
+        this.widgetType = WidgetDef_1.WidgetType.Tool;
+        this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : appui_layout_react_1.Direction.Right; // eslint-disable-line deprecation/deprecation
+        const activeStageName = FrontstageManager_1.FrontstageManager.activeFrontstageDef ? FrontstageManager_1.FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ "";
+        this.widgetBaseName = `[${activeStageName}]ToolWidget`;
+    }
+    get reactNode() {
+        // istanbul ignore else
+        if (!this._reactNode)
+            this._reactNode = React.createElement(ToolWidgetWithDef, { toolWidgetDef: this });
+        return this._reactNode;
+    }
+    renderCornerItem() {
+        if (this._appButton) {
+            return (React.createElement(appui_layout_react_1.AppButton // eslint-disable-line deprecation/deprecation
+            , { onClick: this._appButton.execute, icon: React.createElement(core_react_1.Icon, { iconSpec: this._appButton.iconSpec }), title: this._appButton.tooltip || this._backstageLabel }));
+        }
+        return undefined;
+    }
+}
+exports.ToolWidgetDef = ToolWidgetDef;
+/** ToolWidget React component.
+ * @public
+ * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead
+ */
+class ToolWidget extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { toolWidgetDef: new ToolWidgetDef(props) }; // eslint-disable-line deprecation/deprecation
+    }
+    componentDidUpdate(prevProps, _prevState) {
+        if (this.props !== prevProps) {
+            this.setState((_, props) => ({ toolWidgetDef: new ToolWidgetDef(props) })); // eslint-disable-line deprecation/deprecation
+        }
+    }
+    render() {
+        return (React.createElement(ToolWidgetWithDef, { className: this.props.className, style: this.props.style, toolWidgetDef: this.state.toolWidgetDef, button: this.props.button, horizontalToolbar: this.props.horizontalToolbar, verticalToolbar: this.props.verticalToolbar }));
+    }
+}
+exports.ToolWidget = ToolWidget;
+/** Tool Widget React component.
+ */
+class ToolWidgetWithDef extends React.Component {
+    constructor(props) {
+        super(props);
+        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.toolWidgetDef.renderHorizontalToolbar();
+        const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();
+        const cornerItem = (this.props.button !== undefined) ? this.props.button : this.props.toolWidgetDef.renderCornerItem();
+        this.state = { horizontalToolbar, verticalToolbar, cornerItem };
+    }
+    reloadToolbars() {
+        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.toolWidgetDef.renderHorizontalToolbar();
+        const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();
+        this.setState({ horizontalToolbar, verticalToolbar });
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props !== prevProps)
+            this.reloadToolbars();
+    }
+    render() {
+        return (React.createElement(appui_layout_react_1.Tools, { className: this.props.className, style: this.props.style, button: this.state.cornerItem, horizontalToolbar: this.state.horizontalToolbar, verticalToolbar: this.state.verticalToolbar, preserveSpace: true, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter }));
+    }
+}
 //# sourceMappingURL=ToolWidget.js.map

package/lib/cjs/appui-react/widgets/ToolWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidget.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 Widget\n */\n\nimport * as React from \"react\";\nimport { CommonProps, Icon } from \"@itwin/core-react\";\nimport { AppButton, Direction, Tools as NZ_ToolsWidget } from \"@itwin/appui-layout-react\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\nimport { ToolbarWidgetDefBase } from \"./ToolbarWidgetBase\";\nimport { ToolWidgetProps, WidgetType } from \"./WidgetDef\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Definition of a Tool Widget normally displayed in the top left zone in the 9-Zone Layout system.\n * @public\n * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead\n */\nexport class ToolWidgetDef extends ToolbarWidgetDefBase { // eslint-disable-line deprecation/deprecation\n  private _appButton: CommandItemDef | undefined;\n  private _reactNode: React.ReactNode;\n  private _backstageLabel = UiFramework.translate(\"buttons.openBackstageMenu\");\n\n  constructor(props: ToolWidgetProps) { // eslint-disable-line deprecation/deprecation\n    super(props);\n\n    this._appButton = props.appButton;\n\n    this.widgetType = WidgetType.Tool;\n    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Right; // eslint-disable-line deprecation/deprecation\n\n    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */\"\";\n    this.widgetBaseName = `[${activeStageName}]ToolWidget`;\n  }\n\n  public override get reactNode(): React.ReactNode {\n    // istanbul ignore else\n    if (!this._reactNode)\n      this._reactNode = <ToolWidgetWithDef toolWidgetDef={this} />;\n\n    return this._reactNode;\n  }\n\n  public renderCornerItem(): React.ReactNode | undefined {\n    if (this._appButton) {\n      return (\n        <AppButton // eslint-disable-line deprecation/deprecation\n          onClick={this._appButton.execute}\n          icon={\n            <Icon iconSpec={this._appButton.iconSpec} />\n          }\n          title={this._appButton.tooltip || this._backstageLabel}\n        />\n      );\n    }\n\n    return undefined;\n  }\n}\n\n/** Properties for the [[ToolWidget]] React component.\n * @public\n * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead\n */\nexport interface ToolWidgetPropsEx extends ToolWidgetProps, CommonProps { // eslint-disable-line deprecation/deprecation\n  button?: React.ReactNode;\n  horizontalToolbar?: React.ReactNode;\n  verticalToolbar?: React.ReactNode;\n}\n\n/** State for the [[ToolWidget]] React component.\n * @internal\n */\ninterface ToolWidgetState {\n  toolWidgetDef: ToolWidgetDef; // eslint-disable-line deprecation/deprecation\n}\n\n/** ToolWidget React component.\n * @public\n * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead\n */\nexport class ToolWidget extends React.Component<ToolWidgetPropsEx, ToolWidgetState> { // eslint-disable-line deprecation/deprecation\n\n  /** @internal */\n  public override readonly state: Readonly<ToolWidgetState>;\n\n  constructor(props: ToolWidgetPropsEx) { // eslint-disable-line deprecation/deprecation\n    super(props);\n\n    this.state = { toolWidgetDef: new ToolWidgetDef(props) }; // eslint-disable-line deprecation/deprecation\n  }\n\n  public override componentDidUpdate(prevProps: ToolWidgetPropsEx, _prevState: ToolWidgetState) { // eslint-disable-line deprecation/deprecation\n    if (this.props !== prevProps) {\n      this.setState((_, props) => ({ toolWidgetDef: new ToolWidgetDef(props) })); // eslint-disable-line deprecation/deprecation\n    }\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <ToolWidgetWithDef\n        className={this.props.className}\n        style={this.props.style}\n        toolWidgetDef={this.state.toolWidgetDef}\n        button={this.props.button}\n        horizontalToolbar={this.props.horizontalToolbar}\n        verticalToolbar={this.props.verticalToolbar}\n      />\n    );\n  }\n}\n\n/** Properties for the Tool Widget React component.\n */\ninterface Props extends CommonProps {\n  toolWidgetDef: ToolWidgetDef; // eslint-disable-line deprecation/deprecation\n  button?: React.ReactNode;\n  horizontalToolbar?: React.ReactNode;\n  verticalToolbar?: React.ReactNode;\n}\n\ninterface ToolWidgetWithDefState {\n  horizontalToolbar: React.ReactNode;\n  verticalToolbar: React.ReactNode;\n  cornerItem: React.ReactNode;\n}\n\n/** Tool Widget React component.\n */\nclass ToolWidgetWithDef extends React.Component<Props, ToolWidgetWithDefState> {\n  constructor(props: Props) {\n    super(props);\n\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.toolWidgetDef.renderHorizontalToolbar();\n    const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();\n    const cornerItem = (this.props.button !== undefined) ? this.props.button : this.props.toolWidgetDef.renderCornerItem();\n    this.state = { horizontalToolbar, verticalToolbar, cornerItem };\n  }\n\n  private reloadToolbars() {\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.toolWidgetDef.renderHorizontalToolbar();\n    const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();\n    this.setState({ horizontalToolbar, verticalToolbar });\n  }\n\n  public override componentDidUpdate(prevProps: Props) {\n    if (this.props !== prevProps)\n      this.reloadToolbars();\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <NZ_ToolsWidget\n        className={this.props.className}\n        style={this.props.style}\n        button={this.state.cornerItem}\n        horizontalToolbar={this.state.horizontalToolbar}\n        verticalToolbar={this.state.verticalToolbar}\n        preserveSpace={true}\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidget.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 Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, Icon } from \"@itwin/core-react\";\r\nimport { AppButton, Direction, Tools as NZ_ToolsWidget } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ToolbarWidgetDefBase } from \"./ToolbarWidgetBase\";\r\nimport { ToolWidgetProps, WidgetType } from \"./WidgetDef\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Definition of a Tool Widget normally displayed in the top left zone in the 9-Zone Layout system.\r\n * @public\r\n * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead\r\n */\r\nexport class ToolWidgetDef extends ToolbarWidgetDefBase { // eslint-disable-line deprecation/deprecation\r\n  private _appButton: CommandItemDef | undefined;\r\n  private _reactNode: React.ReactNode;\r\n  private _backstageLabel = UiFramework.translate(\"buttons.openBackstageMenu\");\r\n\r\n  constructor(props: ToolWidgetProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this._appButton = props.appButton;\r\n\r\n    this.widgetType = WidgetType.Tool;\r\n    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Right; // eslint-disable-line deprecation/deprecation\r\n\r\n    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */\"\";\r\n    this.widgetBaseName = `[${activeStageName}]ToolWidget`;\r\n  }\r\n\r\n  public override get reactNode(): React.ReactNode {\r\n    // istanbul ignore else\r\n    if (!this._reactNode)\r\n      this._reactNode = <ToolWidgetWithDef toolWidgetDef={this} />;\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  public renderCornerItem(): React.ReactNode | undefined {\r\n    if (this._appButton) {\r\n      return (\r\n        <AppButton // eslint-disable-line deprecation/deprecation\r\n          onClick={this._appButton.execute}\r\n          icon={\r\n            <Icon iconSpec={this._appButton.iconSpec} />\r\n          }\r\n          title={this._appButton.tooltip || this._backstageLabel}\r\n        />\r\n      );\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n}\r\n\r\n/** Properties for the [[ToolWidget]] React component.\r\n * @public\r\n * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead\r\n */\r\nexport interface ToolWidgetPropsEx extends ToolWidgetProps, CommonProps { // eslint-disable-line deprecation/deprecation\r\n  button?: React.ReactNode;\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/** State for the [[ToolWidget]] React component.\r\n * @internal\r\n */\r\ninterface ToolWidgetState {\r\n  toolWidgetDef: ToolWidgetDef; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** ToolWidget React component.\r\n * @public\r\n * @deprecated in 3.6. Use [[ToolWidgetComposer]] instead\r\n */\r\nexport class ToolWidget extends React.Component<ToolWidgetPropsEx, ToolWidgetState> { // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ToolWidgetState>;\r\n\r\n  constructor(props: ToolWidgetPropsEx) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this.state = { toolWidgetDef: new ToolWidgetDef(props) }; // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ToolWidgetPropsEx, _prevState: ToolWidgetState) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props !== prevProps) {\r\n      this.setState((_, props) => ({ toolWidgetDef: new ToolWidgetDef(props) })); // eslint-disable-line deprecation/deprecation\r\n    }\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <ToolWidgetWithDef\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        toolWidgetDef={this.state.toolWidgetDef}\r\n        button={this.props.button}\r\n        horizontalToolbar={this.props.horizontalToolbar}\r\n        verticalToolbar={this.props.verticalToolbar}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the Tool Widget React component.\r\n */\r\ninterface Props extends CommonProps {\r\n  toolWidgetDef: ToolWidgetDef; // eslint-disable-line deprecation/deprecation\r\n  button?: React.ReactNode;\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\ninterface ToolWidgetWithDefState {\r\n  horizontalToolbar: React.ReactNode;\r\n  verticalToolbar: React.ReactNode;\r\n  cornerItem: React.ReactNode;\r\n}\r\n\r\n/** Tool Widget React component.\r\n */\r\nclass ToolWidgetWithDef extends React.Component<Props, ToolWidgetWithDefState> {\r\n  constructor(props: Props) {\r\n    super(props);\r\n\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.toolWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();\r\n    const cornerItem = (this.props.button !== undefined) ? this.props.button : this.props.toolWidgetDef.renderCornerItem();\r\n    this.state = { horizontalToolbar, verticalToolbar, cornerItem };\r\n  }\r\n\r\n  private reloadToolbars() {\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.toolWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();\r\n    this.setState({ horizontalToolbar, verticalToolbar });\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: Props) {\r\n    if (this.props !== prevProps)\r\n      this.reloadToolbars();\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <NZ_ToolsWidget\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        button={this.state.cornerItem}\r\n        horizontalToolbar={this.state.horizontalToolbar}\r\n        verticalToolbar={this.state.verticalToolbar}\r\n        preserveSpace={true}\r\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.d.ts

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for the [[ToolbarComposer]] React components
- * @public
- */
-export interface ToolWidgetComposerProps extends CommonProps {
-    /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */
-    cornerItem?: React.ReactNode;
-    /** Optional Horizontal Toolbar */
-    horizontalToolbar?: React.ReactNode;
-    /** Optional Vertical Toolbar */
-    verticalToolbar?: React.ReactNode;
-}
-/**
- * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
- * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
- * selected items. The vertical toolbar typically contains a more fixed list of tools.
- * @public
- */
-export declare function ToolWidgetComposer(props: ToolWidgetComposerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for the [[ToolbarComposer]] React components
+ * @public
+ */
+export interface ToolWidgetComposerProps extends CommonProps {
+    /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */
+    cornerItem?: React.ReactNode;
+    /** Optional Horizontal Toolbar */
+    horizontalToolbar?: React.ReactNode;
+    /** Optional Vertical Toolbar */
+    verticalToolbar?: React.ReactNode;
+}
+/**
+ * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
+ * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
+ * selected items. The vertical toolbar typically contains a more fixed list of tools.
+ * @public
+ */
+export declare function ToolWidgetComposer(props: ToolWidgetComposerProps): JSX.Element;
 //# sourceMappingURL=ToolWidgetComposer.d.ts.map

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.js

@@ -1,35 +1,35 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolWidgetComposer = 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 UiShowHideManager_1 = require("../utils/UiShowHideManager");
-/**
- * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
- * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
- * selected items. The vertical toolbar typically contains a more fixed list of tools.
- * @public
- */
-function ToolWidgetComposer(props) {
-    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
-    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
-    const handleChildRef = React.useCallback((elementRef) => {
-        elementSet.add(elementRef);
-    }, [elementSet]);
-    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity);
-    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
-            onElementRef: handleChildRef,
-            proximityScale,
-        } },
-        React.createElement(appui_layout_react_1.ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter })));
-}
-exports.ToolWidgetComposer = ToolWidgetComposer;
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolWidgetComposer = 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 UiShowHideManager_1 = require("../utils/UiShowHideManager");
+/**
+ * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
+ * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
+ * selected items. The vertical toolbar typically contains a more fixed list of tools.
+ * @public
+ */
+function ToolWidgetComposer(props) {
+    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
+    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
+    const handleChildRef = React.useCallback((elementRef) => {
+        elementSet.add(elementRef);
+    }, [elementSet]);
+    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity);
+    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
+            onElementRef: handleChildRef,
+            proximityScale,
+        } },
+        React.createElement(appui_layout_react_1.ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter })));
+}
+exports.ToolWidgetComposer = ToolWidgetComposer;
 //# sourceMappingURL=ToolWidgetComposer.js.map

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAA6G;AAC7G,kEAAsD;AACtD,kEAA+D;AAc/D;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,6BAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,UAAoC,EAAE,EAAE;QAChF,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,IAAA,gCAAmB,EAAC,UAAU,EAAE,qCAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,iCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,8BAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,qCAAiB,CAAC,sBAAsB,GACtD,CAC4B,CACjC,CAAC;AACJ,CAAC;AAxBD,gDAwBC","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 Widget\n */\n\nimport * as React from \"react\";\nimport { CommonProps, useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\nimport { ToolsArea } from \"@itwin/appui-layout-react\";\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n */\nexport interface ToolWidgetComposerProps extends CommonProps {\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\n  cornerItem?: React.ReactNode;\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n}\n\n/**\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\n * @public\n */\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\n    elementSet.add(elementRef);\n  }, [elementSet]);\n  const proximityScale = useProximityToMouse(elementSet, UiShowHideManager.snapWidgetOpacity);\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <ToolsArea\n        button={cornerItem}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAA6G;AAC7G,kEAAsD;AACtD,kEAA+D;AAc/D;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,6BAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,UAAoC,EAAE,EAAE;QAChF,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,IAAA,gCAAmB,EAAC,UAAU,EAAE,qCAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,iCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,8BAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,qCAAiB,CAAC,sBAAsB,GACtD,CAC4B,CACjC,CAAC;AACJ,CAAC;AAxBD,gDAwBC","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 Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { ToolsArea } from \"@itwin/appui-layout-react\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\n\r\n/** Properties for the [[ToolbarComposer]] React components\r\n * @public\r\n */\r\nexport interface ToolWidgetComposerProps extends CommonProps {\r\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\r\n  cornerItem?: React.ReactNode;\r\n  /** Optional Horizontal Toolbar */\r\n  horizontalToolbar?: React.ReactNode;\r\n  /** Optional Vertical Toolbar */\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\r\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\r\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\r\n * @public\r\n */\r\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\r\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;\r\n  const [elementSet] = React.useState(new WidgetElementSet());\r\n  const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\r\n    elementSet.add(elementRef);\r\n  }, [elementSet]);\r\n  const proximityScale = useProximityToMouse(elementSet, UiShowHideManager.snapWidgetOpacity);\r\n\r\n  return (\r\n    <WidgetOpacityContext.Provider\r\n      value={{\r\n        onElementRef: handleChildRef,\r\n        proximityScale,\r\n      }}\r\n    >\r\n      <ToolsArea\r\n        button={cornerItem}\r\n        horizontalToolbar={horizontalToolbar}\r\n        verticalToolbar={verticalToolbar}\r\n        {...otherProps}\r\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n      />\r\n    </WidgetOpacityContext.Provider>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/widgets/ToolbarWidgetBase.d.ts

@@ -1,26 +1,26 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { Direction, ToolbarPanelAlignment } from "@itwin/appui-layout-react";
-import { ItemList } from "../shared/ItemMap";
-import { ToolbarWidgetProps, WidgetDef } from "./WidgetDef";
-/** A Toolbar Widget normally displayed in the top left & top right zones in the 9-Zone Layout system.
- * @deprecated in 3.0.
- * @public
- */
-export declare class ToolbarWidgetDefBase extends WidgetDef {
-    horizontalDirection: Direction;
-    verticalDirection: Direction;
-    horizontalPanelAlignment: ToolbarPanelAlignment;
-    verticalPanelAlignment: ToolbarPanelAlignment;
-    horizontalItems?: ItemList;
-    verticalItems?: ItemList;
-    private _toolbarBaseName;
-    constructor(def: ToolbarWidgetProps);
-    set widgetBaseName(baseName: string);
-    get widgetBaseName(): string;
-    renderHorizontalToolbar(): React.ReactNode;
-    renderVerticalToolbar(): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { Direction, ToolbarPanelAlignment } from "@itwin/appui-layout-react";
+import { ItemList } from "../shared/ItemMap";
+import { ToolbarWidgetProps, WidgetDef } from "./WidgetDef";
+/** A Toolbar Widget normally displayed in the top left & top right zones in the 9-Zone Layout system.
+ * @deprecated in 3.0.
+ * @public
+ */
+export declare class ToolbarWidgetDefBase extends WidgetDef {
+    horizontalDirection: Direction;
+    verticalDirection: Direction;
+    horizontalPanelAlignment: ToolbarPanelAlignment;
+    verticalPanelAlignment: ToolbarPanelAlignment;
+    horizontalItems?: ItemList;
+    verticalItems?: ItemList;
+    private _toolbarBaseName;
+    constructor(def: ToolbarWidgetProps);
+    set widgetBaseName(baseName: string);
+    get widgetBaseName(): string;
+    renderHorizontalToolbar(): React.ReactNode;
+    renderVerticalToolbar(): React.ReactNode;
+}
 //# sourceMappingURL=ToolbarWidgetBase.d.ts.map

package/lib/cjs/appui-react/widgets/ToolbarWidgetBase.js

@@ -1,55 +1,55 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarWidgetDefBase = 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 Toolbar_1 = require("../toolbar/Toolbar");
-const WidgetDef_1 = require("./WidgetDef");
-/** A Toolbar Widget normally displayed in the top left & top right zones in the 9-Zone Layout system.
- * @deprecated in 3.0.
- * @public
- */
-class ToolbarWidgetDefBase extends WidgetDef_1.WidgetDef {
-    constructor(def) {
-        super(def);
-        this._toolbarBaseName = "";
-        // eslint-disable-next-line deprecation/deprecation
-        this.horizontalDirection = (def.horizontalDirection !== undefined) ? def.horizontalDirection : appui_layout_react_1.Direction.Bottom;
-        // eslint-disable-next-line deprecation/deprecation
-        this.verticalDirection = (def.verticalDirection !== undefined) ? def.verticalDirection : appui_layout_react_1.Direction.Right;
-        this.horizontalPanelAlignment = appui_layout_react_1.ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation
-        this.verticalPanelAlignment = appui_layout_react_1.ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation
-        this.horizontalItems = def.horizontalItems;
-        this.verticalItems = def.verticalItems;
-    }
-    set widgetBaseName(baseName) {
-        this._toolbarBaseName = baseName;
-    }
-    get widgetBaseName() {
-        return this._toolbarBaseName;
-    }
-    renderHorizontalToolbar() {
-        const toolbarItems = this.horizontalItems;
-        if (toolbarItems && toolbarItems.items.length) {
-            return (React.createElement(Toolbar_1.Toolbar, { toolbarId: `${this.widgetBaseName}-horizontal`, orientation: core_react_1.Orientation.Horizontal, expandsTo: this.horizontalDirection, panelAlignment: this.horizontalPanelAlignment, items: toolbarItems }));
-        }
-        return null;
-    }
-    renderVerticalToolbar() {
-        const toolbarItems = this.verticalItems;
-        if (toolbarItems && toolbarItems.items.length) {
-            return (React.createElement(Toolbar_1.Toolbar, { toolbarId: `${this.widgetBaseName}-vertical`, orientation: core_react_1.Orientation.Vertical, expandsTo: this.verticalDirection, panelAlignment: this.verticalPanelAlignment, items: toolbarItems }));
-        }
-        return null;
-    }
-}
-exports.ToolbarWidgetDefBase = ToolbarWidgetDefBase;
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarWidgetDefBase = 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 Toolbar_1 = require("../toolbar/Toolbar");
+const WidgetDef_1 = require("./WidgetDef");
+/** A Toolbar Widget normally displayed in the top left & top right zones in the 9-Zone Layout system.
+ * @deprecated in 3.0.
+ * @public
+ */
+class ToolbarWidgetDefBase extends WidgetDef_1.WidgetDef {
+    constructor(def) {
+        super(def);
+        this._toolbarBaseName = "";
+        // eslint-disable-next-line deprecation/deprecation
+        this.horizontalDirection = (def.horizontalDirection !== undefined) ? def.horizontalDirection : appui_layout_react_1.Direction.Bottom;
+        // eslint-disable-next-line deprecation/deprecation
+        this.verticalDirection = (def.verticalDirection !== undefined) ? def.verticalDirection : appui_layout_react_1.Direction.Right;
+        this.horizontalPanelAlignment = appui_layout_react_1.ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation
+        this.verticalPanelAlignment = appui_layout_react_1.ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation
+        this.horizontalItems = def.horizontalItems;
+        this.verticalItems = def.verticalItems;
+    }
+    set widgetBaseName(baseName) {
+        this._toolbarBaseName = baseName;
+    }
+    get widgetBaseName() {
+        return this._toolbarBaseName;
+    }
+    renderHorizontalToolbar() {
+        const toolbarItems = this.horizontalItems;
+        if (toolbarItems && toolbarItems.items.length) {
+            return (React.createElement(Toolbar_1.Toolbar, { toolbarId: `${this.widgetBaseName}-horizontal`, orientation: core_react_1.Orientation.Horizontal, expandsTo: this.horizontalDirection, panelAlignment: this.horizontalPanelAlignment, items: toolbarItems }));
+        }
+        return null;
+    }
+    renderVerticalToolbar() {
+        const toolbarItems = this.verticalItems;
+        if (toolbarItems && toolbarItems.items.length) {
+            return (React.createElement(Toolbar_1.Toolbar, { toolbarId: `${this.widgetBaseName}-vertical`, orientation: core_react_1.Orientation.Vertical, expandsTo: this.verticalDirection, panelAlignment: this.verticalPanelAlignment, items: toolbarItems }));
+        }
+        return null;
+    }
+}
+exports.ToolbarWidgetDefBase = ToolbarWidgetDefBase;
 //# sourceMappingURL=ToolbarWidgetBase.js.map

package/lib/cjs/appui-react/widgets/ToolbarWidgetBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarWidgetBase.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolbarWidgetBase.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAgD;AAChD,kEAA6E;AAE7E,gDAA6C;AAC7C,2CAA4D;AAE5D;;;GAGG;AACH,MAAa,oBAAqB,SAAQ,qBAAS;IAWjD,YAAY,GAAuB;QACjC,KAAK,CAAC,GAAG,CAAC,CAAC;QAHL,qBAAgB,GAAG,EAAE,CAAC;QAK5B,mDAAmD;QACnD,IAAI,CAAC,mBAAmB,GAAG,CAAC,GAAG,CAAC,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,8BAAS,CAAC,MAAM,CAAC;QAChH,mDAAmD;QACnD,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,CAAC,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,8BAAS,CAAC,KAAK,CAAC;QAEzG,IAAI,CAAC,wBAAwB,GAAG,0CAAqB,CAAC,KAAK,CAAC,CAAC,8CAA8C;QAC3G,IAAI,CAAC,sBAAsB,GAAG,0CAAqB,CAAC,KAAK,CAAC,CAAC,8CAA8C;QAEzG,IAAI,CAAC,eAAe,GAAG,GAAG,CAAC,eAAe,CAAC;QAC3C,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,aAAa,CAAC;IACzC,CAAC;IAED,IAAW,cAAc,CAAC,QAAgB;QACxC,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;IACnC,CAAC;IACD,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAEM,uBAAuB;QAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC;QAC1C,IAAI,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7C,OAAO,CACL,oBAAC,iBAAO,IACN,SAAS,EAAE,GAAG,IAAI,CAAC,cAAc,aAAa,EAC9C,WAAW,EAAE,wBAAW,CAAC,UAAU,EACnC,SAAS,EAAE,IAAI,CAAC,mBAAmB,EACnC,cAAc,EAAE,IAAI,CAAC,wBAAwB,EAC7C,KAAK,EAAE,YAAY,GACnB,CACH,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,qBAAqB;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,IAAI,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7C,OAAO,CACL,oBAAC,iBAAO,IACN,SAAS,EAAE,GAAG,IAAI,CAAC,cAAc,WAAW,EAC5C,WAAW,EAAE,wBAAW,CAAC,QAAQ,EACjC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,cAAc,EAAE,IAAI,CAAC,sBAAsB,EAC3C,KAAK,EAAE,YAAY,GACnB,CACH,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAlED,oDAkEC","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 Widget\n */\n\nimport * as React from \"react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { Direction, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\nimport { ItemList } from \"../shared/ItemMap\";\nimport { Toolbar } from \"../toolbar/Toolbar\";\nimport { ToolbarWidgetProps, WidgetDef } from \"./WidgetDef\";\n\n/** A Toolbar Widget normally displayed in the top left & top right zones in the 9-Zone Layout system.\n * @deprecated in 3.0.\n * @public\n */\nexport class ToolbarWidgetDefBase extends WidgetDef {\n  public horizontalDirection: Direction; // eslint-disable-line deprecation/deprecation\n  public verticalDirection: Direction; // eslint-disable-line deprecation/deprecation\n\n  public horizontalPanelAlignment: ToolbarPanelAlignment; // eslint-disable-line deprecation/deprecation\n  public verticalPanelAlignment: ToolbarPanelAlignment; // eslint-disable-line deprecation/deprecation\n\n  public horizontalItems?: ItemList;\n  public verticalItems?: ItemList;\n  private _toolbarBaseName = \"\";\n\n  constructor(def: ToolbarWidgetProps) { // eslint-disable-line deprecation/deprecation\n    super(def);\n\n    // eslint-disable-next-line deprecation/deprecation\n    this.horizontalDirection = (def.horizontalDirection !== undefined) ? def.horizontalDirection : Direction.Bottom;\n    // eslint-disable-next-line deprecation/deprecation\n    this.verticalDirection = (def.verticalDirection !== undefined) ? def.verticalDirection : Direction.Right;\n\n    this.horizontalPanelAlignment = ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation\n    this.verticalPanelAlignment = ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation\n\n    this.horizontalItems = def.horizontalItems;\n    this.verticalItems = def.verticalItems;\n  }\n\n  public set widgetBaseName(baseName: string) {\n    this._toolbarBaseName = baseName;\n  }\n  public get widgetBaseName() {\n    return this._toolbarBaseName;\n  }\n\n  public renderHorizontalToolbar(): React.ReactNode {\n    const toolbarItems = this.horizontalItems;\n    if (toolbarItems && toolbarItems.items.length) {\n      return (\n        <Toolbar\n          toolbarId={`${this.widgetBaseName}-horizontal`}\n          orientation={Orientation.Horizontal}\n          expandsTo={this.horizontalDirection}\n          panelAlignment={this.horizontalPanelAlignment}\n          items={toolbarItems}\n        />\n      );\n    }\n\n    return null;\n  }\n\n  public renderVerticalToolbar(): React.ReactNode {\n    const toolbarItems = this.verticalItems;\n    if (toolbarItems && toolbarItems.items.length) {\n      return (\n        <Toolbar\n          toolbarId={`${this.widgetBaseName}-vertical`}\n          orientation={Orientation.Vertical}\n          expandsTo={this.verticalDirection}\n          panelAlignment={this.verticalPanelAlignment}\n          items={toolbarItems}\n        />\n      );\n    }\n\n    return null;\n  }\n}\n"]}
+{"version":3,"file":"ToolbarWidgetBase.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolbarWidgetBase.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAgD;AAChD,kEAA6E;AAE7E,gDAA6C;AAC7C,2CAA4D;AAE5D;;;GAGG;AACH,MAAa,oBAAqB,SAAQ,qBAAS;IAWjD,YAAY,GAAuB;QACjC,KAAK,CAAC,GAAG,CAAC,CAAC;QAHL,qBAAgB,GAAG,EAAE,CAAC;QAK5B,mDAAmD;QACnD,IAAI,CAAC,mBAAmB,GAAG,CAAC,GAAG,CAAC,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,8BAAS,CAAC,MAAM,CAAC;QAChH,mDAAmD;QACnD,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,CAAC,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,8BAAS,CAAC,KAAK,CAAC;QAEzG,IAAI,CAAC,wBAAwB,GAAG,0CAAqB,CAAC,KAAK,CAAC,CAAC,8CAA8C;QAC3G,IAAI,CAAC,sBAAsB,GAAG,0CAAqB,CAAC,KAAK,CAAC,CAAC,8CAA8C;QAEzG,IAAI,CAAC,eAAe,GAAG,GAAG,CAAC,eAAe,CAAC;QAC3C,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,aAAa,CAAC;IACzC,CAAC;IAED,IAAW,cAAc,CAAC,QAAgB;QACxC,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;IACnC,CAAC;IACD,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAEM,uBAAuB;QAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC;QAC1C,IAAI,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7C,OAAO,CACL,oBAAC,iBAAO,IACN,SAAS,EAAE,GAAG,IAAI,CAAC,cAAc,aAAa,EAC9C,WAAW,EAAE,wBAAW,CAAC,UAAU,EACnC,SAAS,EAAE,IAAI,CAAC,mBAAmB,EACnC,cAAc,EAAE,IAAI,CAAC,wBAAwB,EAC7C,KAAK,EAAE,YAAY,GACnB,CACH,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,qBAAqB;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,IAAI,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7C,OAAO,CACL,oBAAC,iBAAO,IACN,SAAS,EAAE,GAAG,IAAI,CAAC,cAAc,WAAW,EAC5C,WAAW,EAAE,wBAAW,CAAC,QAAQ,EACjC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,cAAc,EAAE,IAAI,CAAC,sBAAsB,EAC3C,KAAK,EAAE,YAAY,GACnB,CACH,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAlED,oDAkEC","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 Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { Direction, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\r\nimport { ItemList } from \"../shared/ItemMap\";\r\nimport { Toolbar } from \"../toolbar/Toolbar\";\r\nimport { ToolbarWidgetProps, WidgetDef } from \"./WidgetDef\";\r\n\r\n/** A Toolbar Widget normally displayed in the top left & top right zones in the 9-Zone Layout system.\r\n * @deprecated in 3.0.\r\n * @public\r\n */\r\nexport class ToolbarWidgetDefBase extends WidgetDef {\r\n  public horizontalDirection: Direction; // eslint-disable-line deprecation/deprecation\r\n  public verticalDirection: Direction; // eslint-disable-line deprecation/deprecation\r\n\r\n  public horizontalPanelAlignment: ToolbarPanelAlignment; // eslint-disable-line deprecation/deprecation\r\n  public verticalPanelAlignment: ToolbarPanelAlignment; // eslint-disable-line deprecation/deprecation\r\n\r\n  public horizontalItems?: ItemList;\r\n  public verticalItems?: ItemList;\r\n  private _toolbarBaseName = \"\";\r\n\r\n  constructor(def: ToolbarWidgetProps) { // eslint-disable-line deprecation/deprecation\r\n    super(def);\r\n\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    this.horizontalDirection = (def.horizontalDirection !== undefined) ? def.horizontalDirection : Direction.Bottom;\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    this.verticalDirection = (def.verticalDirection !== undefined) ? def.verticalDirection : Direction.Right;\r\n\r\n    this.horizontalPanelAlignment = ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation\r\n    this.verticalPanelAlignment = ToolbarPanelAlignment.Start; // eslint-disable-line deprecation/deprecation\r\n\r\n    this.horizontalItems = def.horizontalItems;\r\n    this.verticalItems = def.verticalItems;\r\n  }\r\n\r\n  public set widgetBaseName(baseName: string) {\r\n    this._toolbarBaseName = baseName;\r\n  }\r\n  public get widgetBaseName() {\r\n    return this._toolbarBaseName;\r\n  }\r\n\r\n  public renderHorizontalToolbar(): React.ReactNode {\r\n    const toolbarItems = this.horizontalItems;\r\n    if (toolbarItems && toolbarItems.items.length) {\r\n      return (\r\n        <Toolbar\r\n          toolbarId={`${this.widgetBaseName}-horizontal`}\r\n          orientation={Orientation.Horizontal}\r\n          expandsTo={this.horizontalDirection}\r\n          panelAlignment={this.horizontalPanelAlignment}\r\n          items={toolbarItems}\r\n        />\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  public renderVerticalToolbar(): React.ReactNode {\r\n    const toolbarItems = this.verticalItems;\r\n    if (toolbarItems && toolbarItems.items.length) {\r\n      return (\r\n        <Toolbar\r\n          toolbarId={`${this.widgetBaseName}-vertical`}\r\n          orientation={Orientation.Vertical}\r\n          expandsTo={this.verticalDirection}\r\n          panelAlignment={this.verticalPanelAlignment}\r\n          items={toolbarItems}\r\n        />\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.d.ts

@@ -1,27 +1,27 @@
-/** @packageDocumentation
- * @module Widget
- */
-/// <reference types="react" />
-/**
- * Props for [[ViewToolWidgetComposer]].
- * @public
- */
-export interface ViewToolWidgetComposerProps {
-    /** If true no navigation aid will be shown. Defaults to false. */
-    hideNavigationAid?: boolean;
-}
-/**
- * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
- * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].
- *  @example
- * ```
- * <ViewToolWidgetComposer />
- * ```
- * If no NavigationAid control is to be shown set hideNavigationAid.
- *  * ```
- * <ViewToolWidgetComposer hideNavigationAid />
- * ```
- * @public
- */
-export declare function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+/// <reference types="react" />
+/**
+ * Props for [[ViewToolWidgetComposer]].
+ * @public
+ */
+export interface ViewToolWidgetComposerProps {
+    /** If true no navigation aid will be shown. Defaults to false. */
+    hideNavigationAid?: boolean;
+}
+/**
+ * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
+ * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].
+ *  @example
+ * ```
+ * <ViewToolWidgetComposer />
+ * ```
+ * If no NavigationAid control is to be shown set hideNavigationAid.
+ *  * ```
+ * <ViewToolWidgetComposer hideNavigationAid />
+ * ```
+ * @public
+ */
+export declare function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps): JSX.Element;
 //# sourceMappingURL=ViewToolWidgetComposer.d.ts.map