@itwin/appui-react 4.15.5 → 4.16.0

package/lib/cjs/appui-react/widget-panels/ModalFrontstageComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFrontstageComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ModalFrontstageComposer.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,+BAA+B;AAK/B,mEAAgE;AAChE,gDAA6C;AAE7C,gBAAgB;AAChB,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAC7D,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iCAAiC,GAAG,CACxC,IAAqC,CAAC,8CAA8C;UACpF,EAAE;YACF,4BAA4B,CAC1B,IAAI,CAAC,oBAAoB,KAAK,CAAC;gBAC7B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAClD,CAAC;QACJ,CAAC,CAAC;QACF,yBAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAC/D,iCAAiC,CAClC,CAAC;QACF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,cAAc,CAClE,iCAAiC,CAClC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC;IACnC,OAAO,yBAAyB,CAAC;AACnC,CAAC;AAvBD,oEAuBC;AAED,gBAAgB;AAChB,SAAgB,uBAAuB,CAAC,EACtC,SAAS,GAGV;IACC,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,GAAG,EAAE,CAAC,yBAAW,CAAC,WAAW,CAAC,oBAAoB,EAAE,EACpD,EAAE,CACH,CAAC;IACF,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAElD,OAAO,CACL,oBAAC,iCAAe,IACd,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,WAAW,IAEvB,OAAO,CACQ,CACnB,CAAC;AACJ,CAAC;AAvBD,0DAuBC","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 Frontstage\n */\nimport * as React from \"react\";\nimport type {\n  ModalFrontstageChangedEventArgs,\n  ModalFrontstageInfo,\n} from \"../framework/FrameworkFrontstages\";\nimport { ModalFrontstage } from \"../frontstage/ModalFrontstage\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** @internal */\nexport function useActiveModalFrontstageInfo() {\n  const [activeModalFrontstageInfo, setActiveModalFrontstageInfo] =\n    React.useState(UiFramework.frontstages.activeModalFrontstage);\n  React.useEffect(() => {\n    const handleModalFrontstageChangedEvent = (\n      args: ModalFrontstageChangedEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      setActiveModalFrontstageInfo(\n        args.modalFrontstageCount === 0\n          ? undefined\n          : UiFramework.frontstages.activeModalFrontstage\n      );\n    };\n    UiFramework.frontstages.onModalFrontstageChangedEvent.addListener(\n      handleModalFrontstageChangedEvent\n    );\n    return () => {\n      UiFramework.frontstages.onModalFrontstageChangedEvent.removeListener(\n        handleModalFrontstageChangedEvent\n      );\n    };\n  }, [setActiveModalFrontstageInfo]);\n  return activeModalFrontstageInfo;\n}\n\n/** @internal */\nexport function ModalFrontstageComposer({\n  stageInfo,\n}: {\n  stageInfo: ModalFrontstageInfo | undefined;\n}) {\n  const handleCloseModal = React.useCallback(\n    () => UiFramework.frontstages.closeModalFrontstage(),\n    []\n  );\n  if (!stageInfo) return null;\n\n  const { title, content, appBarRight } = stageInfo;\n\n  return (\n    <ModalFrontstage\n      isOpen={true}\n      title={title}\n      closeModal={handleCloseModal}\n      appBarRight={appBarRight}\n    >\n      {content}\n    </ModalFrontstage>\n  );\n}\n"]}
+{"version":3,"file":"ModalFrontstageComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ModalFrontstageComposer.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,+BAA+B;AAE/B,mEAAgE;AAChE,gDAA6C;AAE7C,gBAAgB;AAChB,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAC7D,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,yBAAW,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CACtE,CAAC,IAAI,EAAE,EAAE;YACP,4BAA4B,CAC1B,IAAI,CAAC,oBAAoB,KAAK,CAAC;gBAC7B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAClD,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC;IACnC,OAAO,yBAAyB,CAAC;AACnC,CAAC;AAfD,oEAeC;AAED,gBAAgB;AAChB,SAAgB,uBAAuB,CAAC,EACtC,SAAS,GAGV;IACC,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,GAAG,EAAE,CAAC,yBAAW,CAAC,WAAW,CAAC,oBAAoB,EAAE,EACpD,EAAE,CACH,CAAC;IACF,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAElD,OAAO,CACL,oBAAC,iCAAe,IACd,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,WAAW,IAEvB,OAAO,CACQ,CACnB,CAAC;AACJ,CAAC;AAvBD,0DAuBC","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 Frontstage\n */\nimport * as React from \"react\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { ModalFrontstage } from \"../frontstage/ModalFrontstage\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** @internal */\nexport function useActiveModalFrontstageInfo() {\n  const [activeModalFrontstageInfo, setActiveModalFrontstageInfo] =\n    React.useState(UiFramework.frontstages.activeModalFrontstage);\n  React.useEffect(() => {\n    return UiFramework.frontstages.onModalFrontstageChangedEvent.addListener(\n      (args) => {\n        setActiveModalFrontstageInfo(\n          args.modalFrontstageCount === 0\n            ? undefined\n            : UiFramework.frontstages.activeModalFrontstage\n        );\n      }\n    );\n  }, [setActiveModalFrontstageInfo]);\n  return activeModalFrontstageInfo;\n}\n\n/** @internal */\nexport function ModalFrontstageComposer({\n  stageInfo,\n}: {\n  stageInfo: ModalFrontstageInfo | undefined;\n}) {\n  const handleCloseModal = React.useCallback(\n    () => UiFramework.frontstages.closeModalFrontstage(),\n    []\n  );\n  if (!stageInfo) return null;\n\n  const { title, content, appBarRight } = stageInfo;\n\n  return (\n    <ModalFrontstage\n      isOpen={true}\n      title={title}\n      closeModal={handleCloseModal}\n      appBarRight={appBarRight}\n    >\n      {content}\n    </ModalFrontstage>\n  );\n}\n"]}

