@itwin/appui-react 4.0.0-dev.12 → 4.0.0-dev.14

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

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Widget
- */
-/// <reference types="react" />
-import { ToolbarItem } from "../toolbar/ToolbarItem";
-/** Properties that can be used to append items to the default set of toolbar items.
- * @public
- */
-export interface BasicToolWidgetProps {
-    /** if true include hide/isolate Models and Categories */
-    showCategoryAndModelsContextTools?: boolean;
-    /** Name of icon WebFont entry or if specifying an imported SVG symbol use "webSvg:" prefix to imported symbol Id. */
-    icon?: string;
-    /** optional set of additional items to include in horizontal toolbar */
-    additionalHorizontalItems?: ToolbarItem[];
-    /** optional set of additional items to include in vertical toolbar */
-    additionalVerticalItems?: ToolbarItem[];
-}
-/** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
- * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
- * @public
- */
-export declare function BasicToolWidget(props: BasicToolWidgetProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+/// <reference types="react" />
+import { ToolbarItem } from "../toolbar/ToolbarItem";
+/** Properties that can be used to append items to the default set of toolbar items.
+ * @public
+ */
+export interface BasicToolWidgetProps {
+    /** if true include hide/isolate Models and Categories */
+    showCategoryAndModelsContextTools?: boolean;
+    /** Name of icon WebFont entry or if specifying an imported SVG symbol use "webSvg:" prefix to imported symbol Id. */
+    icon?: string;
+    /** optional set of additional items to include in horizontal toolbar */
+    additionalHorizontalItems?: ToolbarItem[];
+    /** optional set of additional items to include in vertical toolbar */
+    additionalVerticalItems?: ToolbarItem[];
+}
+/** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
+ * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
+ * @public
+ */
+export declare function BasicToolWidget(props: BasicToolWidgetProps): JSX.Element;
 //# sourceMappingURL=BasicToolWidget.d.ts.map

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

@@ -1,62 +1,62 @@
-"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.BasicToolWidget = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
-const SelectionContextItemDef_1 = require("../selection/SelectionContextItemDef");
-const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
-const ToolbarHelper_1 = require("../toolbar/ToolbarHelper");
-const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
-const BackstageAppButton_1 = require("./BackstageAppButton");
-const useUiVisibility_1 = require("../hooks/useUiVisibility");
-const ToolbarItem_1 = require("../toolbar/ToolbarItem");
-/** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
- * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
- * @public
- */
-function BasicToolWidget(props) {
-    const getHorizontalToolbarItems = React.useCallback((useCategoryAndModelsContextTools) => {
-        const items = [];
-        if (useCategoryAndModelsContextTools) {
-            items.push(ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(10, CoreToolDefinitions_1.CoreTools.clearSelectionItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextItemDef_1.SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextItemDef_1.SelectionContextToolDefinitions.hideSectionToolGroup), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateSelectionToolGroup), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef));
-        }
-        else {
-            items.push(ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(10, CoreToolDefinitions_1.CoreTools.clearSelectionItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextItemDef_1.SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextItemDef_1.SelectionContextToolDefinitions.hideElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef));
-        }
-        if (props.additionalHorizontalItems)
-            items.push(...props.additionalHorizontalItems);
-        return items;
-    }, [props.additionalHorizontalItems]);
-    const getVerticalToolbarItems = React.useCallback(() => {
-        const items = [];
-        items.push(ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(10, CoreToolDefinitions_1.CoreTools.selectElementCommand), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(20, CoreToolDefinitions_1.CoreTools.measureToolGroup), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(30, CoreToolDefinitions_1.CoreTools.sectionToolGroup));
-        if (props.additionalVerticalItems)
-            items.push(...props.additionalVerticalItems);
-        return items;
-    }, [props.additionalVerticalItems]);
-    const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));
-    const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());
-    const isInitialMount = React.useRef(true);
-    React.useEffect(() => {
-        if (isInitialMount.current)
-            isInitialMount.current = false;
-        else {
-            setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));
-            setVerticalItems(getVerticalToolbarItems());
-        }
-    }, [props.showCategoryAndModelsContextTools, props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);
-    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
-    // istanbul ignore next
-    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: React.createElement(BackstageAppButton_1.BackstageAppButton, { icon: props.icon }), horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: horizontalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: verticalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
-}
-exports.BasicToolWidget = BasicToolWidget;
+"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.BasicToolWidget = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
+const SelectionContextItemDef_1 = require("../selection/SelectionContextItemDef");
+const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
+const ToolbarHelper_1 = require("../toolbar/ToolbarHelper");
+const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
+const BackstageAppButton_1 = require("./BackstageAppButton");
+const useUiVisibility_1 = require("../hooks/useUiVisibility");
+const ToolbarItem_1 = require("../toolbar/ToolbarItem");
+/** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
+ * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
+ * @public
+ */
+function BasicToolWidget(props) {
+    const getHorizontalToolbarItems = React.useCallback((useCategoryAndModelsContextTools) => {
+        const items = [];
+        if (useCategoryAndModelsContextTools) {
+            items.push(ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(10, CoreToolDefinitions_1.CoreTools.clearSelectionItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextItemDef_1.SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextItemDef_1.SelectionContextToolDefinitions.hideSectionToolGroup), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateSelectionToolGroup), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef));
+        }
+        else {
+            items.push(ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(10, CoreToolDefinitions_1.CoreTools.clearSelectionItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextItemDef_1.SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextItemDef_1.SelectionContextToolDefinitions.hideElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateElementsItemDef), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef));
+        }
+        if (props.additionalHorizontalItems)
+            items.push(...props.additionalHorizontalItems);
+        return items;
+    }, [props.additionalHorizontalItems]);
+    const getVerticalToolbarItems = React.useCallback(() => {
+        const items = [];
+        items.push(ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(10, CoreToolDefinitions_1.CoreTools.selectElementCommand), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(20, CoreToolDefinitions_1.CoreTools.measureToolGroup), ToolbarHelper_1.ToolbarHelper.createToolbarItemFromItemDef(30, CoreToolDefinitions_1.CoreTools.sectionToolGroup));
+        if (props.additionalVerticalItems)
+            items.push(...props.additionalVerticalItems);
+        return items;
+    }, [props.additionalVerticalItems]);
+    const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));
+    const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());
+    const isInitialMount = React.useRef(true);
+    React.useEffect(() => {
+        if (isInitialMount.current)
+            isInitialMount.current = false;
+        else {
+            setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));
+            setVerticalItems(getVerticalToolbarItems());
+        }
+    }, [props.showCategoryAndModelsContextTools, props.additionalHorizontalItems, props.additionalVerticalItems, getHorizontalToolbarItems, getVerticalToolbarItems]);
+    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
+    // istanbul ignore next
+    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
+    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: React.createElement(BackstageAppButton_1.BackstageAppButton, { icon: props.icon }), horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: horizontalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: verticalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
+}
+exports.BasicToolWidget = BasicToolWidget;
 //# sourceMappingURL=BasicToolWidget.js.map

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

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-/**
- * Props for [[ContentToolWidgetComposer]].
- * @public
- */
-export interface ContentToolWidgetComposerProps {
-    /** If default backstage button is desired use <BackstageAppButton />. */
-    cornerButton?: React.ReactNode;
-}
-/**
- * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
- * are used to populate the toolbars. See [[StandardContentToolsProvider]].
- * @example
- * ToolWidget with no corner button
- * ```
- * <ContentToolWidgetComposer />
- * ```
- * ToolWidget with corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- * ToolWidget with custom corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
- *   label="Toggle Backstage display",
- *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- *
- * BackstageCornerButton,
- * @public
- */
-export declare function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+/**
+ * Props for [[ContentToolWidgetComposer]].
+ * @public
+ */
+export interface ContentToolWidgetComposerProps {
+    /** If default backstage button is desired use <BackstageAppButton />. */
+    cornerButton?: React.ReactNode;
+}
+/**
+ * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
+ * are used to populate the toolbars. See [[StandardContentToolsProvider]].
+ * @example
+ * ToolWidget with no corner button
+ * ```
+ * <ContentToolWidgetComposer />
+ * ```
+ * ToolWidget with corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ * ToolWidget with custom corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
+ *   label="Toggle Backstage display",
+ *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ *
+ * BackstageCornerButton,
+ * @public
+ */
+export declare function ContentToolWidgetComposer(props: ContentToolWidgetComposerProps): JSX.Element;
 //# sourceMappingURL=ContentToolWidgetComposer.d.ts.map

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

