@itwin/appui-react 4.0.0-dev.3 → 4.0.0-dev.6

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

@@ -3,11 +3,12 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
 /** @packageDocumentation
  * @module Frontstage
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSpecificWidgetDef = exports.useActiveFrontstageDef = exports.useActiveFrontstageId = exports.FrontstageDef = void 0;
+exports.FrontstageDef = void 0;
 // cSpell:ignore popout
 const React = require("react");
 const core_frontend_1 = require("@itwin/core-frontend");
@@ -19,19 +20,24 @@ const ContentLayoutManager_1 = require("../content/ContentLayoutManager");
 const ContentViewManager_1 = require("../content/ContentViewManager");
 const StagePanelDef_1 = require("../stagepanels/StagePanelDef");
 const UiFramework_1 = require("../UiFramework");
-const WidgetDef_1 = require("../widgets/WidgetDef");
+const Zone_1 = require("../zones/Zone");
+const Frontstage_1 = require("./Frontstage");
 const FrontstageManager_1 = require("./FrontstageManager");
 const TimeTracker_1 = require("../configurableui/TimeTracker");
 const PopoutWidget_1 = require("../childwindow/PopoutWidget");
-const Frontstage_1 = require("../widget-panels/Frontstage");
+const Frontstage_2 = require("../widget-panels/Frontstage");
 const core_bentley_1 = require("@itwin/core-bentley");
 const ContentDialogManager_1 = require("../dialog/ContentDialogManager");
+const Widget_1 = require("../widgets/Widget");
+const StagePanel_1 = require("../stagepanels/StagePanel");
 /** FrontstageDef class provides an API for a Frontstage.
  * @public
  */
 class FrontstageDef {
     constructor() {
         this._id = "";
+        this._defaultContentId = "";
+        this._isInFooterMode = true;
         this._isStageClosing = false;
         this._isReady = false;
         this._isApplicationClosing = false;
@@ -39,21 +45,61 @@ class FrontstageDef {
         this._timeTracker = new TimeTracker_1.TimeTracker();
     }
     get id() { return this._id; }
+    /** @deprecated in 3.6. */
+    get defaultTool() { return this._defaultTool; }
+    /** @deprecated in 3.6. */
+    get defaultContentId() { return this._defaultContentId; }
+    get isInFooterMode() { return this._isInFooterMode; }
+    /** @deprecated in 3.6. */
+    get applicationData() { return this._applicationData; }
     get usage() { return this._usage !== undefined ? this._usage : appui_abstract_1.StageUsage.General; }
     get version() { return this._version; }
     get contentGroupProvider() { return this._contentGroupProvider; }
     get floatingContentControls() { return this._floatingContentControls; }
-    get toolSettings() { return this._toolSettings; }
-    get statusBar() { return this._statusBar; }
-    get contentManipulation() { return this._contentManipulation; }
-    get viewNavigation() { return this._viewNavigation; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.contentManipulation]] instead. */
+    get topLeft() { return this._topLeft; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.toolSettings]] instead. */
+    get topCenter() { return this._topCenter; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.viewNavigation]] instead. */
+    get topRight() { return this._topRight; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.leftPanel]] instead. */
+    get centerLeft() { return this._centerLeft; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.rightPanel]] instead. */
+    get centerRight() { return this._centerRight; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.leftPanel]] instead. */
+    get bottomLeft() { return this._bottomLeft; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.statusBar]] instead. */
+    get bottomCenter() { return this._bottomCenter; }
+    /** @deprecated in 3.6. Use [[FrontstageDef.rightPanel]] instead. */
+    get bottomRight() { return this._bottomRight; }
+    /** @beta */
+    get toolSettings() { var _a; return (_a = this.topCenter) === null || _a === void 0 ? void 0 : _a.getSingleWidgetDef(); }
+    /** @beta */
+    get statusBar() { var _a; return (_a = this.bottomCenter) === null || _a === void 0 ? void 0 : _a.getSingleWidgetDef(); }
+    /** @beta */
+    get contentManipulation() { var _a; return (_a = this.topLeft) === null || _a === void 0 ? void 0 : _a.getSingleWidgetDef(); }
+    /** @beta */
+    get viewNavigation() { var _a; return (_a = this.topRight) === null || _a === void 0 ? void 0 : _a.getSingleWidgetDef(); }
+    /** @beta */
     get topPanel() { return this._topPanel; }
