@itwin/appui-react 3.4.0-dev.9 → 3.5.0-dev.12

package/lib/cjs/appui-react/frontstage/FrontstageDef.js

@@ -13,6 +13,7 @@ exports.FrontstageDef = void 0;
 const React = require("react");
 const core_frontend_1 = require("@itwin/core-frontend");
 const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
 const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const ContentGroup_1 = require("../content/ContentGroup");
 const ContentLayoutManager_1 = require("../content/ContentLayoutManager");
@@ -24,7 +25,6 @@ const Frontstage_1 = require("./Frontstage");
 const FrontstageManager_1 = require("./FrontstageManager");
 const TimeTracker_1 = require("../configurableui/TimeTracker");
 const PopoutWidget_1 = require("../childwindow/PopoutWidget");
-const Frontstage_2 = require("../widget-panels/Frontstage");
 const core_bentley_1 = require("@itwin/core-bentley");
 const ContentDialogManager_1 = require("../dialog/ContentDialogManager");
 /** FrontstageDef class provides an API for a Frontstage.
@@ -186,6 +186,11 @@ class FrontstageDef {
         }
     }
     /** @internal */
+    get savedWidgetDefs() { return this._savedWidgetDefs; }
+    set savedWidgetDefs(widgets) {
+        this._savedWidgetDefs = widgets;
+    }
+    /** @internal */
     get timeTracker() { return this._timeTracker; }
     /** Created a [[FrontstageDef]] and initialize it */
     static async create(provider) {
@@ -555,17 +560,12 @@ class FrontstageDef {
     }
     /** @beta */
     restoreLayout() {
-        for (const zoneDef of this.zoneDefs) {
-            for (const widgetDef of zoneDef.widgetDefs) {
-                widgetDef.setWidgetState(widgetDef.defaultState);
-            }
-        }
         for (const panelDef of this.panelDefs) {
             panelDef.size = panelDef.defaultSize;
             panelDef.panelState = panelDef.defaultState;
-            for (const widgetDef of panelDef.widgetDefs) {
-                widgetDef.setWidgetState(widgetDef.defaultState);
-            }
+        }
+        for (const widgetDef of this.widgetDefs) {
+            widgetDef.setWidgetState(widgetDef.defaultState);
         }
         FrontstageManager_1.FrontstageManager.onFrontstageRestoreLayoutEvent.emit({ frontstageDef: this });
     }
@@ -575,11 +575,11 @@ class FrontstageDef {
     getWidgetCurrentState(widgetDef) {
         // istanbul ignore else
         if (this.nineZoneState) {
-            const location = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetDef.id);
+            const location = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetDef.id);
             // istanbul ignore next
             if (!location)
                 return appui_abstract_1.WidgetState.Hidden;
-            if ((0, appui_layout_react_1.isFloatingLocation)(location)) {
+            if ((0, appui_layout_react_1.isFloatingTabLocation)(location)) {
                 const floatingWidget = this.nineZoneState.floatingWidgets.byId[location.floatingWidgetId];
                 if (floatingWidget && floatingWidget.hidden)
                     return appui_abstract_1.WidgetState.Hidden;
@@ -618,20 +618,20 @@ class FrontstageDef {
     isPopoutWidget(widgetId) {
         // istanbul ignore else
         if (this.nineZoneState) {
-            const location = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetId);
+            const location = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetId);
             // istanbul ignore else
             if (location)
-                return (0, appui_layout_react_1.isPopoutLocation)(location);
+                return (0, appui_layout_react_1.isPopoutTabLocation)(location);
         }
         return false;
     }
     isFloatingWidget(widgetId) {
         // istanbul ignore else
         if (this.nineZoneState) {
-            const location = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetId);
+            const location = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetId);
             // istanbul ignore else
             if (location)
-                return (0, appui_layout_react_1.isFloatingLocation)(location);
+                return (0, appui_layout_react_1.isFloatingTabLocation)(location);
         }
         return false;
     }
@@ -646,10 +646,10 @@ class FrontstageDef {
     floatWidget(widgetId, point, size) {
         // istanbul ignore else
         if (this.nineZoneState) {
-            const location = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetId);
+            const location = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetId);
             if (location) {
                 let popoutWidgetContainerId;
-                if ((0, appui_layout_react_1.isPopoutLocation)(location)) {
+                if ((0, appui_layout_react_1.isPopoutTabLocation)(location)) {
                     popoutWidgetContainerId = location.popoutWidgetId;
                 }
                 const state = (0, appui_layout_react_1.floatWidget)(this.nineZoneState, widgetId, point, size);
@@ -671,21 +671,21 @@ class FrontstageDef {
         let widgetIsVisible = false;
         // istanbul ignore else
         if (this.nineZoneState) {
-            const tabLocation = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetId);
+            const tabLocation = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetId);
             // istanbul ignore else
             if (tabLocation) {
-                if ((0, appui_layout_react_1.isFloatingLocation)(tabLocation)) {
+                if ((0, appui_layout_react_1.isFloatingTabLocation)(tabLocation)) {
                     const floatingWidget = this.nineZoneState.floatingWidgets.byId[tabLocation.floatingWidgetId];
                     // istanbul ignore else
                     if (!!!floatingWidget.hidden)
                         widgetIsVisible = true;
                 }
-                else if ((0, appui_layout_react_1.isPopoutLocation)(tabLocation)) {
+                else if ((0, appui_layout_react_1.isPopoutTabLocation)(tabLocation)) {
                     widgetIsVisible = true;
                 }
                 else {
                     // istanbul ignore else
-                    if ((0, appui_layout_react_1.isPanelLocation)(tabLocation)) {
+                    if ((0, appui_layout_react_1.isPanelTabLocation)(tabLocation)) {
                         const panel = this.nineZoneState.panels[tabLocation.side];
                         const widgetDef = this.findWidgetDef(widgetId);
                         if (widgetDef && widgetDef.state === appui_abstract_1.WidgetState.Open && !panel.collapsed)
@@ -699,25 +699,33 @@ class FrontstageDef {
     /** Opens window for specified PopoutWidget container. Used to reopen popout when running in Electron.
      * @internal */
     openPopoutWidgetContainer(state, widgetContainerId) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const location = (0, appui_layout_react_1.findWidget)(state, widgetContainerId);
-        // istanbul ignore else
-        if (location && (0, appui_layout_react_1.isPopoutWidgetLocation)(location) && 1 === state.widgets[widgetContainerId].tabs.length) {
-            // NOTE: Popout Widget Container will only contain a single WidgetTab
-            const widgetDef = this.findWidgetDef(state.widgets[widgetContainerId].tabs[0]);
-            // istanbul ignore else
-            if (widgetDef) {
-                const tab = state.tabs[widgetDef.id];
-                const popoutContent = (React.createElement(PopoutWidget_1.PopoutWidget, { widgetContainerId: widgetContainerId, widgetDef: widgetDef }));
-                const position = {
-                    width: (_b = (_a = tab.preferredPopoutWidgetSize) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 600,
-                    height: (_d = (_c = tab.preferredPopoutWidgetSize) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 800,
-                    left: (_f = (_e = tab.preferredPopoutWidgetSize) === null || _e === void 0 ? void 0 : _e.x) !== null && _f !== void 0 ? _f : 0,
-                    top: (_h = (_g = tab.preferredPopoutWidgetSize) === null || _g === void 0 ? void 0 : _g.y) !== null && _h !== void 0 ? _h : 0,
-                };
-                UiFramework_1.UiFramework.childWindowManager.openChildWindow(widgetContainerId, widgetDef.label, popoutContent, position, UiFramework_1.UiFramework.useDefaultPopoutUrl);
-            }
-        }
+        const location = (0, appui_layout_react_1.getWidgetLocation)(state, widgetContainerId);
+        // istanbul ignore next
+        if (!location)
+            return;
+        // istanbul ignore next
+        if (!(0, appui_layout_react_1.isPopoutWidgetLocation)(location))
+            return;
+        const widget = state.widgets[widgetContainerId];
+        const popoutWidget = state.popoutWidgets.byId[location.popoutWidgetId];
+        // Popout widget should only contain a single tab.
+        // istanbul ignore next
+        if (widget.tabs.length !== 1)
+            return;
+        const tabId = widget.tabs[0];
+        const widgetDef = this.findWidgetDef(tabId);
+        // istanbul ignore next
+        if (!widgetDef)
+            return;
+        const popoutContent = (React.createElement(PopoutWidget_1.PopoutWidget, { widgetContainerId: widgetContainerId, widgetDef: widgetDef }));
+        const bounds = core_react_1.Rectangle.create(popoutWidget.bounds);
+        const position = {
+            width: bounds.getWidth(),
+            height: bounds.getHeight(),
+            left: bounds.left,
+            top: bounds.top,
+        };
+        UiFramework_1.UiFramework.childWindowManager.openChildWindow(widgetContainerId, widgetDef.label, popoutContent, position, UiFramework_1.UiFramework.useDefaultPopoutUrl);
     }
     /** Create a new popout/child window that contains the widget specified by its Id. Supported only when in
      *  UI 2.0 or higher.
@@ -728,42 +736,43 @@ class FrontstageDef {
      * @beta
      */
     popoutWidget(widgetId, point, size) {
-        // istanbul ignore else
-        if (this.nineZoneState) {
-            let location = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetId);
-            // istanbul ignore else
-            if (location) {
-                if ((0, appui_layout_react_1.isPopoutLocation)(location))
-                    return;
-                // get the state to apply that will pop-out the specified WidgetTab to child window.
-                const state = (0, appui_layout_react_1.popoutWidgetToChildWindow)(this.nineZoneState, widgetId, point, size);
-                // istanbul ignore else
-                if (state) {
-                    // now that the state is updated get the id of the container that houses the widgetTab/widgetId
-                    location = (0, appui_layout_react_1.findTab)(state, widgetId);
-                    // istanbul ignore else
-                    if (location && (0, appui_layout_react_1.isPopoutLocation)(location)) {
-                        const widgetDef = this.findWidgetDef(widgetId);
-                        // istanbul ignore else
-                        if (widgetDef) {
-                            const widgetContainerId = location.widgetId;
-                            const tab = state.tabs[widgetId];
-                            this.nineZoneState = state;
-                            setTimeout(() => {
-                                const popoutContent = (React.createElement(PopoutWidget_1.PopoutWidget, { widgetContainerId: widgetContainerId, widgetDef: widgetDef }));
-                                const position = {
-                                    width: tab.preferredPopoutWidgetSize.width,
-                                    height: tab.preferredPopoutWidgetSize.height,
-                                    left: tab.preferredPopoutWidgetSize.x,
-                                    top: tab.preferredPopoutWidgetSize.y,
-                                };
-                                UiFramework_1.UiFramework.childWindowManager.openChildWindow(widgetContainerId, widgetDef.label, popoutContent, position, UiFramework_1.UiFramework.useDefaultPopoutUrl);
-                            });
-                        }
-                    }
-                }
-            }
-        }
+        // istanbul ignore next
+        if (!this.nineZoneState)
+            return;
+        let location = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetId);
+        if (!location || (0, appui_layout_react_1.isPopoutTabLocation)(location))
+            return;
+        const widgetDef = this.findWidgetDef(widgetId);
+        // istanbul ignore next
+        if (!widgetDef)
+            return;
+        // get the state to apply that will pop-out the specified WidgetTab to child window.
+        let preferredBounds = core_react_1.Rectangle.createFromSize({ height: 800, width: 600 });
+        // istanbul ignore next
+        if (widgetDef.popoutBounds)
+            preferredBounds = widgetDef.popoutBounds;
+        if (size)
+            preferredBounds = preferredBounds.setSize(size);
+        if (point)
+            preferredBounds = preferredBounds.setPosition(point);
+        const state = (0, appui_layout_react_1.popoutWidgetToChildWindow)(this.nineZoneState, widgetId, preferredBounds);
+        this.nineZoneState = state;
+        // now that the state is updated get the id of the container that houses the widgetTab/widgetId
+        location = (0, appui_layout_react_1.getTabLocation)(state, widgetId);
+        (0, core_bentley_1.assert)(!!location && (0, appui_layout_react_1.isPopoutTabLocation)(location));
+        const widgetContainerId = location.widgetId;
+        const popoutWidget = state.popoutWidgets.byId[widgetContainerId];
+        const bounds = core_react_1.Rectangle.create(popoutWidget.bounds);
+        setTimeout(() => {
+            const popoutContent = (React.createElement(PopoutWidget_1.PopoutWidget, { widgetContainerId: widgetContainerId, widgetDef: widgetDef }));
+            const position = {
+                width: bounds.getWidth(),
+                height: bounds.getHeight(),
+                left: bounds.left,
+                top: bounds.top,
+            };
+            UiFramework_1.UiFramework.childWindowManager.openChildWindow(widgetContainerId, widgetDef.label, popoutContent, position, UiFramework_1.UiFramework.useDefaultPopoutUrl);
+        });
     }
     get isStageClosing() {
         return this._isStageClosing;
@@ -775,12 +784,23 @@ class FrontstageDef {
         return this._isReady;
     }
     /** @internal */
-    async saveChildWindowSizeAndPosition(childWindowId, childWindow) {
-        // istanbul ignore else
-        if (this.nineZoneState) {
-            const newState = await (0, Frontstage_2.saveFrontstagePopoutWidgetSizeAndPosition)(this.nineZoneState, this.id, this.version, childWindowId, childWindow);
-            this._nineZoneState = newState; // set without triggering new render as only preferred floating position set
-        }
+    saveChildWindowSizeAndPosition(childWindowId, childWindow) {
+        if (!this.nineZoneState)
+            return;
+        const location = (0, appui_layout_react_1.getWidgetLocation)(this.nineZoneState, childWindowId);
+        if (!location || !(0, appui_layout_react_1.isPopoutWidgetLocation)(location))
+            return;
+        const widget = this.nineZoneState.widgets[location.popoutWidgetId];
+        const tabId = widget.tabs[0];
+        const widgetDef = this.findWidgetDef(tabId);
+        if (!widgetDef)
+            return;
+        const adjustmentWidth = core_bentley_1.ProcessDetector.isElectronAppFrontend ? 16 : 0;
+        const adjustmentHeight = core_bentley_1.ProcessDetector.isElectronAppFrontend ? 39 : 0;
+        const width = childWindow.innerWidth + adjustmentWidth;
+        const height = childWindow.innerHeight + adjustmentHeight;
+        const bounds = core_react_1.Rectangle.createFromSize({ width, height }).offset({ x: childWindow.screenX, y: childWindow.screenY });
+        widgetDef.popoutBounds = bounds;
     }
     /** @internal */
     setFloatingWidgetBoundsInternal(floatingWidgetId, bounds, inhibitNineZoneStateChangedEvent = false) {
@@ -798,16 +818,16 @@ class FrontstageDef {
      *  @internal
      */
     dockPopoutWidgetContainer(widgetContainerId) {
-        if (this.nineZoneState) {
-            const location = (0, appui_layout_react_1.findWidget)(this.nineZoneState, widgetContainerId);
-            // Make sure the widgetContainerId is still in popout state. We don't want to set it to docked if the window is being closed because
-            // an API call has moved the widget from a popout state to a floating state.
-            // istanbul ignore else
-            if (location && (0, appui_layout_react_1.isPopoutWidgetLocation)(location)) {
-                const state = (0, appui_layout_react_1.dockWidgetContainer)(this.nineZoneState, widgetContainerId, true);
-                state && (this.nineZoneState = state);
-            }
-        }
+        if (!this.nineZoneState)
+            return;
+        // Make sure the widgetContainerId is still in popout state. We don't want to set it to docked if the window is being closed because
+        // an API call has moved the widget from a popout state to a floating state.
+        // istanbul ignore else
+        const location = (0, appui_layout_react_1.getWidgetLocation)(this.nineZoneState, widgetContainerId);
+        if (!location || !(0, appui_layout_react_1.isPopoutWidgetLocation)(location))
+            return;
+        const state = (0, appui_layout_react_1.dockWidgetContainer)(this.nineZoneState, widgetContainerId, true);
+        this.nineZoneState = state;
     }
     /** Finds the container with the specified widget and re-docks all widgets
      * back to the panel zone location that was used when the floating container
@@ -818,12 +838,12 @@ class FrontstageDef {
     dockWidgetContainer(widgetId) {
         // istanbul ignore else
         if (this.nineZoneState) {
-            const location = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetId);
+            const location = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetId);
             if (location) {
                 const widgetContainerId = location.widgetId;
                 const state = (0, appui_layout_react_1.dockWidgetContainer)(this.nineZoneState, widgetContainerId, true);
                 state && (this.nineZoneState = state);
-                if ((0, appui_layout_react_1.isPopoutLocation)(location)) {
+                if ((0, appui_layout_react_1.isPopoutTabLocation)(location)) {
                     UiFramework_1.UiFramework.childWindowManager.closeChildWindow(location.widgetId, true);
                 }
             }
@@ -843,9 +863,9 @@ class FrontstageDef {
     getFloatingWidgetContainerIdByWidgetId(widgetId) {
         if (!this.nineZoneState)
             return undefined;
-        const location = (0, appui_layout_react_1.findTab)(this.nineZoneState, widgetId);
+        const location = (0, appui_layout_react_1.getTabLocation)(this.nineZoneState, widgetId);
         // istanbul ignore else
-        if (location && (0, appui_layout_react_1.isFloatingLocation)(location)) {
+        if (location && (0, appui_layout_react_1.isFloatingTabLocation)(location)) {
             return location.floatingWidgetId;
         }
         // istanbul ignore next
@@ -866,6 +886,30 @@ class FrontstageDef {
         }
         return undefined;
     }
+    *_widgetDefs() {
+        for (const zoneDef of this.zoneDefs) {
+            for (const widgetDef of zoneDef.widgetDefs) {
+                yield widgetDef;
+            }
+        }
+        for (const panelDef of this.panelDefs) {
+            for (const widgetDef of panelDef.widgetDefs) {
+                yield widgetDef;
+            }
+        }
+        return undefined;
+    }
+    /** Iterable of all widget definitions in a frontstage.
+     * @internal
+     */
+    get widgetDefs() {
+        const defs = this._widgetDefs();
+        return {
+            [Symbol.iterator]() {
+                return defs;
+            },
+        };
+    }
 }
 exports.FrontstageDef = FrontstageDef;
 //# sourceMappingURL=FrontstageDef.js.map