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

package/lib/esm/appui-react/widgets/StableWidgetDef.d.ts

@@ -1,9 +1,9 @@
-/** @packageDocumentation
- * @module Widget
- */
-import { WidgetDef } from "./WidgetDef";
-/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
- * @internal
- */
-export declare function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef;
+/** @packageDocumentation
+ * @module Widget
+ */
+import { WidgetDef } from "./WidgetDef";
+/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
+ * @internal
+ */
+export declare function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef;
 //# sourceMappingURL=StableWidgetDef.d.ts.map

package/lib/esm/appui-react/widgets/StableWidgetDef.js

@@ -1,26 +1,26 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-function isGenerated(value) {
-    return value.startsWith("Widget-");
-}
-/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
- * @internal
- */
-export function createStableWidgetDef(widgetDef, stableId) {
-    return new Proxy(widgetDef, {
-        get(target, name, receiver) {
-            const idName = "id";
-            const value = Reflect.get(target, name, receiver);
-            if (name === idName && isGenerated(value)) {
-                return stableId;
-            }
-            return value;
-        },
-    });
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+function isGenerated(value) {
+    return value.startsWith("Widget-");
+}
+/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
+ * @internal
+ */
+export function createStableWidgetDef(widgetDef, stableId) {
+    return new Proxy(widgetDef, {
+        get(target, name, receiver) {
+            const idName = "id";
+            const value = Reflect.get(target, name, receiver);
+            if (name === idName && isGenerated(value)) {
+                return stableId;
+            }
+            return value;
+        },
+    });
+}
 //# sourceMappingURL=StableWidgetDef.js.map

package/lib/esm/appui-react/widgets/StatusBarWidgetComposerControl.d.ts

@@ -1,28 +1,28 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl";
-/**
- * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated
- * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
- * set of status fields.
- * @example
- * ```
- *       statusBar={
- *         <Zone
- *           widgets={
- *             [
- *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />
- *             ]}
- *         />
- *       }
- * ```
- * @public
- */
-export declare class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
-    static controlId: string;
-    readonly id: string;
-    getReactNode(): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl";
+/**
+ * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated
+ * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
+ * set of status fields.
+ * @example
+ * ```
+ *       statusBar={
+ *         <Zone
+ *           widgets={
+ *             [
+ *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />
+ *             ]}
+ *         />
+ *       }
+ * ```
+ * @public
+ */
+export declare class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
+    static controlId: string;
+    readonly id: string;
+    getReactNode(): React.ReactNode;
+}
 //# sourceMappingURL=StatusBarWidgetComposerControl.d.ts.map

package/lib/esm/appui-react/widgets/StatusBarWidgetComposerControl.js

@@ -1,39 +1,40 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { StatusBarComposer } from "../statusbar/StatusBarComposer";
-import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl";
-import { UiFramework } from "../UiFramework";
-/**
- * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated
- * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
- * set of status fields.
- * @example
- * ```
- *       statusBar={
- *         <Zone
- *           widgets={
- *             [
- *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />
- *             ]}
- *         />
- *       }
- * ```
- * @public
- */
-export class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
-    constructor() {
-        super(...arguments);
-        this.id = StatusBarWidgetComposerControl.controlId;
-    }
-    getReactNode() {
-        return (React.createElement(StatusBarComposer, { key: UiFramework.frontstages.activeFrontstageId, items: [] }));
-    }
-}
-StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { StatusBarComposer } from "../statusbar/StatusBarComposer";
+import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl";
+import { UiFramework } from "../UiFramework";
+/**
+ * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated
+ * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
+ * set of status fields.
+ * @example
+ * ```
+ *       statusBar={
+ *         <Zone
+ *           widgets={
+ *             [
+ *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />
+ *             ]}
+ *         />
+ *       }
+ * ```
+ * @public
+ */
+class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
+    constructor() {
+        super(...arguments);
+        this.id = StatusBarWidgetComposerControl.controlId;
+    }
+    getReactNode() {
+        return (React.createElement(StatusBarComposer, { key: UiFramework.frontstages.activeFrontstageId, items: [] }));
+    }
+}
+StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";
+export { StatusBarWidgetComposerControl };
 //# sourceMappingURL=StatusBarWidgetComposerControl.js.map