package/lib/cjs/appui-react/widget-panels/StatusBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,gBAAgB;AAEhB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,4BAiBvD"}
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,gBAAgB;AAEhB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,4BAoBvD"}

package/lib/cjs/appui-react/widget-panels/StatusBar.js

@@ -21,7 +21,12 @@ function WidgetPanelsStatusBar(props) {
         return null;
     const content = widgetDef.reactNode;
     const widgetControl = content === undefined
-        ? widgetDef.getWidgetControl(ConfigurableUiControl_1.ConfigurableUiControlType.StatusBarWidget)
+        ? // eslint-disable-next-line deprecation/deprecation
+            widgetDef.getWidgetControl(
+            // eslint-disable-next-line deprecation/deprecation
+            ConfigurableUiControl_1.ConfigurableUiControlType.StatusBarWidget
+            // eslint-disable-next-line deprecation/deprecation
+            )
         : undefined;
     return (
     // eslint-disable-next-line deprecation/deprecation

package/lib/cjs/appui-react/widget-panels/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,mFAAoF;AACpF,sDAAmD;AAEnD,+DAAqE;AAErE,gBAAgB;AAChB,mDAAmD;AACnD,SAAgB,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAC3C,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC;IACpC,MAAM,aAAa,GACjB,OAAO,KAAK,SAAS;QACnB,CAAC,CAAE,SAAS,CAAC,gBAAgB,CACzB,iDAAyB,CAAC,eAAe,CACH;QAC1C,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO;IACL,mDAAmD;IACnD,oBAAC,qBAAS,OAAK,KAAK,EAAE,aAAa,EAAE,aAAa,IAC/C,OAAO,CACE,CACb,CAAC;AACJ,CAAC;AAjBD,sDAiBC","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport type { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\n// eslint-disable-next-line deprecation/deprecation\nexport function WidgetPanelsStatusBar(props: CommonProps) {\n  const frontstageDef = useActiveFrontstageDef();\n  const widgetDef = frontstageDef?.statusBar;\n  if (!widgetDef) return null;\n  const content = widgetDef.reactNode;\n  const widgetControl =\n    content === undefined\n      ? (widgetDef.getWidgetControl(\n          ConfigurableUiControlType.StatusBarWidget\n        ) as StatusBarWidgetControl | undefined)\n      : undefined;\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <StatusBar {...props} widgetControl={widgetControl}>\n      {content}\n    </StatusBar>\n  );\n}\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,mFAAoF;AACpF,sDAAmD;AAEnD,+DAAqE;AAErE,gBAAgB;AAChB,mDAAmD;AACnD,SAAgB,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAC3C,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC;IACpC,MAAM,aAAa,GACjB,OAAO,KAAK,SAAS;QACnB,CAAC,CAAC,mDAAmD;YAClD,SAAS,CAAC,gBAAgB;YACzB,mDAAmD;YACnD,iDAAyB,CAAC,eAAe;YACzC,mDAAmD;aACb;QAC1C,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO;IACL,mDAAmD;IACnD,oBAAC,qBAAS,OAAK,KAAK,EAAE,aAAa,EAAE,aAAa,IAC/C,OAAO,CACE,CACb,CAAC;AACJ,CAAC;AApBD,sDAoBC","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport type { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\n// eslint-disable-next-line deprecation/deprecation\nexport function WidgetPanelsStatusBar(props: CommonProps) {\n  const frontstageDef = useActiveFrontstageDef();\n  const widgetDef = frontstageDef?.statusBar;\n  if (!widgetDef) return null;\n  const content = widgetDef.reactNode;\n  const widgetControl =\n    content === undefined\n      ? // eslint-disable-next-line deprecation/deprecation\n        (widgetDef.getWidgetControl(\n          // eslint-disable-next-line deprecation/deprecation\n          ConfigurableUiControlType.StatusBarWidget\n          // eslint-disable-next-line deprecation/deprecation\n        ) as StatusBarWidgetControl | undefined)\n      : undefined;\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <StatusBar {...props} widgetControl={widgetControl}>\n      {content}\n    </StatusBar>\n  );\n}\n"]}

package/lib/cjs/appui-react/widget-panels/Tab.d.ts

@@ -1,11 +1,7 @@
 /** @packageDocumentation
  * @module Widget
  */
-import { BadgeType } from "@itwin/core-react";
 import * as React from "react";
-import "./Tab.scss";
 /** @internal */
 export declare function WidgetPanelsTab(): React.JSX.Element;
-/** @internal */
-export declare function getBadgeClassName(badgeType: BadgeType | undefined): "uifw-badge-new" | "uifw-badge-tp" | undefined;
 //# sourceMappingURL=Tab.d.ts.map

package/lib/cjs/appui-react/widget-panels/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAS,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,YAAY,CAAC;AAEpB,gBAAgB;AAChB,wBAAgB,eAAe,sBAO9B;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,kDAIjE"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,gBAAgB;AAChB,wBAAgB,eAAe,sBAiB9B"}

package/lib/cjs/appui-react/widget-panels/Tab.js

@@ -7,27 +7,25 @@
  * @module Widget
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBadgeClassName = exports.WidgetPanelsTab = void 0;
+exports.WidgetPanelsTab = void 0;
 const core_react_1 = require("@itwin/core-react");
 const React = require("react");
 const Tab_1 = require("../layout/widget/Tab");
 const Content_1 = require("./Content");
-require("./Tab.scss");
 /** @internal */
 function WidgetPanelsTab() {
     const widgetDef = (0, Content_1.useWidgetDef)();
-    const badgeType = widgetDef?.badgeType;
-    const badgeClassName = getBadgeClassName(badgeType);
-    return (React.createElement(Tab_1.WidgetTab, { className: badgeClassName, badge: React.createElement(core_react_1.Badge, { type: badgeType }) }));
+    // eslint-disable-next-line deprecation/deprecation
+    const iconSpec = widgetDef?.initialConfig?.icon;
+    const icon = widgetDef?.initialConfig?.iconNode ??
+        (iconSpec ? (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(core_react_1.Icon, { iconSpec: iconSpec })) : undefined);
+    return (React.createElement(Tab_1.WidgetTab
+    // eslint-disable-next-line deprecation/deprecation
+    , { 
+        // eslint-disable-next-line deprecation/deprecation
+        badge: React.createElement(core_react_1.Badge, { type: widgetDef?.badgeKind || widgetDef?.badgeType }), icon: icon }));
 }
 exports.WidgetPanelsTab = WidgetPanelsTab;
-/** @internal */
-function getBadgeClassName(badgeType) {
-    if (badgeType === core_react_1.BadgeType.New)
-        return "uifw-badge-new";
-    else if (badgeType === core_react_1.BadgeType.TechnicalPreview)
-        return "uifw-badge-tp";
-    return undefined;
-}
-exports.getBadgeClassName = getBadgeClassName;
 //# sourceMappingURL=Tab.js.map

package/lib/cjs/appui-react/widget-panels/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,kDAAqD;AACrD,+BAA+B;AAC/B,8CAAiD;AACjD,uCAAyC;AACzC,sBAAoB;AAEpB,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,SAAS,GAAG,IAAA,sBAAY,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,SAAS,EAAE,SAAS,CAAC;IACvC,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpD,OAAO,CACL,oBAAC,eAAS,IAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAC,kBAAK,IAAC,IAAI,EAAE,SAAS,GAAI,GAAI,CAC5E,CAAC;AACJ,CAAC;AAPD,0CAOC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,SAAgC;IAChE,IAAI,SAAS,KAAK,sBAAS,CAAC,GAAG;QAAE,OAAO,gBAAgB,CAAC;SACpD,IAAI,SAAS,KAAK,sBAAS,CAAC,gBAAgB;QAAE,OAAO,eAAe,CAAC;IAC1E,OAAO,SAAS,CAAC;AACnB,CAAC;AAJD,8CAIC","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 { Badge, BadgeType } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { WidgetTab } from \"../layout/widget/Tab\";\nimport { useWidgetDef } from \"./Content\";\nimport \"./Tab.scss\";\n\n/** @internal */\nexport function WidgetPanelsTab() {\n  const widgetDef = useWidgetDef();\n  const badgeType = widgetDef?.badgeType;\n  const badgeClassName = getBadgeClassName(badgeType);\n  return (\n    <WidgetTab className={badgeClassName} badge={<Badge type={badgeType} />} />\n  );\n}\n\n/** @internal */\nexport function getBadgeClassName(badgeType: BadgeType | undefined) {\n  if (badgeType === BadgeType.New) return \"uifw-badge-new\";\n  else if (badgeType === BadgeType.TechnicalPreview) return \"uifw-badge-tp\";\n  return undefined;\n}\n"]}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Tab.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,kDAAgD;AAChD,+BAA+B;AAC/B,8CAAiD;AACjD,uCAAyC;AAEzC,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,SAAS,GAAG,IAAA,sBAAY,GAAE,CAAC;IACjC,mDAAmD;IACnD,MAAM,QAAQ,GAAG,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC;IAChD,MAAM,IAAI,GACR,SAAS,EAAE,aAAa,EAAE,QAAQ;QAClC,CAAC,QAAQ,CAAC,CAAC,CAAC;QACV,mDAAmD;QACnD,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC7B,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACjB,OAAO,CACL,oBAAC,eAAS;IACR,mDAAmD;;QAAnD,mDAAmD;QACnD,KAAK,EAAE,oBAAC,kBAAK,IAAC,IAAI,EAAE,SAAS,EAAE,SAAS,IAAI,SAAS,EAAE,SAAS,GAAI,EACpE,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC;AAjBD,0CAiBC","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 { Badge, Icon } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { WidgetTab } from \"../layout/widget/Tab\";\nimport { useWidgetDef } from \"./Content\";\n\n/** @internal */\nexport function WidgetPanelsTab() {\n  const widgetDef = useWidgetDef();\n  // eslint-disable-next-line deprecation/deprecation\n  const iconSpec = widgetDef?.initialConfig?.icon;\n  const icon =\n    widgetDef?.initialConfig?.iconNode ??\n    (iconSpec ? (\n      // eslint-disable-next-line deprecation/deprecation\n      <Icon iconSpec={iconSpec} />\n    ) : undefined);\n  return (\n    <WidgetTab\n      // eslint-disable-next-line deprecation/deprecation\n      badge={<Badge type={widgetDef?.badgeKind || widgetDef?.badgeType} />}\n      icon={icon}\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widget-panels/ToolSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,qBAAqB,CAAC;AAM7B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAEhC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAeD;;eAEe;AACf,wBAAgB,iCAAiC,YAMhD;AAED,gBAAgB;AAChB,wBAAgB,wBAAwB,6BAGvC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,sBAsCxC;AAED,gBAAgB;AAChB,wBAAgB,+BAA+B,oCA2B9C;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,sKAuBlC;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,6BAKlC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,sBAoBxC"}
+{"version":3,"file":"ToolSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/ToolSettings.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,qBAAqB,CAAC;AAM7B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAEhC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAeD;;eAEe;AACf,wBAAgB,iCAAiC,YAMhD;AAED,gBAAgB;AAChB,wBAAgB,wBAAwB,6BAGvC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,sBAsCxC;AAED,gBAAgB;AAChB,wBAAgB,+BAA+B,oCA4B9C;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,sKAwBlC;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,6BAKlC;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,sBAoBxC"}

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

