@itwin/appui-react 3.6.0 → 3.6.1

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

@@ -1,56 +1,56 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { IModelConnection } from "@itwin/core-frontend";
-import { CommonProps } from "@itwin/core-react";
-import { ToolbarWidgetDefBase } from "./ToolbarWidgetBase";
-import { NavigationWidgetProps } from "./WidgetDef";
-/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.
- * @public
- * @deprecated in 2.x. Use NavigationWidgetComposer instead
- */
-export declare class NavigationWidgetDef extends ToolbarWidgetDefBase {
-    private _navigationAidId;
-    private _imodel;
-    private _navigationAidControl;
-    private _reactNode;
-    constructor(props: NavigationWidgetProps);
-    get reactNode(): React.ReactNode;
-    renderCornerItem(): React.ReactNode;
-    updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void;
-}
-/** Properties for the [[NavigationWidget]] React component.
- * @public
- * @deprecated in 2.x. Use NavigationWidgetComposer instead
- */
-export interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps {
-    iModelConnection?: IModelConnection;
-    horizontalToolbar?: React.ReactNode;
-    verticalToolbar?: React.ReactNode;
-}
-/** State for the Navigation Widget React component.
- * @internal
- */
-interface NavigationWidgetState {
-    navigationWidgetDef: NavigationWidgetDef;
-}
-/** Navigation Widget React component.
- * @public
- * @deprecated in 2.x. Use NavigationWidgetComposer instead
- */
-export declare class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> {
-    /** @internal */
-    readonly state: Readonly<NavigationWidgetState>;
-    constructor(props: NavigationWidgetPropsEx);
-    /** Adds listeners */
-    componentDidMount(): void;
-    /** Removes listeners */
-    componentWillUnmount(): void;
-    private _handleContentControlActivated;
-    private _handleViewClassFullNameChange;
-    componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState): void;
-    render(): React.ReactNode;
-}
-export {};
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { IModelConnection } from "@itwin/core-frontend";
+import { CommonProps } from "@itwin/core-react";
+import { ToolbarWidgetDefBase } from "./ToolbarWidgetBase";
+import { NavigationWidgetProps } from "./WidgetDef";
+/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.
+ * @public
+ * @deprecated in 2.x. Use NavigationWidgetComposer instead
+ */
+export declare class NavigationWidgetDef extends ToolbarWidgetDefBase {
+    private _navigationAidId;
+    private _imodel;
+    private _navigationAidControl;
+    private _reactNode;
+    constructor(props: NavigationWidgetProps);
+    get reactNode(): React.ReactNode;
+    renderCornerItem(): React.ReactNode;
+    updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void;
+}
+/** Properties for the [[NavigationWidget]] React component.
+ * @public
+ * @deprecated in 2.x. Use NavigationWidgetComposer instead
+ */
+export interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps {
+    iModelConnection?: IModelConnection;
+    horizontalToolbar?: React.ReactNode;
+    verticalToolbar?: React.ReactNode;
+}
+/** State for the Navigation Widget React component.
+ * @internal
+ */
+interface NavigationWidgetState {
+    navigationWidgetDef: NavigationWidgetDef;
+}
+/** Navigation Widget React component.
+ * @public
+ * @deprecated in 2.x. Use NavigationWidgetComposer instead
+ */
+export declare class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> {
+    /** @internal */
+    readonly state: Readonly<NavigationWidgetState>;
+    constructor(props: NavigationWidgetPropsEx);
+    /** Adds listeners */
+    componentDidMount(): void;
+    /** Removes listeners */
+    componentWillUnmount(): void;
+    private _handleContentControlActivated;
+    private _handleViewClassFullNameChange;
+    componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState): void;
+    render(): React.ReactNode;
+}
+export {};
 //# sourceMappingURL=NavigationWidget.d.ts.map

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

