@itwin/appui-react 4.3.0-dev.1 → 4.3.1

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

@@ -12,8 +12,9 @@ import { DockedToolSetting, DockedToolSettings, ScrollableWidgetContent, useLayo
 import { UiFramework } from "../UiFramework";
 import { InternalFrontstageManager } from "../frontstage/InternalFrontstageManager";
 function EmptyToolSettingsEntry() {
+    var _a;
     const toolId = UiFramework.frontstages.activeToolId;
-    const toolName = IModelApp.tools.find(toolId)?.flyover;
+    const toolName = (_a = IModelApp.tools.find(toolId)) === null || _a === void 0 ? void 0 : _a.flyover;
     const toolPlaceholderName = IModelApp.localization.getLocalizedString("UiFramework:tools.noToolSettingsPlaceholderName");
     const labelStringStart = IModelApp.localization.getLocalizedString("UiFramework:tools.noToolSettingsStart");
     const labelStringEnd = IModelApp.localization.getLocalizedString("UiFramework:tools.noToolSettingsEnd");
@@ -31,36 +32,37 @@ function TsLabel({ children }) {
 }
 /** @internal */
 export function WidgetPanelsToolSettings() {
-    const toolSettingsType = useLayout((state) => state.toolSettings?.type);
+    const toolSettingsType = useLayout((state) => { var _a; return (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.type; });
     if (!toolSettingsType || toolSettingsType === "widget")
         return null;
     return React.createElement(ToolSettingsDockedContent, null);
 }
 /** @internal */
 export function ToolSettingsDockedContent() {
+    var _a, _b;
     const settings = useHorizontalToolSettingNodes();
     // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component
-    return (React.createElement(DockedToolSettings, { itemId: InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "none", key: Date.now() }, settings &&
+    return (React.createElement(DockedToolSettings, { itemId: (_b = (_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.uniqueId) !== null && _b !== void 0 ? _b : "none", key: Date.now() }, settings &&
         settings.map((entry, index) => (React.createElement(DockedToolSetting, { key: index },
             React.createElement(TsLabel, null, entry.labelNode),
             entry.editorNode)))));
 }
 /** @internal */
 export function useHorizontalToolSettingNodes() {
-    const [settings, setSettings] = React.useState(InternalFrontstageManager.activeToolSettingsProvider
-        ?.horizontalToolSettingNodes);
+    var _a;
+    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes);
     const [emptySettings] = React.useState(() => [EmptyToolSettingsEntry()]);
     React.useEffect(() => {
         return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {
-            const nodes = InternalFrontstageManager.activeToolSettingsProvider
-                ?.horizontalToolSettingNodes;
+            var _a;
+            const nodes = (_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
             setSettings(nodes);
         });
     }, [setSettings]);
     React.useEffect(() => {
         return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {
-            const nodes = InternalFrontstageManager.activeToolSettingsProvider
-                ?.horizontalToolSettingNodes;
+            var _a;
+            const nodes = (_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.horizontalToolSettingNodes;
             setSettings(nodes);
         });
     }, [setSettings]);
@@ -83,10 +85,12 @@ export function ToolSettingsGrid({ settings }) {
 }
 /** @internal */
 export function useToolSettingsNode() {
-    const [settings, setSettings] = React.useState(InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode);
+    var _a;
+    const [settings, setSettings] = React.useState((_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode);
     React.useEffect(() => {
         const handleToolActivatedEvent = () => {
-            const nodes = InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
+            var _a;
+            const nodes = (_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
             setSettings(nodes);
         };
         UiFramework.frontstages.onToolActivatedEvent.addListener(handleToolActivatedEvent);
@@ -96,7 +100,8 @@ export function useToolSettingsNode() {
     }, [setSettings]);
     React.useEffect(() => {
         const handleToolSettingsReloadEvent = () => {
-            const nodes = InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;
+            var _a;
+            const nodes = (_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.toolSettingsNode;
             setSettings(nodes);
         };
         UiFramework.frontstages.onToolSettingsReloadEvent.addListener(handleToolSettingsReloadEvent);
@@ -108,7 +113,7 @@ export function useToolSettingsNode() {
 }
 /** @internal */
 export function ToolSettingsContent() {
-    const toolSettingsType = useLayout((state) => state.toolSettings?.type);
+    const toolSettingsType = useLayout((state) => { var _a; return (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.type; });
     // This is needed to remount underlying components tree when going into widget state.
     if (!toolSettingsType || toolSettingsType === "docked")
         return null;
@@ -116,6 +121,7 @@ export function ToolSettingsContent() {
 }
 /** @internal */
 export function ToolSettingsWidgetContent() {
+    var _a, _b;
     const floatingToolSettingsContainerRef = React.useRef(null);
     const node = useToolSettingsNode();
     // if no tool settings hide the floating widgets tab
@@ -132,7 +138,7 @@ export function ToolSettingsWidgetContent() {
         }
     }, [node]);
     // istanbul ignore next
-    const providerId = InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? "none";
+    const providerId = (_b = (_a = InternalFrontstageManager.activeToolSettingsProvider) === null || _a === void 0 ? void 0 : _a.uniqueId) !== null && _b !== void 0 ? _b : "none";
     return (React.createElement("div", { "data-toolsettings-provider": providerId, className: "uifw-floating-toolsettings-container", ref: floatingToolSettingsContainerRef },
         React.createElement(ScrollableWidgetContent, null, node)));
 }

package/lib/esm/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 \"./ToolSettings.scss\";\nimport * as React from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport {\n  DockedToolSetting,\n  DockedToolSettings,\n  ScrollableWidgetContent,\n  useLayout,\n} from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\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 EmptyToolSettingsEntry(): ToolSettingsEntry {\n  const toolId = UiFramework.frontstages.activeToolId;\n  const toolName = IModelApp.tools.find(toolId)?.flyover;\n  const toolPlaceholderName = IModelApp.localization.getLocalizedString(\n    \"UiFramework:tools.noToolSettingsPlaceholderName\"\n  );\n  const labelStringStart = IModelApp.localization.getLocalizedString(\n    \"UiFramework:tools.noToolSettingsStart\"\n  );\n  const labelStringEnd = IModelApp.localization.getLocalizedString(\n    \"UiFramework:tools.noToolSettingsEnd\"\n  );\n  const labelNode = (\n    <div className=\"uif-toolsetting-label-docked-horizontal-empty\">\n      {labelStringStart}\n      {toolName ? toolName : toolPlaceholderName}\n      {labelStringEnd}\n    </div>\n  );\n  const editorNode = <div />;\n  return { labelNode, editorNode };\n}\n\n/** @internal */\n// istanbul ignore next - need to work on overflow unit testing\nfunction TsLabel({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>\n  );\n}\n\n/** @internal */\nexport function WidgetPanelsToolSettings() {\n  const toolSettingsType = useLayout((state) => state.toolSettings?.type);\n  if (!toolSettingsType || toolSettingsType === \"widget\") return null;\n  return <ToolSettingsDockedContent />;\n}\n\n/** @internal */\nexport function ToolSettingsDockedContent() {\n  const settings = useHorizontalToolSettingNodes();\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n  return (\n    <DockedToolSettings\n      itemId={\n        InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"\n      }\n      key={Date.now()}\n    >\n      {settings &&\n        settings.map((entry, index) => (\n          <DockedToolSetting key={index}>\n            <TsLabel>{entry.labelNode}</TsLabel>\n            {entry.editorNode}\n          </DockedToolSetting>\n        ))}\n    </DockedToolSettings>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingNodes() {\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider\n      ?.horizontalToolSettingNodes\n  );\n  const [emptySettings] = React.useState(() => [EmptyToolSettingsEntry()]);\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n\n  if (!settings || settings.length === 0) return emptySettings;\n  return settings;\n}\n\n/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\n * Used only when the \"Use UI 2.0\" setting is true\n * @internal\n */\nexport interface ToolSettingsGridProps {\n  // label node which potentially can contain a lock node as well.\n  settings?: ToolSettingsEntry[];\n}\n\n/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\n * The left column is considered the label column, the right column is considered the property\n * editor column.\n * @internal\n */\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\n  return (\n    <div className=\"uifw-standard-toolsettings-two-column-grid\">\n      {settings &&\n        settings.map((setting: ToolSettingsEntry, index: number) => {\n          return (\n            <React.Fragment key={index}>\n              <span className=\"uifw-standard-toolsettings-label-entry\">\n                {setting.labelNode}\n              </span>\n              {setting.editorNode}\n            </React.Fragment>\n          );\n        })}\n    </div>\n  );\n}\n\n/** @internal */\nexport function useToolSettingsNode() {\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode\n  );\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolActivatedEvent.addListener(\n      handleToolActivatedEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(\n        handleToolActivatedEvent\n      );\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolSettingsReloadEvent.addListener(\n      handleToolSettingsReloadEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(\n        handleToolSettingsReloadEvent\n      );\n    };\n  }, [setSettings]);\n\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  // if no tool settings hide the floating widgets tab\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (floatingToolSettingsContainerRef.current) {\n      const floatingWidgetTab =\n        floatingToolSettingsContainerRef.current.closest(\n          \".nz-floating-toolsettings\"\n        );\n      // istanbul ignore else\n      if (floatingWidgetTab) {\n        (floatingWidgetTab as HTMLDivElement).style.visibility = !!node\n          ? \"visible\"\n          : /* istanbul ignore next */ \"hidden\";\n      }\n    }\n  }, [node]);\n\n  // istanbul ignore next\n  const providerId =\n    InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n\n  return (\n    <div\n      data-toolsettings-provider={providerId}\n      className=\"uifw-floating-toolsettings-container\"\n      ref={floatingToolSettingsContainerRef}\n    >\n      <ScrollableWidgetContent>{node}</ScrollableWidgetContent>\n    </div>\n  );\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 \"./ToolSettings.scss\";\nimport * as React from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport {\n  DockedToolSetting,\n  DockedToolSettings,\n  ScrollableWidgetContent,\n  useLayout,\n} from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\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 EmptyToolSettingsEntry(): ToolSettingsEntry {\n  const toolId = UiFramework.frontstages.activeToolId;\n  const toolName = IModelApp.tools.find(toolId)?.flyover;\n  const toolPlaceholderName = IModelApp.localization.getLocalizedString(\n    \"UiFramework:tools.noToolSettingsPlaceholderName\"\n  );\n  const labelStringStart = IModelApp.localization.getLocalizedString(\n    \"UiFramework:tools.noToolSettingsStart\"\n  );\n  const labelStringEnd = IModelApp.localization.getLocalizedString(\n    \"UiFramework:tools.noToolSettingsEnd\"\n  );\n  const labelNode = (\n    <div className=\"uif-toolsetting-label-docked-horizontal-empty\">\n      {labelStringStart}\n      {toolName ? toolName : toolPlaceholderName}\n      {labelStringEnd}\n    </div>\n  );\n  const editorNode = <div />;\n  return { labelNode, editorNode };\n}\n\n/** @internal */\n// istanbul ignore next - need to work on overflow unit testing\nfunction TsLabel({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"uif-toolsetting-label-docked-horizontal\">{children}</div>\n  );\n}\n\n/** @internal */\nexport function WidgetPanelsToolSettings() {\n  const toolSettingsType = useLayout((state) => state.toolSettings?.type);\n  if (!toolSettingsType || toolSettingsType === \"widget\") return null;\n  return <ToolSettingsDockedContent />;\n}\n\n/** @internal */\nexport function ToolSettingsDockedContent() {\n  const settings = useHorizontalToolSettingNodes();\n  // for the overflow to work properly each setting in the DockedToolSettings should be wrapped by a DockedToolSetting component\n  return (\n    <DockedToolSettings\n      itemId={\n        InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\"\n      }\n      key={Date.now()}\n    >\n      {settings &&\n        settings.map((entry, index) => (\n          <DockedToolSetting key={index}>\n            <TsLabel>{entry.labelNode}</TsLabel>\n            {entry.editorNode}\n          </DockedToolSetting>\n        ))}\n    </DockedToolSettings>\n  );\n}\n\n/** @internal */\nexport function useHorizontalToolSettingNodes() {\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider\n      ?.horizontalToolSettingNodes\n  );\n  const [emptySettings] = React.useState(() => [EmptyToolSettingsEntry()]);\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolActivatedEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider\n          ?.horizontalToolSettingNodes;\n      setSettings(nodes);\n    });\n  }, [setSettings]);\n\n  if (!settings || settings.length === 0) return emptySettings;\n  return settings;\n}\n\n/** Defines the ToolSettingsEntry entries that are used to populate a grid layout of ToolSetting properties.\n * Used only when the \"Use UI 2.0\" setting is true\n * @internal\n */\nexport interface ToolSettingsGridProps {\n  // label node which potentially can contain a lock node as well.\n  settings?: ToolSettingsEntry[];\n}\n\n/** Component that arranges an array of ToolSettingsEntry items into a two column grid layout.\n * The left column is considered the label column, the right column is considered the property\n * editor column.\n * @internal\n */\nexport function ToolSettingsGrid({ settings }: ToolSettingsGridProps) {\n  return (\n    <div className=\"uifw-standard-toolsettings-two-column-grid\">\n      {settings &&\n        settings.map((setting: ToolSettingsEntry, index: number) => {\n          return (\n            <React.Fragment key={index}>\n              <span className=\"uifw-standard-toolsettings-label-entry\">\n                {setting.labelNode}\n              </span>\n              {setting.editorNode}\n            </React.Fragment>\n          );\n        })}\n    </div>\n  );\n}\n\n/** @internal */\nexport function useToolSettingsNode() {\n  const [settings, setSettings] = React.useState(\n    InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode\n  );\n  React.useEffect(() => {\n    const handleToolActivatedEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolActivatedEvent.addListener(\n      handleToolActivatedEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolActivatedEvent.removeListener(\n        handleToolActivatedEvent\n      );\n    };\n  }, [setSettings]);\n\n  React.useEffect(() => {\n    const handleToolSettingsReloadEvent = () => {\n      const nodes =\n        InternalFrontstageManager.activeToolSettingsProvider?.toolSettingsNode;\n      setSettings(nodes);\n    };\n    UiFramework.frontstages.onToolSettingsReloadEvent.addListener(\n      handleToolSettingsReloadEvent\n    );\n    return () => {\n      UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(\n        handleToolSettingsReloadEvent\n      );\n    };\n  }, [setSettings]);\n\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  // if no tool settings hide the floating widgets tab\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (floatingToolSettingsContainerRef.current) {\n      const floatingWidgetTab =\n        floatingToolSettingsContainerRef.current.closest(\n          \".nz-floating-toolsettings\"\n        );\n      // istanbul ignore else\n      if (floatingWidgetTab) {\n        (floatingWidgetTab as HTMLDivElement).style.visibility = !!node\n          ? \"visible\"\n          : /* istanbul ignore next */ \"hidden\";\n      }\n    }\n  }, [node]);\n\n  // istanbul ignore next\n  const providerId =\n    InternalFrontstageManager.activeToolSettingsProvider?.uniqueId ?? \"none\";\n\n  return (\n    <div\n      data-toolsettings-provider={providerId}\n      className=\"uifw-floating-toolsettings-container\"\n      ref={floatingToolSettingsContainerRef}\n    >\n      <ScrollableWidgetContent>{node}</ScrollableWidgetContent>\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/widget-panels/Toolbars.js

@@ -10,9 +10,10 @@ import * as React from "react";
 import { useActiveFrontstageDef } from "../frontstage/FrontstageDef";
 /** @internal */
 export function WidgetPanelsToolbars() {
+    var _a, _b;
     const frontstageDef = useActiveFrontstageDef();
-    const tools = frontstageDef?.contentManipulation?.reactNode;
-    const navigation = frontstageDef?.viewNavigation?.reactNode;
+    const tools = (_a = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.contentManipulation) === null || _a === void 0 ? void 0 : _a.reactNode;
+    const navigation = (_b = frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.viewNavigation) === null || _b === void 0 ? void 0 : _b.reactNode;
     return (React.createElement("div", { className: "uifw-widgetPanels-toolbars" },
         tools,
         navigation));

package/lib/esm/appui-react/widget-panels/Toolbars.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbars.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,MAAM,UAAU,oBAAoB;IAClC,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,aAAa,EAAE,mBAAmB,EAAE,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,aAAa,EAAE,cAAc,EAAE,SAAS,CAAC;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,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 Item\n */\n\nimport \"./Toolbars.scss\";\nimport * as React from \"react\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\nexport function WidgetPanelsToolbars() {\n  const frontstageDef = useActiveFrontstageDef();\n  const tools = frontstageDef?.contentManipulation?.reactNode;\n  const navigation = frontstageDef?.viewNavigation?.reactNode;\n  return (\n    <div className=\"uifw-widgetPanels-toolbars\">\n      {tools}\n      {navigation}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Toolbars.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Toolbars.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,MAAM,UAAU,oBAAoB;;IAClC,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,0CAAE,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,0CAAE,SAAS,CAAC;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACxC,KAAK;QACL,UAAU,CACP,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 Item\n */\n\nimport \"./Toolbars.scss\";\nimport * as React from \"react\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\nexport function WidgetPanelsToolbars() {\n  const frontstageDef = useActiveFrontstageDef();\n  const tools = frontstageDef?.contentManipulation?.reactNode;\n  const navigation = frontstageDef?.viewNavigation?.reactNode;\n  return (\n    <div className=\"uifw-widgetPanels-toolbars\">\n      {tools}\n      {navigation}\n    </div>\n  );\n}\n"]}

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

@@ -30,7 +30,7 @@ function createNavigationAidControl(activeContentControl, navigationAidId, activ
  */
 export function NavigationAidHost(props) {
     const [activeContentControl, setActiveContentControl] = React.useState(() => UiFramework.content.getActiveContentControl());
-    const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl?.viewport);
+    const [activeContentViewport, setActiveContentViewport] = React.useState(() => /* istanbul ignore next */ activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport);
     const [navigationAidId, setNavigationAidId] = React.useState(() => activeContentControl
         ? activeContentControl.navigationAidControl
         : /* istanbul ignore next */ "");
@@ -103,7 +103,7 @@ export function NavigationWidgetComposer(props) {
     /* istanbul ignore next */
     const navigationAid = hideNavigationAid
         ? undefined
-        : navigationAidHost ?? React.createElement(NavigationAidHost, null);
+        : navigationAidHost !== null && navigationAidHost !== void 0 ? navigationAidHost : React.createElement(NavigationAidHost, null);
     return (React.createElement(WidgetOpacityContext.Provider, { value: {
             onElementRef: handleChildRef,
             proximityScale,

package/lib/esm/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 * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { ViewClassFullNameChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\nimport type {\n  ContentControl,\n  ContentControlActivatedEventArgs,\n} from \"../content/ContentControl\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\n\nfunction createNavigationAidControl(\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n): NavigationAidControl | undefined {\n  // istanbul ignore else\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport\n    ? viewport.iModel\n    : /* istanbul ignore next */ 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    () => /* istanbul ignore next */ activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl\n      ? activeContentControl.navigationAidControl\n      : /* istanbul ignore next */ \"\"\n  );\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleContentControlActivated = (\n      args: ContentControlActivatedEventArgs\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    // istanbul ignore next\n    const handleViewClassFullNameChange = (\n      args: ViewClassFullNameChangedEventArgs\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    // istanbul ignore else\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth\n      ? /* istanbul ignore next */ props.minWidth\n      : \"64px\",\n    minHeight: props.minHeight\n      ? /* istanbul ignore next */ props.minHeight\n      : \"64px\",\n  };\n\n  // istanbul ignore else\n  if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\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 */\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  /* istanbul ignore next */\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 */\n\nimport * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { ViewClassFullNameChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport { NavigationArea } from \"@itwin/appui-layout-react\";\nimport type {\n  ContentControl,\n  ContentControlActivatedEventArgs,\n} from \"../content/ContentControl\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\n\nfunction createNavigationAidControl(\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n): NavigationAidControl | undefined {\n  // istanbul ignore else\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport\n    ? viewport.iModel\n    : /* istanbul ignore next */ 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    () => /* istanbul ignore next */ activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl\n      ? activeContentControl.navigationAidControl\n      : /* istanbul ignore next */ \"\"\n  );\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleContentControlActivated = (\n      args: ContentControlActivatedEventArgs\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    // istanbul ignore next\n    const handleViewClassFullNameChange = (\n      args: ViewClassFullNameChangedEventArgs\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    // istanbul ignore else\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth\n      ? /* istanbul ignore next */ props.minWidth\n      : \"64px\",\n    minHeight: props.minHeight\n      ? /* istanbul ignore next */ props.minHeight\n      : \"64px\",\n  };\n\n  // istanbul ignore else\n  if (UiFramework.visibility.useProximityOpacity && !UiFramework.isMobile()) {\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 */\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  /* istanbul ignore next */\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"]}

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

@@ -326,7 +326,7 @@ class WidgetDef {
     }
     set allowedPanelTargets(targets) {
         this._allowedPanelTargets =
-            targets && targets?.length > 0 ? targets : undefined;
+            targets && (targets === null || targets === void 0 ? void 0 : targets.length) > 0 ? targets : undefined;
     }
     onWidgetStateChanged() {
         this.widgetControl && this.widgetControl.onWidgetStateChanged();

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetDef.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 * as React from \"react\";\nimport type {\n  BadgeType,\n  ConditionalStringValue,\n  PointProps,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { UiError, UiEvent } from \"@itwin/appui-abstract\";\nimport type { FloatingWidgetState, PanelSide } from \"@itwin/appui-layout-react\";\nimport type { ConfigurableUiControlConstructor } from \"../configurableui/ConfigurableUiControl\";\nimport {\n  ConfigurableCreateInfo,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { PropsHelper } from \"../utils/PropsHelper\";\nimport type { WidgetControl } from \"./WidgetControl\";\nimport type { IconSpec, Rectangle, SizeProps } from \"@itwin/core-react\";\nimport { IconHelper } from \"@itwin/core-react\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport type { WidgetConfig } from \"./WidgetConfig\";\nimport { WidgetState } from \"./WidgetState\";\nimport { StagePanelLocation } from \"../stagepanels/StagePanelLocation\";\nimport { StatusBarWidgetComposerControl } from \"./StatusBarWidgetComposerControl\";\n\n/** Widget State Changed Event Args interface.\n * @public\n */\nexport interface WidgetStateChangedEventArgs {\n  widgetDef: WidgetDef;\n  widgetState: WidgetState;\n}\n\n/** Widget State Changed Event class.\n * @public\n */\nexport class WidgetStateChangedEvent extends UiEvent<WidgetStateChangedEventArgs> {}\n\n/** @internal */\nexport interface WidgetChangedEventArgs {\n  widgetDef: WidgetDef;\n}\n\n/** @internal */\nexport interface WidgetEventArgs {\n  widgetDef: WidgetDef;\n}\n\n/** Widget type enum.\n * @public\n */\nexport enum WidgetType {\n  Tool,\n  Navigation,\n  Rectangular,\n  ToolSettings,\n  StatusBar,\n}\n\n/** @internal */\nexport interface TabLocation {\n  widgetId: string;\n  widgetIndex: number;\n  side: PanelSide;\n  tabIndex: number;\n  floatingWidget?: FloatingWidgetState;\n}\n\n// -----------------------------------------------------------------------------\n\n/** A Widget Definition in the 9-Zone Layout system.\n * @public\n */\nexport class WidgetDef {\n  private static _sId = 0;\n  private _label: string | ConditionalStringValue | StringGetter = \"\";\n  private _tooltip: string | ConditionalStringValue | StringGetter = \"\";\n  private _widgetReactNode: React.ReactNode;\n  private _widgetControl!: WidgetControl;\n  private _defaultState: WidgetState = WidgetState.Unloaded;\n  private _id: string;\n  private _classId: string | ConfigurableUiControlConstructor | undefined =\n    undefined;\n  private _priority: number = 0;\n  private _isFloatingStateSupported: boolean = false;\n  private _isFloatingStateWindowResizable: boolean = true;\n  private _stateChanged: boolean = false;\n  private _widgetType: WidgetType = WidgetType.Rectangular;\n  private _applicationData?: any;\n  private _icon?: IconSpec;\n  private _internalData?: Map<string, any>;\n  private _badge?: BadgeType;\n  private _onWidgetStateChanged?: () => void;\n  private _saveTransientState?: () => void;\n  private _restoreTransientState?: () => boolean;\n  private _preferredPanelSize: \"fit-content\" | undefined;\n  private _defaultFloatingSize: SizeProps | undefined;\n  private _canPopout?: boolean;\n  private _floatingContainerId?: string;\n  private _defaultFloatingPosition: PointProps | undefined;\n\n  private _hideWithUiWhenFloating?: boolean;\n  private _allowedPanelTargets?: ReadonlyArray<StagePanelLocation>;\n  private _initialConfig?: WidgetConfig;\n\n  private _tabLocation?: TabLocation;\n  private _defaultTabLocation: TabLocation = {\n    side: \"left\",\n    tabIndex: 0,\n    widgetId: \"\",\n    widgetIndex: 0,\n  };\n  private _popoutBounds?: Rectangle;\n\n  public get state(): WidgetState {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (frontstageDef && frontstageDef.findWidgetDef(this.id)) {\n      const currentState = frontstageDef.getWidgetCurrentState(this);\n      // istanbul ignore else\n      if (undefined !== currentState) return currentState;\n    }\n    return this.defaultState;\n  }\n\n  public get id(): string {\n    return this._id;\n  }\n  public get classId(): string | ConfigurableUiControlConstructor | undefined {\n    return this._classId;\n  }\n  public get priority(): number {\n    return this._priority;\n  }\n  public get isFloatingStateSupported(): boolean {\n    return this._isFloatingStateSupported;\n  }\n  public get isFloatingStateWindowResizable(): boolean {\n    return this._isFloatingStateWindowResizable;\n  }\n  public get isToolSettings(): boolean {\n    return this._widgetType === WidgetType.ToolSettings;\n  }\n  public get isStatusBar(): boolean {\n    return this._widgetType === WidgetType.StatusBar;\n  }\n  public get stateChanged(): boolean {\n    return this._stateChanged;\n  }\n  public get applicationData(): any | undefined {\n    return this._applicationData;\n  }\n  public get isFloating(): boolean {\n    return this.state === WidgetState.Floating;\n  }\n  public get iconSpec(): IconSpec {\n    return this._icon === IconHelper.reactIconKey\n      ? IconHelper.getIconReactNode(this._icon, this._internalData)\n      : this._icon;\n  }\n  public set iconSpec(spec: IconSpec) {\n    this._icon = this._internalData\n      ? IconHelper.getIconData(spec, this._internalData)\n      : spec;\n  }\n  public get badgeType(): BadgeType | undefined {\n    return this._badge;\n  }\n  public get initialConfig(): WidgetConfig | undefined {\n    return this._initialConfig;\n  }\n\n  public get widgetType(): WidgetType {\n    return this._widgetType;\n  }\n  public set widgetType(type: WidgetType) {\n    this._widgetType = type;\n  }\n\n  /** @internal */\n  public get tabLocation() {\n    return this._tabLocation;\n  }\n  public set tabLocation(tabLocation: TabLocation | undefined) {\n    this._tabLocation = tabLocation;\n  }\n\n  /** @internal */\n  public get defaultTabLocation() {\n    return this._defaultTabLocation;\n  }\n\n  /** @internal */\n  public get defaultFloatingPosition() {\n    return this._defaultFloatingPosition;\n  }\n  public set defaultFloatingPosition(position: PointProps | undefined) {\n    this._defaultFloatingPosition = position;\n  }\n\n  /** @internal */\n  public get defaultFloatingSize() {\n    return this._defaultFloatingSize;\n  }\n  public set defaultFloatingSize(size: SizeProps | undefined) {\n    this._defaultFloatingSize = size;\n  }\n\n  /** @internal */\n  public get defaultState() {\n    return this._defaultState;\n  }\n\n  /** @internal */\n  public get popoutBounds() {\n    return this._popoutBounds;\n  }\n  public set popoutBounds(bounds: Rectangle | undefined) {\n    this._popoutBounds = bounds;\n  }\n\n  constructor() {\n    WidgetDef._sId++;\n    this._id = `Widget-${WidgetDef._sId}`;\n  }\n\n  /** @internal */\n  public static create(\n    config: WidgetConfig,\n    type: WidgetType = WidgetType.Rectangular\n  ) {\n    const def = new WidgetDef();\n    def.initializeFromConfig(config, type);\n    return def;\n  }\n\n  private initializeFromConfig(config: WidgetConfig, type: WidgetType) {\n    this._widgetType = type;\n    this._initialConfig = config;\n    this._id = config.id;\n\n    if (config.label) this.setLabel(config.label);\n    else if (config.labelKey)\n      this._label = UiFramework.localization.getLocalizedString(\n        config.labelKey\n      );\n    else if (type === WidgetType.ToolSettings) this.setLabel(\"Tool Settings\");\n\n    this.setCanPopout(config.canPopout);\n\n    const canFloat = config.canFloat;\n    this._isFloatingStateSupported = !!canFloat;\n    if (typeof canFloat === \"object\") {\n      this.setFloatingContainerId(canFloat.containerId);\n      this.defaultFloatingPosition = canFloat.defaultPosition;\n      this._hideWithUiWhenFloating = !!canFloat.hideWithUi;\n      this._isFloatingStateWindowResizable = !!canFloat.isResizable;\n      this._defaultFloatingSize = canFloat.defaultSize;\n    }\n\n    if (\"allowedPanels\" in config) {\n      this.allowedPanelTargets = config.allowedPanels;\n    } else if (type === WidgetType.ToolSettings)\n      this.allowedPanelTargets = [\n        StagePanelLocation.Bottom,\n        StagePanelLocation.Left,\n        StagePanelLocation.Right,\n      ];\n\n    if (config.priority !== undefined) this._priority = config.priority;\n\n    if (config.tooltip) this.setTooltip(config.tooltip);\n    else if (config.tooltipKey)\n      this._tooltip = UiFramework.localization.getLocalizedString(\n        config.tooltipKey\n      );\n\n    if (config.defaultState !== undefined) {\n      this._defaultState = config.defaultState;\n    }\n\n    this._widgetReactNode = config.content;\n    this._icon = config.icon;\n\n    // istanbul ignore next\n    if (config.icon !== undefined && this._icon === undefined)\n      this._icon = config.icon;\n\n    if (config.badge !== undefined) this._badge = config.badge;\n\n    this._preferredPanelSize = config.preferredPanelSize;\n  }\n\n  /** @alpha */\n  public get preferredPanelSize() {\n    return this._preferredPanelSize;\n  }\n\n  /** Get the label string */\n  public get label(): string {\n    return PropsHelper.getStringFromSpec(this._label);\n  }\n\n  /** Set the label.\n   * @param v A string or a function to get the string.\n   */\n  public setLabel(v: string | ConditionalStringValue | StringGetter) {\n    if (this._label === v) return;\n    this._label = v;\n    InternalFrontstageManager.onWidgetLabelChangedEvent.emit({\n      widgetDef: this,\n    });\n  }\n\n  /** Get the tooltip string */\n  public get tooltip(): string {\n    return PropsHelper.getStringFromSpec(this._tooltip);\n  }\n\n  /** Set the tooltip.\n   * @param v A string or a function to get the string.\n   */\n  public setTooltip(v: string | ConditionalStringValue | StringGetter) {\n    this._tooltip = v;\n  }\n\n  public get widgetControl(): WidgetControl | undefined {\n    return this._widgetControl;\n  }\n\n  public getWidgetControl(\n    type: ConfigurableUiControlType\n  ): WidgetControl | undefined {\n    if (!this._widgetControl && this.classId) {\n      let usedClassId: string = \"\";\n\n      if (typeof this.classId === \"string\") {\n        // istanbul ignore else\n        if (this.classId)\n          this._widgetControl = UiFramework.controls.create(\n            this.classId,\n            this.id,\n            this.applicationData\n          ) as WidgetControl;\n        usedClassId = this.classId;\n      } else {\n        const info = new ConfigurableCreateInfo(\n          this.classId.name,\n          this.id,\n          this.id\n        );\n        usedClassId = this.classId.name;\n        this._widgetControl = new this.classId(\n          info,\n          this.applicationData\n        ) as WidgetControl;\n      }\n\n      // istanbul ignore else\n      if (this._widgetControl) {\n        if (this._widgetControl.getType() !== type) {\n          throw new UiError(\n            UiFramework.loggerCategory(this),\n            `getWidgetControl: '${usedClassId}' is NOT a ${type}; it is a ${this._widgetControl.getType()}`\n          );\n        }\n\n        this._widgetControl.widgetDef = this;\n        this._widgetControl.initialize();\n      }\n    }\n\n    // istanbul ignore next - To avoid breaking API changes, if a WidgetControl is not specified for a status bar use Default one.\n    if (!this._widgetControl && this.isStatusBar) {\n      const info = new ConfigurableCreateInfo(\n        \"StatusBarWidgetComposerControl\",\n        StatusBarWidgetComposerControl.controlId,\n        StatusBarWidgetComposerControl.controlId\n      );\n      this._widgetControl = new StatusBarWidgetComposerControl(info, undefined);\n      this._widgetControl.widgetDef = this;\n      this._widgetControl.initialize();\n    }\n\n    return this._widgetControl;\n  }\n\n  public get reactNode(): React.ReactNode {\n    if (!this._widgetReactNode) {\n      const widgetControl = this.getWidgetControl(\n        ConfigurableUiControlType.Widget\n      );\n\n      // istanbul ignore else\n      if (widgetControl && widgetControl.reactNode)\n        this._widgetReactNode = widgetControl.reactNode;\n    }\n\n    return this._widgetReactNode;\n  }\n\n  public set reactNode(node: React.ReactNode) {\n    this._widgetReactNode = node;\n  }\n\n  public setWidgetState(newState: WidgetState): void {\n    if (this.state === newState) return;\n    this._stateChanged = true;\n    UiFramework.frontstages.onWidgetStateChangedEvent.emit({\n      widgetDef: this,\n      widgetState: newState,\n    });\n    this.onWidgetStateChanged();\n  }\n\n  public setCanPopout(value: boolean | undefined) {\n    this._canPopout = value;\n  }\n\n  public get canPopout(): boolean | undefined {\n    return this._canPopout;\n  }\n\n  public setFloatingContainerId(value: string | undefined) {\n    this._floatingContainerId = value;\n  }\n\n  public get floatingContainerId(): string | undefined {\n    return this._floatingContainerId;\n  }\n\n  public canOpen(): boolean {\n    return this.isFloating || this.isActive;\n  }\n\n  public get isVisible(): boolean {\n    return WidgetState.Hidden !== this.state;\n  }\n\n  public get activeState(): WidgetState {\n    return this.state;\n  }\n\n  public get isActive(): boolean {\n    return WidgetState.Open === this.activeState;\n  }\n\n  public set hideWithUiWhenFloating(hide: boolean | undefined) {\n    this._hideWithUiWhenFloating = !!hide;\n  }\n\n  public get hideWithUiWhenFloating(): boolean {\n    return !!this._hideWithUiWhenFloating;\n  }\n\n  public get allowedPanelTargets():\n    | ReadonlyArray<StagePanelLocation>\n    | undefined {\n    return this._allowedPanelTargets;\n  }\n\n  public set allowedPanelTargets(\n    targets: ReadonlyArray<StagePanelLocation> | undefined\n  ) {\n    this._allowedPanelTargets =\n      targets && targets?.length > 0 ? targets : undefined;\n  }\n\n  public onWidgetStateChanged(): void {\n    this.widgetControl && this.widgetControl.onWidgetStateChanged();\n    // istanbul ignore next\n    this._onWidgetStateChanged && this._onWidgetStateChanged();\n  }\n\n  /** Overwrite to save transient DOM state (i.e. scroll offset). */\n  public saveTransientState(): void {\n    this.widgetControl && this.widgetControl.saveTransientState();\n    this._saveTransientState && this._saveTransientState();\n  }\n\n  /** Overwrite to restore transient DOM state.\n   * @note Return true if the state is restored or the Widget will remount.\n   */\n  public restoreTransientState(): boolean {\n    let result = true;\n    if (this.widgetControl || this._restoreTransientState) {\n      let result1 = false,\n        result2 = false;\n      if (this.widgetControl)\n        result1 = this.widgetControl.restoreTransientState();\n      if (this._restoreTransientState) result2 = this._restoreTransientState();\n      result = !(result1 || result2);\n    }\n    return result;\n  }\n\n  /** Opens the widget and makes it visible to the user.\n   * I.e. opens the stage panel or brings the floating widget to front of the screen.\n   * @public\n   */\n  public show() {\n    InternalFrontstageManager.onWidgetShowEvent.emit({ widgetDef: this });\n  }\n\n  /** Opens the widget and expands it to fill full size of the stage panel.\n   * @public\n   */\n  public expand() {\n    InternalFrontstageManager.onWidgetExpandEvent.emit({ widgetDef: this });\n  }\n}\n"]}
+{"version":3,"file":"WidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetDef.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 * as React from \"react\";\nimport type {\n  BadgeType,\n  ConditionalStringValue,\n  PointProps,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { UiError, UiEvent } from \"@itwin/appui-abstract\";\nimport type { FloatingWidgetState, PanelSide } from \"@itwin/appui-layout-react\";\nimport type { ConfigurableUiControlConstructor } from \"../configurableui/ConfigurableUiControl\";\nimport {\n  ConfigurableCreateInfo,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { PropsHelper } from \"../utils/PropsHelper\";\nimport type { WidgetControl } from \"./WidgetControl\";\nimport type { IconSpec, Rectangle, SizeProps } from \"@itwin/core-react\";\nimport { IconHelper } from \"@itwin/core-react\";\nimport { InternalFrontstageManager } from \"../frontstage/InternalFrontstageManager\";\nimport type { WidgetConfig } from \"./WidgetConfig\";\nimport { WidgetState } from \"./WidgetState\";\nimport { StagePanelLocation } from \"../stagepanels/StagePanelLocation\";\nimport { StatusBarWidgetComposerControl } from \"./StatusBarWidgetComposerControl\";\n\n/** Widget State Changed Event Args interface.\n * @public\n */\nexport interface WidgetStateChangedEventArgs {\n  widgetDef: WidgetDef;\n  widgetState: WidgetState;\n}\n\n/** Widget State Changed Event class.\n * @public\n */\nexport class WidgetStateChangedEvent extends UiEvent<WidgetStateChangedEventArgs> {}\n\n/** @internal */\nexport interface WidgetChangedEventArgs {\n  widgetDef: WidgetDef;\n}\n\n/** @internal */\nexport interface WidgetEventArgs {\n  widgetDef: WidgetDef;\n}\n\n/** Widget type enum.\n * @public\n */\nexport enum WidgetType {\n  Tool,\n  Navigation,\n  Rectangular,\n  ToolSettings,\n  StatusBar,\n}\n\n/** @internal */\nexport interface TabLocation {\n  widgetId: string;\n  widgetIndex: number;\n  side: PanelSide;\n  tabIndex: number;\n  floatingWidget?: FloatingWidgetState;\n}\n\n// -----------------------------------------------------------------------------\n\n/** A Widget Definition in the 9-Zone Layout system.\n * @public\n */\nexport class WidgetDef {\n  private static _sId = 0;\n  private _label: string | ConditionalStringValue | StringGetter = \"\";\n  private _tooltip: string | ConditionalStringValue | StringGetter = \"\";\n  private _widgetReactNode: React.ReactNode;\n  private _widgetControl!: WidgetControl;\n  private _defaultState: WidgetState = WidgetState.Unloaded;\n  private _id: string;\n  private _classId: string | ConfigurableUiControlConstructor | undefined =\n    undefined;\n  private _priority: number = 0;\n  private _isFloatingStateSupported: boolean = false;\n  private _isFloatingStateWindowResizable: boolean = true;\n  private _stateChanged: boolean = false;\n  private _widgetType: WidgetType = WidgetType.Rectangular;\n  private _applicationData?: any;\n  private _icon?: IconSpec;\n  private _internalData?: Map<string, any>;\n  private _badge?: BadgeType;\n  private _onWidgetStateChanged?: () => void;\n  private _saveTransientState?: () => void;\n  private _restoreTransientState?: () => boolean;\n  private _preferredPanelSize: \"fit-content\" | undefined;\n  private _defaultFloatingSize: SizeProps | undefined;\n  private _canPopout?: boolean;\n  private _floatingContainerId?: string;\n  private _defaultFloatingPosition: PointProps | undefined;\n\n  private _hideWithUiWhenFloating?: boolean;\n  private _allowedPanelTargets?: ReadonlyArray<StagePanelLocation>;\n  private _initialConfig?: WidgetConfig;\n\n  private _tabLocation?: TabLocation;\n  private _defaultTabLocation: TabLocation = {\n    side: \"left\",\n    tabIndex: 0,\n    widgetId: \"\",\n    widgetIndex: 0,\n  };\n  private _popoutBounds?: Rectangle;\n\n  public get state(): WidgetState {\n    const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n    if (frontstageDef && frontstageDef.findWidgetDef(this.id)) {\n      const currentState = frontstageDef.getWidgetCurrentState(this);\n      // istanbul ignore else\n      if (undefined !== currentState) return currentState;\n    }\n    return this.defaultState;\n  }\n\n  public get id(): string {\n    return this._id;\n  }\n  public get classId(): string | ConfigurableUiControlConstructor | undefined {\n    return this._classId;\n  }\n  public get priority(): number {\n    return this._priority;\n  }\n  public get isFloatingStateSupported(): boolean {\n    return this._isFloatingStateSupported;\n  }\n  public get isFloatingStateWindowResizable(): boolean {\n    return this._isFloatingStateWindowResizable;\n  }\n  public get isToolSettings(): boolean {\n    return this._widgetType === WidgetType.ToolSettings;\n  }\n  public get isStatusBar(): boolean {\n    return this._widgetType === WidgetType.StatusBar;\n  }\n  public get stateChanged(): boolean {\n    return this._stateChanged;\n  }\n  public get applicationData(): any | undefined {\n    return this._applicationData;\n  }\n  public get isFloating(): boolean {\n    return this.state === WidgetState.Floating;\n  }\n  public get iconSpec(): IconSpec {\n    return this._icon === IconHelper.reactIconKey\n      ? IconHelper.getIconReactNode(this._icon, this._internalData)\n      : this._icon;\n  }\n  public set iconSpec(spec: IconSpec) {\n    this._icon = this._internalData\n      ? IconHelper.getIconData(spec, this._internalData)\n      : spec;\n  }\n  public get badgeType(): BadgeType | undefined {\n    return this._badge;\n  }\n  public get initialConfig(): WidgetConfig | undefined {\n    return this._initialConfig;\n  }\n\n  public get widgetType(): WidgetType {\n    return this._widgetType;\n  }\n  public set widgetType(type: WidgetType) {\n    this._widgetType = type;\n  }\n\n  /** @internal */\n  public get tabLocation() {\n    return this._tabLocation;\n  }\n  public set tabLocation(tabLocation: TabLocation | undefined) {\n    this._tabLocation = tabLocation;\n  }\n\n  /** @internal */\n  public get defaultTabLocation() {\n    return this._defaultTabLocation;\n  }\n\n  /** @internal */\n  public get defaultFloatingPosition() {\n    return this._defaultFloatingPosition;\n  }\n  public set defaultFloatingPosition(position: PointProps | undefined) {\n    this._defaultFloatingPosition = position;\n  }\n\n  /** @internal */\n  public get defaultFloatingSize() {\n    return this._defaultFloatingSize;\n  }\n  public set defaultFloatingSize(size: SizeProps | undefined) {\n    this._defaultFloatingSize = size;\n  }\n\n  /** @internal */\n  public get defaultState() {\n    return this._defaultState;\n  }\n\n  /** @internal */\n  public get popoutBounds() {\n    return this._popoutBounds;\n  }\n  public set popoutBounds(bounds: Rectangle | undefined) {\n    this._popoutBounds = bounds;\n  }\n\n  constructor() {\n    WidgetDef._sId++;\n    this._id = `Widget-${WidgetDef._sId}`;\n  }\n\n  /** @internal */\n  public static create(\n    config: WidgetConfig,\n    type: WidgetType = WidgetType.Rectangular\n  ) {\n    const def = new WidgetDef();\n    def.initializeFromConfig(config, type);\n    return def;\n  }\n\n  private initializeFromConfig(config: WidgetConfig, type: WidgetType) {\n    this._widgetType = type;\n    this._initialConfig = config;\n    this._id = config.id;\n\n    if (config.label) this.setLabel(config.label);\n    else if (config.labelKey)\n      this._label = UiFramework.localization.getLocalizedString(\n        config.labelKey\n      );\n    else if (type === WidgetType.ToolSettings) this.setLabel(\"Tool Settings\");\n\n    this.setCanPopout(config.canPopout);\n\n    const canFloat = config.canFloat;\n    this._isFloatingStateSupported = !!canFloat;\n    if (typeof canFloat === \"object\") {\n      this.setFloatingContainerId(canFloat.containerId);\n      this.defaultFloatingPosition = canFloat.defaultPosition;\n      this._hideWithUiWhenFloating = !!canFloat.hideWithUi;\n      this._isFloatingStateWindowResizable = !!canFloat.isResizable;\n      this._defaultFloatingSize = canFloat.defaultSize;\n    }\n\n    if (\"allowedPanels\" in config) {\n      this.allowedPanelTargets = config.allowedPanels;\n    } else if (type === WidgetType.ToolSettings)\n      this.allowedPanelTargets = [\n        StagePanelLocation.Bottom,\n        StagePanelLocation.Left,\n        StagePanelLocation.Right,\n      ];\n\n    if (config.priority !== undefined) this._priority = config.priority;\n\n    if (config.tooltip) this.setTooltip(config.tooltip);\n    else if (config.tooltipKey)\n      this._tooltip = UiFramework.localization.getLocalizedString(\n        config.tooltipKey\n      );\n\n    if (config.defaultState !== undefined) {\n      this._defaultState = config.defaultState;\n    }\n\n    this._widgetReactNode = config.content;\n    this._icon = config.icon;\n\n    // istanbul ignore next\n    if (config.icon !== undefined && this._icon === undefined)\n      this._icon = config.icon;\n\n    if (config.badge !== undefined) this._badge = config.badge;\n\n    this._preferredPanelSize = config.preferredPanelSize;\n  }\n\n  /** @alpha */\n  public get preferredPanelSize() {\n    return this._preferredPanelSize;\n  }\n\n  /** Get the label string */\n  public get label(): string {\n    return PropsHelper.getStringFromSpec(this._label);\n  }\n\n  /** Set the label.\n   * @param v A string or a function to get the string.\n   */\n  public setLabel(v: string | ConditionalStringValue | StringGetter) {\n    if (this._label === v) return;\n    this._label = v;\n    InternalFrontstageManager.onWidgetLabelChangedEvent.emit({\n      widgetDef: this,\n    });\n  }\n\n  /** Get the tooltip string */\n  public get tooltip(): string {\n    return PropsHelper.getStringFromSpec(this._tooltip);\n  }\n\n  /** Set the tooltip.\n   * @param v A string or a function to get the string.\n   */\n  public setTooltip(v: string | ConditionalStringValue | StringGetter) {\n    this._tooltip = v;\n  }\n\n  public get widgetControl(): WidgetControl | undefined {\n    return this._widgetControl;\n  }\n\n  public getWidgetControl(\n    type: ConfigurableUiControlType\n  ): WidgetControl | undefined {\n    if (!this._widgetControl && this.classId) {\n      let usedClassId: string = \"\";\n\n      if (typeof this.classId === \"string\") {\n        // istanbul ignore else\n        if (this.classId)\n          this._widgetControl = UiFramework.controls.create(\n            this.classId,\n            this.id,\n            this.applicationData\n          ) as WidgetControl;\n        usedClassId = this.classId;\n      } else {\n        const info = new ConfigurableCreateInfo(\n          this.classId.name,\n          this.id,\n          this.id\n        );\n        usedClassId = this.classId.name;\n        this._widgetControl = new this.classId(\n          info,\n          this.applicationData\n        ) as WidgetControl;\n      }\n\n      // istanbul ignore else\n      if (this._widgetControl) {\n        if (this._widgetControl.getType() !== type) {\n          throw new UiError(\n            UiFramework.loggerCategory(this),\n            `getWidgetControl: '${usedClassId}' is NOT a ${type}; it is a ${this._widgetControl.getType()}`\n          );\n        }\n\n        this._widgetControl.widgetDef = this;\n        this._widgetControl.initialize();\n      }\n    }\n\n    // istanbul ignore next - To avoid breaking API changes, if a WidgetControl is not specified for a status bar use Default one.\n    if (!this._widgetControl && this.isStatusBar) {\n      const info = new ConfigurableCreateInfo(\n        \"StatusBarWidgetComposerControl\",\n        StatusBarWidgetComposerControl.controlId,\n        StatusBarWidgetComposerControl.controlId\n      );\n      this._widgetControl = new StatusBarWidgetComposerControl(info, undefined);\n      this._widgetControl.widgetDef = this;\n      this._widgetControl.initialize();\n    }\n\n    return this._widgetControl;\n  }\n\n  public get reactNode(): React.ReactNode {\n    if (!this._widgetReactNode) {\n      const widgetControl = this.getWidgetControl(\n        ConfigurableUiControlType.Widget\n      );\n\n      // istanbul ignore else\n      if (widgetControl && widgetControl.reactNode)\n        this._widgetReactNode = widgetControl.reactNode;\n    }\n\n    return this._widgetReactNode;\n  }\n\n  public set reactNode(node: React.ReactNode) {\n    this._widgetReactNode = node;\n  }\n\n  public setWidgetState(newState: WidgetState): void {\n    if (this.state === newState) return;\n    this._stateChanged = true;\n    UiFramework.frontstages.onWidgetStateChangedEvent.emit({\n      widgetDef: this,\n      widgetState: newState,\n    });\n    this.onWidgetStateChanged();\n  }\n\n  public setCanPopout(value: boolean | undefined) {\n    this._canPopout = value;\n  }\n\n  public get canPopout(): boolean | undefined {\n    return this._canPopout;\n  }\n\n  public setFloatingContainerId(value: string | undefined) {\n    this._floatingContainerId = value;\n  }\n\n  public get floatingContainerId(): string | undefined {\n    return this._floatingContainerId;\n  }\n\n  public canOpen(): boolean {\n    return this.isFloating || this.isActive;\n  }\n\n  public get isVisible(): boolean {\n    return WidgetState.Hidden !== this.state;\n  }\n\n  public get activeState(): WidgetState {\n    return this.state;\n  }\n\n  public get isActive(): boolean {\n    return WidgetState.Open === this.activeState;\n  }\n\n  public set hideWithUiWhenFloating(hide: boolean | undefined) {\n    this._hideWithUiWhenFloating = !!hide;\n  }\n\n  public get hideWithUiWhenFloating(): boolean {\n    return !!this._hideWithUiWhenFloating;\n  }\n\n  public get allowedPanelTargets():\n    | ReadonlyArray<StagePanelLocation>\n    | undefined {\n    return this._allowedPanelTargets;\n  }\n\n  public set allowedPanelTargets(\n    targets: ReadonlyArray<StagePanelLocation> | undefined\n  ) {\n    this._allowedPanelTargets =\n      targets && targets?.length > 0 ? targets : undefined;\n  }\n\n  public onWidgetStateChanged(): void {\n    this.widgetControl && this.widgetControl.onWidgetStateChanged();\n    // istanbul ignore next\n    this._onWidgetStateChanged && this._onWidgetStateChanged();\n  }\n\n  /** Overwrite to save transient DOM state (i.e. scroll offset). */\n  public saveTransientState(): void {\n    this.widgetControl && this.widgetControl.saveTransientState();\n    this._saveTransientState && this._saveTransientState();\n  }\n\n  /** Overwrite to restore transient DOM state.\n   * @note Return true if the state is restored or the Widget will remount.\n   */\n  public restoreTransientState(): boolean {\n    let result = true;\n    if (this.widgetControl || this._restoreTransientState) {\n      let result1 = false,\n        result2 = false;\n      if (this.widgetControl)\n        result1 = this.widgetControl.restoreTransientState();\n      if (this._restoreTransientState) result2 = this._restoreTransientState();\n      result = !(result1 || result2);\n    }\n    return result;\n  }\n\n  /** Opens the widget and makes it visible to the user.\n   * I.e. opens the stage panel or brings the floating widget to front of the screen.\n   * @public\n   */\n  public show() {\n    InternalFrontstageManager.onWidgetShowEvent.emit({ widgetDef: this });\n  }\n\n  /** Opens the widget and expands it to fill full size of the stage panel.\n   * @public\n   */\n  public expand() {\n    InternalFrontstageManager.onWidgetExpandEvent.emit({ widgetDef: this });\n  }\n}\n"]}

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

@@ -52,6 +52,7 @@ export class WidgetHost {
      * @internal
      */
     updateDynamicWidgetDefs(stageId, stageUsage, location, section, allStageWidgetDefs) {
+        var _a;
         // get widgetDefs not already in allStageWidgetDefs and add them
         const uniqueWidgets = this._widgetDefs.filter((widgetDef) => {
             return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);
@@ -60,9 +61,9 @@ export class WidgetHost {
         let dynamicWidgetDefs;
         if (section !== undefined) {
             dynamicWidgetDefs =
-                UiFramework.widgetManager.getWidgetDefs(stageId, stageUsage, location, section) ?? [];
+                (_a = UiFramework.widgetManager.getWidgetDefs(stageId, stageUsage, location, section)) !== null && _a !== void 0 ? _a : [];
         }
-        const uniqueDynamicWidgetDefs = dynamicWidgetDefs?.filter((widgetDef) => {
+        const uniqueDynamicWidgetDefs = dynamicWidgetDefs === null || dynamicWidgetDefs === void 0 ? void 0 : dynamicWidgetDefs.filter((widgetDef) => {
             return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);
         });
         // Now that we no longer support a middle panel section, yet we have existing API that allows a middle section to be

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetHost.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetHost.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 { StagePanelLocation } from \"../stagepanels/StagePanelLocation\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { WidgetDef } from \"./WidgetDef\";\n\n/**\n * A WidgetHost represents a definition that hosts one or most Widgets in a Frontstage.\n * @public\n */\nexport class WidgetHost {\n  private _widgetDefs: WidgetDef[] = new Array<WidgetDef>();\n  private _dynamicWidgetDefs: ReadonlyArray<WidgetDef> | undefined;\n  private _sortedWidgetDefs: ReadonlyArray<WidgetDef> = [];\n\n  /** Constructor for WidgetHost.\n   */\n  constructor() {}\n\n  /** Adds a WidgetDef to the list of Widgets.\n   * @param widgetDef  Definition of the Widget to add\n   */\n  public addWidgetDef(widgetDef: WidgetDef) {\n    this._widgetDefs.push(widgetDef);\n    this.sortWidgetDefs();\n  }\n\n  /** Gets the list of Widgets. */\n  public get widgetDefs(): ReadonlyArray<WidgetDef> {\n    return this._sortedWidgetDefs;\n  }\n\n  /** Gets the number of Widgets. */\n  public get widgetCount(): number {\n    return this.widgetDefs.length;\n  }\n\n  /** If there is only one Widget in the Panel, gets the single WidgetDef.\n   * @returns The single WidgetDef if there is only one Widget; otherwise, undefined is returned.\n   */\n  public getSingleWidgetDef(): WidgetDef | undefined {\n    if (this.widgetCount === 1) {\n      return this.widgetDefs[0];\n    }\n    return undefined;\n  }\n\n  /** Finds a WidgetDef with a given Id.\n   * @param id  Id of the WidgetDef to find\n   * @returns The WidgetDef if found; otherwise, undefined is returned.\n   */\n  public findWidgetDef(id: string): WidgetDef | undefined {\n    return this.widgetDefs.find((widgetDef: WidgetDef) => widgetDef.id === id);\n  }\n\n  /** Updates the WidgetHost with dynamic widgets\n   * @internal\n   */\n  public updateDynamicWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section: StagePanelSection | undefined,\n    allStageWidgetDefs: WidgetDef[]\n  ): void {\n    // get widgetDefs not already in allStageWidgetDefs and add them\n    const uniqueWidgets = this._widgetDefs.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    allStageWidgetDefs.push(...uniqueWidgets);\n\n    let dynamicWidgetDefs: readonly WidgetDef[] | undefined;\n    if (section !== undefined) {\n      dynamicWidgetDefs =\n        UiFramework.widgetManager.getWidgetDefs(\n          stageId,\n          stageUsage,\n          location,\n          section\n        ) ?? [];\n    }\n\n    const uniqueDynamicWidgetDefs = dynamicWidgetDefs?.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    // Now that we no longer support a middle panel section, yet we have existing API that allows a middle section to be\n    // defined, the following is needed to combining middle and end panel section widgets into a single set of widgets\n    if (uniqueDynamicWidgetDefs) {\n      allStageWidgetDefs.push(...uniqueDynamicWidgetDefs);\n      this._dynamicWidgetDefs = [...uniqueDynamicWidgetDefs];\n    }\n    this.sortWidgetDefs();\n  }\n\n  /** Sorts all widgets */\n  private sortWidgetDefs(): void {\n    let sortedWidgetDefs = [];\n    if (this._dynamicWidgetDefs)\n      sortedWidgetDefs = this._widgetDefs.concat(this._dynamicWidgetDefs);\n    else sortedWidgetDefs = this._widgetDefs.slice();\n\n    sortedWidgetDefs.sort((a, b) => a.priority - b.priority);\n\n    this._sortedWidgetDefs = sortedWidgetDefs;\n  }\n}\n"]}
+{"version":3,"file":"WidgetHost.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetHost.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 { StagePanelLocation } from \"../stagepanels/StagePanelLocation\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { WidgetDef } from \"./WidgetDef\";\n\n/**\n * A WidgetHost represents a definition that hosts one or most Widgets in a Frontstage.\n * @public\n */\nexport class WidgetHost {\n  private _widgetDefs: WidgetDef[] = new Array<WidgetDef>();\n  private _dynamicWidgetDefs: ReadonlyArray<WidgetDef> | undefined;\n  private _sortedWidgetDefs: ReadonlyArray<WidgetDef> = [];\n\n  /** Constructor for WidgetHost.\n   */\n  constructor() {}\n\n  /** Adds a WidgetDef to the list of Widgets.\n   * @param widgetDef  Definition of the Widget to add\n   */\n  public addWidgetDef(widgetDef: WidgetDef) {\n    this._widgetDefs.push(widgetDef);\n    this.sortWidgetDefs();\n  }\n\n  /** Gets the list of Widgets. */\n  public get widgetDefs(): ReadonlyArray<WidgetDef> {\n    return this._sortedWidgetDefs;\n  }\n\n  /** Gets the number of Widgets. */\n  public get widgetCount(): number {\n    return this.widgetDefs.length;\n  }\n\n  /** If there is only one Widget in the Panel, gets the single WidgetDef.\n   * @returns The single WidgetDef if there is only one Widget; otherwise, undefined is returned.\n   */\n  public getSingleWidgetDef(): WidgetDef | undefined {\n    if (this.widgetCount === 1) {\n      return this.widgetDefs[0];\n    }\n    return undefined;\n  }\n\n  /** Finds a WidgetDef with a given Id.\n   * @param id  Id of the WidgetDef to find\n   * @returns The WidgetDef if found; otherwise, undefined is returned.\n   */\n  public findWidgetDef(id: string): WidgetDef | undefined {\n    return this.widgetDefs.find((widgetDef: WidgetDef) => widgetDef.id === id);\n  }\n\n  /** Updates the WidgetHost with dynamic widgets\n   * @internal\n   */\n  public updateDynamicWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section: StagePanelSection | undefined,\n    allStageWidgetDefs: WidgetDef[]\n  ): void {\n    // get widgetDefs not already in allStageWidgetDefs and add them\n    const uniqueWidgets = this._widgetDefs.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    allStageWidgetDefs.push(...uniqueWidgets);\n\n    let dynamicWidgetDefs: readonly WidgetDef[] | undefined;\n    if (section !== undefined) {\n      dynamicWidgetDefs =\n        UiFramework.widgetManager.getWidgetDefs(\n          stageId,\n          stageUsage,\n          location,\n          section\n        ) ?? [];\n    }\n\n    const uniqueDynamicWidgetDefs = dynamicWidgetDefs?.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    // Now that we no longer support a middle panel section, yet we have existing API that allows a middle section to be\n    // defined, the following is needed to combining middle and end panel section widgets into a single set of widgets\n    if (uniqueDynamicWidgetDefs) {\n      allStageWidgetDefs.push(...uniqueDynamicWidgetDefs);\n      this._dynamicWidgetDefs = [...uniqueDynamicWidgetDefs];\n    }\n    this.sortWidgetDefs();\n  }\n\n  /** Sorts all widgets */\n  private sortWidgetDefs(): void {\n    let sortedWidgetDefs = [];\n    if (this._dynamicWidgetDefs)\n      sortedWidgetDefs = this._widgetDefs.concat(this._dynamicWidgetDefs);\n    else sortedWidgetDefs = this._widgetDefs.slice();\n\n    sortedWidgetDefs.sort((a, b) => a.priority - b.priority);\n\n    this._sortedWidgetDefs = sortedWidgetDefs;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/appui-react",
-  "version": "4.3.0-dev.1",
+  "version": "4.3.1",
   "description": "UI framework",
   "main": "lib/cjs/appui-react.js",
   "module": "lib/esm/appui-react.js",
@@ -23,16 +23,16 @@
   },
   "peerDependencies": {
     "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
-    "@itwin/appui-layout-react": "^4.3.0-dev.1",
-    "@itwin/components-react": "^4.3.0-dev.1",
+    "@itwin/appui-layout-react": "^4.3.1",
+    "@itwin/components-react": "^4.3.1",
     "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
     "@itwin/core-common": "^3.7.0 || ^4.0.0",
     "@itwin/core-frontend": "^3.7.0 || ^4.0.0",
     "@itwin/core-geometry": "^3.7.0 || ^4.0.0",
     "@itwin/core-quantity": "^3.7.0 || ^4.0.0",
-    "@itwin/core-react": "^4.3.0-dev.1",
+    "@itwin/core-react": "^4.3.1",
     "@itwin/core-telemetry": "^3.7.0 || ^4.0.0",
-    "@itwin/imodel-components-react": "^4.3.0-dev.1",
+    "@itwin/imodel-components-react": "^4.3.1",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-redux": "^7.2.2",
@@ -44,20 +44,20 @@
   ],
   "devDependencies": {
     "@itwin/appui-abstract": "^3.7.0",
-    "@itwin/appui-layout-react": "4.3.0-dev.1",
+    "@itwin/appui-layout-react": "4.3.1",
     "@itwin/build-tools": "^3.7.0",
-    "@itwin/components-react": "4.3.0-dev.1",
+    "@itwin/components-react": "4.3.1",
     "@itwin/core-bentley": "^3.7.0",
     "@itwin/core-common": "^3.7.0",
     "@itwin/core-frontend": "^3.7.0",
     "@itwin/core-geometry": "^3.7.0",
     "@itwin/core-orbitgt": "^3.7.0",
     "@itwin/core-quantity": "^3.7.0",
-    "@itwin/core-react": "4.3.0-dev.1",
+    "@itwin/core-react": "4.3.1",
     "@itwin/core-telemetry": "^3.7.0",
     "@itwin/ecschema-metadata": "^3.7.0",
     "@itwin/eslint-plugin": "^3.7.0",
-    "@itwin/imodel-components-react": "4.3.0-dev.1",
+    "@itwin/imodel-components-react": "4.3.1",
     "@itwin/webgl-compatibility": "^3.7.0",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",