@@ -74,6 +74,7 @@ exports.ToolSettingsDockedContent = ToolSettingsDockedContent;
 /** @internal */
 function useHorizontalToolSettingEntries() {
     React.useEffect(() => {
+        // eslint-disable-next-line deprecation/deprecation
         UiFramework_1.UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();
     }, []);
     const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider
@@ -98,6 +99,7 @@ exports.useHorizontalToolSettingEntries = useHorizontalToolSettingEntries;
 /** @internal */
 function useToolSettingsNode() {
     React.useEffect(() => {
+        // eslint-disable-next-line deprecation/deprecation
         UiFramework_1.UiFramework.frontstages.activeToolInformation?.toolUiProvider?.reloadPropertiesFromTool();
     }, []);
     const [settings, setSettings] = React.useState(InternalFrontstageManager_1.InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode);

package/lib/cjs/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 { IModelApp } from \"@itwin/core-frontend\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { useLayout } from \"../layout/base/LayoutStore\";\nimport { DockedToolSettings } from \"../layout/tool-settings/Docked\";\nimport { DockedToolSetting } from \"../layout/tool-settings/Setting\";\nimport { ScrollableWidgetContent } from \"../layout/widget/Content\";\nimport \"./ToolSettings.scss\";\nimport { useActiveToolId } from \"../hooks/useActiveToolId\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { DockedBar } from \"./DockedBar\";\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\n  const emptySettings = React.useMemo<ToolSettingsEntry[]>(\n    () => [\n      {\n        editorNode: null,\n        labelNode: <EmptyToolSettingsLabel toolId={activeToolId} />,\n      },\n    ],\n    [activeToolId]\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      <DockedToolSettings\n        itemId={\n          InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ??\n          \"none\"\n        }\n        key={forceRefreshKey}\n      >\n        {entries.map((entry, index) => (\n          <DockedToolSetting key={index}>\n            {entry.labelNode}\n            {entry.editorNode}\n          </DockedToolSetting>\n        ))}\n      </DockedToolSettings>\n    </DockedBar>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingEntries() {\n  React.useEffect(() => {\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    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\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        {node ?? <EmptyToolSettingsLabel toolId={activeToolId} />}\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 { IModelApp } from \"@itwin/core-frontend\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport { useLayout } from \"../layout/base/LayoutStore\";\nimport { DockedToolSettings } from \"../layout/tool-settings/Docked\";\nimport { DockedToolSetting } from \"../layout/tool-settings/Setting\";\nimport { ScrollableWidgetContent } from \"../layout/widget/Content\";\nimport \"./ToolSettings.scss\";\nimport { useActiveToolId } from \"../hooks/useActiveToolId\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { DockedBar } from \"./DockedBar\";\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\n  const emptySettings = React.useMemo<ToolSettingsEntry[]>(\n    () => [\n      {\n        editorNode: null,\n        labelNode: <EmptyToolSettingsLabel toolId={activeToolId} />,\n      },\n    ],\n    [activeToolId]\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      <DockedToolSettings\n        itemId={\n          InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ??\n          \"none\"\n        }\n        key={forceRefreshKey}\n      >\n        {entries.map((entry, index) => (\n          <DockedToolSetting key={index}>\n            {entry.labelNode}\n            {entry.editorNode}\n          </DockedToolSetting>\n        ))}\n      </DockedToolSettings>\n    </DockedBar>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingEntries() {\n  React.useEffect(() => {\n    // eslint-disable-next-line deprecation/deprecation\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 deprecation/deprecation\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\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        {node ?? <EmptyToolSettingsLabel toolId={activeToolId} />}\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/cjs/appui-react/widget-panels/useTransientState.d.ts

@@ -2,7 +2,7 @@
  * @module Widget
  */
 /** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.
- * @beta
+ * @public
  */
 export declare function useTransientState(onSave?: () => void, onRestore?: () => void): void;
 //# sourceMappingURL=useTransientState.d.ts.map

package/lib/cjs/appui-react/widget-panels/useTransientState.js

@@ -12,7 +12,7 @@ const core_bentley_1 = require("@itwin/core-bentley");
 const React = require("react");
 const ContentRenderer_1 = require("../layout/widget/ContentRenderer");
 /** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.
- * @beta
+ * @public
  */
 function useTransientState(onSave, onRestore) {
     const tabId = React.useContext(ContentRenderer_1.TabIdContext);

package/lib/cjs/appui-react/widget-panels/useTransientState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTransientState.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAA6C;AAC7C,+BAA+B;AAC/B,sEAG0C;AAE1C;;GAEG;AACH,SAAgB,iBAAiB,CAAC,MAAmB,EAAE,SAAsB;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,sCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;AACxD,CAAC;AAJD,8CAIC","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 { assert } from \"@itwin/core-bentley\";\nimport * as React from \"react\";\nimport {\n  TabIdContext,\n  useTabTransientState,\n} from \"../layout/widget/ContentRenderer\";\n\n/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.\n * @beta\n */\nexport function useTransientState(onSave?: () => void, onRestore?: () => void) {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n  return useTabTransientState(tabId, onSave, onRestore);\n}\n"]}
+{"version":3,"file":"useTransientState.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAA6C;AAC7C,+BAA+B;AAC/B,sEAG0C;AAE1C;;GAEG;AACH,SAAgB,iBAAiB,CAAC,MAAmB,EAAE,SAAsB;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,sCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;AACxD,CAAC;AAJD,8CAIC","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 { assert } from \"@itwin/core-bentley\";\nimport * as React from \"react\";\nimport {\n  TabIdContext,\n  useTabTransientState,\n} from \"../layout/widget/ContentRenderer\";\n\n/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.\n * @public\n */\nexport function useTransientState(onSave?: () => void, onRestore?: () => void) {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n  return useTabTransientState(tabId, onSave, onRestore);\n}\n"]}

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

