@itwin/appui-react 4.0.0-dev.9 → 4.0.0

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

@@ -1,106 +1,106 @@
-"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.NavigationWidgetComposer = exports.NavigationAidHost = void 0;
-const React = require("react");
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const UiFramework_1 = require("../UiFramework");
-function createNavigationAidControl(activeContentControl, navigationAidId, activeViewport) {
-    // istanbul ignore else
-    if (!activeContentControl || !navigationAidId || (activeViewport !== activeContentControl.viewport))
-        return undefined;
-    const viewport = activeContentControl.viewport;
-    const imodel = viewport ? viewport.iModel : /* istanbul ignore next */ UiFramework_1.UiFramework.getIModelConnection();
-    const navigationAidControl = UiFramework_1.UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport });
-    navigationAidControl.initialize();
-    return navigationAidControl;
-}
-/**
- * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.
- * @public
- */
-function NavigationAidHost(props) {
-    const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework_1.UiFramework.content.getActiveContentControl());
-    const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport);
-    const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : /* istanbul ignore next */ "");
-    React.useEffect(() => {
-        // istanbul ignore next
-        const handleContentControlActivated = (args) => {
-            setActiveContentControl(args.activeContentControl);
-            setActiveContentViewport(args.activeContentControl.viewport);
-            setNavigationAidId(args.activeContentControl.navigationAidControl);
-        };
-        UiFramework_1.UiFramework.frontstages.onContentControlActivatedEvent.addListener(handleContentControlActivated);
-        return () => {
-            UiFramework_1.UiFramework.frontstages.onContentControlActivatedEvent.removeListener(handleContentControlActivated);
-        };
-    }, []);
-    const [activeViewClass, setActiveViewClass] = React.useState(() => {
-        const content = UiFramework_1.UiFramework.content.getActiveContentControl();
-        if (content && content.viewport)
-            return content.viewport.view.classFullName;
-        return "";
-    });
-    React.useEffect(() => {
-        // istanbul ignore next
-        const handleViewClassFullNameChange = (args) => {
-            setActiveViewClass(args.newName);
-        };
-        imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(handleViewClassFullNameChange);
-        return () => {
-            imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(handleViewClassFullNameChange);
-        };
-    }, [activeViewClass]);
-    const navigationAidControl = React.useMemo(() => createNavigationAidControl(activeContentControl, navigationAidId, activeContentViewport), [activeContentControl, navigationAidId, activeContentViewport]);
-    const ref = React.useRef(null);
-    const isInitialMount = React.useRef(true);
-    const { onElementRef, proximityScale } = (0, core_react_1.useWidgetOpacityContext)();
-    React.useEffect(() => {
-        // istanbul ignore else
-        if (isInitialMount.current) {
-            isInitialMount.current = false;
-            onElementRef(ref);
-        }
-    }, [onElementRef]);
-    const divStyle = {
-        minWidth: props.minWidth ? /* istanbul ignore next */ props.minWidth : "64px",
-        minHeight: props.minHeight ? /* istanbul ignore next */ props.minHeight : "64px",
-    };
-    // istanbul ignore else
-    if (UiFramework_1.UiFramework.visibility.useProximityOpacity && !UiFramework_1.UiFramework.isMobile()) {
-        const navigationAidOpacity = (0.30 * proximityScale) + 0.70;
-        divStyle.opacity = `${navigationAidOpacity}`;
-    }
-    return (React.createElement("div", { style: divStyle, ref: ref }, navigationAidControl && navigationAidControl.reactNode));
-}
-exports.NavigationAidHost = NavigationAidHost;
-/**
- * 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
- */
-function NavigationWidgetComposer(props) {
-    const { navigationAidHost, horizontalToolbar, verticalToolbar, hideNavigationAid, ...otherProps } = props;
-    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
-    const handleChildRef = React.useCallback((elementRef) => {
-        elementSet.add(elementRef);
-    }, [elementSet]);
-    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
-    /* istanbul ignore next */
-    const navigationAid = hideNavigationAid ? undefined : navigationAidHost !== null && navigationAidHost !== void 0 ? navigationAidHost : React.createElement(NavigationAidHost, null);
-    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
-            onElementRef: handleChildRef,
-            proximityScale,
-        } },
-        React.createElement(appui_layout_react_1.NavigationArea, { navigationAid: navigationAid, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework_1.UiFramework.visibility.handleWidgetMouseEnter })));
-}
-exports.NavigationWidgetComposer = NavigationWidgetComposer;
+"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.NavigationWidgetComposer = exports.NavigationAidHost = void 0;
+const React = require("react");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const UiFramework_1 = require("../UiFramework");
+function createNavigationAidControl(activeContentControl, navigationAidId, activeViewport) {
+    // istanbul ignore else
+    if (!activeContentControl || !navigationAidId || (activeViewport !== activeContentControl.viewport))
+        return undefined;
+    const viewport = activeContentControl.viewport;
+    const imodel = viewport ? viewport.iModel : /* istanbul ignore next */ UiFramework_1.UiFramework.getIModelConnection();
+    const navigationAidControl = UiFramework_1.UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport });
+    navigationAidControl.initialize();
+    return navigationAidControl;
+}
+/**
+ * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.
+ * @public
+ */
+function NavigationAidHost(props) {
+    const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework_1.UiFramework.content.getActiveContentControl());
+    const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport);
+    const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : /* istanbul ignore next */ "");
+    React.useEffect(() => {
+        // istanbul ignore next
+        const handleContentControlActivated = (args) => {
+            setActiveContentControl(args.activeContentControl);
+            setActiveContentViewport(args.activeContentControl.viewport);
+            setNavigationAidId(args.activeContentControl.navigationAidControl);
+        };
+        UiFramework_1.UiFramework.frontstages.onContentControlActivatedEvent.addListener(handleContentControlActivated);
+        return () => {
+            UiFramework_1.UiFramework.frontstages.onContentControlActivatedEvent.removeListener(handleContentControlActivated);
+        };
+    }, []);
+    const [activeViewClass, setActiveViewClass] = React.useState(() => {
+        const content = UiFramework_1.UiFramework.content.getActiveContentControl();
+        if (content && content.viewport)
+            return content.viewport.view.classFullName;
+        return "";
+    });
+    React.useEffect(() => {
+        // istanbul ignore next
+        const handleViewClassFullNameChange = (args) => {
+            setActiveViewClass(args.newName);
+        };
+        imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(handleViewClassFullNameChange);
+        return () => {
+            imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(handleViewClassFullNameChange);
+        };
+    }, [activeViewClass]);
+    const navigationAidControl = React.useMemo(() => createNavigationAidControl(activeContentControl, navigationAidId, activeContentViewport), [activeContentControl, navigationAidId, activeContentViewport]);
+    const ref = React.useRef(null);
+    const isInitialMount = React.useRef(true);
+    const { onElementRef, proximityScale } = (0, core_react_1.useWidgetOpacityContext)();
+    React.useEffect(() => {
+        // istanbul ignore else
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+            onElementRef(ref);
+        }
+    }, [onElementRef]);
+    const divStyle = {
+        minWidth: props.minWidth ? /* istanbul ignore next */ props.minWidth : "64px",
+        minHeight: props.minHeight ? /* istanbul ignore next */ props.minHeight : "64px",
+    };
+    // istanbul ignore else
+    if (UiFramework_1.UiFramework.visibility.useProximityOpacity && !UiFramework_1.UiFramework.isMobile()) {
+        const navigationAidOpacity = (0.30 * proximityScale) + 0.70;
+        divStyle.opacity = `${navigationAidOpacity}`;
+    }
+    return (React.createElement("div", { style: divStyle, ref: ref }, navigationAidControl && navigationAidControl.reactNode));
+}
+exports.NavigationAidHost = NavigationAidHost;
+/**
+ * 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
+ */
+function NavigationWidgetComposer(props) {
+    const { navigationAidHost, horizontalToolbar, verticalToolbar, hideNavigationAid, ...otherProps } = props;
+    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
+    const handleChildRef = React.useCallback((elementRef) => {
+        elementSet.add(elementRef);
+    }, [elementSet]);
+    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
+    /* istanbul ignore next */
+    const navigationAid = hideNavigationAid ? undefined : navigationAidHost !== null && navigationAidHost !== void 0 ? navigationAidHost : React.createElement(NavigationAidHost, null);
+    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
+            onElementRef: handleChildRef,
+            proximityScale,
+        } },
+        React.createElement(appui_layout_react_1.NavigationArea, { navigationAid: navigationAid, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework_1.UiFramework.visibility.handleWidgetMouseEnter })));
+}
+exports.NavigationWidgetComposer = NavigationWidgetComposer;
 //# sourceMappingURL=NavigationWidgetComposer.js.map

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

