@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.20

package/lib/esm/appui-react/widget-panels/Frontstage.d.ts

@@ -3,12 +3,14 @@
  */
 /// <reference types="react" />
 import "./Frontstage.scss";
-import { StagePanelLocation, StagePanelSection, WidgetState } from "@itwin/appui-abstract";
 import { RectangleProps, UiStateStorageResult, UiStateStorageStatus } from "@itwin/core-react";
 import { LayoutStore, NineZoneAction, NineZoneDispatch, NineZoneLabels, NineZoneState, PanelSide, TabState } from "@itwin/appui-layout-react";
 import { FrontstageDef } from "../frontstage/FrontstageDef";
 import { StagePanelState } from "../stagepanels/StagePanelDef";
 import { TabLocation, WidgetDef } from "../widgets/WidgetDef";
+import { WidgetState } from "../widgets/WidgetState";
+import { StagePanelSection } from "../stagepanels/StagePanelSection";
+import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
 /** @internal */
 export declare function useLayoutStore(): readonly [LayoutStore, FrontstageDef | undefined];
 /** Update in-memory NineZoneState of newly activated frontstage with up to date size.
@@ -41,7 +43,7 @@ export declare function addMissingWidgets(frontstageDef: FrontstageDef, initialS
  * @internal
  */
 export declare function removeMissingWidgets(frontstageDef: FrontstageDef, initialState: NineZoneState): NineZoneState;
-declare type WidgetId = "leftStart" | "leftEnd" | "rightStart" | "rightEnd" | "topStart" | "topEnd" | "bottomStart" | "bottomEnd";
+type WidgetId = "leftStart" | "leftEnd" | "rightStart" | "rightEnd" | "topStart" | "topEnd" | "bottomStart" | "bottomEnd";
 /** @internal */
 export declare function getWidgetId(location: StagePanelLocation, section: StagePanelSection): WidgetId;
 /** @internal */
@@ -92,8 +94,8 @@ export interface SavedWidget {
     readonly popoutBounds?: RectangleProps;
 }
 /** @internal */
-export declare type SavedWidgets = ReadonlyArray<SavedWidget>;
-declare type SavedTabState = Omit<TabState, "label" | "canPopout" | "isFloatingStateWindowResizable" | "iconSpec">;
+export type SavedWidgets = ReadonlyArray<SavedWidget>;
+type SavedTabState = Omit<TabState, "label" | "canPopout" | "isFloatingStateWindowResizable" | "iconSpec">;
 interface SavedTabsState {
     readonly [id: string]: SavedTabState;
 }

package/lib/esm/appui-react/widget-panels/Frontstage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Frontstage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Frontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/Frontstage.tsx"],"names":[],"mappings":"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"}

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

@@ -11,11 +11,9 @@ import produce from "immer";
 import * as React from "react";
 import { unstable_batchedUpdates } from "react-dom";
 import { assert, Logger, ProcessDetector } from "@itwin/core-bentley";
-import { StagePanelLocation, StagePanelSection, UiItemsManager, WidgetState } from "@itwin/appui-abstract";
 import { Rectangle, Size, UiStateStorageStatus } from "@itwin/core-react";
 import { ToolbarPopupAutoHideContext } from "@itwin/components-react";
 import { addFloatingWidget, addPanelWidget, addTab, addTabToWidget, convertAllPopupWidgetContainersToFloating, createLayoutStore, createNineZoneState, floatingWidgetBringToFront, FloatingWidgets, getTabLocation, getUniqueId, getWidgetPanelSectionId, insertPanelWidget, insertTabToWidget, isFloatingTabLocation, isHorizontalPanelSide, isPanelTabLocation, isPopoutTabLocation, NineZone, NineZoneStateReducer, panelSides, removeTab, removeTabFromWidget, toolSettingsTabId, WidgetPanels, } from "@itwin/appui-layout-react";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
 import { StagePanelState, toPanelSide } from "../stagepanels/StagePanelDef";
 import { UiFramework } from "../UiFramework";
 import { useUiStateStorageHandler } from "../uistate/useUiStateStorage";
