@itwin/appui-react 5.11.2 → 5.12.0

package/CHANGELOG.md

@@ -1,5 +1,105 @@
 # Change Log - @itwin/appui-react
 
+## 5.12.0
+
+### Minor Changes
+
+- 46df665: Added `activeItemIds` prop to `ToolbarComposer` component. When specified, it overrides the default behavior where the active toolbar item is determined by the active `Tool`.
+
+  This change enables the toolbars to display the items without the `Tool` system and to display multiple items as active:
+
+  ```tsx
+  <ToolbarComposer
+    items={[
+      ToolbarItemUtilities.createActionItem({ id: "item1" }),
+      ToolbarItemUtilities.createActionItem({ id: "item2" }),
+      ToolbarItemUtilities.createActionItem({ id: "item3" }),
+    ]}
+    activeItemIds={["item1", "item3"]}
+  />
+  ```
+
+  To continue using the default behavior where the `Tool` determines the active toolbar item, but still display additional toolbar items as active, you can combine the `activeItemIds` prop with the `useActiveToolId` hook.
+
+  ```tsx
+  const activeToolId = useActiveToolId();
+
+  // Filter our undefined values and ensure type safety.
+  const activeItemIds = [activeToolId, "item1"].filter(
+    (id): id is string => id !== undefined
+  );
+
+  <ToolbarComposer
+    items={[
+      ToolbarItemUtilities.createActionItem({ id: "item1" }),
+      ToolbarItemUtilities.createForTool(SelectionTool),
+    ]}
+    activeItemIds={activeItemIds}
+  />;
+  ```
+
+  `ToolbarComposer` component might be used indirectly, since it is rendered by `BasicNavigationWidget`, `BasicToolWidget`, `ContentToolWidgetComposer` and `ViewToolWidgetComposer` components. In that case use the underlying `ToolWidgetComposer` or `NavigationWidgetComposer` component to compose and configure the toolbars.
+
+  ```tsx
+  // Before
+  <ContentToolWidgetComposer cornerButton={props.cornerButton} />;
+
+  // After
+  const activeItemIds = ["item1", "item2"];
+  <ToolWidgetComposer
+    cornerItem={props.cornerButton}
+    horizontalToolbar={
+      <ToolbarComposer
+        items={[]}
+        usage={ToolbarUsage.ContentManipulation}
+        orientation={ToolbarOrientation.Horizontal}
+        activeItemIds={activeItemIds}
+      />
+    }
+    verticalToolbar={
+      <ToolbarComposer
+        items={[]}
+        usage={ToolbarUsage.ContentManipulation}
+        orientation={ToolbarOrientation.Vertical}
+        activeItemIds={activeItemIds}
+      />
+    }
+  />;
+  ```
+
+  Similarly, the `contentManipulation` and `viewNavigation` widgets might need to be configured when the `FrontstageUtilities` is used to create a standard `Frontstage`.
+
+  ```tsx
+  function ContentManipulationWidget() {
+    return (
+      <ToolWidgetComposer
+        // ...
+        activeItemIds={["item1", "item3"]}
+      />
+    );
+  }
+
+  const frontstage: Frontstage = {
+    ...FrontstageUtilities.createStandardFrontstage({
+      // ...
+    }),
+    contentManipulation: {
+      id: "content-manipulation",
+      content: <ContentManipulationWidget />,
+    },
+  };
+  ```
+
+- 46df665: Added `useActiveToolId` hook to track the active `Tool` id of the `IModelApp.toolAdmin`.
+- 46df665: Updated `NavigationWidgetComposer` and `ToolWidgetComposer` to support hidden UI visibility setting controlled via the `UiFramework.visibility` object.
+
+### Patch Changes
+
+- Updated dependencies [d4db451]
+  - @itwin/imodel-components-react@5.12.0
+  - @itwin/components-react@5.12.0
+  - @itwin/core-react@5.12.0
+
 ## 5.11.2
 
 ### Patch Changes

package/lib/appui-react/hooks/useActiveToolId.d.ts

@@ -1,6 +1,8 @@
 /** @packageDocumentation
  * @module Hooks
  */
-/** @internal */
-export declare function useActiveToolId(): string;
+/** React hook that maintains the active `Tool` id.
+ * @public
+ */
+export declare function useActiveToolId(): string | undefined;
 //# sourceMappingURL=useActiveToolId.d.ts.map

package/lib/appui-react/hooks/useActiveToolId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveToolId.d.ts","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveToolId.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,gBAAgB;AAChB,wBAAgB,eAAe,WAU9B"}
+{"version":3,"file":"useActiveToolId.d.ts","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveToolId.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,eAAe,uBAG9B"}

package/lib/appui-react/hooks/useActiveToolId.js

@@ -5,16 +5,12 @@
 /** @packageDocumentation
  * @module Hooks
  */
-import * as React from "react";
-import { UiFramework } from "../UiFramework.js";
-/** @internal */
+import { useActiveTool } from "./useActiveTool.js";
+/** React hook that maintains the active `Tool` id.
+ * @public
+ */
 export function useActiveToolId() {
-    const [toolId, setToolId] = React.useState(UiFramework.frontstages.activeToolId);
-    React.useEffect(() => {
-        return UiFramework.frontstages.onToolActivatedEvent.addListener((args) => {
-            setToolId(args.toolId);
-        });
-    }, []);
-    return toolId;
+    const activeTool = useActiveTool();
+    return activeTool?.toolId;
 }
 //# sourceMappingURL=useActiveToolId.js.map

package/lib/appui-react/hooks/useActiveToolId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveToolId.js","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveToolId.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,gBAAgB;AAChB,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CACxC,WAAW,CAAC,WAAW,CAAC,YAAY,CACrC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,WAAW,CAAC,WAAW,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACvE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,MAAM,CAAC;AAChB,CAAC","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 Hooks\n */\n\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\n\n/** @internal */\nexport function useActiveToolId() {\n  const [toolId, setToolId] = React.useState(\n    UiFramework.frontstages.activeToolId\n  );\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolActivatedEvent.addListener((args) => {\n      setToolId(args.toolId);\n    });\n  }, []);\n  return toolId;\n}\n"]}
+{"version":3,"file":"useActiveToolId.js","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveToolId.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,MAAM,UAAU,eAAe;IAC7B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,OAAO,UAAU,EAAE,MAAM,CAAC;AAC5B,CAAC","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 Hooks\n */\n\nimport { useActiveTool } from \"./useActiveTool.js\";\n\n/** React hook that maintains the active `Tool` id.\n * @public\n */\nexport function useActiveToolId() {\n  const activeTool = useActiveTool();\n  return activeTool?.toolId;\n}\n"]}

package/lib/appui-react/layout/widget/NavigationArea.d.ts