@@ -1,49 +1,49 @@
-"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.ContentToolWidgetComposer = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
-const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
-const useUiVisibility_1 = require("../hooks/useUiVisibility");
-const ToolbarItem_1 = require("../toolbar/ToolbarItem");
-/**
- * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
- * are used to populate the toolbars. See [[StandardContentToolsProvider]].
- * @example
- * ToolWidget with no corner button
- * ```
- * <ContentToolWidgetComposer />
- * ```
- * ToolWidget with corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- * ToolWidget with custom corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
- *   label="Toggle Backstage display",
- *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- *
- * BackstageCornerButton,
- * @public
- */
-function ContentToolWidgetComposer(props) {
-    const { cornerButton } = props;
-    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
-    // istanbul ignore next
-    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
-}
-exports.ContentToolWidgetComposer = ContentToolWidgetComposer;
+"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.ContentToolWidgetComposer = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
+const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
+const useUiVisibility_1 = require("../hooks/useUiVisibility");
+const ToolbarItem_1 = require("../toolbar/ToolbarItem");
+/**
+ * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
+ * are used to populate the toolbars. See [[StandardContentToolsProvider]].
+ * @example
+ * ToolWidget with no corner button
+ * ```
+ * <ContentToolWidgetComposer />
+ * ```
+ * ToolWidget with corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ * ToolWidget with custom corner button
+ * ```
+ * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
+ *   label="Toggle Backstage display",
+ *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
+ * <ContentToolWidgetComposer cornerButton={cornerButton} />
+ * ```
+ *
+ * BackstageCornerButton,
+ * @public
+ */
+function ContentToolWidgetComposer(props) {
+    const { cornerButton } = props;
+    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
+    // istanbul ignore next
+    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
+    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
+}
+exports.ContentToolWidgetComposer = ContentToolWidgetComposer;
 //# sourceMappingURL=ContentToolWidgetComposer.js.map

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