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

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.d.ts

@@ -2,9 +2,10 @@
  * @module Frontstage
  */
 import { WidgetConfig } from "../widgets/WidgetConfig";
+import { StagePanelMaxSizeSpec } from "./StagePanel";
 import { StagePanelState as StagePanelState } from "./StagePanelDef";
 /** Configuration from which a stage panel is created.
- * @public
+ * @beta
  */
 export interface StagePanelConfig {
     /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */
@@ -23,11 +24,11 @@ export interface StagePanelConfig {
     readonly sections?: StagePanelSectionsConfig;
 }
 /** Configuration from which a stage panel section is created.
- * @public
+ * @beta
  */
 export declare type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;
 /** Configuration from which stage panel sections are created.
- * @public
+ * @beta
  */
 export interface StagePanelSectionsConfig {
     /** Configuration of the `start` section. */
@@ -35,11 +36,4 @@ export interface StagePanelSectionsConfig {
     /** Configuration of the `end` section. */
     readonly end?: StagePanelSectionConfig;
 }
-/** Available units of panel max size. Pixels or percentage of App size.
- * @note Percentage of App `height` is used for top/bottom panel and percentage of App `width` is used for left/right panel.
- * @public
- */
-export declare type StagePanelMaxSizeSpec = number | {
-    percentage: number;
-};
 //# sourceMappingURL=StagePanelConfig.d.ts.map

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4GAA4G;IAC5G,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC;IACxC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IACzC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CAC9C;AAED;;GAEG;AACH,oBAAY,uBAAuB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IACzC,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED;;;GAGG;AACH,oBAAY,qBAAqB,GAAG,MAAM,GAAG;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"StagePanelConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4GAA4G;IAC5G,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC;IACxC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IACzC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CAC9C;AAED;;GAEG;AACH,oBAAY,uBAAuB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IACzC,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,uBAAuB,CAAC;CACxC"}

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.js

@@ -3,6 +3,7 @@
 * 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
  */

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport { WidgetConfig } from \"../widgets/WidgetConfig\";\r\nimport { StagePanelState as StagePanelState } from \"./StagePanelDef\";\r\n\r\n/** Configuration from which a stage panel is created.\r\n * @public\r\n */\r\nexport interface StagePanelConfig {\r\n  /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */\r\n  readonly defaultState?: StagePanelState;\r\n  /** Maximum size of the panel. */\r\n  readonly maxSize?: StagePanelMaxSizeSpec;\r\n  /** Minimum size of the panel. */\r\n  readonly minSize?: number;\r\n  /** Indicates whether the panel is pinned. Defaults to true. */\r\n  readonly pinned?: boolean;\r\n  /** Indicates whether the panel is resizable. Defaults to true. */\r\n  readonly resizable?: boolean;\r\n  /** Default size of the panel. */\r\n  readonly size?: number;\r\n  /** Configuration of the panel sections. */\r\n  readonly sections?: StagePanelSectionsConfig;\r\n}\r\n\r\n/** Configuration from which a stage panel section is created.\r\n * @public\r\n */\r\nexport type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;\r\n\r\n/** Configuration from which stage panel sections are created.\r\n * @public\r\n */\r\nexport interface StagePanelSectionsConfig {\r\n  /** Configuration of the `start` section. */\r\n  readonly start?: StagePanelSectionConfig;\r\n  /** Configuration of the `end` section. */\r\n  readonly end?: StagePanelSectionConfig;\r\n}\r\n\r\n/** Available units of panel max size. Pixels or percentage of App size.\r\n * @note Percentage of App `height` is used for top/bottom panel and percentage of App `width` is used for left/right panel.\r\n * @public\r\n */\r\nexport type StagePanelMaxSizeSpec = number | { percentage: number };\r\n"]}
+{"version":3,"file":"StagePanelConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport { WidgetConfig } from \"../widgets/WidgetConfig\";\r\nimport { StagePanelMaxSizeSpec } from \"./StagePanel\";\r\nimport { StagePanelState as StagePanelState } from \"./StagePanelDef\";\r\n\r\n/** Configuration from which a stage panel is created.\r\n * @beta\r\n */\r\nexport interface StagePanelConfig {\r\n  /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */\r\n  readonly defaultState?: StagePanelState;\r\n  /** Maximum size of the panel. */\r\n  readonly maxSize?: StagePanelMaxSizeSpec;\r\n  /** Minimum size of the panel. */\r\n  readonly minSize?: number;\r\n  /** Indicates whether the panel is pinned. Defaults to true. */\r\n  readonly pinned?: boolean;\r\n  /** Indicates whether the panel is resizable. Defaults to true. */\r\n  readonly resizable?: boolean;\r\n  /** Default size of the panel. */\r\n  readonly size?: number;\r\n  /** Configuration of the panel sections. */\r\n  readonly sections?: StagePanelSectionsConfig;\r\n}\r\n\r\n/** Configuration from which a stage panel section is created.\r\n * @beta\r\n */\r\nexport type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;\r\n\r\n/** Configuration from which stage panel sections are created.\r\n * @beta\r\n */\r\nexport interface StagePanelSectionsConfig {\r\n  /** Configuration of the `start` section. */\r\n  readonly start?: StagePanelSectionConfig;\r\n  /** Configuration of the `end` section. */\r\n  readonly end?: StagePanelSectionConfig;\r\n}\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanelDef.d.ts

@@ -6,7 +6,8 @@ import { StagePanelLocation, StagePanelSection, UiEvent } from "@itwin/appui-abs
 import { NineZoneState, PanelSide } from "@itwin/appui-layout-react";
 import { WidgetDef } from "../widgets/WidgetDef";
 import { WidgetHost } from "../widgets/WidgetHost";
-import { StagePanelConfig, StagePanelMaxSizeSpec, StagePanelSectionConfig } from "./StagePanelConfig";
+import { StagePanelMaxSizeSpec, StagePanelProps, StagePanelZoneProps, StagePanelZonesProps } from "./StagePanel";
+import { ZoneLocation } from "../zones/Zone";
 /** Enum for StagePanel state.
  * @public
  */
@@ -49,9 +50,9 @@ export declare class StagePanelDef extends WidgetHost {
     private _defaultSize;
     private _resizable;
     private _pinned;
+    private _applicationData?;
     private _location;
-    private _start;
-    private _end;
+    private _panelZones;
     /** Constructor for PanelDef.
      */
     constructor();
@@ -66,6 +67,8 @@ export declare class StagePanelDef extends WidgetHost {
     get resizable(): boolean;
     /** Indicates whether the panel is pinned. */
     get pinned(): boolean;
+    /** Any application data to attach to this Panel. */
+    get applicationData(): any | undefined;
     /** Location of panel. */
     get location(): StagePanelLocation;
     /** Panel state. Defaults to PanelState.Open. */
@@ -75,21 +78,38 @@ export declare class StagePanelDef extends WidgetHost {
     get defaultState(): StagePanelState;
     /** @internal */
     get defaultSize(): number | undefined;
+    /** Panel zones.
+     * @internal
+     */
+    get panelZones(): StagePanelZonesDef;
     /** @internal */
-    static create(config: StagePanelConfig, location: StagePanelLocation): StagePanelDef;
-    /** @internal */
-    initializeFromConfig(config: StagePanelConfig | undefined, location: StagePanelLocation): void;
+    initializeFromProps(props?: StagePanelProps, location?: StagePanelLocation): void;
     /** Gets the list of Widgets. */
     get widgetDefs(): ReadonlyArray<WidgetDef>;
+    /** Gets the list of Widgets (w/o StagePanelZone widgets).
+     * @internal
+     */
+    get panelWidgetDefs(): readonly WidgetDef[];
+    /** @internal */
+    updateDynamicWidgetDefs(stageId: string, stageUsage: string, location: ZoneLocation | StagePanelLocation, _section: StagePanelSection | undefined, allStageWidgetDefs: WidgetDef[], frontstageApplicationData?: any): void;
+}
+/** @internal */
+export declare type StagePanelZoneDefKeys = keyof Pick<StagePanelZonesDef, "start" | "end">;
+/** @internal */
+export declare class StagePanelZonesDef {
+    private _start;
+    private _end;
+    get start(): StagePanelZoneDef;
+    get end(): StagePanelZoneDef;
     /** @internal */
-    updateDynamicWidgetDefs(stageId: string, stageUsage: string, location: StagePanelLocation, _section: StagePanelSection | undefined, allStageWidgetDefs: WidgetDef[]): void;
+    initializeFromProps(props: StagePanelZonesProps, panelLocation: StagePanelLocation): void;
     /** @internal */
-    getPanelSectionDef(section: StagePanelSection): StagePanelSectionDef;
+    [Symbol.iterator](): Iterator<[StagePanelZoneDefKeys, StagePanelZoneDef]>;
 }
 /** @internal */
-export declare class StagePanelSectionDef extends WidgetHost {
+export declare class StagePanelZoneDef extends WidgetHost {
     /** @internal */
-    initializeFromConfig(config: StagePanelSectionConfig | undefined): void;
+    initializeFromProps(props: StagePanelZoneProps, panelLocation: StagePanelLocation, panelZone: StagePanelZoneDefKeys): void;
 }
 /** @internal */
 export declare function toPanelSide(location: StagePanelLocation): PanelSide;

package/lib/cjs/appui-react/stagepanels/StagePanelDef.d.ts.map

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

package/lib/cjs/appui-react/stagepanels/StagePanelDef.js

@@ -3,16 +3,19 @@
 * 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.setPanelSize = exports.toPanelSide = exports.StagePanelSectionDef = exports.StagePanelDef = exports.PanelSizeChangedEvent = exports.PanelStateChangedEvent = exports.StagePanelState = void 0;
+exports.setPanelSize = exports.toPanelSide = exports.StagePanelZoneDef = exports.StagePanelZonesDef = exports.StagePanelDef = exports.PanelSizeChangedEvent = exports.PanelStateChangedEvent = exports.StagePanelState = void 0;
 const immer_1 = require("immer");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const FrontstageManager_1 = require("../frontstage/FrontstageManager");
 const WidgetDef_1 = require("../widgets/WidgetDef");
 const WidgetHost_1 = require("../widgets/WidgetHost");
+const Zone_1 = require("../zones/Zone");
+const UiFramework_1 = require("../UiFramework");
 /** Enum for StagePanel state.
  * @public
  */
@@ -47,8 +50,7 @@ class StagePanelDef extends WidgetHost_1.WidgetHost {
         this._resizable = true;
         this._pinned = true;
         this._location = appui_abstract_1.StagePanelLocation.Left;
-        this._start = new StagePanelSectionDef();
-        this._end = new StagePanelSectionDef();
+        this._panelZones = new StagePanelZonesDef();
     }
     /** @internal */
     get maxSizeSpec() { return this._maxSizeSpec; }
@@ -56,6 +58,9 @@ class StagePanelDef extends WidgetHost_1.WidgetHost {
     get minSize() { return this._minSize; }
     /** Default size of the panel */
     get size() {
+        // istanbul ignore next
+        if ("1" === UiFramework_1.UiFramework.uiVersion)
+            return this._size;
         // istanbul ignore else
         if (FrontstageManager_1.FrontstageManager.activeFrontstageDef) {
             const [_, size] = FrontstageManager_1.FrontstageManager.activeFrontstageDef.getPanelCurrentState(this);
@@ -68,15 +73,17 @@ class StagePanelDef extends WidgetHost_1.WidgetHost {
         if (this._size === size)
             return;
         // istanbul ignore else
-        const frontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        // istanbul ignore else
-        if (frontstageDef && frontstageDef.nineZoneState) {
-            const side = toPanelSide(this.location);
-            frontstageDef.nineZoneState = (0, exports.setPanelSize)(frontstageDef.nineZoneState, side, size);
-            const panel = frontstageDef.nineZoneState.panels[side];
-            if (panel.size === this._size)
-                return;
-            size = panel.size;
+        if (UiFramework_1.UiFramework.uiVersion === "2") {
+            const frontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
+            // istanbul ignore else
+            if (frontstageDef && frontstageDef.nineZoneState) {
+                const side = toPanelSide(this.location);
+                frontstageDef.nineZoneState = (0, exports.setPanelSize)(frontstageDef.nineZoneState, side, size);
+                const panel = frontstageDef.nineZoneState.panels[side];
+                if (panel.size === this._size)
+                    return;
+                size = panel.size;
+            }
         }
         this._size = size;
         FrontstageManager_1.FrontstageManager.onPanelSizeChangedEvent.emit({
@@ -89,11 +96,15 @@ class StagePanelDef extends WidgetHost_1.WidgetHost {
     get resizable() { return this._resizable; }
     /** Indicates whether the panel is pinned. */
     get pinned() { return this._pinned; }
+    /** Any application data to attach to this Panel. */
+    get applicationData() { return this._applicationData; }
     /** Location of panel. */
     get location() { return this._location; }
     /** Panel state. Defaults to PanelState.Open. */
     get panelState() {
         var _a;
+        if ("1" === UiFramework_1.UiFramework.uiVersion)
+            return this._panelState;
         // istanbul ignore else
         if (FrontstageManager_1.FrontstageManager.activeFrontstageDef) {
             const [state] = (_a = FrontstageManager_1.FrontstageManager.activeFrontstageDef) === null || _a === void 0 ? void 0 : _a.getPanelCurrentState(this);
@@ -106,7 +117,7 @@ class StagePanelDef extends WidgetHost_1.WidgetHost {
         if (panelState === this._panelState)
             return;
         const frontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        if (frontstageDef && frontstageDef.nineZoneState) {
+        if (UiFramework_1.UiFramework.uiVersion === "2" && frontstageDef && frontstageDef.nineZoneState) {
             const side = toPanelSide(this.location);
             frontstageDef.nineZoneState = (0, immer_1.default)(frontstageDef.nineZoneState, (nineZone) => {
                 const panel = nineZone.panels[side];
@@ -136,76 +147,124 @@ class StagePanelDef extends WidgetHost_1.WidgetHost {
     get defaultState() { return this._defaultState; }
     /** @internal */
     get defaultSize() { return this._defaultSize; }
-    /** @internal */
-    static create(config, location) {
-        const def = new StagePanelDef();
-        def.initializeFromConfig(config, location);
-        return def;
+    /** Panel zones.
+     * @internal
+     */
+    get panelZones() {
+        return this._panelZones;
     }
     /** @internal */
-    initializeFromConfig(config, location) {
-        var _a;
-        this._location = location;
-        if (!config)
+    initializeFromProps(props, location) {
+        if (location !== undefined)
+            this._location = location;
+        if (!props)
             return;
-        this._size = config.size;
-        this._defaultSize = config.size;
-        this._maxSizeSpec = config.maxSize;
-        this._minSize = config.minSize;
-        if (config.defaultState !== undefined) {
-            this._panelState = config.defaultState;
-            this._defaultState = config.defaultState;
+        this._size = props.size;
+        this._defaultSize = props.size;
+        this._maxSizeSpec = props.maxSize;
+        this._minSize = props.minSize;
+        if (props.defaultState !== undefined) {
+            this._panelState = props.defaultState;
+            this._defaultState = props.defaultState;
+        }
+        this._resizable = props.resizable;
+        if (props.pinned !== undefined)
+            this._pinned = props.pinned;
+        this._applicationData = props.applicationData;
+        if (props.panelZones) {
+            this._panelZones.initializeFromProps(props.panelZones, this._location);
+        }
+        if (props.widgets) {
+            props.widgets.forEach((widgetNode, index) => {
+                const stableId = `uifw-sp-${appui_abstract_1.StagePanelLocation[this._location]}-${index}`;
+                const stableProps = (0, Zone_1.getStableWidgetProps)(widgetNode.props, stableId);
+                const widgetDef = new WidgetDef_1.WidgetDef(stableProps);
+                this.addWidgetDef(widgetDef);
+            });
         }
-        this._resizable = (_a = config.resizable) !== null && _a !== void 0 ? _a : true;
-        if (config.pinned !== undefined)
-            this._pinned = config.pinned;
-        const sections = config.sections;
-        this._start.initializeFromConfig(sections === null || sections === void 0 ? void 0 : sections.start);
-        this._end.initializeFromConfig(sections === null || sections === void 0 ? void 0 : sections.end);
     }
     /** Gets the list of Widgets. */
     get widgetDefs() {
-        return [...super.widgetDefs, ...this._start.widgetDefs, ...this._end.widgetDefs];
+        const widgetDefs = [...super.widgetDefs];
+        for (const [, panelZone] of this.panelZones) {
+            widgetDefs.push(...panelZone.widgetDefs);
+        }
+        return widgetDefs;
+    }
+    /** Gets the list of Widgets (w/o StagePanelZone widgets).
+     * @internal
+     */
+    get panelWidgetDefs() {
+        return super.widgetDefs;
     }
     /** @internal */
-    updateDynamicWidgetDefs(stageId, stageUsage, location, _section, allStageWidgetDefs) {
-        this._start.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.Start, allStageWidgetDefs);
-        this._end.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.End, allStageWidgetDefs);
+    updateDynamicWidgetDefs(stageId, stageUsage, location, _section, allStageWidgetDefs, frontstageApplicationData) {
+        this.panelZones.start.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.Start, allStageWidgetDefs, frontstageApplicationData);
+        this.panelZones.end.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.Middle, allStageWidgetDefs, frontstageApplicationData);
+        this.panelZones.end.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.End, allStageWidgetDefs, frontstageApplicationData);
+    }
+}
+exports.StagePanelDef = StagePanelDef;
+const stagePanelZoneDefKeys = ["start", "end"];
+/** @internal */
+class StagePanelZonesDef {
+    constructor() {
+        this._start = new StagePanelZoneDef();
+        this._end = new StagePanelZoneDef();
+    }
+    get start() {
+        return this._start;
+    }
+    get end() {
+        return this._end;
     }
     /** @internal */
-    getPanelSectionDef(section) {
-        switch (section) {
-            case appui_abstract_1.StagePanelSection.Start: {
-                return this._start;
-            }
-            case appui_abstract_1.StagePanelSection.End: {
-                return this._end;
-            }
+    initializeFromProps(props, panelLocation) {
+        if (props.start) {
+            this.start.initializeFromProps(props.start, panelLocation, "start");
+        }
+        if (props.middle) {
+            this.end.initializeFromProps(props.middle, panelLocation, "end");
+        }
+        if (props.end) {
+            this.end.initializeFromProps(props.end, panelLocation, "end");
         }
     }
+    /** @internal */
+    *[Symbol.iterator]() {
+        for (const key of stagePanelZoneDefKeys) {
+            const value = this[key];
+            yield [key, value];
+        }
+        return undefined;
+    }
 }
-exports.StagePanelDef = StagePanelDef;
+exports.StagePanelZonesDef = StagePanelZonesDef;
 /** @internal */
-class StagePanelSectionDef extends WidgetHost_1.WidgetHost {
+class StagePanelZoneDef extends WidgetHost_1.WidgetHost {
     /** @internal */
-    initializeFromConfig(config) {
-        config === null || config === void 0 ? void 0 : config.forEach((widgetConfig) => {
-            const widgetDef = WidgetDef_1.WidgetDef.create(widgetConfig);
+    initializeFromProps(props, panelLocation, panelZone) {
+        props.widgets.forEach((widgetNode, index) => {
+            const stableId = `uifw-spz-${appui_abstract_1.StagePanelLocation[panelLocation]}-${panelZone}-${index}`;
+            const stableProps = (0, Zone_1.getStableWidgetProps)(widgetNode.props, stableId);
+            const widgetDef = new WidgetDef_1.WidgetDef(stableProps);
             this.addWidgetDef(widgetDef);
         });
     }
 }
-exports.StagePanelSectionDef = StagePanelSectionDef;
+exports.StagePanelZoneDef = StagePanelZoneDef;
 /** @internal */
 function toPanelSide(location) {
     switch (location) {
         case appui_abstract_1.StagePanelLocation.Bottom:
+        case appui_abstract_1.StagePanelLocation.BottomMost:
             return "bottom";
         case appui_abstract_1.StagePanelLocation.Left:
             return "left";
         case appui_abstract_1.StagePanelLocation.Right:
             return "right";
         case appui_abstract_1.StagePanelLocation.Top:
+        case appui_abstract_1.StagePanelLocation.TopMost:
             return "top";
     }
 }

package/lib/cjs/appui-react/stagepanels/StagePanelDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelDef.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelDef.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport produce, { Draft } from \"immer\";\r\nimport { StagePanelLocation, StagePanelSection, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { NineZoneState, PanelSide } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { WidgetDef } from \"../widgets/WidgetDef\";\r\nimport { WidgetHost } from \"../widgets/WidgetHost\";\r\nimport { StagePanelConfig, StagePanelMaxSizeSpec, StagePanelSectionConfig } from \"./StagePanelConfig\";\r\n\r\n/** Enum for StagePanel state.\r\n * @public\r\n */\r\nexport enum StagePanelState {\r\n  Off,\r\n  Minimized,\r\n  Open,\r\n  Popup,\r\n}\r\n\r\n/** Panel State Changed Event Args interface.\r\n * @public\r\n */\r\nexport interface PanelStateChangedEventArgs {\r\n  panelDef: StagePanelDef;\r\n  panelState: StagePanelState;\r\n}\r\n\r\n/** Panel State Changed Event class.\r\n * @beta\r\n */\r\nexport class PanelStateChangedEvent extends UiEvent<PanelStateChangedEventArgs> { }\r\n\r\n/** @internal */\r\nexport interface PanelSizeChangedEventArgs {\r\n  panelDef: StagePanelDef;\r\n  size: number | undefined;\r\n}\r\n\r\n/** @internal */\r\nexport class PanelSizeChangedEvent extends UiEvent<PanelSizeChangedEventArgs> { }\r\n\r\n/**\r\n * A StagePanelDef represents each Stage Panel within a Frontstage.\r\n * @public\r\n */\r\nexport class StagePanelDef extends WidgetHost {\r\n  private _panelState = StagePanelState.Open;\r\n  private _defaultState = StagePanelState.Open;\r\n  private _maxSizeSpec: StagePanelMaxSizeSpec | undefined;\r\n  private _minSize: number | undefined;\r\n  private _size: number | undefined;\r\n  private _defaultSize: number | undefined;\r\n  private _resizable = true;\r\n  private _pinned = true;\r\n  private _location: StagePanelLocation = StagePanelLocation.Left;\r\n  private _start = new StagePanelSectionDef();\r\n  private _end = new StagePanelSectionDef();\r\n\r\n  /** Constructor for PanelDef.\r\n   */\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  /** @internal */\r\n  public get maxSizeSpec() { return this._maxSizeSpec; }\r\n\r\n  /** @internal */\r\n  public get minSize() { return this._minSize; }\r\n\r\n  /** Default size of the panel */\r\n  public get size() {\r\n    // istanbul ignore else\r\n    if (FrontstageManager.activeFrontstageDef) {\r\n      const [_, size] = FrontstageManager.activeFrontstageDef.getPanelCurrentState(this);\r\n      return size;\r\n    }\r\n    // istanbul ignore next\r\n    return this._defaultSize;\r\n  }\r\n\r\n  public set size(size) {\r\n    if (this._size === size)\r\n      return;\r\n\r\n    // istanbul ignore else\r\n    const frontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore else\r\n    if (frontstageDef && frontstageDef.nineZoneState) {\r\n      const side = toPanelSide(this.location);\r\n      frontstageDef.nineZoneState = setPanelSize(frontstageDef.nineZoneState, side, size);\r\n      const panel = frontstageDef.nineZoneState.panels[side];\r\n      if (panel.size === this._size)\r\n        return;\r\n      size = panel.size;\r\n    }\r\n    this._size = size;\r\n    FrontstageManager.onPanelSizeChangedEvent.emit({\r\n      panelDef: this,\r\n      size,\r\n    });\r\n  }\r\n\r\n  /** Indicates whether the panel is resizable. */\r\n  // istanbul ignore next\r\n  public get resizable(): boolean { return this._resizable; }\r\n\r\n  /** Indicates whether the panel is pinned. */\r\n  public get pinned(): boolean { return this._pinned; }\r\n\r\n  /** Location of panel. */\r\n  public get location(): StagePanelLocation { return this._location; }\r\n\r\n  /** Panel state. Defaults to PanelState.Open. */\r\n  public get panelState() {\r\n    // istanbul ignore else\r\n    if (FrontstageManager.activeFrontstageDef) {\r\n      const [state] = FrontstageManager.activeFrontstageDef?.getPanelCurrentState(this);\r\n      return state;\r\n    }\r\n    // istanbul ignore next\r\n    return this.defaultState;\r\n  }\r\n\r\n  public set panelState(panelState: StagePanelState) {\r\n    if (panelState === this._panelState)\r\n      return;\r\n    const frontstageDef = FrontstageManager.activeFrontstageDef;\r\n    if (frontstageDef && frontstageDef.nineZoneState) {\r\n      const side = toPanelSide(this.location);\r\n      frontstageDef.nineZoneState = produce(frontstageDef.nineZoneState, (nineZone) => {\r\n        const panel = nineZone.panels[side];\r\n        switch (panelState) {\r\n          case StagePanelState.Minimized: {\r\n            panel.collapsed = true;\r\n            break;\r\n          }\r\n          case StagePanelState.Open: {\r\n            panel.collapsed = false;\r\n            break;\r\n          }\r\n          case StagePanelState.Off: {\r\n            panel.collapsed = true;\r\n            break;\r\n          }\r\n        }\r\n      });\r\n    }\r\n    this._panelState = panelState;\r\n    FrontstageManager.onPanelStateChangedEvent.emit({\r\n      panelDef: this,\r\n      panelState,\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public get defaultState() { return this._defaultState; }\r\n\r\n  /** @internal */\r\n  public get defaultSize() { return this._defaultSize; }\r\n\r\n  /** @internal */\r\n  public static create(config: StagePanelConfig, location: StagePanelLocation) {\r\n    const def = new StagePanelDef();\r\n    def.initializeFromConfig(config, location);\r\n    return def;\r\n  }\r\n\r\n  /** @internal */\r\n  public initializeFromConfig(config: StagePanelConfig | undefined, location: StagePanelLocation): void {\r\n    this._location = location;\r\n\r\n    if (!config)\r\n      return;\r\n    this._size = config.size;\r\n    this._defaultSize = config.size;\r\n    this._maxSizeSpec = config.maxSize;\r\n    this._minSize = config.minSize;\r\n    if (config.defaultState !== undefined) {\r\n      this._panelState = config.defaultState;\r\n      this._defaultState = config.defaultState;\r\n    }\r\n    this._resizable = config.resizable ?? true;\r\n    if (config.pinned !== undefined)\r\n      this._pinned = config.pinned;\r\n\r\n    const sections = config.sections;\r\n    this._start.initializeFromConfig(sections?.start);\r\n    this._end.initializeFromConfig(sections?.end);\r\n  }\r\n\r\n  /** Gets the list of Widgets. */\r\n  public override get widgetDefs(): ReadonlyArray<WidgetDef> {\r\n    return [...super.widgetDefs, ...this._start.widgetDefs, ...this._end.widgetDefs];\r\n  }\r\n\r\n  /** @internal */\r\n  public override updateDynamicWidgetDefs(stageId: string, stageUsage: string, location: StagePanelLocation, _section: StagePanelSection | undefined,\r\n    allStageWidgetDefs: WidgetDef[]) {\r\n    this._start.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Start, allStageWidgetDefs);\r\n    this._end.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.End, allStageWidgetDefs);\r\n  }\r\n\r\n  /** @internal */\r\n  public getPanelSectionDef(section: StagePanelSection) {\r\n    switch (section) {\r\n      case StagePanelSection.Start: {\r\n        return this._start;\r\n      }\r\n      case StagePanelSection.End: {\r\n        return this._end;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport class StagePanelSectionDef extends WidgetHost {\r\n  /** @internal */\r\n  public initializeFromConfig(config: StagePanelSectionConfig | undefined) {\r\n    config?.forEach((widgetConfig) => {\r\n      const widgetDef = WidgetDef.create(widgetConfig);\r\n      this.addWidgetDef(widgetDef);\r\n    });\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport function toPanelSide(location: StagePanelLocation): PanelSide {\r\n  switch (location) {\r\n    case StagePanelLocation.Bottom:\r\n      return \"bottom\";\r\n    case StagePanelLocation.Left:\r\n      return \"left\";\r\n    case StagePanelLocation.Right:\r\n      return \"right\";\r\n    case StagePanelLocation.Top:\r\n      return \"top\";\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport const setPanelSize = produce((\r\n  nineZone: Draft<NineZoneState>,\r\n  side: PanelSide,\r\n  size: number | undefined,\r\n) => {\r\n  const panel = nineZone.panels[side];\r\n  panel.size = size === undefined ? size : Math.min(Math.max(size, panel.minSize), panel.maxSize);\r\n});\r\n"]}
+{"version":3,"file":"StagePanelDef.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,iCAAuC;AACvC,0DAAuF;AAEvF,uEAAoE;AACpE,oDAAiD;AACjD,sDAAmD;AAEnD,wCAAmE;AACnE,gDAA6C;AAE7C;;GAEG;AACH,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,mDAAG,CAAA;IACH,+DAAS,CAAA;IACT,qDAAI,CAAA;IACJ,uDAAK,CAAA;AACP,CAAC,EALW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAK1B;AAUD;;GAEG;AACH,MAAa,sBAAuB,SAAQ,wBAAmC;CAAI;AAAnF,wDAAmF;AAQnF,gBAAgB;AAChB,MAAa,qBAAsB,SAAQ,wBAAkC;CAAI;AAAjF,sDAAiF;AAEjF;;;GAGG;AACH,MAAa,aAAc,SAAQ,uBAAU;IAa3C;OACG;IACH;QACE,KAAK,EAAE,CAAC;QAfF,gBAAW,GAAG,eAAe,CAAC,IAAI,CAAC;QACnC,kBAAa,GAAG,eAAe,CAAC,IAAI,CAAC;QAKrC,eAAU,GAAG,IAAI,CAAC;QAClB,YAAO,GAAG,IAAI,CAAC;QAEf,cAAS,GAAuB,mCAAkB,CAAC,IAAI,CAAC;QACxD,gBAAW,GAAG,IAAI,kBAAkB,EAAE,CAAC;IAM/C,CAAC;IAED,gBAAgB;IAChB,IAAW,WAAW,KAAK,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtD,gBAAgB;IAChB,IAAW,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9C,gCAAgC;IAChC,IAAW,IAAI;QACb,uBAAuB;QACvB,IAAI,GAAG,KAAK,yBAAW,CAAC,SAAS;YAC/B,OAAO,IAAI,CAAC,KAAK,CAAC;QAEpB,uBAAuB;QACvB,IAAI,qCAAiB,CAAC,mBAAmB,EAAE;YACzC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,qCAAiB,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;YACnF,OAAO,IAAI,CAAC;SACb;QACD,uBAAuB;QACvB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAW,IAAI,CAAC,IAAI;QAClB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI;YACrB,OAAO;QAET,uBAAuB;QACvB,IAAI,yBAAW,CAAC,SAAS,KAAK,GAAG,EAAE;YACjC,MAAM,aAAa,GAAG,qCAAiB,CAAC,mBAAmB,CAAC;YAC5D,uBAAuB;YACvB,IAAI,aAAa,IAAI,aAAa,CAAC,aAAa,EAAE;gBAChD,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACxC,aAAa,CAAC,aAAa,GAAG,IAAA,oBAAY,EAAC,aAAa,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;gBACpF,MAAM,KAAK,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACvD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK;oBAC3B,OAAO;gBACT,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;aACnB;SACF;QACD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,qCAAiB,CAAC,uBAAuB,CAAC,IAAI,CAAC;YAC7C,QAAQ,EAAE,IAAI;YACd,IAAI;SACL,CAAC,CAAC;IACL,CAAC;IAED,gDAAgD;IAChD,uBAAuB;IACvB,IAAW,SAAS,KAAc,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAE3D,6CAA6C;IAC7C,IAAW,MAAM,KAAc,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAErD,oDAAoD;IACpD,IAAW,eAAe,KAAsB,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/E,yBAAyB;IACzB,IAAW,QAAQ,KAAyB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAEpE,gDAAgD;IAChD,IAAW,UAAU;;QACnB,IAAI,GAAG,KAAK,yBAAW,CAAC,SAAS;YAC/B,OAAO,IAAI,CAAC,WAAW,CAAC;QAE1B,uBAAuB;QACvB,IAAI,qCAAiB,CAAC,mBAAmB,EAAE;YACzC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAA,qCAAiB,CAAC,mBAAmB,0CAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAClF,OAAO,KAAK,CAAC;SACd;QACD,uBAAuB;QACvB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAW,UAAU,CAAC,UAA2B;QAC/C,IAAI,UAAU,KAAK,IAAI,CAAC,WAAW;YACjC,OAAO;QACT,MAAM,aAAa,GAAG,qCAAiB,CAAC,mBAAmB,CAAC;QAC5D,IAAI,yBAAW,CAAC,SAAS,KAAK,GAAG,IAAI,aAAa,IAAI,aAAa,CAAC,aAAa,EAAE;YACjF,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACxC,aAAa,CAAC,aAAa,GAAG,IAAA,eAAO,EAAC,aAAa,CAAC,aAAa,EAAE,CAAC,QAAQ,EAAE,EAAE;gBAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACpC,QAAQ,UAAU,EAAE;oBAClB,KAAK,eAAe,CAAC,SAAS,CAAC,CAAC;wBAC9B,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;wBACvB,MAAM;qBACP;oBACD,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC;wBACzB,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;wBACxB,MAAM;qBACP;oBACD,KAAK,eAAe,CAAC,GAAG,CAAC,CAAC;wBACxB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;wBACvB,MAAM;qBACP;iBACF;YACH,CAAC,CAAC,CAAC;SACJ;QACD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,qCAAiB,CAAC,wBAAwB,CAAC,IAAI,CAAC;YAC9C,QAAQ,EAAE,IAAI;YACd,UAAU;SACX,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IAChB,IAAW,YAAY,KAAK,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAExD,gBAAgB;IAChB,IAAW,WAAW,KAAK,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtD;;OAEG;IACH,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,gBAAgB;IACT,mBAAmB,CAAC,KAAuB,EAAE,QAA6B;QAC/E,IAAI,QAAQ,KAAK,SAAS;YACxB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC5B,IAAI,CAAC,KAAK;YACR,OAAO;QACT,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;QAC9B,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,EAAE;YACpC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC;YACtC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC;SACzC;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;QAClC,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS;YAC5B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC;QAC9C,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SACxE;QAED,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;gBAC1C,MAAM,QAAQ,GAAG,WAAW,mCAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,EAAE,CAAC;gBAC1E,MAAM,WAAW,GAAG,IAAA,2BAAoB,EAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBACrE,MAAM,SAAS,GAAG,IAAI,qBAAS,CAAC,WAAW,CAAC,CAAC;gBAC7C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC/B,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,gCAAgC;IAChC,IAAoB,UAAU;QAC5B,MAAM,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QACzC,KAAK,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;YAC3C,UAAU,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;SAC1C;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,IAAW,eAAe;QACxB,OAAO,KAAK,CAAC,UAAU,CAAC;IAC1B,CAAC;IAED,gBAAgB;IACA,uBAAuB,CAAC,OAAe,EAAE,UAAkB,EAAE,QAA2C,EAAE,QAAuC,EAC/J,kBAA+B,EAAE,yBAA+B;QAEhE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,kCAAiB,CAAC,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CAAC;QACrJ,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,uBAAuB,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,kCAAiB,CAAC,MAAM,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CAAC;QACpJ,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,uBAAuB,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,kCAAiB,CAAC,GAAG,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CAAC;IACnJ,CAAC;CACF;AA9LD,sCA8LC;AAKD,MAAM,qBAAqB,GAA4B,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAExE,gBAAgB;AAChB,MAAa,kBAAkB;IAA/B;QACU,WAAM,GAAG,IAAI,iBAAiB,EAAE,CAAC;QACjC,SAAI,GAAG,IAAI,iBAAiB,EAAE,CAAC;IA+BzC,CAAC;IA7BC,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,gBAAgB;IACT,mBAAmB,CAAC,KAA2B,EAAE,aAAiC;QACvF,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;SACrE;QACD,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;SAClE;QACD,IAAI,KAAK,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;SAC/D;IACH,CAAC;IAED,gBAAgB;IACT,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;QACvB,KAAK,MAAM,GAAG,IAAI,qBAAqB,EAAE;YACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YACxB,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACpB;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;CACF;AAjCD,gDAiCC;AAED,gBAAgB;AAChB,MAAa,iBAAkB,SAAQ,uBAAU;IAC/C,gBAAgB;IACT,mBAAmB,CAAC,KAA0B,EAAE,aAAiC,EAAE,SAAgC;QACxH,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;YAC1C,MAAM,QAAQ,GAAG,YAAY,mCAAkB,CAAC,aAAa,CAAC,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvF,MAAM,WAAW,GAAG,IAAA,2BAAoB,EAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACrE,MAAM,SAAS,GAAG,IAAI,qBAAS,CAAC,WAAW,CAAC,CAAC;YAC7C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAVD,8CAUC;AAED,gBAAgB;AAChB,SAAgB,WAAW,CAAC,QAA4B;IACtD,QAAQ,QAAQ,EAAE;QAChB,KAAK,mCAAkB,CAAC,MAAM,CAAC;QAC/B,KAAK,mCAAkB,CAAC,UAAU;YAChC,OAAO,QAAQ,CAAC;QAClB,KAAK,mCAAkB,CAAC,IAAI;YAC1B,OAAO,MAAM,CAAC;QAChB,KAAK,mCAAkB,CAAC,KAAK;YAC3B,OAAO,OAAO,CAAC;QACjB,KAAK,mCAAkB,CAAC,GAAG,CAAC;QAC5B,KAAK,mCAAkB,CAAC,OAAO;YAC7B,OAAO,KAAK,CAAC;KAChB;AACH,CAAC;AAbD,kCAaC;AAED,gBAAgB;AACH,QAAA,YAAY,GAAG,IAAA,eAAO,EAAC,CAClC,QAA8B,EAC9B,IAAe,EACf,IAAwB,EACxB,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,KAAK,CAAC,IAAI,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAClG,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport produce, { Draft } from \"immer\";\r\nimport { StagePanelLocation, StagePanelSection, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { NineZoneState, PanelSide } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { WidgetDef } from \"../widgets/WidgetDef\";\r\nimport { WidgetHost } from \"../widgets/WidgetHost\";\r\nimport { StagePanelMaxSizeSpec, StagePanelProps, StagePanelZoneProps, StagePanelZonesProps } from \"./StagePanel\";\r\nimport { getStableWidgetProps, ZoneLocation } from \"../zones/Zone\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Enum for StagePanel state.\r\n * @public\r\n */\r\nexport enum StagePanelState {\r\n  Off,\r\n  Minimized,\r\n  Open,\r\n  Popup,\r\n}\r\n\r\n/** Panel State Changed Event Args interface.\r\n * @public\r\n */\r\nexport interface PanelStateChangedEventArgs {\r\n  panelDef: StagePanelDef;\r\n  panelState: StagePanelState;\r\n}\r\n\r\n/** Panel State Changed Event class.\r\n * @beta\r\n */\r\nexport class PanelStateChangedEvent extends UiEvent<PanelStateChangedEventArgs> { }\r\n\r\n/** @internal */\r\nexport interface PanelSizeChangedEventArgs {\r\n  panelDef: StagePanelDef;\r\n  size: number | undefined;\r\n}\r\n\r\n/** @internal */\r\nexport class PanelSizeChangedEvent extends UiEvent<PanelSizeChangedEventArgs> { }\r\n\r\n/**\r\n * A StagePanelDef represents each Stage Panel within a Frontstage.\r\n * @public\r\n */\r\nexport class StagePanelDef extends WidgetHost {\r\n  private _panelState = StagePanelState.Open;\r\n  private _defaultState = StagePanelState.Open;\r\n  private _maxSizeSpec: StagePanelMaxSizeSpec | undefined;\r\n  private _minSize: number | undefined;\r\n  private _size: number | undefined;\r\n  private _defaultSize: number | undefined;\r\n  private _resizable = true;\r\n  private _pinned = true;\r\n  private _applicationData?: any;\r\n  private _location: StagePanelLocation = StagePanelLocation.Left;\r\n  private _panelZones = new StagePanelZonesDef();\r\n\r\n  /** Constructor for PanelDef.\r\n   */\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  /** @internal */\r\n  public get maxSizeSpec() { return this._maxSizeSpec; }\r\n\r\n  /** @internal */\r\n  public get minSize() { return this._minSize; }\r\n\r\n  /** Default size of the panel */\r\n  public get size() {\r\n    // istanbul ignore next\r\n    if (\"1\" === UiFramework.uiVersion)\r\n      return this._size;\r\n\r\n    // istanbul ignore else\r\n    if (FrontstageManager.activeFrontstageDef) {\r\n      const [_, size] = FrontstageManager.activeFrontstageDef.getPanelCurrentState(this);\r\n      return size;\r\n    }\r\n    // istanbul ignore next\r\n    return this._defaultSize;\r\n  }\r\n\r\n  public set size(size) {\r\n    if (this._size === size)\r\n      return;\r\n\r\n    // istanbul ignore else\r\n    if (UiFramework.uiVersion === \"2\") {\r\n      const frontstageDef = FrontstageManager.activeFrontstageDef;\r\n      // istanbul ignore else\r\n      if (frontstageDef && frontstageDef.nineZoneState) {\r\n        const side = toPanelSide(this.location);\r\n        frontstageDef.nineZoneState = setPanelSize(frontstageDef.nineZoneState, side, size);\r\n        const panel = frontstageDef.nineZoneState.panels[side];\r\n        if (panel.size === this._size)\r\n          return;\r\n        size = panel.size;\r\n      }\r\n    }\r\n    this._size = size;\r\n    FrontstageManager.onPanelSizeChangedEvent.emit({\r\n      panelDef: this,\r\n      size,\r\n    });\r\n  }\r\n\r\n  /** Indicates whether the panel is resizable. */\r\n  // istanbul ignore next\r\n  public get resizable(): boolean { return this._resizable; }\r\n\r\n  /** Indicates whether the panel is pinned. */\r\n  public get pinned(): boolean { return this._pinned; }\r\n\r\n  /** Any application data to attach to this Panel. */\r\n  public get applicationData(): any | undefined { return this._applicationData; }\r\n  /** Location of panel. */\r\n  public get location(): StagePanelLocation { return this._location; }\r\n\r\n  /** Panel state. Defaults to PanelState.Open. */\r\n  public get panelState() {\r\n    if (\"1\" === UiFramework.uiVersion)\r\n      return this._panelState;\r\n\r\n    // istanbul ignore else\r\n    if (FrontstageManager.activeFrontstageDef) {\r\n      const [state] = FrontstageManager.activeFrontstageDef?.getPanelCurrentState(this);\r\n      return state;\r\n    }\r\n    // istanbul ignore next\r\n    return this.defaultState;\r\n  }\r\n\r\n  public set panelState(panelState: StagePanelState) {\r\n    if (panelState === this._panelState)\r\n      return;\r\n    const frontstageDef = FrontstageManager.activeFrontstageDef;\r\n    if (UiFramework.uiVersion === \"2\" && frontstageDef && frontstageDef.nineZoneState) {\r\n      const side = toPanelSide(this.location);\r\n      frontstageDef.nineZoneState = produce(frontstageDef.nineZoneState, (nineZone) => {\r\n        const panel = nineZone.panels[side];\r\n        switch (panelState) {\r\n          case StagePanelState.Minimized: {\r\n            panel.collapsed = true;\r\n            break;\r\n          }\r\n          case StagePanelState.Open: {\r\n            panel.collapsed = false;\r\n            break;\r\n          }\r\n          case StagePanelState.Off: {\r\n            panel.collapsed = true;\r\n            break;\r\n          }\r\n        }\r\n      });\r\n    }\r\n    this._panelState = panelState;\r\n    FrontstageManager.onPanelStateChangedEvent.emit({\r\n      panelDef: this,\r\n      panelState,\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public get defaultState() { return this._defaultState; }\r\n\r\n  /** @internal */\r\n  public get defaultSize() { return this._defaultSize; }\r\n\r\n  /** Panel zones.\r\n   * @internal\r\n   */\r\n  public get panelZones() {\r\n    return this._panelZones;\r\n  }\r\n\r\n  /** @internal */\r\n  public initializeFromProps(props?: StagePanelProps, location?: StagePanelLocation): void {\r\n    if (location !== undefined)\r\n      this._location = location;\r\n    if (!props)\r\n      return;\r\n    this._size = props.size;\r\n    this._defaultSize = props.size;\r\n    this._maxSizeSpec = props.maxSize;\r\n    this._minSize = props.minSize;\r\n    if (props.defaultState !== undefined) {\r\n      this._panelState = props.defaultState;\r\n      this._defaultState = props.defaultState;\r\n    }\r\n    this._resizable = props.resizable;\r\n    if (props.pinned !== undefined)\r\n      this._pinned = props.pinned;\r\n    this._applicationData = props.applicationData;\r\n    if (props.panelZones) {\r\n      this._panelZones.initializeFromProps(props.panelZones, this._location);\r\n    }\r\n\r\n    if (props.widgets) {\r\n      props.widgets.forEach((widgetNode, index) => {\r\n        const stableId = `uifw-sp-${StagePanelLocation[this._location]}-${index}`;\r\n        const stableProps = getStableWidgetProps(widgetNode.props, stableId);\r\n        const widgetDef = new WidgetDef(stableProps);\r\n        this.addWidgetDef(widgetDef);\r\n      });\r\n    }\r\n  }\r\n\r\n  /** Gets the list of Widgets. */\r\n  public override get widgetDefs(): ReadonlyArray<WidgetDef> {\r\n    const widgetDefs = [...super.widgetDefs];\r\n    for (const [, panelZone] of this.panelZones) {\r\n      widgetDefs.push(...panelZone.widgetDefs);\r\n    }\r\n    return widgetDefs;\r\n  }\r\n\r\n  /** Gets the list of Widgets (w/o StagePanelZone widgets).\r\n   * @internal\r\n   */\r\n  public get panelWidgetDefs() {\r\n    return super.widgetDefs;\r\n  }\r\n\r\n  /** @internal */\r\n  public override updateDynamicWidgetDefs(stageId: string, stageUsage: string, location: ZoneLocation | StagePanelLocation, _section: StagePanelSection | undefined,\r\n    allStageWidgetDefs: WidgetDef[], frontstageApplicationData?: any,\r\n  ): void {\r\n    this.panelZones.start.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Start, allStageWidgetDefs, frontstageApplicationData);\r\n    this.panelZones.end.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Middle, allStageWidgetDefs, frontstageApplicationData);\r\n    this.panelZones.end.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.End, allStageWidgetDefs, frontstageApplicationData);\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport type StagePanelZoneDefKeys = keyof Pick<StagePanelZonesDef, \"start\" | \"end\">;\r\n\r\nconst stagePanelZoneDefKeys: StagePanelZoneDefKeys[] = [\"start\", \"end\"];\r\n\r\n/** @internal */\r\nexport class StagePanelZonesDef {\r\n  private _start = new StagePanelZoneDef();\r\n  private _end = new StagePanelZoneDef();\r\n\r\n  public get start() {\r\n    return this._start;\r\n  }\r\n\r\n  public get end() {\r\n    return this._end;\r\n  }\r\n\r\n  /** @internal */\r\n  public initializeFromProps(props: StagePanelZonesProps, panelLocation: StagePanelLocation): void {\r\n    if (props.start) {\r\n      this.start.initializeFromProps(props.start, panelLocation, \"start\");\r\n    }\r\n    if (props.middle) {\r\n      this.end.initializeFromProps(props.middle, panelLocation, \"end\");\r\n    }\r\n    if (props.end) {\r\n      this.end.initializeFromProps(props.end, panelLocation, \"end\");\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public *[Symbol.iterator](): Iterator<[StagePanelZoneDefKeys, StagePanelZoneDef]> {\r\n    for (const key of stagePanelZoneDefKeys) {\r\n      const value = this[key];\r\n      yield [key, value];\r\n    }\r\n    return undefined;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport class StagePanelZoneDef extends WidgetHost {\r\n  /** @internal */\r\n  public initializeFromProps(props: StagePanelZoneProps, panelLocation: StagePanelLocation, panelZone: StagePanelZoneDefKeys): void {\r\n    props.widgets.forEach((widgetNode, index) => {\r\n      const stableId = `uifw-spz-${StagePanelLocation[panelLocation]}-${panelZone}-${index}`;\r\n      const stableProps = getStableWidgetProps(widgetNode.props, stableId);\r\n      const widgetDef = new WidgetDef(stableProps);\r\n      this.addWidgetDef(widgetDef);\r\n    });\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport function toPanelSide(location: StagePanelLocation): PanelSide {\r\n  switch (location) {\r\n    case StagePanelLocation.Bottom:\r\n    case StagePanelLocation.BottomMost:\r\n      return \"bottom\";\r\n    case StagePanelLocation.Left:\r\n      return \"left\";\r\n    case StagePanelLocation.Right:\r\n      return \"right\";\r\n    case StagePanelLocation.Top:\r\n    case StagePanelLocation.TopMost:\r\n      return \"top\";\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport const setPanelSize = produce((\r\n  nineZone: Draft<NineZoneState>,\r\n  side: PanelSide,\r\n  size: number | undefined,\r\n) => {\r\n  const panel = nineZone.panels[side];\r\n  panel.size = size === undefined ? size : Math.min(Math.max(size, panel.minSize), panel.maxSize);\r\n});\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanelHeader.d.ts

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import "./StagePanelHeader.scss";
+import * as React from "react";
+import { StagePanelLocation } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of a [[StagePanelHeader]] component
+ * @alpha @deprecated in 3.0.
+ */
+export interface StagePanelHeaderProps extends CommonProps {
+    /** Describes if the collapse button is visible. */
+    collapseButton?: boolean;
+    /** Title of collapse button (displayed when hovered). */
+    collapseButtonTitle?: string;
+    /** Describes stage panel location of this header. */
+    location: StagePanelLocation;
+    /** Header title. */
+    title?: string;
+}
+/** Stage panel header React component.
+ * @alpha @deprecated in 3.0.
+ */
+export declare class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {
+    render(): JSX.Element;
+    private _handleCollapseButtonClick;
+}
+//# sourceMappingURL=StagePanelHeader.d.ts.map

package/lib/cjs/appui-react/stagepanels/StagePanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StagePanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelHeader.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;IAyBtB,OAAO,CAAC,0BAA0B,CAUhC;CACH"}

package/lib/cjs/appui-react/stagepanels/StagePanelHeader.js

@@ -0,0 +1,46 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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.StagePanelHeader = void 0;
+require("./StagePanelHeader.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const StagePanelDef_1 = require("./StagePanelDef");
+/** Stage panel header React component.
+ * @alpha @deprecated in 3.0.
+ */
+class StagePanelHeader extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleCollapseButtonClick = () => {
+            const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
+            // istanbul ignore if
+            if (!activeFrontstageDef)
+                return;
+            const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);
+            // istanbul ignore if
+            if (!stagePanel)
+                return;
+            stagePanel.panelState = StagePanelDef_1.StagePanelState.Minimized;
+        };
+    }
+    render() {
+        const className = (0, classnames_1.default)("uifw-stagepanelheader", this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style },
+            React.createElement("span", null, this.props.title),
+            this.props.collapseButton ?
+                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+                React.createElement("i", { className: "uifw-collapse icon icon-close", title: this.props.collapseButtonTitle, onClick: this._handleCollapseButtonClick, role: "button", tabIndex: -1 }) :
+                undefined));
+    }
+}
+exports.StagePanelHeader = StagePanelHeader;
+//# sourceMappingURL=StagePanelHeader.js.map

package/lib/cjs/appui-react/stagepanels/StagePanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StagePanelHeader.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelHeader.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,mCAAiC;AACjC,2CAAoC;AACpC,+BAA+B;AAG/B,uEAAoE;AACpE,mDAAkD;AAkBlD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAAhF;;QA0BU,+BAA0B,GAAG,GAAG,EAAE;YACxC,MAAM,mBAAmB,GAAG,qCAAiB,CAAC,mBAAmB,CAAC;YAClE,qBAAqB;YACrB,IAAI,CAAC,mBAAmB;gBACtB,OAAO;YACT,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC7E,qBAAqB;YACrB,IAAI,CAAC,UAAU;gBACb,OAAO;YACT,UAAU,CAAC,UAAU,GAAG,+BAAe,CAAC,SAAS,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC;IApCiB,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAClD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAC9B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBAC1B,iEAAiE;gBACjE,2BACE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EACrC,OAAO,EAAE,IAAI,CAAC,0BAA0B,EACxC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,GACZ,CAAC,CAAC;gBACJ,SAAS,CAEP,CACP,CAAC;IACJ,CAAC;CAaF;AArCD,4CAqCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport \"./StagePanelHeader.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StagePanelLocation } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { StagePanelState } from \"./StagePanelDef\";\r\n\r\n// cspell:ignore stagepanelheader\r\n\r\n/** Properties of a [[StagePanelHeader]] component\r\n * @alpha @deprecated in 3.0.\r\n */\r\nexport interface StagePanelHeaderProps extends CommonProps {\r\n  /** Describes if the collapse button is visible. */\r\n  collapseButton?: boolean;\r\n  /** Title of collapse button (displayed when hovered). */\r\n  collapseButtonTitle?: string;\r\n  /** Describes stage panel location of this header. */\r\n  location: StagePanelLocation;\r\n  /** Header title. */\r\n  title?: string;\r\n}\r\n\r\n/** Stage panel header React component.\r\n * @alpha @deprecated in 3.0.\r\n */\r\nexport class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {\r\n  public override render() {\r\n    const className = classnames(\"uifw-stagepanelheader\",\r\n      this.props.className,\r\n    );\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n      >\r\n        <span>{this.props.title}</span>\r\n        {this.props.collapseButton ?\r\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n          <i\r\n            className=\"uifw-collapse icon icon-close\"\r\n            title={this.props.collapseButtonTitle}\r\n            onClick={this._handleCollapseButtonClick}\r\n            role=\"button\"\r\n            tabIndex={-1}\r\n          /> :\r\n          undefined\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleCollapseButtonClick = () => {\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore if\r\n    if (!activeFrontstageDef)\r\n      return;\r\n    const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);\r\n    // istanbul ignore if\r\n    if (!stagePanel)\r\n      return;\r\n    stagePanel.panelState = StagePanelState.Minimized;\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanelHeader.scss

@@ -0,0 +1,26 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/dialog/variables";
+
+.uifw-stagepanelheader {
+  align-items: center;
+  height: $nz-footer-title-bar-height;
+  justify-content: flex-end;
+  padding: 5px 10px;
+  box-sizing: border-box;
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr auto;
+
+  >.uifw-collapse {
+    cursor: pointer;
+    justify-self: end;
+    padding: 5px;
+
+    &:focus {
+      outline: none;
+    }
+  }
+}