@@ -31,6 +29,11 @@ import { useSelector } from "react-redux";
 import { useUiVisibility } from "../hooks/useUiVisibility";
 import { IModelApp } from "@itwin/core-frontend";
 import { FloatingWidget } from "./FloatingWidget";
+import { InternalFrontstageManager } from "../frontstage/InternalFrontstageManager";
+import { WidgetState } from "../widgets/WidgetState";
+import { StagePanelSection } from "../stagepanels/StagePanelSection";
+import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
+import { UiItemsManager } from "../ui-items-provider/UiItemsManager";
 function WidgetPanelsFrontstageComponent() {
     const activeModalFrontstageInfo = useActiveModalFrontstageInfo();
     const uiIsVisible = useUiVisibility();
@@ -48,10 +51,10 @@ const toolSettingsContent = React.createElement(ToolSettingsContent, null);
 const widgetPanelsFrontstage = React.createElement(WidgetPanelsFrontstageComponent, null);
 /** @internal */
 export function useLayoutStore() {
-    const [def, setDef] = React.useState(FrontstageManager.activeFrontstageDef);
-    const [layout, setLayout] = React.useState(() => createLayoutStore(def === null || def === void 0 ? void 0 : def.nineZoneState));
+    const [def, setDef] = React.useState(UiFramework.frontstages.activeFrontstageDef);
+    const [layout, setLayout] = React.useState(() => createLayoutStore(def?.nineZoneState));
     React.useEffect(() => {
-        return FrontstageManager.onFrontstageActivatedEvent.addListener((args) => {
+        return UiFramework.frontstages.onFrontstageActivatedEvent.addListener((args) => {
             unstable_batchedUpdates(() => {
                 setDef(args.activatedFrontstageDef);
                 setLayout(createLayoutStore(args.activatedFrontstageDef.nineZoneState));
@@ -59,7 +62,7 @@ export function useLayoutStore() {
         });
     }, []);
     React.useEffect(() => {
-        return FrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener((args) => {
+        return InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener((args) => {
             if (args.frontstageDef !== def || def.isStageClosing || def.isApplicationClosing)
                 return;
             unstable_batchedUpdates(() => {
@@ -74,7 +77,7 @@ export function useLayoutStore() {
  */
 export function useUpdateNineZoneSize(frontstageDef) {
     React.useEffect(() => {
-        const size = FrontstageManager.nineZoneSize;
+        const size = InternalFrontstageManager.nineZoneSize;
         let state = frontstageDef.nineZoneState;
         if (!size || !state)
             return;
@@ -97,7 +100,7 @@ export function FrameworkStateReducer(state, action, frontstageDef) {
                 const panel = draft.panels[panelSide];
                 const location = toStagePanelLocation(panelSide);
                 const panelDef = frontstageDef.getStagePanelDef(location);
-                if (panelDef === null || panelDef === void 0 ? void 0 : panelDef.maxSizeSpec) {
+                if (panelDef?.maxSizeSpec) {
                     panel.maxSize = getPanelMaxSize(panelDef.maxSizeSpec, panelSide, action.size);
                     if (panel.size) {
                         panel.size = Math.min(Math.max(panel.size, panel.minSize), panel.maxSize);
@@ -112,7 +115,7 @@ export function FrameworkStateReducer(state, action, frontstageDef) {
 export function useNineZoneDispatch(frontstageDef) {
     const dispatch = React.useCallback((action) => {
         if (action.type === "RESIZE") {
-            FrontstageManager.nineZoneSize = Size.create(action.size);
+            InternalFrontstageManager.nineZoneSize = Size.create(action.size);
         }
         // istanbul ignore if
         if (action.type === "TOOL_SETTINGS_DRAG_START") {
@@ -216,14 +219,14 @@ export function addWidgets(state, widgets, side, widgetId) {
             canPopout: widget.canPopout,
             isFloatingStateWindowResizable: widget.isFloatingStateWindowResizable,
             hideWithUiWhenFloating: !!widget.hideWithUiWhenFloating,
-            allowedPanelTargets: widget.allowedPanelTargets,
+            allowedPanelTargets: widget.allowedPanelTargets?.map((location) => toPanelSide(location)),
         });
         tabs.push(widget.id);
     }
     const activeWidget = visibleWidgets.find((widget) => widget.isActive);
     const minimized = false;
     // istanbul ignore else
-    if ((activeWidget === null || activeWidget === void 0 ? void 0 : activeWidget.defaultState) !== WidgetState.Floating) {
+    if (activeWidget?.defaultState !== WidgetState.Floating) {
         state = addPanelWidget(state, side, widgetId, tabs, {
             activeTabId: activeWidget ? activeWidget.id : tabs[0],
             minimized,
@@ -234,7 +237,6 @@ export function addWidgets(state, widgets, side, widgetId) {
 /** @internal */
 // istanbul ignore next
 export function appendWidgets(state, widgetDefs, location, section) {
-    var _a;
     if (widgetDefs.length === 0)
         return state;
     const side = toPanelSide(location);
@@ -256,10 +258,10 @@ export function appendWidgets(state, widgetDefs, location, section) {
             userSized,
             isFloatingStateWindowResizable: widgetDef.isFloatingStateWindowResizable,
             hideWithUiWhenFloating: !!widgetDef.hideWithUiWhenFloating,
-            allowedPanelTargets: widgetDef.allowedPanelTargets,
+            allowedPanelTargets: widgetDef.allowedPanelTargets?.map((l) => toPanelSide(l)),
         });
         if (widgetDef.isFloatingStateSupported && widgetDef.defaultState === WidgetState.Floating) {
-            const floatingContainerId = (_a = widgetDef.floatingContainerId) !== null && _a !== void 0 ? _a : getUniqueId();
+            const floatingContainerId = widgetDef.floatingContainerId ?? getUniqueId();
             const widgetContainerId = getWidgetId(location, section);
             const home = { side, widgetId: widgetContainerId, widgetIndex: 0 };
             const preferredPosition = widgetDef.defaultFloatingPosition;
@@ -269,7 +271,7 @@ export function appendWidgets(state, widgetDefs, location, section) {
             else {
                 const tab = state.tabs[widgetDef.id];
                 const size = { height: 200, width: 300, ...tab.preferredFloatingWidgetSize };
-                const preferredPoint = preferredPosition !== null && preferredPosition !== void 0 ? preferredPosition : { x: (state.size.width - size.width) / 2, y: (state.size.height - size.height) / 2 };
+                const preferredPoint = preferredPosition ?? { x: (state.size.width - size.width) / 2, y: (state.size.height - size.height) / 2 };
                 const nzBounds = Rectangle.createFromSize(state.size);
                 const bounds = Rectangle.createFromSize(size).offset(preferredPoint);
                 const containedBounds = bounds.containIn(nzBounds);
@@ -322,16 +324,15 @@ function processPopoutWidgets(initialState, frontstageDef) {
  * @internal
  */
 export function addMissingWidgets(frontstageDef, initialState) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     let state = initialState;
-    state = appendWidgets(state, determineNewWidgets((_a = frontstageDef.leftPanel) === null || _a === void 0 ? void 0 : _a.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Left, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_b = frontstageDef.leftPanel) === null || _b === void 0 ? void 0 : _b.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Left, StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_c = frontstageDef.rightPanel) === null || _c === void 0 ? void 0 : _c.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Right, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_d = frontstageDef.rightPanel) === null || _d === void 0 ? void 0 : _d.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Right, StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_e = frontstageDef.topPanel) === null || _e === void 0 ? void 0 : _e.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Top, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_f = frontstageDef.topPanel) === null || _f === void 0 ? void 0 : _f.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Top, StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_g = frontstageDef.bottomPanel) === null || _g === void 0 ? void 0 : _g.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_h = frontstageDef.bottomPanel) === null || _h === void 0 ? void 0 : _h.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.leftPanel?.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Left, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.leftPanel?.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Left, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.rightPanel?.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Right, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.rightPanel?.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Right, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.topPanel?.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Top, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.topPanel?.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Top, StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.bottomPanel?.getPanelSectionDef(StagePanelSection.Start).widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.bottomPanel?.getPanelSectionDef(StagePanelSection.End).widgetDefs, state), StagePanelLocation.Bottom, StagePanelSection.End);
     return state;
 }
 /** Hide widgets with Hidden defaultState. */
@@ -405,8 +406,8 @@ export function getWidgetId(location, section) {
 /** @internal */
 export function getPanelSectionWidgets(frontstageDef, location, section) {
     const stagePanel = frontstageDef.getStagePanelDef(location);
-    const panelSection = stagePanel === null || stagePanel === void 0 ? void 0 : stagePanel.getPanelSectionDef(section);
-    return (panelSection === null || panelSection === void 0 ? void 0 : panelSection.widgetDefs) || [];
+    const panelSection = stagePanel?.getPanelSectionDef(section);
+    return panelSection?.widgetDefs || [];
 }
 /** @internal */
 export function addPanelWidgets(state, frontstageDef, location) {
@@ -431,15 +432,14 @@ export function initializePanel(state, frontstageDef, location) {
     state = addPanelWidgets(state, frontstageDef, location);
     const panelDef = frontstageDef.getStagePanelDef(location);
     state = produce(state, (draft) => {
-        var _a, _b, _c;
         const panel = draft.panels[panelSide];
-        panel.minSize = (_a = panelDef === null || panelDef === void 0 ? void 0 : panelDef.minSize) !== null && _a !== void 0 ? _a : panel.minSize;
-        panel.pinned = (_b = panelDef === null || panelDef === void 0 ? void 0 : panelDef.pinned) !== null && _b !== void 0 ? _b : panel.pinned;
-        panel.resizable = (_c = panelDef === null || panelDef === void 0 ? void 0 : panelDef.resizable) !== null && _c !== void 0 ? _c : panel.resizable;
-        if (panelDef === null || panelDef === void 0 ? void 0 : panelDef.maxSizeSpec) {
+        panel.minSize = panelDef?.minSize ?? panel.minSize;
+        panel.pinned = panelDef?.pinned ?? panel.pinned;
+        panel.resizable = panelDef?.resizable ?? panel.resizable;
+        if (panelDef?.maxSizeSpec) {
             panel.maxSize = getPanelMaxSize(panelDef.maxSizeSpec, panelSide, state.size);
         }
-        const size = panelDef === null || panelDef === void 0 ? void 0 : panelDef.size;
+        const size = panelDef?.size;
         panel.size = size === undefined ? size : Math.min(Math.max(size, panel.minSize), panel.maxSize);
     });
     return state;
@@ -457,11 +457,11 @@ export function initializeNineZoneState(frontstageDef) {
     let nineZone = defaultNineZone;
     nineZone = produce(nineZone, (stateDraft) => {
         // istanbul ignore next
-        if (!FrontstageManager.nineZoneSize)
+        if (!InternalFrontstageManager.nineZoneSize)
             return;
         stateDraft.size = {
-            height: FrontstageManager.nineZoneSize.height,
-            width: FrontstageManager.nineZoneSize.width,
+            height: InternalFrontstageManager.nineZoneSize.height,
+            width: InternalFrontstageManager.nineZoneSize.width,
         };
     });
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation.Left);
@@ -469,7 +469,6 @@ export function initializeNineZoneState(frontstageDef) {
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation.Top);
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation.Bottom);
     nineZone = produce(nineZone, (stateDraft) => {
-        var _a, _b, _c, _d;
         for (const [, panel] of Object.entries(stateDraft.panels)) {
             const expanded = panel.widgets.find((widgetId) => stateDraft.widgets[widgetId].minimized === false);
             const firstWidget = panel.widgets.length > 0 ? stateDraft.widgets[panel.widgets[0]] : undefined;
@@ -478,10 +477,10 @@ export function initializeNineZoneState(frontstageDef) {
                 firstWidget.minimized = false;
             }
         }
-        stateDraft.panels.left.collapsed = isPanelCollapsed((_a = frontstageDef.leftPanel) === null || _a === void 0 ? void 0 : _a.panelState);
-        stateDraft.panels.right.collapsed = isPanelCollapsed((_b = frontstageDef.rightPanel) === null || _b === void 0 ? void 0 : _b.panelState);
-        stateDraft.panels.top.collapsed = isPanelCollapsed((_c = frontstageDef.topPanel) === null || _c === void 0 ? void 0 : _c.panelState);
-        stateDraft.panels.bottom.collapsed = isPanelCollapsed((_d = frontstageDef.bottomPanel) === null || _d === void 0 ? void 0 : _d.panelState);
+        stateDraft.panels.left.collapsed = isPanelCollapsed(frontstageDef.leftPanel?.panelState);
+        stateDraft.panels.right.collapsed = isPanelCollapsed(frontstageDef.rightPanel?.panelState);
+        stateDraft.panels.top.collapsed = isPanelCollapsed(frontstageDef.topPanel?.panelState);
+        stateDraft.panels.bottom.collapsed = isPanelCollapsed(frontstageDef.bottomPanel?.panelState);
         const toolSettingsWidgetDef = frontstageDef.toolSettings;
         if (toolSettingsWidgetDef) {
             const toolSettingsTab = stateDraft.tabs[toolSettingsTabId];
@@ -523,7 +522,7 @@ export function restoreNineZoneState(frontstageDef, saved) {
                 iconSpec: widgetDef.iconSpec,
                 canPopout: widgetDef.canPopout,
                 isFloatingStateWindowResizable: widgetDef.isFloatingStateWindowResizable,
-                allowedPanelTargets: widgetDef.allowedPanelTargets,
+                allowedPanelTargets: widgetDef.allowedPanelTargets?.map((location) => toPanelSide(location)),
             };
         });
     }
@@ -555,12 +554,12 @@ export function restoreNineZoneState(frontstageDef, saved) {
         }
         return;
     });
-    if (FrontstageManager.nineZoneSize && (0 !== FrontstageManager.nineZoneSize.height || 0 !== FrontstageManager.nineZoneSize.width)) {
+    if (InternalFrontstageManager.nineZoneSize && (0 !== InternalFrontstageManager.nineZoneSize.height || 0 !== InternalFrontstageManager.nineZoneSize.width)) {
         restored = FrameworkStateReducer(restored, {
             type: "RESIZE",
             size: {
-                height: FrontstageManager.nineZoneSize.height,
-                width: FrontstageManager.nineZoneSize.width,
+                height: InternalFrontstageManager.nineZoneSize.height,
+                width: InternalFrontstageManager.nineZoneSize.width,
             },
         }, frontstageDef);
     }
@@ -676,7 +675,6 @@ function addHiddenWidget(state, widgetDef) {
 }
 /** @internal */
 export function setWidgetState(state, widgetDef, widgetState) {
-    var _a, _b;
     if (widgetState === WidgetState.Hidden) {
         return hideWidget(state, widgetDef);
     }
@@ -688,7 +686,6 @@ export function setWidgetState(state, widgetDef, widgetState) {
             location = getTabLocation(state, id);
         }
         return produce(state, (draft) => {
-            var _a;
             assert(!!location);
             const widget = draft.widgets[location.widgetId];
             widget.minimized = false;
@@ -703,7 +700,7 @@ export function setWidgetState(state, widgetDef, widgetState) {
                 panel.collapsed = false;
                 if (undefined === panel.size || 0 === panel.size) {
                     // istanbul ignore next
-                    panel.size = (_a = panel.minSize) !== null && _a !== void 0 ? _a : 200;
+                    panel.size = panel.minSize ?? 200;
                 }
             }
         });
@@ -738,7 +735,7 @@ export function setWidgetState(state, widgetDef, widgetState) {
             return state;
         // Widget is not floating.
         state = removeTabFromWidget(state, id);
-        const bounds = (_b = (_a = widgetDef.tabLocation) === null || _a === void 0 ? void 0 : _a.floatingWidget) === null || _b === void 0 ? void 0 : _b.bounds;
+        const bounds = widgetDef.tabLocation?.floatingWidget?.bounds;
         state = addFloatingWidget(state, getUniqueId(), [id], { bounds });
     }
     return state;
@@ -802,10 +799,9 @@ export function expandWidget(state, id) {
         const widget = draft.widgets[location.widgetId];
         if (isPanelTabLocation(location)) {
             const panel = draft.panels[location.side];
-            panel.widgets.forEach((wId) => {
-                const w = draft.widgets[wId];
-                w.minimized = true;
-            });
+            panel.splitterPercent =
+                panel.widgets.findIndex((wId) => wId === location.widgetId) === 0 ?
+                    100 : 0;
         }
         widget.minimized = false;
     });
@@ -935,31 +931,33 @@ export function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel)
             assert(!!frontstageDef.nineZoneState);
             frontstageDef.nineZoneState = setWidgetState(frontstageDef.nineZoneState, widgetDef, widgetState);
         });
-        FrontstageManager.onWidgetStateChangedEvent.addListener(listener);
+        UiFramework.frontstages.onWidgetStateChangedEvent.addListener(listener);
         return () => {
-            FrontstageManager.onWidgetStateChangedEvent.removeListener(listener);
+            UiFramework.frontstages.onWidgetStateChangedEvent.removeListener(listener);
         };
     }, [frontstageDef]);
     React.useEffect(() => {
         const listener = createListener(frontstageDef, ({ widgetDef }) => {
             assert(!!frontstageDef.nineZoneState);
-            frontstageDef.nineZoneState = showWidget(frontstageDef.nineZoneState, widgetDef.id);
+            const nineZoneState = setWidgetState(frontstageDef.nineZoneState, widgetDef, WidgetState.Open);
+            frontstageDef.nineZoneState = showWidget(nineZoneState, widgetDef.id);
         });
-        FrontstageManager.onWidgetShowEvent.addListener(listener);
+        InternalFrontstageManager.onWidgetShowEvent.addListener(listener);
         return () => {
-            FrontstageManager.onWidgetShowEvent.removeListener(listener);
+            InternalFrontstageManager.onWidgetShowEvent.removeListener(listener);
         };
     }, [frontstageDef]);
     React.useEffect(() => {
         const listener = createListener(frontstageDef, ({ widgetDef }) => {
             assert(!!frontstageDef.nineZoneState);
-            let nineZoneState = showWidget(frontstageDef.nineZoneState, widgetDef.id);
+            let nineZoneState = setWidgetState(frontstageDef.nineZoneState, widgetDef, WidgetState.Open);
+            nineZoneState = showWidget(nineZoneState, widgetDef.id);
             nineZoneState = expandWidget(nineZoneState, widgetDef.id);
             frontstageDef.nineZoneState = nineZoneState;
         });
-        FrontstageManager.onWidgetExpandEvent.addListener(listener);
+        InternalFrontstageManager.onWidgetExpandEvent.addListener(listener);
         return () => {
-            FrontstageManager.onWidgetExpandEvent.removeListener(listener);
+            InternalFrontstageManager.onWidgetExpandEvent.removeListener(listener);
         };
     }, [frontstageDef]);
     const uiSettingsStorage = useUiStateStorageHandler();
@@ -974,9 +972,9 @@ export function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel)
                 args.frontstageDef.nineZoneState = undefined;
             }
         };
-        FrontstageManager.onFrontstageRestoreLayoutEvent.addListener(listener);
+        InternalFrontstageManager.onFrontstageRestoreLayoutEvent.addListener(listener);
         return () => {
-            FrontstageManager.onFrontstageRestoreLayoutEvent.removeListener(listener);
+            InternalFrontstageManager.onFrontstageRestoreLayoutEvent.removeListener(listener);
         };
     }, [uiSettingsStorage, frontstageDef]);
     React.useEffect(() => {
@@ -985,36 +983,35 @@ export function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel)
             const label = widgetDef.label;
             frontstageDef.nineZoneState = setWidgetLabel(frontstageDef.nineZoneState, widgetDef.id, label);
         });
-        FrontstageManager.onWidgetLabelChangedEvent.addListener(listener);
+        InternalFrontstageManager.onWidgetLabelChangedEvent.addListener(listener);
         return () => {
-            FrontstageManager.onWidgetLabelChangedEvent.removeListener(listener);
+            InternalFrontstageManager.onWidgetLabelChangedEvent.removeListener(listener);
         };
     }, [frontstageDef]);
     const defaultLabel = React.useMemo(() => UiFramework.translate("widget.labels.toolSettings"), []);
     React.useEffect(() => {
         const updateLabel = createListener(frontstageDef, () => {
-            var _a;
-            const toolId = FrontstageManager.activeToolId;
+            const toolId = UiFramework.frontstages.activeToolId;
             assert(!!frontstageDef.nineZoneState);
             const label = useToolAsToolSettingsLabel ?
-                ((_a = IModelApp.tools.find(toolId)) === null || _a === void 0 ? void 0 : _a.flyover) || defaultLabel : defaultLabel;
+                IModelApp.tools.find(toolId)?.flyover || defaultLabel : defaultLabel;
             frontstageDef.nineZoneState = setWidgetLabel(frontstageDef.nineZoneState, toolSettingsTabId, label);
         });
         // Whenever the frontstageDef or the useTool... changes, keep the label up to date.
         updateLabel();
         // If useTool... is true, listen for events to keep up the label up to date.
         if (useToolAsToolSettingsLabel) {
-            FrontstageManager.onFrontstageReadyEvent.addListener(updateLabel);
-            FrontstageManager.onFrontstageRestoreLayoutEvent.addListener(updateLabel);
-            FrontstageManager.onToolActivatedEvent.addListener(updateLabel);
-            FrontstageManager.onToolSettingsReloadEvent.addListener(updateLabel);
+            UiFramework.frontstages.onFrontstageReadyEvent.addListener(updateLabel);
+            InternalFrontstageManager.onFrontstageRestoreLayoutEvent.addListener(updateLabel);
+            UiFramework.frontstages.onToolActivatedEvent.addListener(updateLabel);
+            UiFramework.frontstages.onToolSettingsReloadEvent.addListener(updateLabel);
         }
         return () => {
             if (useToolAsToolSettingsLabel) {
-                FrontstageManager.onFrontstageReadyEvent.removeListener(updateLabel);
-                FrontstageManager.onFrontstageRestoreLayoutEvent.removeListener(updateLabel);
-                FrontstageManager.onToolActivatedEvent.removeListener(updateLabel);
-                FrontstageManager.onToolSettingsReloadEvent.removeListener(updateLabel);
+                UiFramework.frontstages.onFrontstageReadyEvent.removeListener(updateLabel);
+                InternalFrontstageManager.onFrontstageRestoreLayoutEvent.removeListener(updateLabel);
+                UiFramework.frontstages.onToolActivatedEvent.removeListener(updateLabel);
+                UiFramework.frontstages.onToolSettingsReloadEvent.removeListener(updateLabel);
             }
         };
     }, [frontstageDef, useToolAsToolSettingsLabel, defaultLabel]);