@@ -21,6 +21,7 @@ export interface NavigationAreaProps extends CommonProps, NoChildrenProps {
     onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     /** Handler for mouse leave */
     onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    hidden?: boolean;
 }
 /** A component that renders toolbars in the top right corner of standard layout.
  * @internal

package/lib/appui-react/layout/widget/NavigationArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationArea.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/NavigationArea.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;GAEG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW,EAAE,eAAe;IACvE;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,wCAAwC;IACxC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAgCxD"}
+{"version":3,"file":"NavigationArea.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/NavigationArea.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;GAEG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW,EAAE,eAAe;IACvE;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,wCAAwC;IACxC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAoCxD"}

package/lib/appui-react/layout/widget/NavigationArea.js

@@ -12,7 +12,7 @@ import * as React from "react";
  * @internal
  */
 export function NavigationArea(props) {
-    const className = classnames("nz-widget-navigationArea", props.className);
+    const className = classnames("nz-widget-navigationArea", props.hidden && "nz-hidden", props.className);
     return (React.createElement("div", { className: className, style: props.style },
         React.createElement("div", { className: "nz-horizontal-toolbar-container", onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave }, props.horizontalToolbar),
         props.navigationAid && (React.createElement("div", { className: "nz-navigation-aid-container", onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave }, props.navigationAid)),

package/lib/appui-react/layout/widget/NavigationArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/NavigationArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,UAAU,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,iBAAiB,CACpB;QACL,KAAK,CAAC,aAAa,IAAI,CACtB,6BACE,SAAS,EAAC,6BAA6B,EACvC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,aAAa,CAChB,CACP;QACD,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,CAAC,KAAK,CAAC,aAAa,IAAI,SAAS,CAClC,EACD,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,eAAe,CAClB,CACF,CACP,CAAC;AACJ,CAAC","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 \"./NavigationArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\n\n/** Properties of [[NavigationArea]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface NavigationAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in NavigationArea zone or navigation aid control in Navigation zone.\n   */\n  navigationAid?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** A component that renders toolbars in the top right corner of standard layout.\n * @internal\n */\nexport function NavigationArea(props: NavigationAreaProps) {\n  const className = classnames(\"nz-widget-navigationArea\", props.className);\n  return (\n    <div className={className} style={props.style}>\n      <div\n        className=\"nz-horizontal-toolbar-container\"\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.horizontalToolbar}\n      </div>\n      {props.navigationAid && (\n        <div\n          className=\"nz-navigation-aid-container\"\n          onMouseEnter={props.onMouseEnter}\n          onMouseLeave={props.onMouseLeave}\n        >\n          {props.navigationAid}\n        </div>\n      )}\n      <div\n        className={classnames(\n          \"nz-vertical-toolbar-container\",\n          !props.navigationAid && \"nz-span\"\n        )}\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.verticalToolbar}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"NavigationArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/NavigationArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,KAAK,CAAC,MAAM,IAAI,WAAW,EAC3B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,iBAAiB,CACpB;QACL,KAAK,CAAC,aAAa,IAAI,CACtB,6BACE,SAAS,EAAC,6BAA6B,EACvC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,aAAa,CAChB,CACP;QACD,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,CAAC,KAAK,CAAC,aAAa,IAAI,SAAS,CAClC,EACD,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,eAAe,CAClB,CACF,CACP,CAAC;AACJ,CAAC","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 \"./NavigationArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\n\n/** Properties of [[NavigationArea]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface NavigationAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in NavigationArea zone or navigation aid control in Navigation zone.\n   */\n  navigationAid?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  hidden?: boolean;\n}\n\n/** A component that renders toolbars in the top right corner of standard layout.\n * @internal\n */\nexport function NavigationArea(props: NavigationAreaProps) {\n  const className = classnames(\n    \"nz-widget-navigationArea\",\n    props.hidden && \"nz-hidden\",\n    props.className\n  );\n  return (\n    <div className={className} style={props.style}>\n      <div\n        className=\"nz-horizontal-toolbar-container\"\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.horizontalToolbar}\n      </div>\n      {props.navigationAid && (\n        <div\n          className=\"nz-navigation-aid-container\"\n          onMouseEnter={props.onMouseEnter}\n          onMouseLeave={props.onMouseLeave}\n        >\n          {props.navigationAid}\n        </div>\n      )}\n      <div\n        className={classnames(\n          \"nz-vertical-toolbar-container\",\n          !props.navigationAid && \"nz-span\"\n        )}\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.verticalToolbar}\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/appui-react/layout/widget/ToolsArea.d.ts

@@ -21,6 +21,7 @@ export interface ToolsAreaProps extends CommonProps, NoChildrenProps {
     onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     /** Handler for mouse leave */
     onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    hidden?: boolean;
 }
 /** A component that renders toolbars in the top left corner of standard layout.
  * @internal

package/lib/appui-react/layout/widget/ToolsArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsArea.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ToolsArea.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGtE;;GAEG;AAEH,MAAM,WAAW,cAAe,SAAQ,WAAW,EAAE,eAAe;IAClE;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,wCAAwC;IACxC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3E;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IAChD,MAAM;CAmCvB"}
+{"version":3,"file":"ToolsArea.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ToolsArea.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGtE;;GAEG;AAEH,MAAM,WAAW,cAAe,SAAQ,WAAW,EAAE,eAAe;IAClE;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,wCAAwC;IACxC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IAChD,MAAM;CAuCvB"}

package/lib/appui-react/layout/widget/ToolsArea.js

@@ -16,7 +16,7 @@ export class ToolsArea extends React.PureComponent {
         const button = React.isValidElement(this.props.button)
             ? React.cloneElement(this.props.button, { small: true })
             : null; // ensure button is small
-        const className = classnames("nz-tools-widget", this.props.className);
+        const className = classnames("nz-tools-widget", this.props.hidden && "nz-hidden", this.props.className);
         return (React.createElement("div", { className: className, style: this.props.style },
             React.createElement("div", { className: "nz-app-button", onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave }, button),
             React.createElement("div", { className: classnames("nz-vertical-toolbar-container", !button && "nz-span"), onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave }, this.props.verticalToolbar),

package/lib/appui-react/layout/widget/ToolsArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ToolsArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc,CAAqB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACxE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YACxD,CAAC,CAAC,IAAI,CAAC,CAAC,yBAAyB;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAEtE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAChD,6BACE,SAAS,EAAC,eAAe,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,MAAM,CACH;YACN,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,CAAC,MAAM,IAAI,SAAS,CACrB,EACD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,eAAe,CACvB;YACN,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CACzB,CACF,CACP,CAAC;IACJ,CAAC;CACF","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 \"./ToolsArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type { ToolbarButtonProps } from \"./tools/button/Button.js\";\n\n/** Properties of [[ToolsArea]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ToolsAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in ToolsArea zone.\n   */\n  button?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** A component that renders toolbars in the top left corner of standard layout.\n * @internal\n */\nexport class ToolsArea extends React.PureComponent<ToolsAreaProps> {\n  public override render() {\n    const button = React.isValidElement<ToolbarButtonProps>(this.props.button)\n      ? React.cloneElement(this.props.button, { small: true })\n      : null; // ensure button is small\n    const className = classnames(\"nz-tools-widget\", this.props.className);\n\n    return (\n      <div className={className} style={this.props.style}>\n        <div\n          className=\"nz-app-button\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {button}\n        </div>\n        <div\n          className={classnames(\n            \"nz-vertical-toolbar-container\",\n            !button && \"nz-span\"\n          )}\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.verticalToolbar}\n        </div>\n        <div\n          className=\"nz-horizontal-toolbar-container\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.horizontalToolbar}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolsArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ToolsArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc,CAAqB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACxE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YACxD,CAAC,CAAC,IAAI,CAAC,CAAC,yBAAyB;QACnC,MAAM,SAAS,GAAG,UAAU,CAC1B,iBAAiB,EACjB,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW,EAChC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAChD,6BACE,SAAS,EAAC,eAAe,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,MAAM,CACH;YACN,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,CAAC,MAAM,IAAI,SAAS,CACrB,EACD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,eAAe,CACvB;YACN,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CACzB,CACF,CACP,CAAC;IACJ,CAAC;CACF","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 \"./ToolsArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type { ToolbarButtonProps } from \"./tools/button/Button.js\";\n\n/** Properties of [[ToolsArea]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ToolsAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in ToolsArea zone.\n   */\n  button?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  hidden?: boolean;\n}\n\n/** A component that renders toolbars in the top left corner of standard layout.\n * @internal\n */\nexport class ToolsArea extends React.PureComponent<ToolsAreaProps> {\n  public override render() {\n    const button = React.isValidElement<ToolbarButtonProps>(this.props.button)\n      ? React.cloneElement(this.props.button, { small: true })\n      : null; // ensure button is small\n    const className = classnames(\n      \"nz-tools-widget\",\n      this.props.hidden && \"nz-hidden\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style}>\n        <div\n          className=\"nz-app-button\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {button}\n        </div>\n        <div\n          className={classnames(\n            \"nz-vertical-toolbar-container\",\n            !button && \"nz-span\"\n          )}\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.verticalToolbar}\n        </div>\n        <div\n          className=\"nz-horizontal-toolbar-container\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.horizontalToolbar}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/appui-react/toolbar/ToolbarComposer.d.ts

@@ -9,17 +9,23 @@ import { ToolbarOrientation, ToolbarUsage } from "./ToolbarItem.js";
  * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ToolbarComposer>`
  */
 export interface ExtensibleToolbarProps {
-    /** Toolbar items. */
+    /** Toolbar items to be displayed in addition to the provided toolbar items. */
     items: ToolbarItem[];
     /** Toolbar usage based on which additional toolbar items are added from UI item providers. */
     usage: ToolbarUsage;
     /** Toolbar orientation. */
     orientation: ToolbarOrientation;
+    /** Describes the ids of active toolbar items.
+     * By default only the toolbar item with id that matches the active `Tool` id is active.
+     */
+    activeItemIds?: string[];
 }
 /**
  * Toolbar that is populated and maintained by UI item providers.
- * @note Overrides `isActive` property based on the active tool id.
+ * @note Overrides `isActive` property based on the active tool id, unless `activeItemIds` is specified.
  * @public
  */
 export declare function ToolbarComposer(props: ExtensibleToolbarProps): React.JSX.Element;
+/** @internal */
+export declare function updateActiveItems(items: ToolbarItem[], activeItemIds: string[]): ToolbarItem[];
 //# sourceMappingURL=ToolbarComposer.d.ts.map

package/lib/appui-react/toolbar/ToolbarComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarComposer.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAGV,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAGL,kBAAkB,EAClB,YAAY,EACb,MAAM,kBAAkB,CAAC;AA4J1B;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,qBAAqB;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8FAA8F;IAC9F,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED;;;;GAIG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBA8C5D"}
+{"version":3,"file":"ToolbarComposer.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAGV,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAGL,kBAAkB,EAClB,YAAY,EACb,MAAM,kBAAkB,CAAC;AA4J1B;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,+EAA+E;IAC/E,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8FAA8F;IAC9F,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED;;;;GAIG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBAwC5D;AAwBD,gBAAgB;AAChB,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,WAAW,EAAE,EACpB,aAAa,EAAE,MAAM,EAAE,iBA0BxB"}

package/lib/appui-react/toolbar/ToolbarComposer.js

@@ -6,14 +6,15 @@
  * @module Toolbar
  */
 import * as React from "react";
-import { Direction, Orientation, ToolbarOpacitySetting, ToolbarPanelAlignment, } from "@itwin/components-react";
+import { produce } from "immer";
+import { Direction, ToolbarOpacitySetting, ToolbarPanelAlignment, } from "@itwin/components-react";
 import { Logger, ProcessDetector } from "@itwin/core-bentley";
 import { UiFramework } from "../UiFramework.js";
 import { ToolbarDragInteractionContext } from "./DragInteraction.js";
 import { isToolbarActionItem, isToolbarGroupItem, ToolbarOrientation, ToolbarUsage, } from "./ToolbarItem.js";
 import { Toolbar } from "./Toolbar.js";
-import { useActiveToolIdSynchedItems } from "./useActiveToolIdSynchedItems.js";
 import { useActiveStageProvidedToolbarItems } from "./useActiveStageProvidedToolbarItems.js";
+import { useActiveToolId } from "../hooks/useActiveToolId.js";
 function addItemToSpecifiedParentGroup(items, groupChildren) {
     const outItems = [];
     for (const toolbarItem of items) {
@@ -124,36 +125,67 @@ const useSnapWidgetOpacitySetting = () => {
 };
 /**
  * Toolbar that is populated and maintained by UI item providers.
- * @note Overrides `isActive` property based on the active tool id.
+ * @note Overrides `isActive` property based on the active tool id, unless `activeItemIds` is specified.
  * @public
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 export function ToolbarComposer(props) {
-    const { usage, orientation } = props;
+    const { usage, orientation, activeItemIds: activeItemIdsProp } = props;
     // process items from addon UI providers
     const addonItems = useActiveStageProvidedToolbarItems(usage, orientation);
     const allItems = React.useMemo(() => {
         return combineItems(props.items, addonItems);
     }, [props.items, addonItems]);
-    const items = useActiveToolIdSynchedItems(allItems, UiFramework.frontstages);
-    const toolbarOrientation = orientation === ToolbarOrientation.Horizontal
-        ? Orientation.Horizontal
-        : Orientation.Vertical;
-    const expandsTo = toolbarOrientation === Orientation.Horizontal
-        ? Direction.Bottom
-        : usage === ToolbarUsage.ViewNavigation
-            ? Direction.Left
-            : Direction.Right;
-    const panelAlignment = toolbarOrientation === Orientation.Horizontal &&
-        usage === ToolbarUsage.ViewNavigation
-        ? ToolbarPanelAlignment.End
-        : ToolbarPanelAlignment.Start;
+    const activeToolId = useActiveToolId();
+    const activeItemIds = React.useMemo(() => activeItemIdsProp ?? (activeToolId ? [activeToolId] : []), [activeItemIdsProp, activeToolId]);
+    const items = React.useMemo(() => {
+        return updateActiveItems(allItems, activeItemIds);
+    }, [allItems, activeItemIds]);
     const isDragEnabled = React.useContext(ToolbarDragInteractionContext);
     const useProximityOpacity = useProximityOpacitySetting();
     const snapWidgetOpacity = useSnapWidgetOpacitySetting();
+    const expandsTo = toExpandsTo(orientation, usage);
+    const panelAlignment = toPanelAlignment(orientation, usage);
     return (React.createElement(Toolbar, { enableOverflow: true, expandsTo: expandsTo, panelAlignment: panelAlignment, items: items, useDragInteraction: isDragEnabled, toolbarOpacitySetting: (useProximityOpacity || snapWidgetOpacity) &&
             !ProcessDetector.isMobileBrowser
             ? ToolbarOpacitySetting.Proximity
             : ToolbarOpacitySetting.Defaults }));
 }
+function toExpandsTo(orientation, usage) {
+    if (orientation === ToolbarOrientation.Vertical) {
+        if (usage === ToolbarUsage.ViewNavigation)
+            return Direction.Left;
+        return Direction.Right;
+    }
+    return Direction.Bottom;
+}
+function toPanelAlignment(orientation, usage) {
+    if (orientation === ToolbarOrientation.Horizontal &&
+        usage === ToolbarUsage.ViewNavigation)
+        return ToolbarPanelAlignment.End;
+    return ToolbarPanelAlignment.Start;
+}
+/** @internal */
+export function updateActiveItems(items, activeItemIds) {
+    return produce(items, (draft) => {
+        // Iterative DFS with ancestor backtracking.
+        const stack = draft.map((item) => [item, []]);
+        while (stack.length > 0) {
+            const [current, ancestors] = stack.pop();
+            const isActive = activeItemIds.includes(current.id);
+            current.isActive = isActive;
+            if ("items" in current) {
+                for (const child of current.items) {
+                    stack.push([child, [...ancestors, current]]);
+                }
+            }
+            if (!isActive)
+                continue;
+            // Mark ancestors of active item as active.
+            for (const ancestor of ancestors) {
+                ancestor.isActive = true;
+            }
+        }
+    });
+}
 //# sourceMappingURL=ToolbarComposer.js.map

package/lib/appui-react/toolbar/ToolbarComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarComposer.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarComposer.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 Toolbar\n */\n\nimport * as React from \"react\";\nimport {\n  Direction,\n  Orientation,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { Logger, ProcessDetector } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { ToolbarDragInteractionContext } from \"./DragInteraction.js\";\nimport type {\n  ToolbarActionItem,\n  ToolbarGroupItem,\n  ToolbarItem,\n} from \"./ToolbarItem.js\";\nimport {\n  isToolbarActionItem,\n  isToolbarGroupItem,\n  ToolbarOrientation,\n  ToolbarUsage,\n} from \"./ToolbarItem.js\";\nimport { Toolbar } from \"./Toolbar.js\";\nimport { useActiveToolIdSynchedItems } from \"./useActiveToolIdSynchedItems.js\";\nimport { useActiveStageProvidedToolbarItems } from \"./useActiveStageProvidedToolbarItems.js\";\n\nfunction addItemToSpecifiedParentGroup<T extends ToolbarItem>(\n  items: readonly T[],\n  groupChildren: Array<ToolbarActionItem | ToolbarGroupItem>\n): T[] {\n  const outItems: T[] = [];\n  for (const toolbarItem of items) {\n    if (!isToolbarGroupItem(toolbarItem)) {\n      outItems.push(toolbarItem);\n      continue;\n    }\n\n    const newChildren = addItemToSpecifiedParentGroup(\n      toolbarItem.items,\n      groupChildren\n    );\n    const foundIndices: number[] = [];\n\n    groupChildren.forEach((entry, index) => {\n      if (entry.parentGroupItemId === toolbarItem.id) {\n        foundIndices.push(index);\n      }\n    });\n\n    if (foundIndices.length) {\n      // process in reverse order so groupChildren can be reduced as we find matches\n      foundIndices\n        .sort((a, b) => a - b)\n        .reverse()\n        .forEach((foundIndex) => {\n          newChildren.push(groupChildren[foundIndex]);\n          groupChildren.splice(foundIndex);\n        });\n    }\n\n    outItems.push({ ...toolbarItem, items: newChildren });\n  }\n  return outItems;\n}\n\nfunction cloneGroup(inGroup: ToolbarGroupItem): ToolbarGroupItem {\n  const childItems: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n  inGroup.items.forEach((item) => {\n    if (isToolbarGroupItem(item)) childItems.push(cloneGroup(item));\n    else childItems.push(item);\n  });\n\n  const clonedGroup = { ...inGroup, items: childItems };\n  return clonedGroup;\n}\n\nfunction getItemSortValue(item: ToolbarItem) {\n  const groupValue = undefined === item.groupPriority ? 0 : item.groupPriority;\n  return groupValue * 10000 + item.itemPriority;\n}\n\nfunction sortItems(items: ReadonlyArray<ToolbarItem>): ToolbarItem[] {\n  return [...items]\n    .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))\n    .map((i) => {\n      if (isToolbarGroupItem(i)) {\n        return { ...i, items: sortItems(i.items) };\n      }\n      return i;\n    });\n}\n\n/**\n * Create a forEach handler that will add every element of an array of ToolbarItems\n * to a list of items that can then be replaced in its proper place, ensuring that\n * the same item, from different list, is not added multiple times.\n * @param items Output list of items\n * @param groupChildren Output list of group children to redistribute.\n * @returns Array<ToolbarItem>.forEach handler.\n */\nfunction addIfNotDuplicate(\n  items: ToolbarItem[],\n  groupChildren: (ToolbarActionItem | ToolbarGroupItem)[]\n): (value: ToolbarItem) => void {\n  return (srcItem: ToolbarItem) => {\n    if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\n      // if the default item is a group that an addon may insert into copy it so we don't mess with original\n      const toolbarItem = isToolbarGroupItem(srcItem)\n        ? cloneGroup(srcItem)\n        : srcItem;\n      if (\n        (isToolbarGroupItem(toolbarItem) || isToolbarActionItem(toolbarItem)) &&\n        toolbarItem.parentGroupItemId\n      )\n        groupChildren.push(toolbarItem);\n      else items.push(toolbarItem);\n    }\n  };\n}\n\n/** local function to combine items from Stage and from Extensions */\nfunction combineItems(\n  defaultItems: ReadonlyArray<ToolbarItem>,\n  addonItems: ReadonlyArray<ToolbarItem>\n): ToolbarItem[] {\n  let items: ToolbarItem[] = [];\n  const groupChildren: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n\n  defaultItems.forEach(addIfNotDuplicate(items, groupChildren));\n  addonItems.forEach(addIfNotDuplicate(items, groupChildren));\n\n  // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.\n  if (groupChildren.length) {\n    items = addItemToSpecifiedParentGroup(items, groupChildren);\n\n    groupChildren.forEach((toolbarItem) => {\n      Logger.logWarning(\n        \"ToolbarComposer\",\n        `Requested Parent Group [${toolbarItem.parentGroupItemId!}] not found, so item [${\n          toolbarItem.id\n        }] is added directly to toolbar.`\n      );\n      items.push(toolbarItem);\n    });\n  }\n\n  return sortItems(items);\n}\n\nconst useProximityOpacitySetting = () => {\n  const [proximityOpacity, setProximityOpacity] = React.useState(\n    UiFramework.visibility.useProximityOpacity // eslint-disable-line @typescript-eslint/no-deprecated\n  );\n\n  React.useEffect(() => {\n    UiFramework.onUiVisibilityChanged.addListener(\n      () => setProximityOpacity(UiFramework.visibility.useProximityOpacity) // eslint-disable-line @typescript-eslint/no-deprecated\n    );\n  }, []);\n\n  return proximityOpacity;\n};\n\nconst useSnapWidgetOpacitySetting = () => {\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  React.useEffect(() => {\n    UiFramework.onUiVisibilityChanged.addListener(() =>\n      setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity)\n    );\n  }, []);\n\n  return snapWidgetOpacity;\n};\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ToolbarComposer>`\n */\nexport interface ExtensibleToolbarProps {\n  /** Toolbar items. */\n  items: ToolbarItem[];\n  /** Toolbar usage based on which additional toolbar items are added from UI item providers. */\n  usage: ToolbarUsage;\n  /** Toolbar orientation. */\n  orientation: ToolbarOrientation;\n}\n\n/**\n * Toolbar that is populated and maintained by UI item providers.\n * @note Overrides `isActive` property based on the active tool id.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function ToolbarComposer(props: ExtensibleToolbarProps) {\n  const { usage, orientation } = props;\n\n  // process items from addon UI providers\n  const addonItems = useActiveStageProvidedToolbarItems(usage, orientation);\n\n  const allItems = React.useMemo(() => {\n    return combineItems(props.items, addonItems);\n  }, [props.items, addonItems]);\n\n  const items = useActiveToolIdSynchedItems(allItems, UiFramework.frontstages);\n\n  const toolbarOrientation =\n    orientation === ToolbarOrientation.Horizontal\n      ? Orientation.Horizontal\n      : Orientation.Vertical;\n  const expandsTo =\n    toolbarOrientation === Orientation.Horizontal\n      ? Direction.Bottom\n      : usage === ToolbarUsage.ViewNavigation\n      ? Direction.Left\n      : Direction.Right;\n  const panelAlignment =\n    toolbarOrientation === Orientation.Horizontal &&\n    usage === ToolbarUsage.ViewNavigation\n      ? ToolbarPanelAlignment.End\n      : ToolbarPanelAlignment.Start;\n  const isDragEnabled = React.useContext(ToolbarDragInteractionContext);\n  const useProximityOpacity = useProximityOpacitySetting();\n  const snapWidgetOpacity = useSnapWidgetOpacitySetting();\n\n  return (\n    <Toolbar\n      enableOverflow={true}\n      expandsTo={expandsTo}\n      panelAlignment={panelAlignment}\n      items={items}\n      useDragInteraction={isDragEnabled}\n      toolbarOpacitySetting={\n        (useProximityOpacity || snapWidgetOpacity) &&\n        !ProcessDetector.isMobileBrowser\n          ? ToolbarOpacitySetting.Proximity\n          : ToolbarOpacitySetting.Defaults\n      }\n    />\n  );\n}\n"]}
+{"version":3,"file":"ToolbarComposer.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarComposer.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 Toolbar\n */\n\nimport * as React from \"react\";\nimport { produce } from \"immer\";\nimport {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { Logger, ProcessDetector } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { ToolbarDragInteractionContext } from \"./DragInteraction.js\";\nimport type {\n  ToolbarActionItem,\n  ToolbarGroupItem,\n  ToolbarItem,\n} from \"./ToolbarItem.js\";\nimport {\n  isToolbarActionItem,\n  isToolbarGroupItem,\n  ToolbarOrientation,\n  ToolbarUsage,\n} from \"./ToolbarItem.js\";\nimport { Toolbar } from \"./Toolbar.js\";\nimport { useActiveStageProvidedToolbarItems } from \"./useActiveStageProvidedToolbarItems.js\";\nimport { useActiveToolId } from \"../hooks/useActiveToolId.js\";\n\nfunction addItemToSpecifiedParentGroup<T extends ToolbarItem>(\n  items: readonly T[],\n  groupChildren: Array<ToolbarActionItem | ToolbarGroupItem>\n): T[] {\n  const outItems: T[] = [];\n  for (const toolbarItem of items) {\n    if (!isToolbarGroupItem(toolbarItem)) {\n      outItems.push(toolbarItem);\n      continue;\n    }\n\n    const newChildren = addItemToSpecifiedParentGroup(\n      toolbarItem.items,\n      groupChildren\n    );\n    const foundIndices: number[] = [];\n\n    groupChildren.forEach((entry, index) => {\n      if (entry.parentGroupItemId === toolbarItem.id) {\n        foundIndices.push(index);\n      }\n    });\n\n    if (foundIndices.length) {\n      // process in reverse order so groupChildren can be reduced as we find matches\n      foundIndices\n        .sort((a, b) => a - b)\n        .reverse()\n        .forEach((foundIndex) => {\n          newChildren.push(groupChildren[foundIndex]);\n          groupChildren.splice(foundIndex);\n        });\n    }\n\n    outItems.push({ ...toolbarItem, items: newChildren });\n  }\n  return outItems;\n}\n\nfunction cloneGroup(inGroup: ToolbarGroupItem): ToolbarGroupItem {\n  const childItems: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n  inGroup.items.forEach((item) => {\n    if (isToolbarGroupItem(item)) childItems.push(cloneGroup(item));\n    else childItems.push(item);\n  });\n\n  const clonedGroup = { ...inGroup, items: childItems };\n  return clonedGroup;\n}\n\nfunction getItemSortValue(item: ToolbarItem) {\n  const groupValue = undefined === item.groupPriority ? 0 : item.groupPriority;\n  return groupValue * 10000 + item.itemPriority;\n}\n\nfunction sortItems(items: ReadonlyArray<ToolbarItem>): ToolbarItem[] {\n  return [...items]\n    .sort((a, b) => getItemSortValue(a) - getItemSortValue(b))\n    .map((i) => {\n      if (isToolbarGroupItem(i)) {\n        return { ...i, items: sortItems(i.items) };\n      }\n      return i;\n    });\n}\n\n/**\n * Create a forEach handler that will add every element of an array of ToolbarItems\n * to a list of items that can then be replaced in its proper place, ensuring that\n * the same item, from different list, is not added multiple times.\n * @param items Output list of items\n * @param groupChildren Output list of group children to redistribute.\n * @returns Array<ToolbarItem>.forEach handler.\n */\nfunction addIfNotDuplicate(\n  items: ToolbarItem[],\n  groupChildren: (ToolbarActionItem | ToolbarGroupItem)[]\n): (value: ToolbarItem) => void {\n  return (srcItem: ToolbarItem) => {\n    if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\n      // if the default item is a group that an addon may insert into copy it so we don't mess with original\n      const toolbarItem = isToolbarGroupItem(srcItem)\n        ? cloneGroup(srcItem)\n        : srcItem;\n      if (\n        (isToolbarGroupItem(toolbarItem) || isToolbarActionItem(toolbarItem)) &&\n        toolbarItem.parentGroupItemId\n      )\n        groupChildren.push(toolbarItem);\n      else items.push(toolbarItem);\n    }\n  };\n}\n\n/** local function to combine items from Stage and from Extensions */\nfunction combineItems(\n  defaultItems: ReadonlyArray<ToolbarItem>,\n  addonItems: ReadonlyArray<ToolbarItem>\n): ToolbarItem[] {\n  let items: ToolbarItem[] = [];\n  const groupChildren: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n\n  defaultItems.forEach(addIfNotDuplicate(items, groupChildren));\n  addonItems.forEach(addIfNotDuplicate(items, groupChildren));\n\n  // if an item from an addon has specified a parent group then try to find it and insert it.  If no parent is found, add item at root level.\n  if (groupChildren.length) {\n    items = addItemToSpecifiedParentGroup(items, groupChildren);\n\n    groupChildren.forEach((toolbarItem) => {\n      Logger.logWarning(\n        \"ToolbarComposer\",\n        `Requested Parent Group [${toolbarItem.parentGroupItemId!}] not found, so item [${\n          toolbarItem.id\n        }] is added directly to toolbar.`\n      );\n      items.push(toolbarItem);\n    });\n  }\n\n  return sortItems(items);\n}\n\nconst useProximityOpacitySetting = () => {\n  const [proximityOpacity, setProximityOpacity] = React.useState(\n    UiFramework.visibility.useProximityOpacity // eslint-disable-line @typescript-eslint/no-deprecated\n  );\n\n  React.useEffect(() => {\n    UiFramework.onUiVisibilityChanged.addListener(\n      () => setProximityOpacity(UiFramework.visibility.useProximityOpacity) // eslint-disable-line @typescript-eslint/no-deprecated\n    );\n  }, []);\n\n  return proximityOpacity;\n};\n\nconst useSnapWidgetOpacitySetting = () => {\n  const [snapWidgetOpacity, setSnapWidgetOpacity] = React.useState(\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  React.useEffect(() => {\n    UiFramework.onUiVisibilityChanged.addListener(() =>\n      setSnapWidgetOpacity(UiFramework.visibility.snapWidgetOpacity)\n    );\n  }, []);\n\n  return snapWidgetOpacity;\n};\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ToolbarComposer>`\n */\nexport interface ExtensibleToolbarProps {\n  /** Toolbar items to be displayed in addition to the provided toolbar items. */\n  items: ToolbarItem[];\n  /** Toolbar usage based on which additional toolbar items are added from UI item providers. */\n  usage: ToolbarUsage;\n  /** Toolbar orientation. */\n  orientation: ToolbarOrientation;\n  /** Describes the ids of active toolbar items.\n   * By default only the toolbar item with id that matches the active `Tool` id is active.\n   */\n  activeItemIds?: string[];\n}\n\n/**\n * Toolbar that is populated and maintained by UI item providers.\n * @note Overrides `isActive` property based on the active tool id, unless `activeItemIds` is specified.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function ToolbarComposer(props: ExtensibleToolbarProps) {\n  const { usage, orientation, activeItemIds: activeItemIdsProp } = props;\n\n  // process items from addon UI providers\n  const addonItems = useActiveStageProvidedToolbarItems(usage, orientation);\n\n  const allItems = React.useMemo(() => {\n    return combineItems(props.items, addonItems);\n  }, [props.items, addonItems]);\n\n  const activeToolId = useActiveToolId();\n  const activeItemIds = React.useMemo(\n    () => activeItemIdsProp ?? (activeToolId ? [activeToolId] : []),\n    [activeItemIdsProp, activeToolId]\n  );\n  const items = React.useMemo(() => {\n    return updateActiveItems(allItems, activeItemIds);\n  }, [allItems, activeItemIds]);\n\n  const isDragEnabled = React.useContext(ToolbarDragInteractionContext);\n  const useProximityOpacity = useProximityOpacitySetting();\n  const snapWidgetOpacity = useSnapWidgetOpacitySetting();\n\n  const expandsTo = toExpandsTo(orientation, usage);\n  const panelAlignment = toPanelAlignment(orientation, usage);\n  return (\n    <Toolbar\n      enableOverflow={true}\n      expandsTo={expandsTo}\n      panelAlignment={panelAlignment}\n      items={items}\n      useDragInteraction={isDragEnabled}\n      toolbarOpacitySetting={\n        (useProximityOpacity || snapWidgetOpacity) &&\n        !ProcessDetector.isMobileBrowser\n          ? ToolbarOpacitySetting.Proximity\n          : ToolbarOpacitySetting.Defaults\n      }\n    />\n  );\n}\n\nfunction toExpandsTo(orientation: ToolbarOrientation, usage: ToolbarUsage) {\n  if (orientation === ToolbarOrientation.Vertical) {\n    if (usage === ToolbarUsage.ViewNavigation) return Direction.Left;\n    return Direction.Right;\n  }\n\n  return Direction.Bottom;\n}\n\nfunction toPanelAlignment(\n  orientation: ToolbarOrientation,\n  usage: ToolbarUsage\n) {\n  if (\n    orientation === ToolbarOrientation.Horizontal &&\n    usage === ToolbarUsage.ViewNavigation\n  )\n    return ToolbarPanelAlignment.End;\n\n  return ToolbarPanelAlignment.Start;\n}\n\n/** @internal */\nexport function updateActiveItems(\n  items: ToolbarItem[],\n  activeItemIds: string[]\n) {\n  return produce(items, (draft) => {\n    // Iterative DFS with ancestor backtracking.\n    const stack = draft.map((item) => [item, [] as typeof draft] as const);\n\n    while (stack.length > 0) {\n      const [current, ancestors] = stack.pop()!;\n\n      const isActive = activeItemIds.includes(current.id);\n      current.isActive = isActive;\n\n      if (\"items\" in current) {\n        for (const child of current.items) {\n          stack.push([child, [...ancestors, current]]);\n        }\n      }\n\n      if (!isActive) continue;\n\n      // Mark ancestors of active item as active.\n      for (const ancestor of ancestors) {\n        ancestor.isActive = true;\n      }\n    }\n  });\n}\n"]}

package/lib/appui-react/widget-panels/ToolSettings.js

@@ -24,7 +24,7 @@ import { ToolSettingsEditorsProvider } from "../preview/tool-settings-lock-butto
 import { ToolSettingsContext } from "../preview/tool-settings-key-press-commit/useToolSettingsKeyPressCommit.js";
 function EmptyToolSettingsLabel({ toolId }) {
     const { translate } = useTranslation();
-    const tool = IModelApp.tools.find(toolId);
+    const tool = toolId ? IModelApp.tools.find(toolId) : undefined;
     const toolName = tool?.flyover;
     return (React.createElement(Text, { as: "i", isMuted: true, className: "uifw-toolSettings-label-empty" },
         translate("tools.noToolSettingsStart"),

package/lib/appui-react/widget-panels/ToolSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettings.js","sourceRoot":"","sources":["../../../src/appui-react/widget-panels/ToolSettings.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 ToolSettings\n */\n\nimport * as React from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager.js\";\nimport { useLayout } from \"../layout/base/LayoutStore.js\";\nimport { DockedToolSettings } from \"../layout/tool-settings/Docked.js\";\nimport { DockedToolSetting } from \"../layout/tool-settings/Setting.js\";\nimport { ScrollableWidgetContent } from \"../layout/widget/Content.js\";\nimport \"./ToolSettings.scss\";\nimport { useActiveToolId } from \"../hooks/useActiveToolId.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { DockedBar } from \"./DockedBar.js\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef.js\";\nimport { LockProvider } from \"../editors/LockProvider.js\";\nimport { ToolSettingsEditorsProvider } from \"../preview/tool-settings-lock-button/useToolSettingsLockButton.js\";\nimport { ToolSettingsContext } from \"../preview/tool-settings-key-press-commit/useToolSettingsKeyPressCommit.js\";\n\n/** Defines a ToolSettings property entry.\n * @public\n */\nexport interface ToolSettingsEntry {\n  // label node which potentially can contain a lock node as well.\n  labelNode: React.ReactNode;\n  // editor entry used to display and edit the property value\n  editorNode: React.ReactNode;\n}\n\nfunction EmptyToolSettingsLabel({ toolId }: { toolId: string }) {\n  const { translate } = useTranslation();\n  const tool = IModelApp.tools.find(toolId);\n  const toolName = tool?.flyover;\n  return (\n    <Text as=\"i\" isMuted={true} className=\"uifw-toolSettings-label-empty\">\n      {translate(\"tools.noToolSettingsStart\")}\n      {toolName || translate(\"tools.noToolSettingsPlaceholderName\")}\n      {translate(\"tools.noToolSettingsEnd\")}\n    </Text>\n  );\n}\n\n/**\n * Hook that returns true if the tool settings should be rendered docked.\n * @internal */\nexport function useShouldRenderDockedToolSettings() {\n  return useLayout((state) => {\n    const toolSettings = state.toolSettings;\n    if (!toolSettings || toolSettings.type === \"widget\") return false;\n    return !toolSettings.hidden;\n  });\n}\n\n/** @internal */\nexport function WidgetPanelsToolSettings() {\n  if (!useShouldRenderDockedToolSettings()) return null;\n  return <ToolSettingsDockedContent />;\n}\n\n/** @internal */\nexport function ToolSettingsDockedContent() {\n  const activeToolId = useActiveToolId();\n  const toolSettingEntries = useHorizontalToolSettingEntries();\n  const forceRefreshKey = useRefreshKey(toolSettingEntries);\n  const frontstageDef = useActiveFrontstageDef();\n\n  const emptySettings = React.useMemo<ToolSettingsEntry[]>(\n    () => [\n      {\n        editorNode: null,\n        labelNode: frontstageDef?.activeToolEmptyNode ?? (\n          <EmptyToolSettingsLabel toolId={activeToolId} />\n        ),\n      },\n    ],\n    [activeToolId, frontstageDef]\n  );\n  const entries =\n    !toolSettingEntries || toolSettingEntries.length === 0\n      ? emptySettings\n      : toolSettingEntries;\n\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n  return (\n    <DockedBar placement=\"top\">\n      <ToolSettingsContext.Provider value={true}>\n        <ToolSettingsEditorsProvider>\n          <DockedToolSettings\n            itemId={\n              InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ??\n              \"none\"\n            }\n            key={forceRefreshKey}\n          >\n            {entries.map((entry, index) => (\n              <DockedToolSetting key={index}>\n                <LockProvider>\n                  {entry.labelNode}\n                  {entry.editorNode}\n                </LockProvider>\n              </DockedToolSetting>\n            ))}\n          </DockedToolSettings>\n        </ToolSettingsEditorsProvider>\n      </ToolSettingsContext.Provider>\n    </DockedBar>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingEntries() {\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n  }, []);\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider\n      ?.horizontalToolSettingNodes\n  );\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, []);\n\n  return settings;\n}\n\n/** @internal */\nexport function useToolSettingsNode() {\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n  }, []);\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode\n  );\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n  return settings;\n}\n\n/** @internal */\nexport function ToolSettingsContent() {\n  const toolSettingsType = useLayout((state) => state.toolSettings?.type);\n  // This is needed to remount underlying components tree when going into widget state.\n  if (!toolSettingsType || toolSettingsType === \"docked\") return null;\n  return <ToolSettingsWidgetContent />;\n}\n\n/** @internal */\nexport function ToolSettingsWidgetContent() {\n  const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\n  const node = useToolSettingsNode();\n  const activeToolId = useActiveToolId();\n  const forceRefreshKey = useRefreshKey(node);\n  const frontstageDef = useActiveFrontstageDef();\n\n  const providerId =\n    InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n  return (\n    <div\n      data-toolsettings-provider={providerId}\n      className=\"uifw-floating-toolSettings-container\"\n      ref={floatingToolSettingsContainerRef}\n      key={forceRefreshKey}\n    >\n      <ScrollableWidgetContent>\n        <ToolSettingsContext.Provider value={true}>\n          <ToolSettingsEditorsProvider>\n            {node ?? frontstageDef?.activeToolEmptyNode ?? (\n              <EmptyToolSettingsLabel toolId={activeToolId} />\n            )}\n          </ToolSettingsEditorsProvider>\n        </ToolSettingsContext.Provider>\n      </ScrollableWidgetContent>\n    </div>\n  );\n}\n\n/**\n * Hook that returns a key that can be used to force refresh the tool settings.\n * @param toolSettingNodes Nodes that are used to determine if the tool settings should be refreshed.\n * @returns a new key if the dependency changes.\n */\nfunction useRefreshKey(toolSettingNodes: any) {\n  const [forceRefreshKey, setForceRefreshKey] = React.useState(Date.now());\n  React.useEffect(() => {\n    // We cant work with the content of the settings, but we can force refresh when\n    // the array is different.\n    setForceRefreshKey(Date.now());\n  }, [toolSettingNodes]);\n  return forceRefreshKey;\n}\n"]}
+{"version":3,"file":"ToolSettings.js","sourceRoot":"","sources":["../../../src/appui-react/widget-panels/ToolSettings.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 ToolSettings\n */\n\nimport * as React from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager.js\";\nimport { useLayout } from \"../layout/base/LayoutStore.js\";\nimport { DockedToolSettings } from \"../layout/tool-settings/Docked.js\";\nimport { DockedToolSetting } from \"../layout/tool-settings/Setting.js\";\nimport { ScrollableWidgetContent } from \"../layout/widget/Content.js\";\nimport \"./ToolSettings.scss\";\nimport { useActiveToolId } from \"../hooks/useActiveToolId.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { DockedBar } from \"./DockedBar.js\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef.js\";\nimport { LockProvider } from \"../editors/LockProvider.js\";\nimport { ToolSettingsEditorsProvider } from \"../preview/tool-settings-lock-button/useToolSettingsLockButton.js\";\nimport { ToolSettingsContext } from \"../preview/tool-settings-key-press-commit/useToolSettingsKeyPressCommit.js\";\n\n/** Defines a ToolSettings property entry.\n * @public\n */\nexport interface ToolSettingsEntry {\n  // label node which potentially can contain a lock node as well.\n  labelNode: React.ReactNode;\n  // editor entry used to display and edit the property value\n  editorNode: React.ReactNode;\n}\n\nfunction EmptyToolSettingsLabel({ toolId }: { toolId?: string }) {\n  const { translate } = useTranslation();\n  const tool = toolId ? IModelApp.tools.find(toolId) : undefined;\n  const toolName = tool?.flyover;\n  return (\n    <Text as=\"i\" isMuted={true} className=\"uifw-toolSettings-label-empty\">\n      {translate(\"tools.noToolSettingsStart\")}\n      {toolName || translate(\"tools.noToolSettingsPlaceholderName\")}\n      {translate(\"tools.noToolSettingsEnd\")}\n    </Text>\n  );\n}\n\n/**\n * Hook that returns true if the tool settings should be rendered docked.\n * @internal */\nexport function useShouldRenderDockedToolSettings() {\n  return useLayout((state) => {\n    const toolSettings = state.toolSettings;\n    if (!toolSettings || toolSettings.type === \"widget\") return false;\n    return !toolSettings.hidden;\n  });\n}\n\n/** @internal */\nexport function WidgetPanelsToolSettings() {\n  if (!useShouldRenderDockedToolSettings()) return null;\n  return <ToolSettingsDockedContent />;\n}\n\n/** @internal */\nexport function ToolSettingsDockedContent() {\n  const activeToolId = useActiveToolId();\n  const toolSettingEntries = useHorizontalToolSettingEntries();\n  const forceRefreshKey = useRefreshKey(toolSettingEntries);\n  const frontstageDef = useActiveFrontstageDef();\n\n  const emptySettings = React.useMemo<ToolSettingsEntry[]>(\n    () => [\n      {\n        editorNode: null,\n        labelNode: frontstageDef?.activeToolEmptyNode ?? (\n          <EmptyToolSettingsLabel toolId={activeToolId} />\n        ),\n      },\n    ],\n    [activeToolId, frontstageDef]\n  );\n  const entries =\n    !toolSettingEntries || toolSettingEntries.length === 0\n      ? emptySettings\n      : toolSettingEntries;\n\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n  return (\n    <DockedBar placement=\"top\">\n      <ToolSettingsContext.Provider value={true}>\n        <ToolSettingsEditorsProvider>\n          <DockedToolSettings\n            itemId={\n              InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ??\n              \"none\"\n            }\n            key={forceRefreshKey}\n          >\n            {entries.map((entry, index) => (\n              <DockedToolSetting key={index}>\n                <LockProvider>\n                  {entry.labelNode}\n                  {entry.editorNode}\n                </LockProvider>\n              </DockedToolSetting>\n            ))}\n          </DockedToolSettings>\n        </ToolSettingsEditorsProvider>\n      </ToolSettingsContext.Provider>\n    </DockedBar>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingEntries() {\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n  }, []);\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider\n      ?.horizontalToolSettingNodes\n  );\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, []);\n\n  return settings;\n}\n\n/** @internal */\nexport function useToolSettingsNode() {\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();\n  }, []);\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode\n  );\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n  return settings;\n}\n\n/** @internal */\nexport function ToolSettingsContent() {\n  const toolSettingsType = useLayout((state) => state.toolSettings?.type);\n  // This is needed to remount underlying components tree when going into widget state.\n  if (!toolSettingsType || toolSettingsType === \"docked\") return null;\n  return <ToolSettingsWidgetContent />;\n}\n\n/** @internal */\nexport function ToolSettingsWidgetContent() {\n  const floatingToolSettingsContainerRef = React.useRef<HTMLDivElement>(null);\n  const node = useToolSettingsNode();\n  const activeToolId = useActiveToolId();\n  const forceRefreshKey = useRefreshKey(node);\n  const frontstageDef = useActiveFrontstageDef();\n\n  const providerId =\n    InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n  return (\n    <div\n      data-toolsettings-provider={providerId}\n      className=\"uifw-floating-toolSettings-container\"\n      ref={floatingToolSettingsContainerRef}\n      key={forceRefreshKey}\n    >\n      <ScrollableWidgetContent>\n        <ToolSettingsContext.Provider value={true}>\n          <ToolSettingsEditorsProvider>\n            {node ?? frontstageDef?.activeToolEmptyNode ?? (\n              <EmptyToolSettingsLabel toolId={activeToolId} />\n            )}\n          </ToolSettingsEditorsProvider>\n        </ToolSettingsContext.Provider>\n      </ScrollableWidgetContent>\n    </div>\n  );\n}\n\n/**\n * Hook that returns a key that can be used to force refresh the tool settings.\n * @param toolSettingNodes Nodes that are used to determine if the tool settings should be refreshed.\n * @returns a new key if the dependency changes.\n */\nfunction useRefreshKey(toolSettingNodes: any) {\n  const [forceRefreshKey, setForceRefreshKey] = React.useState(Date.now());\n  React.useEffect(() => {\n    // We cant work with the content of the settings, but we can force refresh when\n    // the array is different.\n    setForceRefreshKey(Date.now());\n  }, [toolSettingNodes]);\n  return forceRefreshKey;\n}\n"]}

package/lib/appui-react/widgets/BasicNavigationWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAI7D;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AAEH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAqFtE"}
+{"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAI7D;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AAEH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAiFtE"}

package/lib/appui-react/widgets/BasicNavigationWidget.js

@@ -5,10 +5,8 @@
 /** @packageDocumentation
  * @module Widget
  */
-import classnames from "classnames";
 import * as React from "react";
 import { ToolbarComposer } from "../toolbar/ToolbarComposer.js";
-import { useUiVisibility } from "../hooks/useUiVisibility.js";
 import { NavigationWidgetComposer } from "./NavigationWidgetComposer.js";
 import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem.js";
 import { ToolbarItems } from "../tools/ToolbarItems.js";
@@ -70,8 +68,6 @@ export function BasicNavigationWidget(props) {
         getHorizontalToolbarItems,
         getVerticalToolbarItems,
     ]);
-    const uiIsVisible = useUiVisibility();
-    const className = classnames(!uiIsVisible && "nz-hidden");
-    return (React.createElement(NavigationWidgetComposer, { className: className, horizontalToolbar: React.createElement(ToolbarComposer, { items: horizontalItems, usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer, { items: verticalItems, usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Vertical }) }));
+    return (React.createElement(NavigationWidgetComposer, { horizontalToolbar: React.createElement(ToolbarComposer, { items: horizontalItems, usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer, { items: verticalItems, usage: ToolbarUsage.ViewNavigation, orientation: ToolbarOrientation.Vertical }) }));
 }
 //# sourceMappingURL=BasicNavigationWidget.js.map

package/lib/appui-react/widgets/BasicNavigationWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/BasicNavigationWidget.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 classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility.js\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer.js\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarItems } from \"../tools/ToolbarItems.js\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicNavigationWidget>`\n */\nexport interface BasicNavigationWidgetProps {\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.\n * Supports the specification of additional horizontal and vertical toolbar items through props.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [\n      ToolbarItems.createRotateView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createPanView({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createFitView({\n        itemPriority: 30,\n      }),\n      ToolbarItems.createWindowArea({\n        itemPriority: 40,\n      }),\n      ToolbarItems.createViewUndo({\n        itemPriority: 50,\n      }),\n      ToolbarItems.createViewRedo({\n        itemPriority: 60,\n      }),\n    ];\n    if (props.additionalHorizontalItems)\n      items.push(...props.additionalHorizontalItems);\n    return items;\n  }, [props.additionalHorizontalItems]);\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createWalkView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createToggleCameraView({\n        itemPriority: 20,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems()\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems());\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}
+{"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/BasicNavigationWidget.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 { ToolbarComposer } from \"../toolbar/ToolbarComposer.js\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer.js\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem.js\";\nimport { ToolbarItems } from \"../tools/ToolbarItems.js\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicNavigationWidget>`\n */\nexport interface BasicNavigationWidgetProps {\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.\n * Supports the specification of additional horizontal and vertical toolbar items through props.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [\n      ToolbarItems.createRotateView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createPanView({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createFitView({\n        itemPriority: 30,\n      }),\n      ToolbarItems.createWindowArea({\n        itemPriority: 40,\n      }),\n      ToolbarItems.createViewUndo({\n        itemPriority: 50,\n      }),\n      ToolbarItems.createViewRedo({\n        itemPriority: 60,\n      }),\n    ];\n    if (props.additionalHorizontalItems)\n      items.push(...props.additionalHorizontalItems);\n    return items;\n  }, [props.additionalHorizontalItems]);\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createWalkView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createToggleCameraView({\n        itemPriority: 20,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems()\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems());\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  return (\n    <NavigationWidgetComposer\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}