package/lib/esm/appui-react/widgets/StatusBarWidgetComposerControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,8BAA+B,SAAQ,sBAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,iBAAiB,IAAC,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAClF,CAAC;IACJ,CAAC;;AAPa,wCAAS,GAAG,qCAAqC,CAAC","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 { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/**\r\n * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated\r\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\r\n * set of status fields.\r\n * @example\r\n * ```\r\n *       statusBar={\r\n *         <Zone\r\n *           widgets={\r\n *             [\r\n *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />\r\n *             ]}\r\n *         />\r\n *       }\r\n * ```\r\n * @public\r\n */\r\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\r\n  public static controlId = \"uifw:StatusBarWidgetComposerControl\";\r\n  public readonly id = StatusBarWidgetComposerControl.controlId;\r\n\r\n  public getReactNode(): React.ReactNode {\r\n    return (\r\n      <StatusBarComposer key={UiFramework.frontstages.activeFrontstageId} items={[]} />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAa,8BAA+B,SAAQ,sBAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,iBAAiB,IAAC,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAClF,CAAC;IACJ,CAAC;;AAPa,wCAAS,GAAG,qCAAqC,AAAxC,CAAyC;SADrD,8BAA8B","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 { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/**\r\n * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated\r\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\r\n * set of status fields.\r\n * @example\r\n * ```\r\n *       statusBar={\r\n *         <Zone\r\n *           widgets={\r\n *             [\r\n *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />\r\n *             ]}\r\n *         />\r\n *       }\r\n * ```\r\n * @public\r\n */\r\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\r\n  public static controlId = \"uifw:StatusBarWidgetComposerControl\";\r\n  public readonly id = StatusBarWidgetComposerControl.controlId;\r\n\r\n  public getReactNode(): React.ReactNode {\r\n    return (\r\n      <StatusBarComposer key={UiFramework.frontstages.activeFrontstageId} items={[]} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/ToolSettingsContent.d.ts

@@ -1,11 +1,11 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-/** @internal */
-export interface ToolSettingsContentContextProps {
-    readonly availableContentWidth: number;
-}
-/** @internal */
-export declare const ToolSettingsContentContext: React.Context<ToolSettingsContentContextProps>;
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+/** @internal */
+export interface ToolSettingsContentContextProps {
+    readonly availableContentWidth: number;
+}
+/** @internal */
+export declare const ToolSettingsContentContext: React.Context<ToolSettingsContentContextProps>;
 //# sourceMappingURL=ToolSettingsContent.d.ts.map

package/lib/esm/appui-react/widgets/ToolSettingsContent.js

@@ -1,13 +1,13 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-/** @internal */
-export const ToolSettingsContentContext = React.createContext({
-    availableContentWidth: 0,
-});
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+/** @internal */
+export const ToolSettingsContentContext = React.createContext({
+    availableContentWidth: 0,
+});
 //# sourceMappingURL=ToolSettingsContent.js.map

package/lib/esm/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/esm/appui-react/widgets/ToolWidgetComposer.js

@@ -1,31 +1,31 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from "@itwin/core-react";
-import { ToolsArea } from "@itwin/appui-layout-react";
-import { UiFramework } from "../UiFramework";
-/**
- * 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 function ToolWidgetComposer(props) {
-    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
-    const [elementSet] = React.useState(new WidgetElementSet());
-    const handleChildRef = React.useCallback((elementRef) => {
-        elementSet.add(elementRef);
-    }, [elementSet]);
-    const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);
-    return (React.createElement(WidgetOpacityContext.Provider, { value: {
-            onElementRef: handleChildRef,
-            proximityScale,
-        } },
-        React.createElement(ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework.visibility.handleWidgetMouseEnter })));
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from "@itwin/core-react";
+import { ToolsArea } from "@itwin/appui-layout-react";
+import { UiFramework } from "../UiFramework";
+/**
+ * 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 function ToolWidgetComposer(props) {
+    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
+    const [elementSet] = React.useState(new WidgetElementSet());
+    const handleChildRef = React.useCallback((elementRef) => {
+        elementSet.add(elementRef);
+    }, [elementSet]);
+    const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);
+    return (React.createElement(WidgetOpacityContext.Provider, { value: {
+            onElementRef: handleChildRef,
+            proximityScale,
+        } },
+        React.createElement(ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework.visibility.handleWidgetMouseEnter })));
+}
 //# sourceMappingURL=ToolWidgetComposer.js.map

package/lib/esm/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

package/lib/esm/appui-react/widgets/ViewToolWidgetComposer.js

@@ -1,33 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import classnames from "classnames";
-import * as React from "react";
-import { ToolbarComposer } from "../toolbar/ToolbarComposer";
-import { useUiVisibility } from "../hooks/useUiVisibility";
-import { NavigationWidgetComposer } from "./NavigationWidgetComposer";
-import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem";
-/**
- * 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 function ViewToolWidgetComposer(props) {
-    const uiIsVisible = useUiVisibility();
-    // istanbul ignore next
-    const className = classnames(!uiIsVisible && "nz-hidden");
-    return (React.createElement(NavigationWidgetComposer, { className: className, hideNavigationAid: props.hideNavigationAid, horizontalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Vertical }) }));
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { ToolbarComposer } from "../toolbar/ToolbarComposer";
+import { useUiVisibility } from "../hooks/useUiVisibility";
+import { NavigationWidgetComposer } from "./NavigationWidgetComposer";
+import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem";
+/**
+ * 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 function ViewToolWidgetComposer(props) {
+    const uiIsVisible = useUiVisibility();
+    // istanbul ignore next
+    const className = classnames(!uiIsVisible && "nz-hidden");
+    return (React.createElement(NavigationWidgetComposer, { className: className, hideNavigationAid: props.hideNavigationAid, horizontalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Vertical }) }));
+}
 //# sourceMappingURL=ViewToolWidgetComposer.js.map

package/lib/esm/appui-react/widgets/Widget.d.ts

@@ -1,39 +1,39 @@
-/** @packageDocumentation
- * @module Widget
- */
-/// <reference types="react" />
-import { BadgeType, ConditionalStringValue, PointProps } from "@itwin/appui-abstract";
-import { IconSpec, SizeProps } from "@itwin/core-react";
-import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
-import { WidgetState } from "./WidgetState";
-/** Describes options of a floating widget.
- * @public
- */
-export interface CanFloatWidgetOptions {
-    readonly isResizable?: boolean;
-    readonly defaultPosition?: PointProps;
-    readonly defaultSize?: SizeProps;
-    readonly containerId?: string;
-    readonly hideWithUi?: boolean;
-}
-/** Describes the data needed to provide a widget.
- * @public
- */
-export interface Widget {
-    readonly id: string;
-    /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. */
-    readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;
-    readonly badge?: BadgeType;
-    /** Defaults to `false`. */
-    readonly canPopout?: boolean;
-    /** Set to `false` to disable floating of a widget. Alternatively options object can be provided which enables floating. Defaults to `true`. */
-    readonly canFloat?: boolean | CanFloatWidgetOptions;
-    readonly defaultState?: WidgetState;
-    /** Content of the Widget. */
-    readonly content?: React.ReactNode;
-    readonly icon?: IconSpec;
-    readonly label?: string | ConditionalStringValue;
-    readonly priority?: number;
-    readonly tooltip?: string | ConditionalStringValue;
-}
+/** @packageDocumentation
+ * @module Widget
+ */
+/// <reference types="react" />
+import { BadgeType, ConditionalStringValue, PointProps } from "@itwin/appui-abstract";
+import { IconSpec, SizeProps } from "@itwin/core-react";
+import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
+import { WidgetState } from "./WidgetState";
+/** Describes options of a floating widget.
+ * @public
+ */
+export interface CanFloatWidgetOptions {
+    readonly isResizable?: boolean;
+    readonly defaultPosition?: PointProps;
+    readonly defaultSize?: SizeProps;
+    readonly containerId?: string;
+    readonly hideWithUi?: boolean;
+}
+/** Describes the data needed to provide a widget.
+ * @public
+ */
+export interface Widget {
+    readonly id: string;
+    /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. */
+    readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;
+    readonly badge?: BadgeType;
+    /** Defaults to `false`. */
+    readonly canPopout?: boolean;
+    /** Set to `false` to disable floating of a widget. Alternatively options object can be provided which enables floating. Defaults to `true`. */
+    readonly canFloat?: boolean | CanFloatWidgetOptions;
+    readonly defaultState?: WidgetState;
+    /** Content of the Widget. */
+    readonly content?: React.ReactNode;
+    readonly icon?: IconSpec;
+    readonly label?: string | ConditionalStringValue;
+    readonly priority?: number;
+    readonly tooltip?: string | ConditionalStringValue;
+}
 //# sourceMappingURL=Widget.d.ts.map

package/lib/esm/appui-react/widgets/Widget.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+export {};
 //# sourceMappingURL=Widget.js.map

package/lib/esm/appui-react/widgets/WidgetConfig.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Widget
- */
-import { Widget } from "./Widget";
-/** Configuration from which a widget is created.
- * @public
- */
-export interface WidgetConfig extends Widget {
-    /** If set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
-    readonly labelKey?: string;
-    /** If set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */
-    readonly tooltipKey?: string;
-    /** @alpha */
-    readonly preferredPanelSize?: "fit-content";
-}
+/** @packageDocumentation
+ * @module Widget
+ */
+import { Widget } from "./Widget";
+/** Configuration from which a widget is created.
+ * @public
+ */
+export interface WidgetConfig extends Widget {
+    /** If set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
+    readonly labelKey?: string;
+    /** If set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */
+    readonly tooltipKey?: string;
+    /** @alpha */
+    readonly preferredPanelSize?: "fit-content";
+}
 //# sourceMappingURL=WidgetConfig.d.ts.map