+    /** @beta
+     * @deprecated in 3.0. Only topPanel is supported in UI 2.0 */
+    get topMostPanel() { return this._topMostPanel; }
+    /** @beta */
     get leftPanel() { return this._leftPanel; }
+    /** @beta */
     get rightPanel() { return this._rightPanel; }
+    /** @beta */
     get bottomPanel() { return this._bottomPanel; }
+    /** @beta
+     * @deprecated in 3.0. Only bottomPanel is supported in UI 2.0  */
+    get bottomMostPanel() { return this._bottomMostPanel; }
     get contentLayoutDef() { return this._contentLayoutDef; }
     get contentGroup() { return this._contentGroup; }
     get frontstageProvider() { return this._frontstageProvider; }
+    /** @internal */
+    get nineZone() { return this._nineZone; } // istanbul ignore next
+    set nineZone(props) { this._nineZone = props; }
     toStagePanelLocation(side) {
         switch (side) {
             case "bottom":
@@ -147,7 +193,7 @@ class FrontstageDef {
     set nineZoneState(state) {
         if (this._nineZoneState === state)
             return;
-        if (!this._nineZoneState) {
+        if ("1" === UiFramework_1.UiFramework.uiVersion || !this._nineZoneState) {
             this._nineZoneState = state;
         }
         else {
@@ -172,8 +218,14 @@ class FrontstageDef {
     static async create(provider) {
         const def = new FrontstageDef();
         def._frontstageProvider = provider;
-        const config = provider.frontstageConfig();
-        await def.initializeFromConfig(config);
+        if (provider.frontstageConfig) {
+            const config = provider.frontstageConfig();
+            const props = toFrontstageProps(config);
+            await def.initializeFromProps(props);
+        }
+        else {
+            await def.initializeFromProps(provider.frontstage.props);
+        }
         return def;
     }
     /** Handles when the Frontstage becomes activated */
@@ -182,8 +234,14 @@ class FrontstageDef {
     async onActivated() {
         this.updateWidgetDefs();
         const provider = this._contentGroupProvider;
-        if (provider && this._initialConfig) {
-            this._contentGroup = await provider.contentGroup(this._initialConfig);
+        if (provider && this._initialProps) {
+            if (provider.contentGroup) {
+                const config = toFrontstageConfig(this._initialProps);
+                this._contentGroup = await provider.contentGroup(config);
+            }
+            else {
+                this._contentGroup = await provider.provideContentGroup(this._initialProps);
+            }
         }
         // istanbul ignore next
         if (!this._contentGroup)
@@ -259,6 +317,22 @@ class FrontstageDef {
             this.contentGroup.onFrontstageReady();
         this._onFrontstageReady();
     }
+    /** Starts the default tool for the Frontstage.
+     * @deprecated in 3.6.
+     */
+    startDefaultTool() {
+        // Start the default tool
+        // istanbul ignore next
+        if (core_frontend_1.IModelApp.toolAdmin && core_frontend_1.IModelApp.viewManager) {
+            if (this.defaultTool) {
+                core_frontend_1.IModelApp.toolAdmin.defaultToolId = this.defaultTool.toolId;
+                this.defaultTool.execute();
+            }
+            else {
+                core_frontend_1.IModelApp.toolAdmin.startDefaultTool(); // eslint-disable-line @typescript-eslint/no-floating-promises
+            }
+        }
+    }
     /** Sets the Content Layout and Content Group */
     setContentLayoutAndGroup(contentLayoutDef, contentGroup) {
         this._contentLayoutDef = contentLayoutDef;
@@ -268,6 +342,9 @@ class FrontstageDef {
     async setActiveContent() {
         let contentControl;
         let activated = false;
+        if (this.contentGroup && this.defaultContentId) {
+            contentControl = this.contentGroup.getContentControlById(this.defaultContentId);
+        }
         // istanbul ignore else
         if (!contentControl && this.contentControls.length >= 0) {
             contentControl = this.contentControls[0];
@@ -299,6 +376,56 @@ class FrontstageDef {
         // istanbul ignore next
         return false;
     }
+    /** Gets a [[ZoneDef]] based on a given zone id.
+     * @deprecated in 3.6. UI1.0 is deprecated.
+     */
+    getZoneDef(zoneId) {
+        let zoneDef;
+        switch (zoneId) {
+            case 1:
+                zoneDef = this.topLeft;
+                break;
+            case 2:
+                zoneDef = this.topCenter;
+                break;
+            case 3:
+                zoneDef = this.topRight;
+                break;
+            case 4:
+                zoneDef = this.centerLeft;
+                break;
+            case 6:
+                zoneDef = this.centerRight;
+                break;
+            case 7:
+                zoneDef = this.bottomLeft;
+                break;
+            case 8:
+                zoneDef = this.bottomCenter;
+                break;
+            case 9:
+                zoneDef = this.bottomRight;
+                break;
+            // istanbul ignore next
+            default:
+                throw new RangeError();
+        }
+        // Zones can be undefined in a Frontstage
+        return zoneDef;
+    }
+    /** Gets a list of [[ZoneDef]]s.
+     * @deprecated in 3.6. UI1.0 is deprecated.
+     */
+    get zoneDefs() {
+        const zones = [1, 2, 3, 4, 6, 7, 8, 9];
+        const zoneDefs = [];
+        zones.forEach((zoneId) => {
+            const zoneDef = this.getZoneDef(zoneId);
+            if (zoneDef)
+                zoneDefs.push(zoneDef);
+        });
+        return zoneDefs;
+    }
     /** Gets a [[StagePanelDef]] based on a given panel location
      * @beta
      */
@@ -308,6 +435,9 @@ class FrontstageDef {
             case appui_abstract_1.StagePanelLocation.Top:
                 panelDef = this.topPanel;
                 break;
+            case appui_abstract_1.StagePanelLocation.TopMost:
+                panelDef = this.topMostPanel; // eslint-disable-line deprecation/deprecation
+                break;
             case appui_abstract_1.StagePanelLocation.Left:
                 panelDef = this.leftPanel;
                 break;
@@ -317,6 +447,12 @@ class FrontstageDef {
             case appui_abstract_1.StagePanelLocation.Bottom:
                 panelDef = this.bottomPanel;
                 break;
+            case appui_abstract_1.StagePanelLocation.BottomMost:
+                panelDef = this.bottomMostPanel; // eslint-disable-line deprecation/deprecation
+                break;
+            // istanbul ignore next
+            default:
+                throw new RangeError();
         }
         // Panels can be undefined in a Frontstage
         return panelDef;
@@ -325,29 +461,44 @@ class FrontstageDef {
      * @beta
      */
     get panelDefs() {
-        const locations = [
+        const panels = [
             appui_abstract_1.StagePanelLocation.Left, appui_abstract_1.StagePanelLocation.Right,
-            appui_abstract_1.StagePanelLocation.Top, appui_abstract_1.StagePanelLocation.Bottom,
+            appui_abstract_1.StagePanelLocation.Top, appui_abstract_1.StagePanelLocation.TopMost,
+            appui_abstract_1.StagePanelLocation.Bottom, appui_abstract_1.StagePanelLocation.BottomMost,
         ];
-        const panels = [];
-        locations.forEach((location) => {
-            const panel = this.getStagePanelDef(location);
-            if (panel)
-                panels.push(panel);
+        const panelDefs = [];
+        panels.forEach((location) => {
+            const panelDef = this.getStagePanelDef(location);
+            if (panelDef)
+                panelDefs.push(panelDef);
         });
-        return panels;
+        return panelDefs;
     }
     /** Finds a [[WidgetDef]] based on a given id */
     findWidgetDef(id) {
-        for (const widgetDef of this.widgetDefs) {
-            if (widgetDef.id === id)
+        for (const zoneDef of this.zoneDefs) {
+            const widgetDef = zoneDef.findWidgetDef(id);
+            if (widgetDef)
+                return widgetDef;
+        }
+        for (const panelDef of this.panelDefs) {
+            const widgetDef = panelDef.findWidgetDef(id);
+            if (widgetDef)
                 return widgetDef;
         }
+        // istanbul ignore next
         return undefined;
     }
     /** Gets the list of [[WidgetControl]]s */
     get _widgetControls() {
         const widgetControls = new Array();
+        this.zoneDefs.forEach((zoneDef) => {
+            zoneDef.widgetDefs.forEach((widgetDef) => {
+                const widgetControl = widgetDef.widgetControl;
+                if (widgetControl)
+                    widgetControls.push(widgetControl);
+            });
+        });
         this.panelDefs.forEach((panelDef) => {
             panelDef.widgetDefs.forEach((widgetDef) => {
                 const widgetControl = widgetDef.widgetControl;
@@ -390,36 +541,60 @@ class FrontstageDef {
         }
         return contentControls;
     }
-    /** Initializes a FrontstageDef from FrontstageConfig.
+    /** Initializes a FrontstageDef from FrontstageProps
      * @internal
      */
-    async initializeFromConfig(config) {
-        this._id = config.id;
-        this._initialConfig = config;
-        if (config.contentGroup instanceof ContentGroup_1.ContentGroupProvider) {
-            this._contentGroupProvider = config.contentGroup;
+    async initializeFromProps(props) {
+        this._id = props.id;
+        this._initialProps = props;
+        this._defaultTool = props.defaultTool; // Might be `undefined`, see `toFrontstageProps`.
+        if (props.defaultContentId !== undefined)
+            this._defaultContentId = props.defaultContentId;
+        if (props.contentGroup instanceof ContentGroup_1.ContentGroupProvider) {
+            this._contentGroupProvider = props.contentGroup;
         }
         else {
-            this._contentGroup = config.contentGroup;
-        }
-        this._usage = config.usage;
-        this._version = config.version;
-        this._toolSettings = createWidgetDef(config.toolSettings, WidgetDef_1.WidgetType.ToolSettings);
-        this._statusBar = createWidgetDef(config.statusBar, WidgetDef_1.WidgetType.StatusBar);
-        this._contentManipulation = createWidgetDef(config.contentManipulation, WidgetDef_1.WidgetType.Tool);
-        this._viewNavigation = createWidgetDef(config.viewNavigation, WidgetDef_1.WidgetType.Navigation);
-        this._topPanel = createStagePanelDef(config, appui_abstract_1.StagePanelLocation.Top);
-        this._leftPanel = createStagePanelDef(config, appui_abstract_1.StagePanelLocation.Left);
-        this._rightPanel = createStagePanelDef(config, appui_abstract_1.StagePanelLocation.Right);
-        this._bottomPanel = createStagePanelDef(config, appui_abstract_1.StagePanelLocation.Bottom);
+            this._contentGroup = props.contentGroup;
+        }
+        if (props.isInFooterMode !== undefined)
+            this._isInFooterMode = props.isInFooterMode;
+        this._applicationData = props.applicationData;
+        this._usage = props.usage;
+        this._version = props.version || 0;
+        // eslint-disable-next-line deprecation/deprecation
+        this._topLeft = Frontstage_1.Frontstage.createZoneDef(props.contentManipulationTools ? props.contentManipulationTools : props.topLeft, Zone_1.ZoneLocation.TopLeft, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._topCenter = Frontstage_1.Frontstage.createZoneDef(props.toolSettings ? props.toolSettings : props.topCenter, Zone_1.ZoneLocation.TopCenter, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._topRight = Frontstage_1.Frontstage.createZoneDef(props.viewNavigationTools ? /* istanbul ignore next */ props.viewNavigationTools : props.topRight, Zone_1.ZoneLocation.TopRight, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._centerLeft = Frontstage_1.Frontstage.createZoneDef(props.centerLeft, Zone_1.ZoneLocation.CenterLeft, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._centerRight = Frontstage_1.Frontstage.createZoneDef(props.centerRight, Zone_1.ZoneLocation.CenterRight, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._bottomLeft = Frontstage_1.Frontstage.createZoneDef(props.bottomLeft, Zone_1.ZoneLocation.BottomLeft, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._bottomCenter = Frontstage_1.Frontstage.createZoneDef(props.statusBar ? props.statusBar : props.bottomCenter, Zone_1.ZoneLocation.BottomCenter, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._bottomRight = Frontstage_1.Frontstage.createZoneDef(props.bottomRight, Zone_1.ZoneLocation.BottomRight, props);
+        // eslint-disable-next-line deprecation/deprecation
+        this._topPanel = Frontstage_1.Frontstage.createStagePanelDef(appui_abstract_1.StagePanelLocation.Top, props);
+        this._topMostPanel = Frontstage_1.Frontstage.createStagePanelDef(appui_abstract_1.StagePanelLocation.TopMost, props);
+        this._leftPanel = Frontstage_1.Frontstage.createStagePanelDef(appui_abstract_1.StagePanelLocation.Left, props);
+        this._rightPanel = Frontstage_1.Frontstage.createStagePanelDef(appui_abstract_1.StagePanelLocation.Right, props);
+        this._bottomPanel = Frontstage_1.Frontstage.createStagePanelDef(appui_abstract_1.StagePanelLocation.Bottom, props);
+        this._bottomMostPanel = Frontstage_1.Frontstage.createStagePanelDef(appui_abstract_1.StagePanelLocation.BottomMost, props);
     }
     /** @internal */
     updateWidgetDefs() {
         // Tracks provided widgets to prevent duplicates.
         const allStageWidgetDefs = [];
-        // Process panels before zones so extension can explicitly target a widget for a StagePanelSection
+        // Process panels before zones so in uiVersion="2" extension can explicitly target a widget for a StagePanelSection
         this.panelDefs.forEach((stagePanelDef) => {
-            stagePanelDef.updateDynamicWidgetDefs(this.id, this.usage, stagePanelDef.location, undefined, allStageWidgetDefs);
+            stagePanelDef.updateDynamicWidgetDefs(this.id, this.usage, stagePanelDef.location, undefined, allStageWidgetDefs, this.applicationData);
+        });
+        this.zoneDefs.forEach((zoneDef) => {
+            zoneDef.updateDynamicWidgetDefs(this.id, this.usage, zoneDef.zoneLocation, undefined, allStageWidgetDefs, this.applicationData);
         });
     }
     /** @beta */
@@ -705,12 +880,12 @@ class FrontstageDef {
     setFloatingWidgetContainerBounds(floatingWidgetId, bounds) {
         if (!this.nineZoneState || !(floatingWidgetId in this.nineZoneState.floatingWidgets.byId))
             return false;
-        let state = (0, Frontstage_1.FrameworkStateReducer)(this.nineZoneState, {
+        let state = (0, Frontstage_2.FrameworkStateReducer)(this.nineZoneState, {
             type: "FLOATING_WIDGET_SET_BOUNDS",
             id: floatingWidgetId,
             bounds,
         }, this);
-        state = (0, Frontstage_1.FrameworkStateReducer)(state, {
+        state = (0, Frontstage_2.FrameworkStateReducer)(state, {
             type: "FLOATING_WIDGET_SET_USER_SIZED",
             id: floatingWidgetId,
             userSized: true,
@@ -750,6 +925,11 @@ 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;
@@ -770,56 +950,90 @@ class FrontstageDef {
     }
 }
 exports.FrontstageDef = FrontstageDef;
-function createWidgetDef(config, type) {
-    if (!config)
-        return undefined;
-    const widgetDef = WidgetDef_1.WidgetDef.create(config, type);
-    return widgetDef;
+function toFrontstageProps(config) {
+    const { contentManipulation, viewNavigation, toolSettings, statusBar, topPanel, leftPanel, bottomPanel, rightPanel, ...other } = config;
+    const props = {
+        ...other,
+        defaultTool: undefined,
+        toolSettings: toolSettings ? toZoneElement(toolSettings) : undefined,
+        statusBar: statusBar ? toZoneElement(statusBar) : undefined,
+        contentManipulationTools: contentManipulation ? toZoneElement(contentManipulation) : undefined,
+        viewNavigationTools: viewNavigation ? toZoneElement(viewNavigation) : undefined,
+        topPanel: topPanel ? toStagePanelElement(topPanel) : undefined,
+        leftPanel: leftPanel ? toStagePanelElement(leftPanel) : undefined,
+        bottomPanel: bottomPanel ? toStagePanelElement(bottomPanel) : undefined,
+        rightPanel: rightPanel ? toStagePanelElement(rightPanel) : undefined,
+    };
+    return props;
 }
-function createStagePanelDef(frontstageConfig, location) {
-    const config = getStagePanel(location, frontstageConfig);
-    const panelDef = new StagePanelDef_1.StagePanelDef();
-    panelDef.initializeFromConfig(config, location);
-    return panelDef;
+function toWidgetElement(config) {
+    return (React.createElement(Widget_1.Widget, { key: config.id, ...config }));
 }
-function getStagePanel(location, config) {
-    switch (location) {
-        case appui_abstract_1.StagePanelLocation.Top:
-            return config.topPanel;
-        case appui_abstract_1.StagePanelLocation.Left:
-            return config.leftPanel;
-        case appui_abstract_1.StagePanelLocation.Right:
-            return config.rightPanel;
-        case appui_abstract_1.StagePanelLocation.Bottom:
-            return config.bottomPanel;
-    }
+function toZoneElement(config) {
+    return (React.createElement(Zone_1.Zone, { widgets: [
+            toWidgetElement(config),
+        ] }));
 }
-/** Hook that returns active frontstage id.
- * @public
- */
-const useActiveFrontstageId = () => {
-    const def = useActiveFrontstageDef();
-    const id = React.useMemo(() => def ? /* istanbul ignore next */ def.id : "", [def]);
-    return id;
-};
-exports.useActiveFrontstageId = useActiveFrontstageId;
-/** @internal */
-function useActiveFrontstageDef() {
-    const [def, setDef] = React.useState(FrontstageManager_1.FrontstageManager.activeFrontstageDef);
-    React.useEffect(() => {
-        return FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.addListener((args) => {
-            setDef(args.activatedFrontstageDef);
-        });
-    }, []);
-    return def;
+function toStagePanelElement(config) {
+    var _a, _b;
+    const { sections, ...other } = config;
+    const startWidgets = (_a = sections === null || sections === void 0 ? void 0 : sections.start) === null || _a === void 0 ? void 0 : _a.map((widget) => toWidgetElement(widget));
+    const endWidgets = (_b = sections === null || sections === void 0 ? void 0 : sections.end) === null || _b === void 0 ? void 0 : _b.map((widget) => toWidgetElement(widget));
+    const panelZones = {};
+    if (startWidgets)
+        panelZones.start = {
+            widgets: startWidgets,
+        };
+    if (endWidgets)
+        panelZones.end = {
+            widgets: endWidgets,
+        };
+    return (React.createElement(StagePanel_1.StagePanel, { panelZones: panelZones, ...other }));
 }
-exports.useActiveFrontstageDef = useActiveFrontstageDef;
-/** Hook that returns the widgetDef for a specific widgetId within the active frontstage.
- * @public
- */
-function useSpecificWidgetDef(widgetId) {
-    const frontstageDef = useActiveFrontstageDef();
-    return frontstageDef === null || frontstageDef === void 0 ? void 0 : frontstageDef.findWidgetDef(widgetId);
+let widgetConfigId = 0;
+function toWidgetConfig(widget) {
+    const props = widget.props;
+    return {
+        ...props,
+        id: props.id ? props.id : `widget-config-${++widgetConfigId}`,
+    };
+}
+function toWidgetConfigFromZone(zone) {
+    const widgets = zone.props.widgets;
+    if (!widgets || widgets.length === 0)
+        return undefined;
+    const widget = widgets[0];
+    return toWidgetConfig(widget);
+}
+function toPanelConfig(panel) {
+    var _a, _b, _c, _d;
+    const props = panel.props;
+    const { panelZones, ...other } = props;
+    const start = (_b = (_a = panelZones === null || panelZones === void 0 ? void 0 : panelZones.start) === null || _a === void 0 ? void 0 : _a.widgets) === null || _b === void 0 ? void 0 : _b.map((w) => toWidgetConfig(w));
+    const end = (_d = (_c = panelZones === null || panelZones === void 0 ? void 0 : panelZones.end) === null || _c === void 0 ? void 0 : _c.widgets) === null || _d === void 0 ? void 0 : _d.map((w) => toWidgetConfig(w));
+    const config = {
+        ...other,
+        sections: {
+            start,
+            end,
+        },
+    };
+    return config;
+}
+function toFrontstageConfig(props) {
+    const { contentManipulationTools, viewNavigationTools, toolSettings, statusBar, topPanel, leftPanel, bottomPanel, rightPanel, ...other } = props;
+    const config = {
+        ...other,
+        version: props.version || 0,
+        contentManipulation: contentManipulationTools ? toWidgetConfigFromZone(contentManipulationTools) : undefined,
+        viewNavigation: viewNavigationTools ? toWidgetConfigFromZone(viewNavigationTools) : undefined,
+        toolSettings: toolSettings ? toWidgetConfigFromZone(toolSettings) : undefined,
+        statusBar: statusBar ? toWidgetConfigFromZone(statusBar) : undefined,
+        topPanel: topPanel ? toPanelConfig(topPanel) : undefined,
+        leftPanel: leftPanel ? toPanelConfig(leftPanel) : undefined,
+        bottomPanel: bottomPanel ? toPanelConfig(bottomPanel) : undefined,
+        rightPanel: rightPanel ? toPanelConfig(rightPanel) : undefined,
+    };
+    return config;
 }
-exports.useSpecificWidgetDef = useSpecificWidgetDef;
 //# sourceMappingURL=FrontstageDef.js.map