@@ -7,8 +7,11 @@ import type { IconSpec } from "@itwin/core-react";
  * @public
  */
 export interface BackstageAppButtonProps {
-    /** If specified overrides the default icon. */
+    /** If specified overrides the default icon.
+     * @deprecated in 4.16.0. Use {@link BackstageAppButtonProps.iconNode} instead.
+     */
     icon?: IconSpec;
+    iconNode?: React.ReactNode;
     /** If specified overrides the default label. */
     label?: string;
     /** If specified overrides the default action that toggles the backstage. */
@@ -17,5 +20,5 @@ export interface BackstageAppButtonProps {
 /** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.
  * @public
  */
-export declare function BackstageAppButton({ icon, label, execute, }: BackstageAppButtonProps): React.JSX.Element;
+export declare function BackstageAppButton({ icon, iconNode, label, execute, }: BackstageAppButtonProps): React.JSX.Element;
 //# sourceMappingURL=BackstageAppButton.d.ts.map

package/lib/cjs/appui-react/widgets/BackstageAppButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,OAAO,GACR,EAAE,uBAAuB,qBA8CzB"}
+{"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IAEH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAEjC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE,uBAAuB,qBA8CzB"}

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

@@ -18,12 +18,12 @@ const useTranslation_1 = require("../hooks/useTranslation");
 /** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.
  * @public
  */
-function BackstageAppButton({ icon, label, execute, }) {
+function BackstageAppButton({ 
+// eslint-disable-next-line deprecation/deprecation
+icon, iconNode, label, execute, }) {
     const { translate } = (0, useTranslation_1.useTranslation)();
     label = label ?? translate("commands.openBackstage");
-    icon = icon ?? React.createElement(itwinui_icons_react_1.SvgHome, null);
     const isInitialMount = React.useRef(true);
-    const divClassName = "uifw-app-button-small";
     const { onElementRef, proximityScale } = (0, core_react_1.useWidgetOpacityContext)();
     const ref = React.useRef(null);
     const handleClick = React.useCallback(() => {
@@ -45,8 +45,10 @@ function BackstageAppButton({ icon, label, execute, }) {
         !core_bentley_1.ProcessDetector.isMobileBrowser) {
         buttonProximityScale = proximityScale;
     }
-    return (React.createElement("div", { ref: ref, className: divClassName },
-        React.createElement(App_1.AppButton, { small: true, mouseProximity: buttonProximityScale, onClick: handleClick, icon: React.createElement(core_react_1.Icon, { iconSpec: icon }), title: label })));
+    // eslint-disable-next-line deprecation/deprecation
+    const specIcon = icon ? React.createElement(core_react_1.Icon, { iconSpec: icon }) : undefined;
+    return (React.createElement("div", { ref: ref, className: "uifw-app-button-small" },
+        React.createElement(App_1.AppButton, { small: true, mouseProximity: buttonProximityScale, onClick: handleClick, icon: iconNode ?? specIcon ?? React.createElement(itwinui_icons_react_1.SvgHome, null), title: label })));
 }
 exports.BackstageAppButton = BackstageAppButton;
 //# sourceMappingURL=BackstageAppButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAAsD;AAEtD,kDAAkE;AAClE,oEAAqD;AACrD,gDAA6C;AAC7C,2DAA8D;AAC9D,4DAAyD;AAczD;;GAEG;AACH,SAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,OAAO,GACiB;IACxB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,wBAAwB,CAAC,CAAC;IACrD,IAAI,GAAG,IAAI,IAAI,oBAAC,6BAAO,OAAG,CAAC;IAC3B,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,uBAAuB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,yBAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,oBAAwC,CAAC;IAE7C,IACE,CAAC,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,8CAA8C;QAC3F,yBAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;QAC3C,CAAC,8BAAe,CAAC,eAAe,EAChC,CAAC;QACD,oBAAoB,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACpC,oBAAC,eAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,EAC9B,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC;AACJ,CAAC;AAlDD,gDAkDC","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 { ProcessDetector } from \"@itwin/core-bentley\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport { SvgHome } from \"@itwin/itwinui-icons-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { AppButton } from \"../layout/widget/tools/button/App\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Properties of {@link BackstageAppButton} component.\n * @public\n */\nexport interface BackstageAppButtonProps {\n  /** If specified overrides the default icon. */\n  icon?: IconSpec;\n  /** If specified overrides the default label. */\n  label?: string;\n  /** If specified overrides the default action that toggles the backstage. */\n  execute?: () => void;\n}\n\n/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.\n * @public\n */\nexport function BackstageAppButton({\n  icon,\n  label,\n  execute,\n}: BackstageAppButtonProps) {\n  const { translate } = useTranslation();\n  label = label ?? translate(\"commands.openBackstage\");\n  icon = icon ?? <SvgHome />;\n  const isInitialMount = React.useRef(true);\n  const divClassName = \"uifw-app-button-small\";\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const handleClick = React.useCallback(() => {\n    if (execute) {\n      execute();\n      return;\n    }\n\n    UiFramework.backstage.toggle();\n  }, [execute]);\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  let buttonProximityScale: number | undefined;\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    buttonProximityScale = proximityScale;\n  }\n\n  return (\n    <div ref={ref} className={divClassName}>\n      <AppButton\n        small={true}\n        mouseProximity={buttonProximityScale}\n        onClick={handleClick}\n        icon={<Icon iconSpec={icon} />}\n        title={label}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAAsD;AAEtD,kDAAkE;AAClE,oEAAqD;AACrD,gDAA6C;AAC7C,2DAA8D;AAC9D,4DAAyD;AAkBzD;;GAEG;AACH,SAAgB,kBAAkB,CAAC;AACjC,mDAAmD;AACnD,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,GACiB;IACxB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,wBAAwB,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,yBAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,oBAAwC,CAAC;IAE7C,IACE,CAAC,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,8CAA8C;QAC3F,yBAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;QAC3C,CAAC,8BAAe,CAAC,eAAe,EAChC,CAAC;QACD,oBAAoB,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,mDAAmD;IACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,uBAAuB;QAC9C,oBAAC,eAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,IAAI,QAAQ,IAAI,oBAAC,6BAAO,OAAG,EACzC,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC;AACJ,CAAC;AApDD,gDAoDC","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 { ProcessDetector } from \"@itwin/core-bentley\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport { SvgHome } from \"@itwin/itwinui-icons-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { AppButton } from \"../layout/widget/tools/button/App\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Properties of {@link BackstageAppButton} component.\n * @public\n */\nexport interface BackstageAppButtonProps {\n  /** If specified overrides the default icon.\n   * @deprecated in 4.16.0. Use {@link BackstageAppButtonProps.iconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  icon?: IconSpec;\n  iconNode?: React.ReactNode;\n  /** If specified overrides the default label. */\n  label?: string;\n  /** If specified overrides the default action that toggles the backstage. */\n  execute?: () => void;\n}\n\n/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.\n * @public\n */\nexport function BackstageAppButton({\n  // eslint-disable-next-line deprecation/deprecation\n  icon,\n  iconNode,\n  label,\n  execute,\n}: BackstageAppButtonProps) {\n  const { translate } = useTranslation();\n  label = label ?? translate(\"commands.openBackstage\");\n  const isInitialMount = React.useRef(true);\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const handleClick = React.useCallback(() => {\n    if (execute) {\n      execute();\n      return;\n    }\n\n    UiFramework.backstage.toggle();\n  }, [execute]);\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  let buttonProximityScale: number | undefined;\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    buttonProximityScale = proximityScale;\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  const specIcon = icon ? <Icon iconSpec={icon} /> : undefined;\n  return (\n    <div ref={ref} className=\"uifw-app-button-small\">\n      <AppButton\n        small={true}\n        mouseProximity={buttonProximityScale}\n        onClick={handleClick}\n        icon={iconNode ?? specIcon ?? <SvgHome />}\n        title={label}\n      />\n    </div>\n  );\n}\n"]}

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

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module Widget
  */
-import type { CommonProps } from "@itwin/core-react";
 import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
 /** Properties for the [[NavigationAidHost]] React component
  * @public
  */
@@ -12,8 +12,9 @@ export interface NavigationAidHostProps {
     /** Navigation Aid Host minimum height. Defaults to "64px". */
     minHeight?: string;
 }
-/**
- * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.
+/** Component that is used as a default navigation aid.
+ * Uses registered navigation aids and the active content control to determine if or which navigation aid to display.
+ * If an active content is defined without a content control (`classId` is set to an empty string) renders a default navigation aid based on an active viewport view state.
  * @public
  */
 export declare function NavigationAidHost(props: NavigationAidHostProps): React.JSX.Element;
@@ -21,13 +22,13 @@ export declare function NavigationAidHost(props: NavigationAidHostProps): React.
  * @public
  */
 export interface NavigationWidgetComposerProps extends CommonProps {
-    /** Optional Horizontal Toolbar */
+    /** Optional horizontal toolbar */
     horizontalToolbar?: React.ReactNode;
-    /** Optional Vertical Toolbar */
+    /** Optional vertical toolbar */
     verticalToolbar?: React.ReactNode;
-    /** Optional Navigation Aid host. If not specified a default host is provided which will use registered Navigation Aids and the active content control to determine which if any Navigation Aid to display. */
+    /** Optional navigation aid to override the default {@link NavigationAidHost}. */
     navigationAidHost?: React.ReactNode;
-    /** If true no navigation aid will be shown. Defaults to false. */
+    /** If true no navigation aid will be shown. Defaults to `false`. */
     hideNavigationAid?: boolean;
 }
 /**

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AASrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA8F9D;AAED;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8MAA8M;IAC9M,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAwC5E"}
+{"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgDrD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAwG9D;AA8BD;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAyC5E"}

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

@@ -1,4 +1,6 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationWidgetComposer = exports.NavigationAidHost = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -6,60 +8,82 @@
 /** @packageDocumentation
  * @module Widget
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationWidgetComposer = exports.NavigationAidHost = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_frontend_1 = require("@itwin/core-frontend");
 const core_react_1 = require("@itwin/core-react");
 const imodel_components_react_1 = require("@itwin/imodel-components-react");
-const React = require("react");
 const NavigationArea_1 = require("../layout/widget/NavigationArea");
 const UiFramework_1 = require("../UiFramework");
-const core_bentley_1 = require("@itwin/core-bentley");
-function createNavigationAidControl(activeContentControl, navigationAidId, activeViewport) {
+const useActiveViewport_1 = require("../hooks/useActiveViewport");
+const ViewUtilities_1 = require("../utils/ViewUtilities");
+const SheetNavigationAid_1 = require("../navigationaids/SheetNavigationAid");
+function createNavigationAidControl(
+// eslint-disable-next-line deprecation/deprecation
+activeContentControl, navigationAidId, activeViewport
+// eslint-disable-next-line deprecation/deprecation
+) {
     if (!activeContentControl ||
         !navigationAidId ||
         activeViewport !== activeContentControl.viewport)
         return undefined;
     const viewport = activeContentControl.viewport;
     const imodel = viewport ? viewport.iModel : UiFramework_1.UiFramework.getIModelConnection();
-    const navigationAidControl = UiFramework_1.UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport });
+    // eslint-disable-next-line deprecation/deprecation
+    const navigationAidControl = UiFramework_1.UiFramework.controls.create(navigationAidId, navigationAidId, { imodel, viewport }
+    // eslint-disable-next-line deprecation/deprecation
+    );
     navigationAidControl.initialize();
     return navigationAidControl;
 }
-/**
- * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.
+/** Component that is used as a default navigation aid.
+ * Uses registered navigation aids and the active content control to determine if or which navigation aid to display.
+ * If an active content is defined without a content control (`classId` is set to an empty string) renders a default navigation aid based on an active viewport view state.
  * @public
  */
 function NavigationAidHost(props) {
-    const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework_1.UiFramework.content.getActiveContentControl());
+    const [activeContentControl, setActiveContentControl] = React.useState(() => 
+    // eslint-disable-next-line deprecation/deprecation
+    UiFramework_1.UiFramework.content.getActiveContentControl());
     const [activeContentViewport, setActiveContentViewport] = React.useState(() => activeContentControl?.viewport);
     const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl ? activeContentControl.navigationAidControl : "");
     React.useEffect(() => {
-        const handleContentControlActivated = (args // eslint-disable-line deprecation/deprecation
-        ) => {
+        // eslint-disable-next-line deprecation/deprecation
+        return UiFramework_1.UiFramework.frontstages.onContentControlActivatedEvent.addListener((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);
-        };
+        });
+    }, []);
+    React.useEffect(() => {
+        return UiFramework_1.UiFramework.content.onActiveContentChangedEvent.addListener((args) => {
+            args.id;
+            const frontstageDef = UiFramework_1.UiFramework.frontstages.activeFrontstageDef;
+            if (!frontstageDef)
+                return;
+            const contentGroup = frontstageDef.contentGroup;
+            if (!contentGroup)
+                return;
+            const content = contentGroup.contentPropsList.find((contentProps) => contentProps.id === args.id);
+            if (!content?.content)
+                return;
+            // Content w/o a control is activated - reset the navigation.
+            setActiveContentControl(undefined);
+            setActiveContentViewport(undefined);
+            setNavigationAidId("");
+        });
     }, []);
     const [activeViewClass, setActiveViewClass] = React.useState(() => {
+        // eslint-disable-next-line deprecation/deprecation
         const content = UiFramework_1.UiFramework.content.getActiveContentControl();
         if (content && content.viewport)
             return content.viewport.view.classFullName;
         return "";
     });
     React.useEffect(() => {
-        const handleViewClassFullNameChange = (args // eslint-disable-line deprecation/deprecation
-        ) => {
+        return imodel_components_react_1.ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener((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);
@@ -81,9 +105,26 @@ function NavigationAidHost(props) {
         const navigationAidOpacity = 0.3 * proximityScale + 0.7;
         divStyle.opacity = `${navigationAidOpacity}`;
     }
-    return (React.createElement("div", { style: divStyle, ref: ref }, navigationAidControl && navigationAidControl.reactNode));
+    const navigationAid = navigationAidControl?.reactNode ?? (React.createElement(DefaultNavigationAid, null));
+    return (React.createElement("div", { style: divStyle, ref: ref }, navigationAid));
 }
 exports.NavigationAidHost = NavigationAidHost;
+function DefaultNavigationAid() {
+    const viewport = (0, useActiveViewport_1.useActiveViewport)();
+    if (!viewport)
+        return null;
+    const className = ViewUtilities_1.ViewUtilities.getBisBaseClass(viewport.view.classFullName);
+    switch (className) {
+        case core_frontend_1.SheetViewState.className:
+            return React.createElement(SheetNavigationAid_1.SheetNavigationAid, { iModelConnection: viewport.iModel });
+        case core_frontend_1.DrawingViewState.className:
+            return (React.createElement(imodel_components_react_1.DrawingNavigationAid, { iModelConnection: viewport.iModel, viewport: viewport }));
+        case core_frontend_1.SpatialViewState.className:
+        case core_frontend_1.OrthographicViewState.className:
+            return (React.createElement(imodel_components_react_1.CubeNavigationAid, { iModelConnection: viewport.iModel, viewport: viewport }));
+    }
+    return null;
+}
 /**
  * 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.
@@ -98,7 +139,8 @@ function NavigationWidgetComposer(props) {
     const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiFramework_1.UiFramework.visibility.snapWidgetOpacity);
     const navigationAid = hideNavigationAid
         ? undefined
-        : navigationAidHost ?? React.createElement(NavigationAidHost, null);
+        : // eslint-disable-next-line deprecation/deprecation
+            navigationAidHost ?? React.createElement(NavigationAidHost, null);
     return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
             onElementRef: handleChildRef,
             proximityScale,

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":["/*---------------------------------------------------------------------------------------------\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 type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport type { ViewClassFullNameChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport * as React from \"react\";\nimport type {\n  ContentControl,\n  ContentControlActivatedEventArgs,\n} from \"../content/ContentControl\";\nimport { NavigationArea } from \"../layout/widget/NavigationArea\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\n\nfunction createNavigationAidControl(\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n): NavigationAidControl | undefined {\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport ? viewport.iModel : UiFramework.getIModelConnection();\n  const navigationAidControl = UiFramework.controls.create(\n    navigationAidId,\n    navigationAidId,\n    { imodel, viewport }\n  ) 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(() =>\n    UiFramework.content.getActiveContentControl()\n  );\n  const [activeContentViewport, setActiveContentViewport] = React.useState(\n    () => activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl ? activeContentControl.navigationAidControl : \"\"\n  );\n\n  React.useEffect(() => {\n    const handleContentControlActivated = (\n      args: ContentControlActivatedEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      setActiveContentControl(args.activeContentControl);\n      setActiveContentViewport(args.activeContentControl.viewport);\n      setNavigationAidId(args.activeContentControl.navigationAidControl);\n    };\n\n    UiFramework.frontstages.onContentControlActivatedEvent.addListener(\n      handleContentControlActivated\n    );\n    return () => {\n      UiFramework.frontstages.onContentControlActivatedEvent.removeListener(\n        handleContentControlActivated\n      );\n    };\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport) return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    const handleViewClassFullNameChange = (\n      args: ViewClassFullNameChangedEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      setActiveViewClass(args.newName);\n    };\n\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(\n      handleViewClassFullNameChange\n    );\n    return () => {\n      ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(\n        handleViewClassFullNameChange\n      );\n    };\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(\n    () =>\n      createNavigationAidControl(\n        activeContentControl,\n        navigationAidId,\n        activeContentViewport\n      ),\n    [activeContentControl, navigationAidId, activeContentViewport]\n  );\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    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth ? props.minWidth : \"64px\",\n    minHeight: props.minHeight ? props.minHeight : \"64px\",\n  };\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    const navigationAidOpacity = 0.3 * proximityScale + 0.7;\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 */\n// eslint-disable-next-line deprecation/deprecation\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 {\n    navigationAidHost,\n    horizontalToolbar,\n    verticalToolbar,\n    hideNavigationAid,\n    ...otherProps\n  } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const navigationAid = hideNavigationAid\n    ? undefined\n    : 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"]}
+{"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 */\nimport * as React from \"react\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\nimport {\n  DrawingViewState,\n  OrthographicViewState,\n  type ScreenViewport,\n  SheetViewState,\n  SpatialViewState,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport {\n  CubeNavigationAid,\n  DrawingNavigationAid,\n  ViewportComponentEvents,\n} from \"@itwin/imodel-components-react\";\nimport type { ContentControl } from \"../content/ContentControl\";\nimport { NavigationArea } from \"../layout/widget/NavigationArea\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\nimport { SheetNavigationAid } from \"../navigationaids/SheetNavigationAid\";\n\nfunction createNavigationAidControl(\n  // eslint-disable-next-line deprecation/deprecation\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n  // eslint-disable-next-line deprecation/deprecation\n): NavigationAidControl | undefined {\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport ? viewport.iModel : UiFramework.getIModelConnection();\n  // eslint-disable-next-line deprecation/deprecation\n  const navigationAidControl = UiFramework.controls.create(\n    navigationAidId,\n    navigationAidId,\n    { imodel, viewport }\n    // eslint-disable-next-line deprecation/deprecation\n  ) 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/** Component that is used as a default navigation aid.\n * Uses registered navigation aids and the active content control to determine if or which navigation aid to display.\n * If an active content is defined without a content control (`classId` is set to an empty string) renders a default navigation aid based on an active viewport view state.\n * @public\n */\nexport function NavigationAidHost(props: NavigationAidHostProps) {\n  const [activeContentControl, setActiveContentControl] = React.useState(() =>\n    // eslint-disable-next-line deprecation/deprecation\n    UiFramework.content.getActiveContentControl()\n  );\n  const [activeContentViewport, setActiveContentViewport] = React.useState(\n    () => activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl ? activeContentControl.navigationAidControl : \"\"\n  );\n\n  React.useEffect(() => {\n    // eslint-disable-next-line deprecation/deprecation\n    return UiFramework.frontstages.onContentControlActivatedEvent.addListener(\n      (args) => {\n        setActiveContentControl(args.activeContentControl);\n        setActiveContentViewport(args.activeContentControl.viewport);\n        setNavigationAidId(args.activeContentControl.navigationAidControl);\n      }\n    );\n  }, []);\n  React.useEffect(() => {\n    return UiFramework.content.onActiveContentChangedEvent.addListener(\n      (args) => {\n        args.id;\n        const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (!frontstageDef) return;\n\n        const contentGroup = frontstageDef.contentGroup;\n        if (!contentGroup) return;\n\n        const content = contentGroup.contentPropsList.find(\n          (contentProps) => contentProps.id === args.id\n        );\n        if (!content?.content) return;\n\n        // Content w/o a control is activated - reset the navigation.\n        setActiveContentControl(undefined);\n        setActiveContentViewport(undefined);\n        setNavigationAidId(\"\");\n      }\n    );\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    // eslint-disable-next-line deprecation/deprecation\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport) return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    return ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(\n      (args) => {\n        setActiveViewClass(args.newName);\n      }\n    );\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(\n    () =>\n      createNavigationAidControl(\n        activeContentControl,\n        navigationAidId,\n        activeContentViewport\n      ),\n    [activeContentControl, navigationAidId, activeContentViewport]\n  );\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    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth ? props.minWidth : \"64px\",\n    minHeight: props.minHeight ? props.minHeight : \"64px\",\n  };\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    const navigationAidOpacity = 0.3 * proximityScale + 0.7;\n    divStyle.opacity = `${navigationAidOpacity}`;\n  }\n\n  const navigationAid = navigationAidControl?.reactNode ?? (\n    <DefaultNavigationAid />\n  );\n  return (\n    <div style={divStyle} ref={ref}>\n      {navigationAid}\n    </div>\n  );\n}\n\nfunction DefaultNavigationAid() {\n  const viewport = useActiveViewport();\n  if (!viewport) return null;\n\n  const className = ViewUtilities.getBisBaseClass(viewport.view.classFullName);\n  switch (className) {\n    case SheetViewState.className:\n      return <SheetNavigationAid iModelConnection={viewport.iModel} />;\n    case DrawingViewState.className:\n      return (\n        <DrawingNavigationAid\n          iModelConnection={viewport.iModel}\n          viewport={viewport}\n        />\n      );\n    case SpatialViewState.className:\n    case OrthographicViewState.className:\n      return (\n        <CubeNavigationAid\n          iModelConnection={viewport.iModel}\n          viewport={viewport}\n        />\n      );\n  }\n\n  return null;\n}\n\n/** Properties for the [[NavigationWidgetComposer]] React components\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\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 to override the default {@link NavigationAidHost}. */\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 {\n    navigationAidHost,\n    horizontalToolbar,\n    verticalToolbar,\n    hideNavigationAid,\n    ...otherProps\n  } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const navigationAid = hideNavigationAid\n    ? undefined\n    : // eslint-disable-next-line deprecation/deprecation\n      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"]}