@itwin/appui-react 3.7.11 → 3.7.12

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

@@ -1,107 +1,107 @@
-"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 useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
-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 ("1" !== (0, useFrameworkVersion_1.useFrameworkVersion)() && UiFramework_1.UiFramework.visibility.useProximityOpacity && !UiFramework_1.UiFramework.isMobile()) { // eslint-disable-line deprecation/deprecation
-        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 useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
+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 ("1" !== (0, useFrameworkVersion_1.useFrameworkVersion)() && UiFramework_1.UiFramework.visibility.useProximityOpacity && !UiFramework_1.UiFramework.isMobile()) { // eslint-disable-line deprecation/deprecation
+        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/NavigationWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, useProximityToMouse, useWidgetOpacityContext, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\r\nimport { ContentControl, ContentControlActivatedEventArgs } from \"../content/ContentControl\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\nfunction createNavigationAidControl(activeContentControl: ContentControl | undefined, navigationAidId: string, activeViewport: ScreenViewport | undefined): NavigationAidControl | undefined {\r\n  // istanbul ignore else\r\n  if (!activeContentControl || !navigationAidId || (activeViewport !== activeContentControl.viewport))\r\n    return undefined;\r\n\r\n  const viewport = activeContentControl.viewport;\r\n  const imodel = viewport ? viewport.iModel : /* istanbul ignore next */ UiFramework.getIModelConnection();\r\n  const navigationAidControl = UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport }) as NavigationAidControl;\r\n\r\n  navigationAidControl.initialize();\r\n  return navigationAidControl;\r\n}\r\n\r\n/** Properties for the [[NavigationAidHost]] React component\r\n * @public\r\n */\r\nexport interface NavigationAidHostProps {\r\n  /** Navigation Aid Host minimum width. Defaults to \"64px\". */\r\n  minWidth?: string;\r\n  /** Navigation Aid Host minimum height. Defaults to \"64px\". */\r\n  minHeight?: string;\r\n}\r\n\r\n/**\r\n * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.\r\n * @public\r\n */\r\nexport function NavigationAidHost(props: NavigationAidHostProps) {\r\n  const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework.content.getActiveContentControl());\r\n  const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl?.viewport);\r\n  const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : /* istanbul ignore next */ \"\");\r\n\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleContentControlActivated = (args: ContentControlActivatedEventArgs) => {\r\n      setActiveContentControl(args.activeContentControl);\r\n      setActiveContentViewport(args.activeContentControl.viewport);\r\n      setNavigationAidId(args.activeContentControl.navigationAidControl);\r\n    };\r\n\r\n    UiFramework.frontstages.onContentControlActivatedEvent.addListener(handleContentControlActivated);\r\n    return () => {\r\n      UiFramework.frontstages.onContentControlActivatedEvent.removeListener(handleContentControlActivated);\r\n    };\r\n  }, []);\r\n\r\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\r\n    const content = UiFramework.content.getActiveContentControl();\r\n    if (content && content.viewport)\r\n      return content.viewport.view.classFullName;\r\n    return \"\";\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs) => {\r\n      setActiveViewClass(args.newName);\r\n    };\r\n\r\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(handleViewClassFullNameChange);\r\n    return () => {\r\n      ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(handleViewClassFullNameChange);\r\n    };\r\n  }, [activeViewClass]);\r\n\r\n  const navigationAidControl = React.useMemo(() => createNavigationAidControl(activeContentControl, navigationAidId, activeContentViewport), [activeContentControl, navigationAidId, activeContentViewport]);\r\n\r\n  const ref = React.useRef<HTMLDivElement>(null);\r\n\r\n  const isInitialMount = React.useRef(true);\r\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\r\n\r\n  React.useEffect(() => {\r\n    // istanbul ignore else\r\n    if (isInitialMount.current) {\r\n      isInitialMount.current = false;\r\n      onElementRef(ref);\r\n    }\r\n  }, [onElementRef]);\r\n\r\n  const divStyle: React.CSSProperties = {\r\n    minWidth: props.minWidth ? /* istanbul ignore next */ props.minWidth : \"64px\",\r\n    minHeight: props.minHeight ? /* istanbul ignore next */ props.minHeight : \"64px\",\r\n  };\r\n\r\n  // istanbul ignore else\r\n  if (\"1\" !== useFrameworkVersion() && UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) { // eslint-disable-line deprecation/deprecation\r\n    const navigationAidOpacity = (0.30 * proximityScale) + 0.70;\r\n    divStyle.opacity = `${navigationAidOpacity}`;\r\n  }\r\n\r\n  return (\r\n    <div style={divStyle} ref={ref}>\r\n      {navigationAidControl && navigationAidControl.reactNode}\r\n    </div>\r\n  );\r\n}\r\n\r\n/** Properties for the [[NavigationWidgetComposer]] React components\r\n * @public\r\n */\r\nexport interface NavigationWidgetComposerProps extends CommonProps {\r\n  /** Optional Horizontal Toolbar */\r\n  horizontalToolbar?: React.ReactNode;\r\n  /** Optional Vertical Toolbar */\r\n  verticalToolbar?: React.ReactNode;\r\n  /** 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. */\r\n  navigationAidHost?: React.ReactNode;\r\n  /** If true no navigation aid will be shown. Defaults to false. */\r\n  hideNavigationAid?: boolean;\r\n}\r\n\r\n/**\r\n * 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\r\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\r\n * @public\r\n */\r\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\r\n  const { navigationAidHost, horizontalToolbar, verticalToolbar, hideNavigationAid, ...otherProps } = props;\r\n  const [elementSet] = React.useState(new WidgetElementSet());\r\n  const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\r\n    elementSet.add(elementRef);\r\n  }, [elementSet]);\r\n  const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);\r\n  /* istanbul ignore next */\r\n  const navigationAid = hideNavigationAid ? undefined : navigationAidHost ?? <NavigationAidHost />;\r\n\r\n  return (\r\n    <WidgetOpacityContext.Provider\r\n      value={{\r\n        onElementRef: handleChildRef,\r\n        proximityScale,\r\n      }}\r\n    >\r\n      <NavigationArea\r\n        navigationAid={navigationAid}\r\n        horizontalToolbar={horizontalToolbar}\r\n        verticalToolbar={verticalToolbar}\r\n        {...otherProps}\r\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\r\n      />\r\n    </WidgetOpacityContext.Provider>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { ScreenViewport } from \"@itwin/core-frontend\";\nimport { ViewClassFullNameChangedEventArgs, ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport { CommonProps, useProximityToMouse, useWidgetOpacityContext, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\nimport { ContentControl, ContentControlActivatedEventArgs } from \"../content/ContentControl\";\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\nimport { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\n\nfunction createNavigationAidControl(activeContentControl: ContentControl | undefined, navigationAidId: string, activeViewport: ScreenViewport | undefined): NavigationAidControl | undefined {\n  // istanbul ignore else\n  if (!activeContentControl || !navigationAidId || (activeViewport !== activeContentControl.viewport))\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport ? viewport.iModel : /* istanbul ignore next */ UiFramework.getIModelConnection();\n  const navigationAidControl = UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport }) as NavigationAidControl;\n\n  navigationAidControl.initialize();\n  return navigationAidControl;\n}\n\n/** Properties for the [[NavigationAidHost]] React component\n * @public\n */\nexport interface NavigationAidHostProps {\n  /** Navigation Aid Host minimum width. Defaults to \"64px\". */\n  minWidth?: string;\n  /** Navigation Aid Host minimum height. Defaults to \"64px\". */\n  minHeight?: string;\n}\n\n/**\n * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.\n * @public\n */\nexport function NavigationAidHost(props: NavigationAidHostProps) {\n  const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework.content.getActiveContentControl());\n  const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl?.viewport);\n  const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : /* istanbul ignore next */ \"\");\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleContentControlActivated = (args: ContentControlActivatedEventArgs) => {\n      setActiveContentControl(args.activeContentControl);\n      setActiveContentViewport(args.activeContentControl.viewport);\n      setNavigationAidId(args.activeContentControl.navigationAidControl);\n    };\n\n    UiFramework.frontstages.onContentControlActivatedEvent.addListener(handleContentControlActivated);\n    return () => {\n      UiFramework.frontstages.onContentControlActivatedEvent.removeListener(handleContentControlActivated);\n    };\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport)\n      return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleViewClassFullNameChange = (args: ViewClassFullNameChangedEventArgs) => {\n      setActiveViewClass(args.newName);\n    };\n\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(handleViewClassFullNameChange);\n    return () => {\n      ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(handleViewClassFullNameChange);\n    };\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(() => createNavigationAidControl(activeContentControl, navigationAidId, activeContentViewport), [activeContentControl, navigationAidId, activeContentViewport]);\n\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const isInitialMount = React.useRef(true);\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth ? /* istanbul ignore next */ props.minWidth : \"64px\",\n    minHeight: props.minHeight ? /* istanbul ignore next */ props.minHeight : \"64px\",\n  };\n\n  // istanbul ignore else\n  if (\"1\" !== useFrameworkVersion() && UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) { // eslint-disable-line deprecation/deprecation\n    const navigationAidOpacity = (0.30 * proximityScale) + 0.70;\n    divStyle.opacity = `${navigationAidOpacity}`;\n  }\n\n  return (\n    <div style={divStyle} ref={ref}>\n      {navigationAidControl && navigationAidControl.reactNode}\n    </div>\n  );\n}\n\n/** Properties for the [[NavigationWidgetComposer]] React components\n * @public\n */\nexport interface NavigationWidgetComposerProps extends CommonProps {\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n  /** 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. */\n  navigationAidHost?: React.ReactNode;\n  /** If true no navigation aid will be shown. Defaults to false. */\n  hideNavigationAid?: boolean;\n}\n\n/**\n * 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\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\n * @public\n */\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\n  const { navigationAidHost, horizontalToolbar, verticalToolbar, hideNavigationAid, ...otherProps } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\n    elementSet.add(elementRef);\n  }, [elementSet]);\n  const proximityScale = useProximityToMouse(elementSet, UiFramework.visibility.snapWidgetOpacity);\n  /* istanbul ignore next */\n  const navigationAid = hideNavigationAid ? undefined : navigationAidHost ?? <NavigationAidHost />;\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <NavigationArea\n        navigationAid={navigationAid}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

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

@@ -1,33 +1,33 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { IconSpec } from "@itwin/core-react";
-import { ItemList } from "../shared/ItemMap";
-/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].
- * @beta
- */
-export interface ReviewToolWidgetProps {
-    /** Item to add before the default items in the horizontal toolbar */
-    prefixHorizontalItems?: ItemList;
-    /** Item to add after the default items in the horizontal toolbar */
-    suffixHorizontalItems?: ItemList;
-    /** Item to add before the default items in the vertical toolbar */
-    prefixVerticalItems?: ItemList;
-    /** Item to add after the default items in the vertical toolbar */
-    suffixVerticalItems?: ItemList;
-    /** Controls visibility of hide/isolate tools that act on a selection set's categories/models */
-    showCategoryAndModelsContextTools?: boolean;
-    /** Icon specification for application button */
-    iconSpec?: IconSpec;
-}
-/** 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.
- * @beta
- */
-export declare class ReviewToolWidget extends React.Component<ReviewToolWidgetProps, any> {
-    private _horizontalToolbarItems;
-    private _verticalToolbarItems;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { IconSpec } from "@itwin/core-react";
+import { ItemList } from "../shared/ItemMap";
+/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].
+ * @beta
+ */
+export interface ReviewToolWidgetProps {
+    /** Item to add before the default items in the horizontal toolbar */
+    prefixHorizontalItems?: ItemList;
+    /** Item to add after the default items in the horizontal toolbar */
+    suffixHorizontalItems?: ItemList;
+    /** Item to add before the default items in the vertical toolbar */
+    prefixVerticalItems?: ItemList;
+    /** Item to add after the default items in the vertical toolbar */
+    suffixVerticalItems?: ItemList;
+    /** Controls visibility of hide/isolate tools that act on a selection set's categories/models */
+    showCategoryAndModelsContextTools?: boolean;
+    /** Icon specification for application button */
+    iconSpec?: IconSpec;
+}
+/** 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.
+ * @beta
+ */
+export declare class ReviewToolWidget extends React.Component<ReviewToolWidgetProps, any> {
+    private _horizontalToolbarItems;
+    private _verticalToolbarItems;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ReviewToolWidget.d.ts.map

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

@@ -1,74 +1,74 @@
-"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.ReviewToolWidget = void 0;
-const React = require("react");
-const Backstage_1 = require("../backstage/Backstage");
-const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
-const SelectionContextItemDef_1 = require("../selection/SelectionContextItemDef");
-const ItemMap_1 = require("../shared/ItemMap");
-const ToolWidget_1 = require("./ToolWidget");
-/** 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.
- * @beta
- */
-class ReviewToolWidget extends React.Component {
-    constructor() {
-        super(...arguments);
-        this._horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?
-            new ItemMap_1.ItemList([
-                CoreToolDefinitions_1.CoreTools.clearSelectionItemDef,
-                SelectionContextItemDef_1.SelectionContextToolDefinitions.hideSectionToolGroup,
-                SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateSelectionToolGroup,
-                SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef,
-            ])
-            :
-                new ItemMap_1.ItemList([
-                    CoreToolDefinitions_1.CoreTools.clearSelectionItemDef,
-                    SelectionContextItemDef_1.SelectionContextToolDefinitions.hideElementsItemDef,
-                    SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateElementsItemDef,
-                    SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef,
-                ]);
-        this._verticalToolbarItems = new ItemMap_1.ItemList([
-            CoreToolDefinitions_1.CoreTools.selectElementCommand,
-            CoreToolDefinitions_1.CoreTools.measureToolGroup,
-            CoreToolDefinitions_1.CoreTools.sectionToolGroup,
-        ]);
-    }
-    render() {
-        let appButtonCommandItemDef = Backstage_1.Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation
-        if (this.props.iconSpec) {
-            appButtonCommandItemDef = Backstage_1.Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation
-        }
-        const horizontalToolbarItems = new ItemMap_1.ItemList();
-        // istanbul ignore else
-        if (this.props.prefixHorizontalItems)
-            horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);
-        // istanbul ignore else
-        if (this._horizontalToolbarItems)
-            horizontalToolbarItems.addItems(this._horizontalToolbarItems);
-        // istanbul ignore else
-        if (this.props.suffixHorizontalItems)
-            horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);
-        const verticalToolbarItems = new ItemMap_1.ItemList();
-        // istanbul ignore else
-        if (this.props.prefixVerticalItems)
-            verticalToolbarItems.addItems(this.props.prefixVerticalItems);
-        // istanbul ignore else
-        if (this._verticalToolbarItems)
-            verticalToolbarItems.addItems(this._verticalToolbarItems);
-        // istanbul ignore else
-        if (this.props.suffixVerticalItems)
-            verticalToolbarItems.addItems(this.props.suffixVerticalItems);
-        return (React.createElement(ToolWidget_1.ToolWidget // eslint-disable-line deprecation/deprecation
-        , { appButton: appButtonCommandItemDef, horizontalItems: horizontalToolbarItems, verticalItems: verticalToolbarItems }));
-    }
-}
-exports.ReviewToolWidget = ReviewToolWidget;
+"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.ReviewToolWidget = void 0;
+const React = require("react");
+const Backstage_1 = require("../backstage/Backstage");
+const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
+const SelectionContextItemDef_1 = require("../selection/SelectionContextItemDef");
+const ItemMap_1 = require("../shared/ItemMap");
+const ToolWidget_1 = require("./ToolWidget");
+/** 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.
+ * @beta
+ */
+class ReviewToolWidget extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?
+            new ItemMap_1.ItemList([
+                CoreToolDefinitions_1.CoreTools.clearSelectionItemDef,
+                SelectionContextItemDef_1.SelectionContextToolDefinitions.hideSectionToolGroup,
+                SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateSelectionToolGroup,
+                SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef,
+            ])
+            :
+                new ItemMap_1.ItemList([
+                    CoreToolDefinitions_1.CoreTools.clearSelectionItemDef,
+                    SelectionContextItemDef_1.SelectionContextToolDefinitions.hideElementsItemDef,
+                    SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateElementsItemDef,
+                    SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef,
+                ]);
+        this._verticalToolbarItems = new ItemMap_1.ItemList([
+            CoreToolDefinitions_1.CoreTools.selectElementCommand,
+            CoreToolDefinitions_1.CoreTools.measureToolGroup,
+            CoreToolDefinitions_1.CoreTools.sectionToolGroup,
+        ]);
+    }
+    render() {
+        let appButtonCommandItemDef = Backstage_1.Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation
+        if (this.props.iconSpec) {
+            appButtonCommandItemDef = Backstage_1.Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation
+        }
+        const horizontalToolbarItems = new ItemMap_1.ItemList();
+        // istanbul ignore else
+        if (this.props.prefixHorizontalItems)
+            horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);
+        // istanbul ignore else
+        if (this._horizontalToolbarItems)
+            horizontalToolbarItems.addItems(this._horizontalToolbarItems);
+        // istanbul ignore else
+        if (this.props.suffixHorizontalItems)
+            horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);
+        const verticalToolbarItems = new ItemMap_1.ItemList();
+        // istanbul ignore else
+        if (this.props.prefixVerticalItems)
+            verticalToolbarItems.addItems(this.props.prefixVerticalItems);
+        // istanbul ignore else
+        if (this._verticalToolbarItems)
+            verticalToolbarItems.addItems(this._verticalToolbarItems);
+        // istanbul ignore else
+        if (this.props.suffixVerticalItems)
+            verticalToolbarItems.addItems(this.props.suffixVerticalItems);
+        return (React.createElement(ToolWidget_1.ToolWidget // eslint-disable-line deprecation/deprecation
+        , { appButton: appButtonCommandItemDef, horizontalItems: horizontalToolbarItems, verticalItems: verticalToolbarItems }));
+    }
+}
+exports.ReviewToolWidget = ReviewToolWidget;
 //# sourceMappingURL=ReviewToolWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ReviewToolWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,sDAAmD;AACnD,sEAAyD;AACzD,kFAAuF;AACvF,+CAA6C;AAC7C,6CAA0C;AAoB1C;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAqC;IAAjF;;QAEU,4BAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;YAC9E,IAAI,kBAAQ,CAAC;gBACX,+BAAS,CAAC,qBAAqB;gBAC/B,yDAA+B,CAAC,oBAAoB;gBACpD,yDAA+B,CAAC,yBAAyB;gBACzD,yDAA+B,CAAC,wBAAwB;aACzD,CAAC;YACF,CAAC;gBACD,IAAI,kBAAQ,CAAC;oBACX,+BAAS,CAAC,qBAAqB;oBAC/B,yDAA+B,CAAC,mBAAmB;oBACnD,yDAA+B,CAAC,sBAAsB;oBACtD,yDAA+B,CAAC,wBAAwB;iBACzD,CAAC,CAAC;QAEG,0BAAqB,GAAG,IAAI,kBAAQ,CAAC;YAC3C,+BAAS,CAAC,oBAAoB;YAC9B,+BAAS,CAAC,gBAAgB;YAC1B,+BAAS,CAAC,gBAAgB;SAC3B,CAAC,CAAC;IAgCL,CAAC;IA9BiB,MAAM;QACpB,IAAI,uBAAuB,GAAG,qBAAS,CAAC,sBAAsB,CAAC,CAAC,8CAA8C;QAC9G,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,uBAAuB,GAAG,qBAAS,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,8CAA8C;SACnI;QAED,MAAM,sBAAsB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACxG,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAChG,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAExG,MAAM,oBAAoB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC5C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAClG,uBAAuB;QACvB,IAAI,IAAI,CAAC,qBAAqB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC1F,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAElG,OAAO,CACL,oBAAC,uBAAU,CAAC,8CAA8C;YACxD,SAAS,EAAE,uBAAuB,EAClC,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AArDD,4CAqDC","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 { IconSpec } from \"@itwin/core-react\";\r\nimport { Backstage } from \"../backstage/Backstage\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\r\nimport { ItemList } from \"../shared/ItemMap\";\r\nimport { ToolWidget } from \"./ToolWidget\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\r\n * @beta\r\n */\r\nexport interface ReviewToolWidgetProps {\r\n  /** Item to add before the default items in the horizontal toolbar */\r\n  prefixHorizontalItems?: ItemList;\r\n  /** Item to add after the default items in the horizontal toolbar */\r\n  suffixHorizontalItems?: ItemList;\r\n  /** Item to add before the default items in the vertical toolbar */\r\n  prefixVerticalItems?: ItemList;\r\n  /** Item to add after the default items in the vertical toolbar */\r\n  suffixVerticalItems?: ItemList;\r\n  /** Controls visibility of hide/isolate tools that act on a selection set's categories/models */\r\n  showCategoryAndModelsContextTools?: boolean;\r\n  /** Icon specification for application button */\r\n  iconSpec?: IconSpec;\r\n}\r\n\r\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\r\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\r\n * @beta\r\n */\r\nexport class ReviewToolWidget extends React.Component<ReviewToolWidgetProps, any> {\r\n\r\n  private _horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?\r\n    new ItemList([\r\n      CoreTools.clearSelectionItemDef,\r\n      SelectionContextToolDefinitions.hideSectionToolGroup,\r\n      SelectionContextToolDefinitions.isolateSelectionToolGroup,\r\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\r\n    ])\r\n    :\r\n    new ItemList([\r\n      CoreTools.clearSelectionItemDef,\r\n      SelectionContextToolDefinitions.hideElementsItemDef,\r\n      SelectionContextToolDefinitions.isolateElementsItemDef,\r\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\r\n    ]);\r\n\r\n  private _verticalToolbarItems = new ItemList([\r\n    CoreTools.selectElementCommand,\r\n    CoreTools.measureToolGroup,\r\n    CoreTools.sectionToolGroup,\r\n  ]);\r\n\r\n  public override render() {\r\n    let appButtonCommandItemDef = Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation\r\n    if (this.props.iconSpec) {\r\n      appButtonCommandItemDef = Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation\r\n    }\r\n\r\n    const horizontalToolbarItems = new ItemList();\r\n    // istanbul ignore else\r\n    if (this.props.prefixHorizontalItems) horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);\r\n    // istanbul ignore else\r\n    if (this._horizontalToolbarItems) horizontalToolbarItems.addItems(this._horizontalToolbarItems);\r\n    // istanbul ignore else\r\n    if (this.props.suffixHorizontalItems) horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);\r\n\r\n    const verticalToolbarItems = new ItemList();\r\n    // istanbul ignore else\r\n    if (this.props.prefixVerticalItems) verticalToolbarItems.addItems(this.props.prefixVerticalItems);\r\n    // istanbul ignore else\r\n    if (this._verticalToolbarItems) verticalToolbarItems.addItems(this._verticalToolbarItems);\r\n    // istanbul ignore else\r\n    if (this.props.suffixVerticalItems) verticalToolbarItems.addItems(this.props.suffixVerticalItems);\r\n\r\n    return (\r\n      <ToolWidget // eslint-disable-line deprecation/deprecation\r\n        appButton={appButtonCommandItemDef}\r\n        horizontalItems={horizontalToolbarItems}\r\n        verticalItems={verticalToolbarItems}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ReviewToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ReviewToolWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,sDAAmD;AACnD,sEAAyD;AACzD,kFAAuF;AACvF,+CAA6C;AAC7C,6CAA0C;AAoB1C;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAqC;IAAjF;;QAEU,4BAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;YAC9E,IAAI,kBAAQ,CAAC;gBACX,+BAAS,CAAC,qBAAqB;gBAC/B,yDAA+B,CAAC,oBAAoB;gBACpD,yDAA+B,CAAC,yBAAyB;gBACzD,yDAA+B,CAAC,wBAAwB;aACzD,CAAC;YACF,CAAC;gBACD,IAAI,kBAAQ,CAAC;oBACX,+BAAS,CAAC,qBAAqB;oBAC/B,yDAA+B,CAAC,mBAAmB;oBACnD,yDAA+B,CAAC,sBAAsB;oBACtD,yDAA+B,CAAC,wBAAwB;iBACzD,CAAC,CAAC;QAEG,0BAAqB,GAAG,IAAI,kBAAQ,CAAC;YAC3C,+BAAS,CAAC,oBAAoB;YAC9B,+BAAS,CAAC,gBAAgB;YAC1B,+BAAS,CAAC,gBAAgB;SAC3B,CAAC,CAAC;IAgCL,CAAC;IA9BiB,MAAM;QACpB,IAAI,uBAAuB,GAAG,qBAAS,CAAC,sBAAsB,CAAC,CAAC,8CAA8C;QAC9G,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,uBAAuB,GAAG,qBAAS,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,8CAA8C;SACnI;QAED,MAAM,sBAAsB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACxG,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAChG,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAExG,MAAM,oBAAoB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC5C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAClG,uBAAuB;QACvB,IAAI,IAAI,CAAC,qBAAqB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC1F,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAElG,OAAO,CACL,oBAAC,uBAAU,CAAC,8CAA8C;YACxD,SAAS,EAAE,uBAAuB,EAClC,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AArDD,4CAqDC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { IconSpec } from \"@itwin/core-react\";\nimport { Backstage } from \"../backstage/Backstage\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\nimport { ItemList } from \"../shared/ItemMap\";\nimport { ToolWidget } from \"./ToolWidget\";\n\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\n * @beta\n */\nexport interface ReviewToolWidgetProps {\n  /** Item to add before the default items in the horizontal toolbar */\n  prefixHorizontalItems?: ItemList;\n  /** Item to add after the default items in the horizontal toolbar */\n  suffixHorizontalItems?: ItemList;\n  /** Item to add before the default items in the vertical toolbar */\n  prefixVerticalItems?: ItemList;\n  /** Item to add after the default items in the vertical toolbar */\n  suffixVerticalItems?: ItemList;\n  /** Controls visibility of hide/isolate tools that act on a selection set's categories/models */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Icon specification for application button */\n  iconSpec?: IconSpec;\n}\n\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @beta\n */\nexport class ReviewToolWidget extends React.Component<ReviewToolWidgetProps, any> {\n\n  private _horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?\n    new ItemList([\n      CoreTools.clearSelectionItemDef,\n      SelectionContextToolDefinitions.hideSectionToolGroup,\n      SelectionContextToolDefinitions.isolateSelectionToolGroup,\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\n    ])\n    :\n    new ItemList([\n      CoreTools.clearSelectionItemDef,\n      SelectionContextToolDefinitions.hideElementsItemDef,\n      SelectionContextToolDefinitions.isolateElementsItemDef,\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\n    ]);\n\n  private _verticalToolbarItems = new ItemList([\n    CoreTools.selectElementCommand,\n    CoreTools.measureToolGroup,\n    CoreTools.sectionToolGroup,\n  ]);\n\n  public override render() {\n    let appButtonCommandItemDef = Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation\n    if (this.props.iconSpec) {\n      appButtonCommandItemDef = Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation\n    }\n\n    const horizontalToolbarItems = new ItemList();\n    // istanbul ignore else\n    if (this.props.prefixHorizontalItems) horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);\n    // istanbul ignore else\n    if (this._horizontalToolbarItems) horizontalToolbarItems.addItems(this._horizontalToolbarItems);\n    // istanbul ignore else\n    if (this.props.suffixHorizontalItems) horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);\n\n    const verticalToolbarItems = new ItemList();\n    // istanbul ignore else\n    if (this.props.prefixVerticalItems) verticalToolbarItems.addItems(this.props.prefixVerticalItems);\n    // istanbul ignore else\n    if (this._verticalToolbarItems) verticalToolbarItems.addItems(this._verticalToolbarItems);\n    // istanbul ignore else\n    if (this.props.suffixVerticalItems) verticalToolbarItems.addItems(this.props.suffixVerticalItems);\n\n    return (\n      <ToolWidget // eslint-disable-line deprecation/deprecation\n        appButton={appButtonCommandItemDef}\n        horizontalItems={horizontalToolbarItems}\n        verticalItems={verticalToolbarItems}\n      />\n    );\n  }\n}\n"]}

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 @deprecated in 3.0. UI 1.0 will be removed in AppUi 4.0.
- */
-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 @deprecated in 3.0. UI 1.0 will be removed in AppUi 4.0.
+ */
+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 @deprecated in 3.0. UI 1.0 will be removed in AppUi 4.0.
- */
-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 @deprecated in 3.0. UI 1.0 will be removed in AppUi 4.0.
+ */
+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/StableWidgetDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"StableWidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,SAAS,WAAW,CAAC,KAAsB;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CAAC,SAAoB,EAAE,QAAgB;IAC1E,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;QAC1B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;YACxB,MAAM,MAAM,GAAgC,IAAI,CAAC;YACjD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;YAClD,IAAI,IAAI,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;gBACzC,OAAO,QAAQ,CAAC;aACjB;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAXD,sDAWC","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 { WidgetDef } from \"./WidgetDef\";\r\n\r\nfunction isGenerated(value: WidgetDef[\"id\"]) {\r\n  return value.startsWith(\"Widget-\");\r\n}\r\n\r\n/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.\r\n * @internal @deprecated in 3.0. UI 1.0 will be removed in AppUi 4.0.\r\n */\r\nexport function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef {\r\n  return new Proxy(widgetDef, {\r\n    get(target, name, receiver) {\r\n      const idName: keyof Pick<WidgetDef, \"id\"> = \"id\";\r\n      const value = Reflect.get(target, name, receiver);\r\n      if (name === idName && isGenerated(value)) {\r\n        return stableId;\r\n      }\r\n      return value;\r\n    },\r\n  });\r\n}\r\n"]}
+{"version":3,"file":"StableWidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,SAAS,WAAW,CAAC,KAAsB;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CAAC,SAAoB,EAAE,QAAgB;IAC1E,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;QAC1B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;YACxB,MAAM,MAAM,GAAgC,IAAI,CAAC;YACjD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;YAClD,IAAI,IAAI,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;gBACzC,OAAO,QAAQ,CAAC;aACjB;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAXD,sDAWC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport { WidgetDef } from \"./WidgetDef\";\n\nfunction isGenerated(value: WidgetDef[\"id\"]) {\n  return value.startsWith(\"Widget-\");\n}\n\n/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.\n * @internal @deprecated in 3.0. UI 1.0 will be removed in AppUi 4.0.\n */\nexport function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef {\n  return new Proxy(widgetDef, {\n    get(target, name, receiver) {\n      const idName: keyof Pick<WidgetDef, \"id\"> = \"id\";\n      const value = Reflect.get(target, name, receiver);\n      if (name === idName && isGenerated(value)) {\n        return stableId;\n      }\n      return value;\n    },\n  });\n}\n"]}