@@ -1,155 +1,155 @@
-"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.NavigationWidget = exports.NavigationWidgetDef = void 0;
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
-const ConfigurableUiManager_1 = require("../configurableui/ConfigurableUiManager");
-const ContentViewManager_1 = require("../content/ContentViewManager");
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
-const UiFramework_1 = require("../UiFramework");
-const UiShowHideManager_1 = require("../utils/UiShowHideManager");
-const ToolbarWidgetBase_1 = require("./ToolbarWidgetBase");
-const WidgetDef_1 = require("./WidgetDef");
-/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.
- * @public
- * @deprecated in 2.x. Use NavigationWidgetComposer instead
- */
-class NavigationWidgetDef extends ToolbarWidgetBase_1.ToolbarWidgetDefBase {
-    constructor(props) {
-        super(props);
-        this.widgetType = WidgetDef_1.WidgetType.Navigation;
-        // eslint-disable-next-line deprecation/deprecation
-        this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : appui_layout_react_1.Direction.Left;
-        this.horizontalPanelAlignment = appui_layout_react_1.ToolbarPanelAlignment.End; // eslint-disable-line deprecation/deprecation
-        this._navigationAidId = (props.navigationAidId !== undefined) ? props.navigationAidId : "";
-        const activeStageName = FrontstageManager_1.FrontstageManager.activeFrontstageDef ? FrontstageManager_1.FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ "";
-        this.widgetBaseName = `[${activeStageName}]NavigationWidget`;
-    }
-    get reactNode() {
-        // istanbul ignore else
-        if (!this._reactNode)
-            this._reactNode = React.createElement(NavigationWidgetWithDef, { navigationWidgetDef: this });
-        return this._reactNode;
-    }
-    renderCornerItem() {
-        // istanbul ignore if
-        if (FrontstageManager_1.FrontstageManager.isLoading)
-            return null;
-        // istanbul ignore else
-        if (!this._navigationAidControl && this._navigationAidId) {
-            const activeContentControl = ContentViewManager_1.ContentViewManager.getActiveContentControl();
-            const viewport = activeContentControl ? activeContentControl.viewport : /* istanbul ignore next */ undefined;
-            this._navigationAidControl = ConfigurableUiManager_1.ConfigurableUiManager.createControl(this._navigationAidId, this._navigationAidId, { imodel: this._imodel, viewport });
-            if (this._navigationAidControl.getType() !== ConfigurableUiControl_1.ConfigurableUiControlType.NavigationAid) {
-                throw new appui_abstract_1.UiError(UiFramework_1.UiFramework.loggerCategory(this), `renderCornerItem: navigationAidId '${this._navigationAidId}' is registered to a control that is NOT a NavigationAid`);
-            }
-            this._navigationAidControl.initialize();
-        }
-        // istanbul ignore else
-        if (this._navigationAidControl) {
-            const size = this._navigationAidControl.getSize() || "64px";
-            const divStyle = {
-                width: size,
-                height: size,
-            };
-            return (React.createElement("div", { style: divStyle }, this._navigationAidControl.reactNode));
-        }
-        // istanbul ignore next
-        return null;
-    }
-    updateNavigationAid(navigationAidId, imodel) {
-        this._navigationAidId = navigationAidId;
-        this._imodel = imodel;
-        this._navigationAidControl = undefined;
-    }
-}
-exports.NavigationWidgetDef = NavigationWidgetDef;
-/** Navigation Widget React component.
- * @public
- * @deprecated in 2.x. Use NavigationWidgetComposer instead
- */
-class NavigationWidget extends React.Component {
-    constructor(props) {
-        super(props);
-        this._handleContentControlActivated = (args) => {
-            const navigationAidId = args.activeContentControl.navigationAidControl;
-            setTimeout(() => {
-                FrontstageManager_1.FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection);
-            });
-        };
-        this._handleViewClassFullNameChange = (args) => {
-            setTimeout(() => {
-                const activeContentControl = ContentViewManager_1.ContentViewManager.getActiveContentControl();
-                // istanbul ignore else
-                if (activeContentControl && args.viewport === activeContentControl.viewport) {
-                    const navigationAidId = activeContentControl.navigationAidControl;
-                    FrontstageManager_1.FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection);
-                }
-            });
-        };
-        this.state = { navigationWidgetDef: new NavigationWidgetDef(props) }; // eslint-disable-line deprecation/deprecation
-    }
-    /** Adds listeners */
-    componentDidMount() {
-        FrontstageManager_1.FrontstageManager.onContentControlActivatedEvent.addListener(this._handleContentControlActivated);
-        imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(this._handleViewClassFullNameChange);
-    }
-    /** Removes listeners */
-    componentWillUnmount() {
-        FrontstageManager_1.FrontstageManager.onContentControlActivatedEvent.removeListener(this._handleContentControlActivated);
-        imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(this._handleViewClassFullNameChange);
-    }
-    componentDidUpdate(prevProps, _prevState) {
-        if (this.props !== prevProps) {
-            this.setState((_, props) => ({ navigationWidgetDef: new NavigationWidgetDef(props) })); // eslint-disable-line deprecation/deprecation
-        }
-    }
-    render() {
-        return (React.createElement(NavigationWidgetWithDef, { className: this.props.className, style: this.props.style, navigationWidgetDef: this.state.navigationWidgetDef, horizontalToolbar: this.props.horizontalToolbar, verticalToolbar: this.props.verticalToolbar }));
-    }
-}
-exports.NavigationWidget = NavigationWidget;
-/** Navigation Widget React component that's passed a NavigationWidgetDef.
- */
-class NavigationWidgetWithDef extends React.Component {
-    constructor(props) {
-        super(props);
-        this._handleNavigationAidActivatedEvent = (args) => {
-            this.props.navigationWidgetDef.updateNavigationAid(args.navigationAidId, args.iModelConnection);
-            const navigationAid = this.props.navigationWidgetDef.renderCornerItem();
-            this.setState({ cornerItem: navigationAid });
-        };
-        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.navigationWidgetDef.renderHorizontalToolbar();
-        const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();
-        this.state = { horizontalToolbar, verticalToolbar, cornerItem: null };
-    }
-    reloadToolbars() {
-        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.navigationWidgetDef.renderHorizontalToolbar();
-        const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();
-        this.setState({ horizontalToolbar, verticalToolbar });
-    }
-    componentDidMount() {
-        FrontstageManager_1.FrontstageManager.onNavigationAidActivatedEvent.addListener(this._handleNavigationAidActivatedEvent);
-    }
-    componentWillUnmount() {
-        FrontstageManager_1.FrontstageManager.onNavigationAidActivatedEvent.removeListener(this._handleNavigationAidActivatedEvent);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props !== prevProps)
-            this.reloadToolbars();
-    }
-    render() {
-        return (React.createElement(appui_layout_react_1.Tools, { isNavigation: true, 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.NavigationWidget = exports.NavigationWidgetDef = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
+const ConfigurableUiManager_1 = require("../configurableui/ConfigurableUiManager");
+const ContentViewManager_1 = require("../content/ContentViewManager");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const UiFramework_1 = require("../UiFramework");
+const UiShowHideManager_1 = require("../utils/UiShowHideManager");
+const ToolbarWidgetBase_1 = require("./ToolbarWidgetBase");
+const WidgetDef_1 = require("./WidgetDef");
+/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.
+ * @public
+ * @deprecated in 2.x. Use NavigationWidgetComposer instead
+ */
+class NavigationWidgetDef extends ToolbarWidgetBase_1.ToolbarWidgetDefBase {
+    constructor(props) {
+        super(props);
+        this.widgetType = WidgetDef_1.WidgetType.Navigation;
+        // eslint-disable-next-line deprecation/deprecation
+        this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : appui_layout_react_1.Direction.Left;
+        this.horizontalPanelAlignment = appui_layout_react_1.ToolbarPanelAlignment.End; // eslint-disable-line deprecation/deprecation
+        this._navigationAidId = (props.navigationAidId !== undefined) ? props.navigationAidId : "";
+        const activeStageName = FrontstageManager_1.FrontstageManager.activeFrontstageDef ? FrontstageManager_1.FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ "";
+        this.widgetBaseName = `[${activeStageName}]NavigationWidget`;
+    }
+    get reactNode() {
+        // istanbul ignore else
+        if (!this._reactNode)
+            this._reactNode = React.createElement(NavigationWidgetWithDef, { navigationWidgetDef: this });
+        return this._reactNode;
+    }
+    renderCornerItem() {
+        // istanbul ignore if
+        if (FrontstageManager_1.FrontstageManager.isLoading)
+            return null;
+        // istanbul ignore else
+        if (!this._navigationAidControl && this._navigationAidId) {
+            const activeContentControl = ContentViewManager_1.ContentViewManager.getActiveContentControl();
+            const viewport = activeContentControl ? activeContentControl.viewport : /* istanbul ignore next */ undefined;
+            this._navigationAidControl = ConfigurableUiManager_1.ConfigurableUiManager.createControl(this._navigationAidId, this._navigationAidId, { imodel: this._imodel, viewport });
+            if (this._navigationAidControl.getType() !== ConfigurableUiControl_1.ConfigurableUiControlType.NavigationAid) {
+                throw new appui_abstract_1.UiError(UiFramework_1.UiFramework.loggerCategory(this), `renderCornerItem: navigationAidId '${this._navigationAidId}' is registered to a control that is NOT a NavigationAid`);
+            }
+            this._navigationAidControl.initialize();
+        }
+        // istanbul ignore else
+        if (this._navigationAidControl) {
+            const size = this._navigationAidControl.getSize() || "64px";
+            const divStyle = {
+                width: size,
+                height: size,
+            };
+            return (React.createElement("div", { style: divStyle }, this._navigationAidControl.reactNode));
+        }
+        // istanbul ignore next
+        return null;
+    }
+    updateNavigationAid(navigationAidId, imodel) {
+        this._navigationAidId = navigationAidId;
+        this._imodel = imodel;
+        this._navigationAidControl = undefined;
+    }
+}
+exports.NavigationWidgetDef = NavigationWidgetDef;
+/** Navigation Widget React component.
+ * @public
+ * @deprecated in 2.x. Use NavigationWidgetComposer instead
+ */
+class NavigationWidget extends React.Component {
+    constructor(props) {
+        super(props);
+        this._handleContentControlActivated = (args) => {
+            const navigationAidId = args.activeContentControl.navigationAidControl;
+            setTimeout(() => {
+                FrontstageManager_1.FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection);
+            });
+        };
+        this._handleViewClassFullNameChange = (args) => {
+            setTimeout(() => {
+                const activeContentControl = ContentViewManager_1.ContentViewManager.getActiveContentControl();
+                // istanbul ignore else
+                if (activeContentControl && args.viewport === activeContentControl.viewport) {
+                    const navigationAidId = activeContentControl.navigationAidControl;
+                    FrontstageManager_1.FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection);
+                }
+            });
+        };
+        this.state = { navigationWidgetDef: new NavigationWidgetDef(props) }; // eslint-disable-line deprecation/deprecation
+    }
+    /** Adds listeners */
+    componentDidMount() {
+        FrontstageManager_1.FrontstageManager.onContentControlActivatedEvent.addListener(this._handleContentControlActivated);
+        imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(this._handleViewClassFullNameChange);
+    }
+    /** Removes listeners */
+    componentWillUnmount() {
+        FrontstageManager_1.FrontstageManager.onContentControlActivatedEvent.removeListener(this._handleContentControlActivated);
+        imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(this._handleViewClassFullNameChange);
+    }
+    componentDidUpdate(prevProps, _prevState) {
+        if (this.props !== prevProps) {
+            this.setState((_, props) => ({ navigationWidgetDef: new NavigationWidgetDef(props) })); // eslint-disable-line deprecation/deprecation
+        }
+    }
+    render() {
+        return (React.createElement(NavigationWidgetWithDef, { className: this.props.className, style: this.props.style, navigationWidgetDef: this.state.navigationWidgetDef, horizontalToolbar: this.props.horizontalToolbar, verticalToolbar: this.props.verticalToolbar }));
+    }
+}
+exports.NavigationWidget = NavigationWidget;
+/** Navigation Widget React component that's passed a NavigationWidgetDef.
+ */
+class NavigationWidgetWithDef extends React.Component {
+    constructor(props) {
+        super(props);
+        this._handleNavigationAidActivatedEvent = (args) => {
+            this.props.navigationWidgetDef.updateNavigationAid(args.navigationAidId, args.iModelConnection);
+            const navigationAid = this.props.navigationWidgetDef.renderCornerItem();
+            this.setState({ cornerItem: navigationAid });
+        };
+        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.navigationWidgetDef.renderHorizontalToolbar();
+        const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();
+        this.state = { horizontalToolbar, verticalToolbar, cornerItem: null };
+    }
+    reloadToolbars() {
+        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.navigationWidgetDef.renderHorizontalToolbar();
+        const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();
+        this.setState({ horizontalToolbar, verticalToolbar });
+    }
+    componentDidMount() {
+        FrontstageManager_1.FrontstageManager.onNavigationAidActivatedEvent.addListener(this._handleNavigationAidActivatedEvent);
+    }
+    componentWillUnmount() {
+        FrontstageManager_1.FrontstageManager.onNavigationAidActivatedEvent.removeListener(this._handleNavigationAidActivatedEvent);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props !== prevProps)
+            this.reloadToolbars();
+    }
+    render() {
+        return (React.createElement(appui_layout_react_1.Tools, { isNavigation: true, 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=NavigationWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidget.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 { IModelConnection } from \"@itwin/core-frontend\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { Direction, Tools as NZ_ToolsWidget, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { ConfigurableUiManager } from \"../configurableui/ConfigurableUiManager\";\nimport { ContentControlActivatedEventArgs } from \"../content/ContentControl\";\nimport { ContentViewManager } from \"../content/ContentViewManager\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { NavigationAidActivatedEventArgs, NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\nimport { ToolbarWidgetDefBase } from \"./ToolbarWidgetBase\";\nimport { NavigationWidgetProps, WidgetType } from \"./WidgetDef\";\n\n/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.\n * @public\n * @deprecated in 2.x. Use NavigationWidgetComposer instead\n */\nexport class NavigationWidgetDef extends ToolbarWidgetDefBase { // eslint-disable-line deprecation/deprecation\n  private _navigationAidId: string;\n  private _imodel: IModelConnection | undefined;\n  private _navigationAidControl: NavigationAidControl | undefined;\n  private _reactNode: React.ReactNode;\n\n  constructor(props: NavigationWidgetProps) { // eslint-disable-line deprecation/deprecation\n    super(props);\n\n    this.widgetType = WidgetType.Navigation;\n    // eslint-disable-next-line deprecation/deprecation\n    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Left;\n    this.horizontalPanelAlignment = ToolbarPanelAlignment.End; // eslint-disable-line deprecation/deprecation\n    this._navigationAidId = (props.navigationAidId !== undefined) ? props.navigationAidId : \"\";\n\n    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ \"\";\n    this.widgetBaseName = `[${activeStageName}]NavigationWidget`;\n  }\n\n  public override get reactNode(): React.ReactNode {\n    // istanbul ignore else\n    if (!this._reactNode)\n      this._reactNode = <NavigationWidgetWithDef navigationWidgetDef={this} />;\n\n    return this._reactNode;\n  }\n\n  public renderCornerItem(): React.ReactNode {\n    // istanbul ignore if\n    if (FrontstageManager.isLoading)\n      return null;\n\n    // istanbul ignore else\n    if (!this._navigationAidControl && this._navigationAidId) {\n      const activeContentControl = ContentViewManager.getActiveContentControl();\n      const viewport = activeContentControl ? activeContentControl.viewport : /* istanbul ignore next */ undefined;\n\n      this._navigationAidControl = ConfigurableUiManager.createControl(this._navigationAidId, this._navigationAidId, { imodel: this._imodel, viewport }) as NavigationAidControl;\n      if (this._navigationAidControl.getType() !== ConfigurableUiControlType.NavigationAid) {\n        throw new UiError(UiFramework.loggerCategory(this), `renderCornerItem: navigationAidId '${this._navigationAidId}' is registered to a control that is NOT a NavigationAid`);\n      }\n      this._navigationAidControl.initialize();\n    }\n\n    // istanbul ignore else\n    if (this._navigationAidControl) {\n      const size = this._navigationAidControl.getSize() || \"64px\";\n      const divStyle: React.CSSProperties = {\n        width: size,\n        height: size,\n      };\n\n      return (\n        <div style={divStyle}>\n          {this._navigationAidControl.reactNode}\n        </div>\n      );\n    }\n\n    // istanbul ignore next\n    return null;\n  }\n\n  public updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void {\n    this._navigationAidId = navigationAidId;\n    this._imodel = imodel;\n    this._navigationAidControl = undefined;\n  }\n}\n\n/** Properties for the [[NavigationWidget]] React component.\n * @public\n * @deprecated in 2.x. Use NavigationWidgetComposer instead\n */\nexport interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps { // eslint-disable-line deprecation/deprecation\n  iModelConnection?: IModelConnection;\n  horizontalToolbar?: React.ReactNode;\n  verticalToolbar?: React.ReactNode;\n}\n\n/** State for the Navigation Widget React component.\n * @internal\n */\ninterface NavigationWidgetState {\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\n}\n\n/** Navigation Widget React component.\n * @public\n * @deprecated in 2.x. Use NavigationWidgetComposer instead\n */\nexport class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> { // eslint-disable-line deprecation/deprecation\n\n  /** @internal */\n  public override readonly state: Readonly<NavigationWidgetState>;\n\n  constructor(props: NavigationWidgetPropsEx) { // eslint-disable-line deprecation/deprecation\n    super(props);\n\n    this.state = { navigationWidgetDef: new NavigationWidgetDef(props) }; // eslint-disable-line deprecation/deprecation\n  }\n\n  /** Adds listeners */\n  public override componentDidMount() {\n    FrontstageManager.onContentControlActivatedEvent.addListener(this._handleContentControlActivated);\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(this._handleViewClassFullNameChange);\n  }\n\n  /** Removes listeners */\n  public override componentWillUnmount() {\n    FrontstageManager.onContentControlActivatedEvent.removeListener(this._handleContentControlActivated);\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(this._handleViewClassFullNameChange);\n  }\n\n  private _handleContentControlActivated = (args: ContentControlActivatedEventArgs): void => {\n    const navigationAidId = args.activeContentControl.navigationAidControl;\n    setTimeout(() => {\n      FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\n    });\n  };\n\n  private _handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs): void => {\n    setTimeout(() => {\n      const activeContentControl = ContentViewManager.getActiveContentControl();\n\n      // istanbul ignore else\n      if (activeContentControl && args.viewport === activeContentControl.viewport) {\n        const navigationAidId = activeContentControl.navigationAidControl;\n        FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\n      }\n    });\n  };\n\n  public override componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState) { // eslint-disable-line deprecation/deprecation\n    if (this.props !== prevProps) {\n      this.setState((_, props) => ({ navigationWidgetDef: new NavigationWidgetDef(props) })); // eslint-disable-line deprecation/deprecation\n    }\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <NavigationWidgetWithDef\n        className={this.props.className}\n        style={this.props.style}\n        navigationWidgetDef={this.state.navigationWidgetDef}\n        horizontalToolbar={this.props.horizontalToolbar}\n        verticalToolbar={this.props.verticalToolbar}\n      />\n    );\n  }\n}\n\n/** Properties for the [[NavigationWidgetWithDef]] component.\n */\ninterface Props extends CommonProps {\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\n  horizontalToolbar?: React.ReactNode;\n  verticalToolbar?: React.ReactNode;\n}\n\ninterface NavigationWidgetWithDefState {\n  horizontalToolbar: React.ReactNode;\n  verticalToolbar: React.ReactNode;\n  cornerItem: React.ReactNode;\n}\n\n/** Navigation Widget React component that's passed a NavigationWidgetDef.\n */\nclass NavigationWidgetWithDef extends React.Component<Props, NavigationWidgetWithDefState> {\n\n  constructor(props: Props) {\n    super(props);\n\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.navigationWidgetDef.renderHorizontalToolbar();\n    const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\n    this.state = { horizontalToolbar, verticalToolbar, cornerItem: null };\n  }\n\n  private reloadToolbars() {\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.navigationWidgetDef.renderHorizontalToolbar();\n    const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\n    this.setState({ horizontalToolbar, verticalToolbar });\n  }\n\n  private _handleNavigationAidActivatedEvent = (args: NavigationAidActivatedEventArgs): void => {\n    this.props.navigationWidgetDef.updateNavigationAid(args.navigationAidId, args.iModelConnection);\n    const navigationAid = this.props.navigationWidgetDef.renderCornerItem();\n    this.setState({ cornerItem: navigationAid });\n  };\n\n  public override componentDidMount() {\n    FrontstageManager.onNavigationAidActivatedEvent.addListener(this._handleNavigationAidActivatedEvent);\n  }\n\n  public override componentWillUnmount() {\n    FrontstageManager.onNavigationAidActivatedEvent.removeListener(this._handleNavigationAidActivatedEvent);\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 isNavigation\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":"NavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidget.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 { IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiError } from \"@itwin/appui-abstract\";\r\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Direction, Tools as NZ_ToolsWidget, ToolbarPanelAlignment } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { ConfigurableUiManager } from \"../configurableui/ConfigurableUiManager\";\r\nimport { ContentControlActivatedEventArgs } from \"../content/ContentControl\";\r\nimport { ContentViewManager } from \"../content/ContentViewManager\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { NavigationAidActivatedEventArgs, NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ToolbarWidgetDefBase } from \"./ToolbarWidgetBase\";\r\nimport { NavigationWidgetProps, WidgetType } from \"./WidgetDef\";\r\n\r\n/** Definition of a Navigation Widget normally displayed in the top right zone in the 9-Zone Layout system.\r\n * @public\r\n * @deprecated in 2.x. Use NavigationWidgetComposer instead\r\n */\r\nexport class NavigationWidgetDef extends ToolbarWidgetDefBase { // eslint-disable-line deprecation/deprecation\r\n  private _navigationAidId: string;\r\n  private _imodel: IModelConnection | undefined;\r\n  private _navigationAidControl: NavigationAidControl | undefined;\r\n  private _reactNode: React.ReactNode;\r\n\r\n  constructor(props: NavigationWidgetProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this.widgetType = WidgetType.Navigation;\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Left;\r\n    this.horizontalPanelAlignment = ToolbarPanelAlignment.End; // eslint-disable-line deprecation/deprecation\r\n    this._navigationAidId = (props.navigationAidId !== undefined) ? props.navigationAidId : \"\";\r\n\r\n    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ \"\";\r\n    this.widgetBaseName = `[${activeStageName}]NavigationWidget`;\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 = <NavigationWidgetWithDef navigationWidgetDef={this} />;\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  public renderCornerItem(): React.ReactNode {\r\n    // istanbul ignore if\r\n    if (FrontstageManager.isLoading)\r\n      return null;\r\n\r\n    // istanbul ignore else\r\n    if (!this._navigationAidControl && this._navigationAidId) {\r\n      const activeContentControl = ContentViewManager.getActiveContentControl();\r\n      const viewport = activeContentControl ? activeContentControl.viewport : /* istanbul ignore next */ undefined;\r\n\r\n      this._navigationAidControl = ConfigurableUiManager.createControl(this._navigationAidId, this._navigationAidId, { imodel: this._imodel, viewport }) as NavigationAidControl;\r\n      if (this._navigationAidControl.getType() !== ConfigurableUiControlType.NavigationAid) {\r\n        throw new UiError(UiFramework.loggerCategory(this), `renderCornerItem: navigationAidId '${this._navigationAidId}' is registered to a control that is NOT a NavigationAid`);\r\n      }\r\n      this._navigationAidControl.initialize();\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this._navigationAidControl) {\r\n      const size = this._navigationAidControl.getSize() || \"64px\";\r\n      const divStyle: React.CSSProperties = {\r\n        width: size,\r\n        height: size,\r\n      };\r\n\r\n      return (\r\n        <div style={divStyle}>\r\n          {this._navigationAidControl.reactNode}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    // istanbul ignore next\r\n    return null;\r\n  }\r\n\r\n  public updateNavigationAid(navigationAidId: string, imodel?: IModelConnection): void {\r\n    this._navigationAidId = navigationAidId;\r\n    this._imodel = imodel;\r\n    this._navigationAidControl = undefined;\r\n  }\r\n}\r\n\r\n/** Properties for the [[NavigationWidget]] React component.\r\n * @public\r\n * @deprecated in 2.x. Use NavigationWidgetComposer instead\r\n */\r\nexport interface NavigationWidgetPropsEx extends NavigationWidgetProps, CommonProps { // eslint-disable-line deprecation/deprecation\r\n  iModelConnection?: IModelConnection;\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/** State for the Navigation Widget React component.\r\n * @internal\r\n */\r\ninterface NavigationWidgetState {\r\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Navigation Widget React component.\r\n * @public\r\n * @deprecated in 2.x. Use NavigationWidgetComposer instead\r\n */\r\nexport class NavigationWidget extends React.Component<NavigationWidgetPropsEx, NavigationWidgetState> { // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<NavigationWidgetState>;\r\n\r\n  constructor(props: NavigationWidgetPropsEx) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this.state = { navigationWidgetDef: new NavigationWidgetDef(props) }; // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  /** Adds listeners */\r\n  public override componentDidMount() {\r\n    FrontstageManager.onContentControlActivatedEvent.addListener(this._handleContentControlActivated);\r\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(this._handleViewClassFullNameChange);\r\n  }\r\n\r\n  /** Removes listeners */\r\n  public override componentWillUnmount() {\r\n    FrontstageManager.onContentControlActivatedEvent.removeListener(this._handleContentControlActivated);\r\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(this._handleViewClassFullNameChange);\r\n  }\r\n\r\n  private _handleContentControlActivated = (args: ContentControlActivatedEventArgs): void => {\r\n    const navigationAidId = args.activeContentControl.navigationAidControl;\r\n    setTimeout(() => {\r\n      FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\r\n    });\r\n  };\r\n\r\n  private _handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs): void => {\r\n    setTimeout(() => {\r\n      const activeContentControl = ContentViewManager.getActiveContentControl();\r\n\r\n      // istanbul ignore else\r\n      if (activeContentControl && args.viewport === activeContentControl.viewport) {\r\n        const navigationAidId = activeContentControl.navigationAidControl;\r\n        FrontstageManager.setActiveNavigationAid(navigationAidId, this.props.iModelConnection!);\r\n      }\r\n    });\r\n  };\r\n\r\n  public override componentDidUpdate(prevProps: NavigationWidgetPropsEx, _prevState: NavigationWidgetState) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props !== prevProps) {\r\n      this.setState((_, props) => ({ navigationWidgetDef: new NavigationWidgetDef(props) })); // eslint-disable-line deprecation/deprecation\r\n    }\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <NavigationWidgetWithDef\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        navigationWidgetDef={this.state.navigationWidgetDef}\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 [[NavigationWidgetWithDef]] component.\r\n */\r\ninterface Props extends CommonProps {\r\n  navigationWidgetDef: NavigationWidgetDef; // eslint-disable-line deprecation/deprecation\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\ninterface NavigationWidgetWithDefState {\r\n  horizontalToolbar: React.ReactNode;\r\n  verticalToolbar: React.ReactNode;\r\n  cornerItem: React.ReactNode;\r\n}\r\n\r\n/** Navigation Widget React component that's passed a NavigationWidgetDef.\r\n */\r\nclass NavigationWidgetWithDef extends React.Component<Props, NavigationWidgetWithDefState> {\r\n\r\n  constructor(props: Props) {\r\n    super(props);\r\n\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.navigationWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\r\n    this.state = { horizontalToolbar, verticalToolbar, cornerItem: null };\r\n  }\r\n\r\n  private reloadToolbars() {\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.navigationWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.navigationWidgetDef.renderVerticalToolbar();\r\n    this.setState({ horizontalToolbar, verticalToolbar });\r\n  }\r\n\r\n  private _handleNavigationAidActivatedEvent = (args: NavigationAidActivatedEventArgs): void => {\r\n    this.props.navigationWidgetDef.updateNavigationAid(args.navigationAidId, args.iModelConnection);\r\n    const navigationAid = this.props.navigationWidgetDef.renderCornerItem();\r\n    this.setState({ cornerItem: navigationAid });\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    FrontstageManager.onNavigationAidActivatedEvent.addListener(this._handleNavigationAidActivatedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    FrontstageManager.onNavigationAidActivatedEvent.removeListener(this._handleNavigationAidActivatedEvent);\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 isNavigation\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/NavigationWidgetComposer.d.ts

@@ -1,39 +1,39 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for the [[NavigationAidHost]] React component
- * @public
- */
-export interface NavigationAidHostProps {
-    /** Navigation Aid Host minimum width. Defaults to "64px". */
-    minWidth?: string;
-    /** Navigation Aid Host minimum height. Defaults to "64px". */
-    minHeight?: string;
-}
-/**
- * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.
- * @public
- */
-export declare function NavigationAidHost(props: NavigationAidHostProps): JSX.Element;
-/** Properties for the [[NavigationWidgetComposer]] React components
- * @public
- */
-export interface NavigationWidgetComposerProps extends CommonProps {
-    /** Optional Horizontal Toolbar */
-    horizontalToolbar?: React.ReactNode;
-    /** Optional Vertical Toolbar */
-    verticalToolbar?: React.ReactNode;
-    /** Optional Navigation Aid host. If not specified a default host is provided which will use registered Navigation Aids and the active content control to determine which if any Navigation Aid to display. */
-    navigationAidHost?: React.ReactNode;
-    /** If true no navigation aid will be shown. Defaults to false. */
-    hideNavigationAid?: boolean;
-}
-/**
- * Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area
- * and typically holds tools to visually navigate, orient, and zoom to specific content.
- * @public
- */
-export declare function NavigationWidgetComposer(props: NavigationWidgetComposerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for the [[NavigationAidHost]] React component
+ * @public
+ */
+export interface NavigationAidHostProps {
+    /** Navigation Aid Host minimum width. Defaults to "64px". */
+    minWidth?: string;
+    /** Navigation Aid Host minimum height. Defaults to "64px". */
+    minHeight?: string;
+}
+/**
+ * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.
+ * @public
+ */
+export declare function NavigationAidHost(props: NavigationAidHostProps): JSX.Element;
+/** Properties for the [[NavigationWidgetComposer]] React components
+ * @public
+ */
+export interface NavigationWidgetComposerProps extends CommonProps {
+    /** Optional Horizontal Toolbar */
+    horizontalToolbar?: React.ReactNode;
+    /** Optional Vertical Toolbar */
+    verticalToolbar?: React.ReactNode;
+    /** Optional Navigation Aid host. If not specified a default host is provided which will use registered Navigation Aids and the active content control to determine which if any Navigation Aid to display. */
+    navigationAidHost?: React.ReactNode;
+    /** If true no navigation aid will be shown. Defaults to false. */
+    hideNavigationAid?: boolean;
+}
+/**
+ * Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area
+ * and typically holds tools to visually navigate, orient, and zoom to specific content.
+ * @public
+ */
+export declare function NavigationWidgetComposer(props: NavigationWidgetComposerProps): JSX.Element;
 //# sourceMappingURL=NavigationWidgetComposer.d.ts.map