@itwin/appui-react 4.1.0 → 4.2.0

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Frontstage
  */
@@ -55,7 +55,7 @@ const widgetPanelsFrontstage = React.createElement(WidgetPanelsFrontstageCompone
 /** @internal */
 function useLayoutStore() {
     const [def, setDef] = React.useState(UiFramework_1.UiFramework.frontstages.activeFrontstageDef);
-    const [layout, setLayout] = React.useState(() => (0, appui_layout_react_1.createLayoutStore)(def === null || def === void 0 ? void 0 : def.nineZoneState));
+    const [layout, setLayout] = React.useState(() => (0, appui_layout_react_1.createLayoutStore)(def?.nineZoneState));
     React.useEffect(() => {
         return UiFramework_1.UiFramework.frontstages.onFrontstageActivatedEvent.addListener((args) => {
             (0, react_dom_1.unstable_batchedUpdates)(() => {
@@ -66,9 +66,12 @@ function useLayoutStore() {
     }, []);
     React.useEffect(() => {
         return InternalFrontstageManager_1.InternalFrontstageManager.onFrontstageNineZoneStateChangedEvent.addListener((args) => {
-            if (args.frontstageDef !== def || def.isStageClosing || def.isApplicationClosing)
+            if (args.frontstageDef !== def ||
+                def.isStageClosing ||
+                def.isApplicationClosing)
                 return;
             (0, react_dom_1.unstable_batchedUpdates)(() => {
+                // https://github.com/pmndrs/zustand/blob/main/docs/guides/event-handler-in-pre-react-18.md
                 layout.setState(args.state || defaultNineZone);
             });
         });
@@ -105,7 +108,7 @@ 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);
@@ -125,13 +128,11 @@ function useNineZoneDispatch(frontstageDef) {
         }
         // istanbul ignore if
         if (action.type === "TOOL_SETTINGS_DRAG_START") {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            UiFramework_1.UiFramework.postTelemetry("Tool Settings Undocking", "28B04E07-AE73-4533-A0BA-8E2A8DC99ADF");
+            void UiFramework_1.UiFramework.postTelemetry("Tool Settings Undocking", "28B04E07-AE73-4533-A0BA-8E2A8DC99ADF");
         }
         // istanbul ignore if
         if (action.type === "TOOL_SETTINGS_DOCK") {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            UiFramework_1.UiFramework.postTelemetry("Tool Settings Docking to Settings Bar", "BEDE684B-B3DB-4637-B3AF-DC3CBA223F94");
+            void UiFramework_1.UiFramework.postTelemetry("Tool Settings Docking to Settings Bar", "BEDE684B-B3DB-4637-B3AF-DC3CBA223F94");
         }
         if (action.type === "WIDGET_TAB_POPOUT") {
             const tabId = action.id;
@@ -168,7 +169,7 @@ const defaultNineZone = (0, appui_layout_react_1.createNineZoneState)();
 const tabElement = React.createElement(Tab_1.WidgetPanelsTab, null);
 const floatingWidgetElement = React.createElement(FloatingWidget_1.FloatingWidget, null);
 /** @internal */
-function ActiveFrontstageDefProvider({ frontstageDef, layout }) {
+function ActiveFrontstageDefProvider({ frontstageDef, layout, }) {
     const dispatch = useNineZoneDispatch(frontstageDef);
     useUpdateNineZoneSize(frontstageDef);
     useSavedFrontstageState(frontstageDef);
@@ -215,8 +216,7 @@ function useLabels() {
 exports.useLabels = useLabels;
 /** @internal */
 function addWidgets(state, widgets, side, widgetId) {
-    var _a;
-    const visibleWidgets = widgets.filter((w) => w.isVisible && (w.defaultState !== WidgetState_1.WidgetState.Floating));
+    const visibleWidgets = widgets.filter((w) => w.isVisible && w.defaultState !== WidgetState_1.WidgetState.Floating);
     if (visibleWidgets.length === 0)
         return state;
     const tabs = new Array();
@@ -230,14 +230,14 @@ function addWidgets(state, widgets, side, widgetId) {
             canPopout: widget.canPopout,
             isFloatingStateWindowResizable: widget.isFloatingStateWindowResizable,
             hideWithUiWhenFloating: !!widget.hideWithUiWhenFloating,
-            allowedPanelTargets: (_a = widget.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((location) => (0, StagePanelDef_1.toPanelSide)(location)),
+            allowedPanelTargets: widget.allowedPanelTargets?.map((location) => (0, StagePanelDef_1.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_1.WidgetState.Floating) {
+    if (activeWidget?.defaultState !== WidgetState_1.WidgetState.Floating) {
         state = (0, appui_layout_react_1.addPanelWidget)(state, side, widgetId, tabs, {
             activeTabId: activeWidget ? activeWidget.id : tabs[0],
             minimized,
@@ -249,7 +249,6 @@ exports.addWidgets = addWidgets;
 /** @internal */
 // istanbul ignore next
 function appendWidgets(state, widgetDefs, location, section) {
-    var _a, _b;
     if (widgetDefs.length === 0)
         return state;
     const side = (0, StagePanelDef_1.toPanelSide)(location);
@@ -257,10 +256,17 @@ function appendWidgets(state, widgetDefs, location, section) {
     for (const widgetDef of widgetDefs) {
         const label = getWidgetLabel(widgetDef.label);
         const saveTab = state.tabs[widgetDef.id];
-        const preferredPanelWidgetSize = saveTab ? saveTab.preferredPanelWidgetSize : widgetDef.preferredPanelSize;
-        const preferredFloatingWidgetSize = saveTab ? saveTab.preferredFloatingWidgetSize : widgetDef.defaultFloatingSize;
+        const preferredPanelWidgetSize = saveTab
+            ? saveTab.preferredPanelWidgetSize
+            : widgetDef.preferredPanelSize;
+        const preferredFloatingWidgetSize = saveTab
+            ? saveTab.preferredFloatingWidgetSize
+            : widgetDef.defaultFloatingSize;
         // if a defaultFloatingSize is specified then this mean the widget can't determine its intrinsic size and must be explicitly sized
-        const userSized = saveTab ? (saveTab.userSized || !!widgetDef.defaultFloatingSize && !!saveTab.preferredFloatingWidgetSize)
+        const userSized = saveTab
+            ? saveTab.userSized ||
+                (!!widgetDef.defaultFloatingSize &&
+                    !!saveTab.preferredFloatingWidgetSize)
             : !!widgetDef.defaultFloatingSize;
         state = (0, appui_layout_react_1.addTab)(state, widgetDef.id, {
             label,
@@ -271,20 +277,32 @@ function appendWidgets(state, widgetDefs, location, section) {
             userSized,
             isFloatingStateWindowResizable: widgetDef.isFloatingStateWindowResizable,
             hideWithUiWhenFloating: !!widgetDef.hideWithUiWhenFloating,
-            allowedPanelTargets: (_a = widgetDef.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((l) => (0, StagePanelDef_1.toPanelSide)(l)),
+            allowedPanelTargets: widgetDef.allowedPanelTargets?.map((l) => (0, StagePanelDef_1.toPanelSide)(l)),
         });
-        if (widgetDef.isFloatingStateSupported && widgetDef.defaultState === WidgetState_1.WidgetState.Floating) {
-            const floatingContainerId = (_b = widgetDef.floatingContainerId) !== null && _b !== void 0 ? _b : (0, appui_layout_react_1.getUniqueId)();
+        if (widgetDef.isFloatingStateSupported &&
+            widgetDef.defaultState === WidgetState_1.WidgetState.Floating) {
+            const floatingContainerId = widgetDef.floatingContainerId ?? (0, appui_layout_react_1.getUniqueId)();
             const widgetContainerId = getWidgetId(location, section);
-            const home = { side, widgetId: widgetContainerId, widgetIndex: 0 };
+            const home = {
+                side,
+                widgetId: widgetContainerId,
+                widgetIndex: 0,
+            };
             const preferredPosition = widgetDef.defaultFloatingPosition;
             if (floatingContainerId in state.widgets) {
                 state = (0, appui_layout_react_1.addTabToWidget)(state, widgetDef.id, floatingContainerId);
             }
             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 size = {
+                    height: 200,
+                    width: 300,
+                    ...tab.preferredFloatingWidgetSize,
+                };
+                const preferredPoint = preferredPosition ?? {
+                    x: (state.size.width - size.width) / 2,
+                    y: (state.size.height - size.height) / 2,
+                };
                 const nzBounds = core_react_1.Rectangle.createFromSize(state.size);
                 const bounds = core_react_1.Rectangle.createFromSize(size).offset(preferredPoint);
                 const containedBounds = bounds.containIn(nzBounds);
@@ -306,7 +324,9 @@ function appendWidgets(state, widgetDefs, location, section) {
             else {
                 const panel = state.panels[side];
                 if (panel.widgets.length < panel.maxWidgetCount) {
-                    state = (0, appui_layout_react_1.addPanelWidget)(state, side, widgetPanelSectionId, [widgetDef.id]);
+                    state = (0, appui_layout_react_1.addPanelWidget)(state, side, widgetPanelSectionId, [
+                        widgetDef.id,
+                    ]);
                 }
                 else {
                     const widgetIndex = Math.min(preferredWidgetIndex, panel.widgets.length - 1);
@@ -325,7 +345,8 @@ function processPopoutWidgets(initialState, frontstageDef) {
         return initialState;
     // istanbul ignore next - not unit testing electron case that reopens popout windows
     if (initialState.popoutWidgets && core_bentley_1.ProcessDetector.isElectronAppFrontend) {
-        if (initialState.popoutWidgets.allIds.length && core_bentley_1.ProcessDetector.isElectronAppFrontend) {
+        if (initialState.popoutWidgets.allIds.length &&
+            core_bentley_1.ProcessDetector.isElectronAppFrontend) {
             for (const widgetContainerId of initialState.popoutWidgets.allIds) {
                 frontstageDef.openPopoutWidgetContainer(initialState, widgetContainerId);
             }
@@ -338,16 +359,23 @@ function processPopoutWidgets(initialState, frontstageDef) {
  * @internal
  */
 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_1.StagePanelSection.Start).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Left, StagePanelSection_1.StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_b = frontstageDef.leftPanel) === null || _b === void 0 ? void 0 : _b.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Left, StagePanelSection_1.StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_c = frontstageDef.rightPanel) === null || _c === void 0 ? void 0 : _c.getPanelSectionDef(StagePanelSection_1.StagePanelSection.Start).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Right, StagePanelSection_1.StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_d = frontstageDef.rightPanel) === null || _d === void 0 ? void 0 : _d.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Right, StagePanelSection_1.StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_e = frontstageDef.topPanel) === null || _e === void 0 ? void 0 : _e.getPanelSectionDef(StagePanelSection_1.StagePanelSection.Start).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Top, StagePanelSection_1.StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_f = frontstageDef.topPanel) === null || _f === void 0 ? void 0 : _f.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Top, StagePanelSection_1.StagePanelSection.End);
-    state = appendWidgets(state, determineNewWidgets((_g = frontstageDef.bottomPanel) === null || _g === void 0 ? void 0 : _g.getPanelSectionDef(StagePanelSection_1.StagePanelSection.Start).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Bottom, StagePanelSection_1.StagePanelSection.Start);
-    state = appendWidgets(state, determineNewWidgets((_h = frontstageDef.bottomPanel) === null || _h === void 0 ? void 0 : _h.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End).widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Bottom, StagePanelSection_1.StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.leftPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Left, StagePanelSection_1.StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.leftPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Left, StagePanelSection_1.StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.rightPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Right, StagePanelSection_1.StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.rightPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Right, StagePanelSection_1.StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.topPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Top, StagePanelSection_1.StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.topPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Top, StagePanelSection_1.StagePanelSection.End);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.bottomPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.Start)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Bottom, StagePanelSection_1.StagePanelSection.Start);
+    state = appendWidgets(state, determineNewWidgets(frontstageDef.bottomPanel?.getPanelSectionDef(StagePanelSection_1.StagePanelSection.End)
+        .widgetDefs, state), StagePanelLocation_1.StagePanelLocation.Bottom, StagePanelSection_1.StagePanelSection.End);
     return state;
 }
 exports.addMissingWidgets = addMissingWidgets;
@@ -424,8 +452,8 @@ exports.getWidgetId = getWidgetId;
 /** @internal */
 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 || [];
 }
 exports.getPanelSectionWidgets = getPanelSectionWidgets;
 /** @internal */
@@ -453,16 +481,18 @@ function initializePanel(state, frontstageDef, location) {
     state = addPanelWidgets(state, frontstageDef, location);
     const panelDef = frontstageDef.getStagePanelDef(location);
     state = (0, immer_1.default)(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;
-        panel.size = size === undefined ? size : Math.min(Math.max(size, panel.minSize), panel.maxSize);
+        const size = panelDef?.size;
+        panel.size =
+            size === undefined
+                ? size
+                : Math.min(Math.max(size, panel.minSize), panel.maxSize);
     });
     return state;
 }
@@ -471,8 +501,10 @@ function getPanelMaxSize(maxSizeSpec, panel, nineZoneSize) {
     if (typeof maxSizeSpec === "number") {
         return maxSizeSpec;
     }
-    const size = (0, appui_layout_react_1.isHorizontalPanelSide)(panel) ? nineZoneSize.height : nineZoneSize.width;
-    return maxSizeSpec.percentage / 100 * size;
+    const size = (0, appui_layout_react_1.isHorizontalPanelSide)(panel)
+        ? nineZoneSize.height
+        : nineZoneSize.width;
+    return (maxSizeSpec.percentage / 100) * size;
 }
 const stateVersion = 13; // this needs to be bumped when NineZoneState is changed (to recreate the layout).
 /** @internal */
@@ -492,23 +524,25 @@ function initializeNineZoneState(frontstageDef) {
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation_1.StagePanelLocation.Top);
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation_1.StagePanelLocation.Bottom);
     nineZone = (0, immer_1.default)(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;
+            const firstWidget = panel.widgets.length > 0
+                ? stateDraft.widgets[panel.widgets[0]]
+                : undefined;
             // istanbul ignore next
             if (!expanded && firstWidget) {
                 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[appui_layout_react_1.toolSettingsTabId];
-            toolSettingsTab.preferredPanelWidgetSize = toolSettingsWidgetDef.preferredPanelSize;
+            toolSettingsTab.preferredPanelWidgetSize =
+                toolSettingsWidgetDef.preferredPanelSize;
         }
     });
     nineZone = addMissingWidgets(frontstageDef, nineZone);
@@ -540,7 +574,6 @@ function restoreNineZoneState(frontstageDef, saved) {
             continue;
         }
         restored = (0, immer_1.default)(restored, (draft) => {
-            var _a;
             draft.tabs[tab.id] = {
                 ...tab,
                 label: getWidgetLabel(widgetDef.label),
@@ -548,7 +581,7 @@ function restoreNineZoneState(frontstageDef, saved) {
                 iconSpec: widgetDef.iconSpec,
                 canPopout: widgetDef.canPopout,
                 isFloatingStateWindowResizable: widgetDef.isFloatingStateWindowResizable,
-                allowedPanelTargets: (_a = widgetDef.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((location) => (0, StagePanelDef_1.toPanelSide)(location)),
+                allowedPanelTargets: widgetDef.allowedPanelTargets?.map((location) => (0, StagePanelDef_1.toPanelSide)(location)),
             };
         });
     }
@@ -580,7 +613,9 @@ function restoreNineZoneState(frontstageDef, saved) {
         }
         return;
     });
-    if (InternalFrontstageManager_1.InternalFrontstageManager.nineZoneSize && (0 !== InternalFrontstageManager_1.InternalFrontstageManager.nineZoneSize.height || 0 !== InternalFrontstageManager_1.InternalFrontstageManager.nineZoneSize.width)) {
+    if (InternalFrontstageManager_1.InternalFrontstageManager.nineZoneSize &&
+        (0 !== InternalFrontstageManager_1.InternalFrontstageManager.nineZoneSize.height ||
+            0 !== InternalFrontstageManager_1.InternalFrontstageManager.nineZoneSize.width)) {
         restored = FrameworkStateReducer(restored, {
             type: "RESIZE",
             size: {
@@ -704,7 +739,6 @@ function addHiddenWidget(state, widgetDef) {
 }
 /** @internal */
 function setWidgetState(state, widgetDef, widgetState) {
-    var _a, _b;
     if (widgetState === WidgetState_1.WidgetState.Hidden) {
         return hideWidget(state, widgetDef);
     }
@@ -716,7 +750,6 @@ function setWidgetState(state, widgetDef, widgetState) {
             location = (0, appui_layout_react_1.getTabLocation)(state, id);
         }
         return (0, immer_1.default)(state, (draft) => {
-            var _a;
             (0, core_bentley_1.assert)(!!location);
             const widget = draft.widgets[location.widgetId];
             widget.minimized = false;
@@ -731,7 +764,7 @@ 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;
                 }
             }
         });
@@ -766,7 +799,7 @@ function setWidgetState(state, widgetDef, widgetState) {
             return state;
         // Widget is not floating.
         state = (0, appui_layout_react_1.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 = (0, appui_layout_react_1.addFloatingWidget)(state, (0, appui_layout_react_1.getUniqueId)(), [id], { bounds });
     }
     return state;
@@ -792,7 +825,9 @@ function hideWidget(state, widgetDef) {
     else if (!(0, appui_layout_react_1.isPopoutTabLocation)(location)) {
         const widgetId = location.widgetId;
         const side = (0, appui_layout_react_1.isPanelTabLocation)(location) ? location.side : "left";
-        const widgetIndex = (0, appui_layout_react_1.isPanelTabLocation)(location) ? state.panels[side].widgets.indexOf(widgetId) : 0;
+        const widgetIndex = (0, appui_layout_react_1.isPanelTabLocation)(location)
+            ? state.panels[side].widgets.indexOf(widgetId)
+            : 0;
         const tabIndex = state.widgets[location.widgetId].tabs.indexOf(widgetDef.id);
         widgetDef.tabLocation = {
             side,
@@ -833,8 +868,9 @@ function expandWidget(state, id) {
         if ((0, appui_layout_react_1.isPanelTabLocation)(location)) {
             const panel = draft.panels[location.side];
             panel.splitterPercent =
-                panel.widgets.findIndex((wId) => wId === location.widgetId) === 0 ?
-                    100 : 0;
+                panel.widgets.findIndex((wId) => wId === location.widgetId) === 0
+                    ? 100
+                    : 0;
         }
         widget.minimized = false;
     });
@@ -857,7 +893,9 @@ function useSavedFrontstageState(frontstageDef) {
     const isMountedRef = React.useRef(false);
     React.useEffect(() => {
         isMountedRef.current = true;
-        return () => { isMountedRef.current = false; };
+        return () => {
+            isMountedRef.current = false;
+        };
     }, []);
     React.useEffect(() => {
         uiStateStorageRef.current = uiStateStorage;
@@ -875,7 +913,8 @@ function useSavedFrontstageState(frontstageDef) {
                 return;
             if (isFrontstageStateSettingResult(settingResult)) {
                 const setting = settingResult.setting;
-                if (setting.version >= version && setting.stateVersion >= stateVersion) {
+                if (setting.version >= version &&
+                    setting.stateVersion >= stateVersion) {
                     const restored = restoreNineZoneState(frontstageDef, setting.nineZone);
                     frontstageDef.savedWidgetDefs = setting.widgets;
                     restoreSavedWidgets(frontstageDef);
@@ -1004,7 +1043,8 @@ function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel) {
             // TODO: track restoring frontstages to support workflows:  i.e. prevent loading frontstage OR saving layout when delete is pending
             void uiSettingsStorage.deleteSetting(exports.FRONTSTAGE_SETTINGS_NAMESPACE, getFrontstageStateSettingName(args.frontstageDef.id));
             if (frontstageDef.id === args.frontstageDef.id) {
-                args.frontstageDef.nineZoneState = initializeNineZoneState(frontstageDef);
+                args.frontstageDef.nineZoneState =
+                    initializeNineZoneState(frontstageDef);
             }
             else {
                 args.frontstageDef.nineZoneState = undefined;
@@ -1029,11 +1069,11 @@ function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel) {
     const defaultLabel = React.useMemo(() => UiFramework_1.UiFramework.translate("widget.labels.toolSettings"), []);
     React.useEffect(() => {
         const updateLabel = createListener(frontstageDef, () => {
-            var _a;
             const toolId = UiFramework_1.UiFramework.frontstages.activeToolId;
             (0, core_bentley_1.assert)(!!frontstageDef.nineZoneState);
-            const label = useToolAsToolSettingsLabel ?
-                ((_a = core_frontend_1.IModelApp.tools.find(toolId)) === null || _a === void 0 ? void 0 : _a.flyover) || defaultLabel : defaultLabel;
+            const label = useToolAsToolSettingsLabel
+                ? core_frontend_1.IModelApp.tools.find(toolId)?.flyover || defaultLabel
+                : defaultLabel;
             frontstageDef.nineZoneState = setWidgetLabel(frontstageDef.nineZoneState, appui_layout_react_1.toolSettingsTabId, label);
         });
         // Whenever the frontstageDef or the useTool... changes, keep the label up to date.