@@ -1,30 +1,30 @@
-"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.createStableWidgetDef = void 0;
-function isGenerated(value) {
-    return value.startsWith("Widget-");
-}
-/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
- * @internal
- */
-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;
-        },
-    });
-}
-exports.createStableWidgetDef = createStableWidgetDef;
+"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.createStableWidgetDef = void 0;
+function isGenerated(value) {
+    return value.startsWith("Widget-");
+}
+/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
+ * @internal
+ */
+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;
+        },
+    });
+}
+exports.createStableWidgetDef = createStableWidgetDef;
 //# sourceMappingURL=StableWidgetDef.js.map

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

@@ -1,43 +1,43 @@
-"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.StatusBarWidgetComposerControl = void 0;
-const React = require("react");
-const StatusBarComposer_1 = require("../statusbar/StatusBarComposer");
-const StatusBarWidgetControl_1 = require("../statusbar/StatusBarWidgetControl");
-const UiFramework_1 = require("../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_1.StatusBarWidgetControl {
-    constructor() {
-        super(...arguments);
-        this.id = StatusBarWidgetComposerControl.controlId;
-    }
-    getReactNode() {
-        return (React.createElement(StatusBarComposer_1.StatusBarComposer, { key: UiFramework_1.UiFramework.frontstages.activeFrontstageId, items: [] }));
-    }
-}
-exports.StatusBarWidgetComposerControl = StatusBarWidgetComposerControl;
-StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";
+"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.StatusBarWidgetComposerControl = void 0;
+const React = require("react");
+const StatusBarComposer_1 = require("../statusbar/StatusBarComposer");
+const StatusBarWidgetControl_1 = require("../statusbar/StatusBarWidgetControl");
+const UiFramework_1 = require("../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_1.StatusBarWidgetControl {
+    constructor() {
+        super(...arguments);
+        this.id = StatusBarWidgetComposerControl.controlId;
+    }
+    getReactNode() {
+        return (React.createElement(StatusBarComposer_1.StatusBarComposer, { key: UiFramework_1.UiFramework.frontstages.activeFrontstageId, items: [] }));
+    }
+}
+StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";
+exports.StatusBarWidgetComposerControl = StatusBarWidgetComposerControl;
 //# sourceMappingURL=StatusBarWidgetComposerControl.js.map

