@itwin/appui-react 4.4.0 → 4.5.1

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

@@ -52,7 +52,7 @@ const widgetPanelsFrontstage = React.createElement(WidgetPanelsFrontstageCompone
 /** @internal */
 export function useLayoutStore() {
     const [def, setDef] = React.useState(UiFramework.frontstages.activeFrontstageDef);
-    const [layout, setLayout] = React.useState(() => createLayoutStore(def === null || def === void 0 ? void 0 : def.nineZoneState));
+    const [layout, setLayout] = React.useState(() => createLayoutStore(def?.nineZoneState));
     React.useEffect(() => {
         return UiFramework.frontstages.onFrontstageActivatedEvent.addListener((args) => {
             unstable_batchedUpdates(() => {
@@ -103,7 +103,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);
@@ -197,10 +197,9 @@ export function useLabels() {
     }), []);
 }
 function toTabArgs(widget) {
-    var _a;
     const label = getWidgetLabel(widget.label);
     return {
-        allowedPanelTargets: (_a = widget.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.map((location) => toPanelSide(location)),
+        allowedPanelTargets: widget.allowedPanelTargets?.map((location) => toPanelSide(location)),
         hideWithUiWhenFloating: !!widget.hideWithUiWhenFloating,
         canPopout: widget.canPopout,
         iconSpec: widget.iconSpec,
@@ -223,7 +222,7 @@ export function addWidgets(state, widgets, side, widgetId) {
     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 +233,6 @@ export function addWidgets(state, widgets, side, widgetId) {
 /** @internal */
 // istanbul ignore next
 export function appendWidgets(state, widgetDefs, location, section) {
-    var _a;
     const side = toPanelSide(location);
     // Add missing widget tabs.
     for (const widgetDef of widgetDefs) {
@@ -259,7 +257,7 @@ export function appendWidgets(state, widgetDefs, location, section) {
         });
         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,
@@ -277,7 +275,7 @@ export function appendWidgets(state, widgetDefs, location, section) {
                     width: 300,
                     ...tab.preferredFloatingWidgetSize,
                 };
-                const preferredPoint = preferredPosition !== null && preferredPosition !== void 0 ? preferredPosition : {
+                const preferredPoint = preferredPosition ?? {
                     x: (state.size.width - size.width) / 2,
                     y: (state.size.height - size.height) / 2,
                 };
@@ -336,16 +334,23 @@ 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);
     if (frontstageDef.toolSettings) {
         const newToolSettingsWidgets = determineNewWidgets([frontstageDef.toolSettings], state);
         for (const newToolSettingsWidget of newToolSettingsWidgets) {
@@ -371,8 +376,7 @@ function hideWidgets(state, frontstageDef) {
  * @internal
  */
 export function removeMissingWidgets(frontstageDef, state) {
-    var _a;
-    const toolSettingsTabId = (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.tabId;
+    const toolSettingsTabId = state.toolSettings?.tabId;
     for (const [, tab] of Object.entries(state.tabs)) {
         if (tab.id === toolSettingsTabId)
             continue;
@@ -426,8 +430,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) {
@@ -452,15 +456,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
@@ -496,7 +499,6 @@ export function initializeNineZoneState(frontstageDef) {
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation.Top);
     nineZone = initializePanel(nineZone, frontstageDef, StagePanelLocation.Bottom);
     nineZone = produce(nineZone, (draft) => {
-        var _a, _b, _c, _d;
         for (const [, panel] of Object.entries(draft.panels)) {
             const expanded = panel.widgets.find((widgetId) => draft.widgets[widgetId].minimized === false);
             const firstWidget = panel.widgets.length > 0 ? draft.widgets[panel.widgets[0]] : undefined;
@@ -505,10 +507,10 @@ export function initializeNineZoneState(frontstageDef) {
                 firstWidget.minimized = false;
             }
         }
-        draft.panels.left.collapsed = isPanelCollapsed((_a = frontstageDef.leftPanel) === null || _a === void 0 ? void 0 : _a.panelState);
-        draft.panels.right.collapsed = isPanelCollapsed((_b = frontstageDef.rightPanel) === null || _b === void 0 ? void 0 : _b.panelState);
-        draft.panels.top.collapsed = isPanelCollapsed((_c = frontstageDef.topPanel) === null || _c === void 0 ? void 0 : _c.panelState);
-        draft.panels.bottom.collapsed = isPanelCollapsed((_d = frontstageDef.bottomPanel) === null || _d === void 0 ? void 0 : _d.panelState);
+        draft.panels.left.collapsed = isPanelCollapsed(frontstageDef.leftPanel?.panelState);
+        draft.panels.right.collapsed = isPanelCollapsed(frontstageDef.rightPanel?.panelState);
+        draft.panels.top.collapsed = isPanelCollapsed(frontstageDef.topPanel?.panelState);
+        draft.panels.bottom.collapsed = isPanelCollapsed(frontstageDef.bottomPanel?.panelState);
     });
     nineZone = addMissingWidgets(frontstageDef, nineZone);
     const toolSettingsWidgetDef = frontstageDef.toolSettings;
@@ -699,7 +701,6 @@ function addHiddenWidget(state, widgetDef) {
 }
 /** @internal */
 export function setWidgetState(state, widgetDef, widgetState) {
-    var _a, _b, _c, _d, _e;
     if (widgetState === WidgetState.Hidden) {
         return hideWidget(state, widgetDef);
     }
@@ -709,7 +710,7 @@ export function setWidgetState(state, widgetDef, widgetState) {
             if (!state.toolSettings && !widgetDef.tabLocation) {
                 state = addDockedToolSettings(state, id);
             }
-            if (((_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.type) === "docked")
+            if (state.toolSettings?.type === "docked")
                 return state;
         }
         let location = getTabLocation(state, id);
@@ -721,7 +722,6 @@ export function setWidgetState(state, widgetDef, widgetState) {
             }
         }
         return produce(state, (draft) => {
-            var _a;
             assert(!!location);
             const widget = draft.widgets[location.widgetId];
             widget.minimized = false;
@@ -736,14 +736,14 @@ 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;
                 }
             }
         });
     }
     else if (widgetState === WidgetState.Closed) {
         const id = widgetDef.id;
-        if (widgetDef.isToolSettings && ((_b = state.toolSettings) === null || _b === void 0 ? void 0 : _b.type) !== "widget") {
+        if (widgetDef.isToolSettings && state.toolSettings?.type !== "widget") {
             return state;
         }
         let location = getTabLocation(state, id);
@@ -774,10 +774,10 @@ export function setWidgetState(state, widgetDef, widgetState) {
             return state;
         // Widget is not floating.
         state = removeTabFromWidget(state, id);
-        const bounds = (_d = (_c = widgetDef.tabLocation) === null || _c === void 0 ? void 0 : _c.floatingWidget) === null || _d === void 0 ? void 0 : _d.bounds;
+        const bounds = widgetDef.tabLocation?.floatingWidget?.bounds;
         state = addFloatingWidget(state, getUniqueId(), [id], { bounds });
         if (widgetDef.isToolSettings) {
-            if (((_e = state.toolSettings) === null || _e === void 0 ? void 0 : _e.type) === "docked") {
+            if (state.toolSettings?.type === "docked") {
                 state = removeToolSettings(state);
             }
             if (!state.toolSettings) {
@@ -789,14 +789,13 @@ export function setWidgetState(state, widgetDef, widgetState) {
 }
 /** Stores widget location and hides it in the UI. */
 function hideWidget(state, widgetDef) {
-    var _a, _b;
-    const toolSettingsTabId = (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.tabId;
+    const toolSettingsTabId = state.toolSettings?.tabId;
     if (widgetDef.id === toolSettingsTabId) {
         widgetDef.tabLocation = undefined;
         state = produce(state, (draft) => {
             draft.toolSettings = undefined;
         });
-        if (((_b = state.toolSettings) === null || _b === void 0 ? void 0 : _b.type) === "docked")
+        if (state.toolSettings?.type === "docked")
             return state;
     }
     const location = getTabLocation(state, widgetDef.id);
@@ -1052,13 +1051,12 @@ export function useFrontstageManager(frontstageDef, useToolAsToolSettingsLabel)
     const defaultLabel = React.useMemo(() => UiFramework.translate("widget.labels.toolSettings"), []);
     React.useEffect(() => {
         const updateLabel = createListener(frontstageDef, () => {
-            var _a, _b;
             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
+                ? IModelApp.tools.find(toolId)?.flyover || defaultLabel
                 : defaultLabel;
-            const toolSettingsTabId = (_b = frontstageDef.nineZoneState.toolSettings) === null || _b === void 0 ? void 0 : _b.tabId;
+            const toolSettingsTabId = frontstageDef.nineZoneState.toolSettings?.tabId;
             if (!toolSettingsTabId)
                 return;
             frontstageDef.nineZoneState = setWidgetLabel(frontstageDef.nineZoneState, toolSettingsTabId, label);