package/lib/cjs/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,+BAA+B;AAC/B,sEAAmE;AACnE,gFAA6E;AAC7E,gDAA6C;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAa,8BAA+B,SAAQ,+CAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,qCAAiB,IAAC,GAAG,EAAE,yBAAW,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAClF,CAAC;IACJ,CAAC;;AARH,wEASC;AARe,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,+BAA+B;AAC/B,sEAAmE;AACnE,gFAA6E;AAC7E,gDAA6C;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAa,8BAA+B,SAAQ,+CAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,qCAAiB,IAAC,GAAG,EAAE,yBAAW,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAClF,CAAC;IACJ,CAAC;;AAPa,wCAAS,GAAG,qCAAqC,AAAxC,CAAyC;AADrD,wEAA8B","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/cjs/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/cjs/appui-react/widgets/ToolSettingsContent.js

@@ -1,16 +1,16 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolSettingsContentContext = void 0;
-const React = require("react");
-/** @internal */
-exports.ToolSettingsContentContext = React.createContext({
-    availableContentWidth: 0,
-});
+"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.ToolSettingsContentContext = void 0;
+const React = require("react");
+/** @internal */
+exports.ToolSettingsContentContext = React.createContext({
+    availableContentWidth: 0,
+});
 //# sourceMappingURL=ToolSettingsContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAS/B,gBAAgB;AACH,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,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\n\r\n// TODO: remove? This is only used in ToolSettingsGridContainer.\r\n\r\n/** @internal */\r\nexport interface ToolSettingsContentContextProps {\r\n  readonly availableContentWidth: number;\r\n}\r\n\r\n/** @internal */\r\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({ // eslint-disable-line @typescript-eslint/naming-convention\r\n  availableContentWidth: 0,\r\n});\r\n"]}
+{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAS/B,gBAAgB;AACH,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,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\n\r\n// TODO: remove? This is only used in ToolSettingsGridContainer.\r\n\r\n/** @internal */\r\nexport interface ToolSettingsContentContextProps {\r\n  readonly availableContentWidth: number;\r\n}\r\n\r\n/** @internal */\r\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({\r\n  availableContentWidth: 0,\r\n});\r\n"]}

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

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

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

@@ -1,35 +1,35 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolWidgetComposer = void 0;
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const UiFramework_1 = require("../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
- */
-function ToolWidgetComposer(props) {
-    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
-    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
-    const handleChildRef = React.useCallback((elementRef) => {
-        elementSet.add(elementRef);
-    }, [elementSet]);
-    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
-    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
-            onElementRef: handleChildRef,
-            proximityScale,
-        } },
-        React.createElement(appui_layout_react_1.ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework_1.UiFramework.visibility.handleWidgetMouseEnter })));
-}
-exports.ToolWidgetComposer = ToolWidgetComposer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolWidgetComposer = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const UiFramework_1 = require("../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
+ */
+function ToolWidgetComposer(props) {
+    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
+    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
+    const handleChildRef = React.useCallback((elementRef) => {
+        elementSet.add(elementRef);
+    }, [elementSet]);
+    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
+    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
+            onElementRef: handleChildRef,
+            proximityScale,
+        } },
+        React.createElement(appui_layout_react_1.ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiFramework_1.UiFramework.visibility.handleWidgetMouseEnter })));
+}
+exports.ToolWidgetComposer = ToolWidgetComposer;
 //# sourceMappingURL=ToolWidgetComposer.js.map