@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1,264 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+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 core_react_1 = require("@itwin/core-react");
+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
+ */
+var StagePanelState;
+(function (StagePanelState) {
+    StagePanelState[StagePanelState["Off"] = 0] = "Off";
+    StagePanelState[StagePanelState["Minimized"] = 1] = "Minimized";
+    StagePanelState[StagePanelState["Open"] = 2] = "Open";
+    StagePanelState[StagePanelState["Popup"] = 3] = "Popup";
+})(StagePanelState = exports.StagePanelState || (exports.StagePanelState = {}));
+/** Widget State Changed Event class.
+ * @beta
+ */
+class PanelStateChangedEvent extends core_react_1.UiEvent {
+}
+exports.PanelStateChangedEvent = PanelStateChangedEvent;
+/** @internal */
+class PanelSizeChangedEvent extends core_react_1.UiEvent {
+}
+exports.PanelSizeChangedEvent = PanelSizeChangedEvent;
+/**
+ * A StagePanelDef represents each Stage Panel within a Frontstage.
+ * @public
+ */
+class StagePanelDef extends WidgetHost_1.WidgetHost {
+    /** Constructor for PanelDef.
+     */
+    constructor() {
+        super();
+        this._panelState = StagePanelState.Open;
+        this._defaultState = StagePanelState.Open;
+        this._resizable = true;
+        this._pinned = true;
+        this._location = appui_abstract_1.StagePanelLocation.Left;
+        this._panelZones = new StagePanelZonesDef();
+    }
+    /** @internal */
+    get maxSizeSpec() { return this._maxSizeSpec; }
+    /** @internal */
+    get minSize() { return this._minSize; }
+    /** Default size of the panel */
+    get size() { return this._size; }
+    set size(size) {
+        if (this._size === size)
+            return;
+        // istanbul ignore else
+        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({
+            panelDef: this,
+            size,
+        });
+    }
+    /** Indicates whether the panel is resizable. */
+    // istanbul ignore next
+    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() {
+        return this._panelState;
+    }
+    set panelState(panelState) {
+        if (panelState === this._panelState)
+            return;
+        const frontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
+        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];
+                switch (panelState) {
+                    case StagePanelState.Minimized: {
+                        panel.collapsed = true;
+                        break;
+                    }
+                    case StagePanelState.Open: {
+                        panel.collapsed = false;
+                        break;
+                    }
+                    case StagePanelState.Off: {
+                        panel.collapsed = true;
+                        break;
+                    }
+                }
+            });
+        }
+        this._panelState = panelState;
+        FrontstageManager_1.FrontstageManager.onPanelStateChangedEvent.emit({
+            panelDef: this,
+            panelState,
+        });
+    }
+    /** @internal */
+    get defaultState() { return this._defaultState; }
+    /** @internal */
+    get defaultSize() { return this._defaultSize; }
+    /** Panel zones.
+     * @internal
+     */
+    get panelZones() {
+        return this._panelZones;
+    }
+    /** @internal */
+    initializeFromProps(props, panelLocation) {
+        if (panelLocation !== undefined)
+            this._location = panelLocation;
+        if (!props)
+            return;
+        this._size = props.size;
+        this._defaultSize = props.size;
+        this._maxSizeSpec = props.maxSize;
+        this._minSize = props.minSize;
+        if (panelLocation !== undefined)
+            this._location = panelLocation;
+        if (props.defaultState !== undefined) {
+            this._panelState = props.defaultState;
+            this._defaultState = props.defaultState;
+        }
+        this._resizable = props.resizable;
+        if (props.pinned !== undefined)
+            this._pinned = props.pinned;
+        if (props.applicationData !== undefined)
+            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);
+            });
+        }
+    }
+    /** Gets the list of Widgets. */
+    get 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, widgetDefs, frontstageApplicationData) {
+        this.panelZones.start.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.Start, widgetDefs, frontstageApplicationData);
+        this.panelZones.middle.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.Middle, widgetDefs, frontstageApplicationData);
+        this.panelZones.end.updateDynamicWidgetDefs(stageId, stageUsage, location, appui_abstract_1.StagePanelSection.End, widgetDefs, frontstageApplicationData);
+    }
+}
+exports.StagePanelDef = StagePanelDef;
+const stagePanelZoneDefKeys = ["start", "middle", "end"];
+/** @internal */
+class StagePanelZonesDef {
+    constructor() {
+        this._start = new StagePanelZoneDef();
+        this._middle = new StagePanelZoneDef();
+        this._end = new StagePanelZoneDef();
+    }
+    get start() {
+        return this._start;
+    }
+    get middle() {
+        return this._middle;
+    }
+    get end() {
+        return this._end;
+    }
+    /** @internal */
+    initializeFromProps(props, panelLocation) {
+        if (props.start) {
+            this.start.initializeFromProps(props.start, panelLocation, "start");
+        }
+        if (props.middle) {
+            this.middle.initializeFromProps(props.middle, panelLocation, "middle");
+        }
+        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.StagePanelZonesDef = StagePanelZonesDef;
+/** @internal */
+class StagePanelZoneDef extends WidgetHost_1.WidgetHost {
+    /** @internal */
+    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.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";
+    }
+}
+exports.toPanelSide = toPanelSide;
+/** @internal */
+exports.setPanelSize = (0, immer_1.default)((nineZone, side, size) => {
+    const panel = nineZone.panels[side];
+    panel.size = size === undefined ? size : Math.min(Math.max(size, panel.minSize), panel.maxSize);
+});
+//# sourceMappingURL=StagePanelDef.js.map

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

@@ -0,0 +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 } from \"@itwin/appui-abstract\";\r\nimport { UiEvent } from \"@itwin/core-react\";\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/** Widget 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() { return this._size; }\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    return this._panelState;\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, panelLocation?: StagePanelLocation): void {\r\n    if (panelLocation !== undefined)\r\n      this._location = panelLocation;\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 (panelLocation !== undefined)\r\n      this._location = panelLocation;\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    if (props.applicationData !== undefined)\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    widgetDefs: WidgetDef[], frontstageApplicationData?: any,\r\n  ): void {\r\n    this.panelZones.start.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Start, widgetDefs, frontstageApplicationData);\r\n    this.panelZones.middle.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Middle, widgetDefs, frontstageApplicationData);\r\n    this.panelZones.end.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.End, widgetDefs, frontstageApplicationData);\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport type StagePanelZoneDefKeys = keyof Pick<StagePanelZonesDef, \"start\" | \"middle\" | \"end\">;\r\n\r\nconst stagePanelZoneDefKeys: StagePanelZoneDefKeys[] = [\"start\", \"middle\", \"end\"];\r\n\r\n/** @internal */\r\nexport class StagePanelZonesDef {\r\n  private _start = new StagePanelZoneDef();\r\n  private _middle = 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 middle() {\r\n    return this._middle;\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.middle.initializeFromProps(props.middle, panelLocation, \"middle\");\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/StagePanelEnums.d.ts

@@ -0,0 +1,25 @@
+/** @packageDocumentation
+ * @module Frontstage
+ */
+/** Available Stage Panel locations.
+ * @alpha
+ * @deprecated - Use [StagePanelLocation]($appui-abstract) in bentley/appui-abstract instead.
+ */
+export declare enum StagePanelLocation {
+    Top = 101,
+    TopMost = 102,
+    Left = 103,
+    Right = 104,
+    Bottom = 105,
+    BottomMost = 106
+}
+/** Enum for Stage Panel Sections
+ * @alpha
+ * @deprecated - Use [StagePanelSection]($appui-abstract) in bentley/appui-abstract instead.
+ */
+export declare enum StagePanelSection {
+    Start = 0,
+    Middle = 1,
+    End = 2
+}
+//# sourceMappingURL=StagePanelEnums.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StagePanelEnums.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelEnums.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,kBAAkB;IAC5B,GAAG,MAAM;IACT,OAAO,MAAA;IACP,IAAI,MAAA;IACJ,KAAK,MAAA;IACL,MAAM,MAAA;IACN,UAAU,MAAA;CACX;AAED;;;GAGG;AACH,oBAAY,iBAAiB;IAC3B,KAAK,IAAA;IACL,MAAM,IAAA;IACN,GAAG,IAAA;CACJ"}

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

@@ -0,0 +1,34 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StagePanelSection = exports.StagePanelLocation = void 0;
+/** Available Stage Panel locations.
+ * @alpha
+ * @deprecated - Use [StagePanelLocation]($appui-abstract) in bentley/appui-abstract instead.
+ */
+var StagePanelLocation;
+(function (StagePanelLocation) {
+    StagePanelLocation[StagePanelLocation["Top"] = 101] = "Top";
+    StagePanelLocation[StagePanelLocation["TopMost"] = 102] = "TopMost";
+    StagePanelLocation[StagePanelLocation["Left"] = 103] = "Left";
+    StagePanelLocation[StagePanelLocation["Right"] = 104] = "Right";
+    StagePanelLocation[StagePanelLocation["Bottom"] = 105] = "Bottom";
+    StagePanelLocation[StagePanelLocation["BottomMost"] = 106] = "BottomMost";
+})(StagePanelLocation = exports.StagePanelLocation || (exports.StagePanelLocation = {}));
+/** Enum for Stage Panel Sections
+ * @alpha
+ * @deprecated - Use [StagePanelSection]($appui-abstract) in bentley/appui-abstract instead.
+ */
+var StagePanelSection;
+(function (StagePanelSection) {
+    StagePanelSection[StagePanelSection["Start"] = 0] = "Start";
+    StagePanelSection[StagePanelSection["Middle"] = 1] = "Middle";
+    StagePanelSection[StagePanelSection["End"] = 2] = "End";
+})(StagePanelSection = exports.StagePanelSection || (exports.StagePanelSection = {}));
+//# sourceMappingURL=StagePanelEnums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StagePanelEnums.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelEnums.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;GAGG;AACH,IAAY,kBAOX;AAPD,WAAY,kBAAkB;IAC5B,2DAAS,CAAA;IACT,mEAAO,CAAA;IACP,6DAAI,CAAA;IACJ,+DAAK,CAAA;IACL,iEAAM,CAAA;IACN,yEAAU,CAAA;AACZ,CAAC,EAPW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAO7B;AAED;;;GAGG;AACH,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,2DAAK,CAAA;IACL,6DAAM,CAAA;IACN,uDAAG,CAAA;AACL,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B","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\n/** Available Stage Panel locations.\r\n * @alpha\r\n * @deprecated - Use [StagePanelLocation]($appui-abstract) in bentley/appui-abstract instead.\r\n */\r\nexport enum StagePanelLocation {\r\n  Top = 101,\r\n  TopMost,\r\n  Left,\r\n  Right,\r\n  Bottom,\r\n  BottomMost,\r\n}\r\n\r\n/** Enum for Stage Panel Sections\r\n * @alpha\r\n * @deprecated - Use [StagePanelSection]($appui-abstract) in bentley/appui-abstract instead.\r\n */\r\nexport enum StagePanelSection {\r\n  Start,\r\n  Middle,\r\n  End,\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
+ */
+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
+ */
+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":"AAIA;;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,45 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+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
+ */
+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;;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/** @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\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\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;
+    }
+  }
+}

package/lib/cjs/appui-react/statusbar/Overflow.d.ts

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./Overflow.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[StatusBarOverflow]] component.
+ * @internal
+ */
+export interface StatusBarOverflowProps extends CommonProps {
+    /** Function called when button is clicked. */
+    onClick?: () => void;
+    /** Function called when button is resized. */
+    onResize?: (w: number) => void;
+}
+/** Entry point to overflow status bar items of [[StatusBarComposer]] component.
+ * @internal
+ */
+export declare const StatusBarOverflow: React.MemoExoticComponent<React.ForwardRefExoticComponent<StatusBarOverflowProps & React.RefAttributes<HTMLDivElement>>>;
+//# sourceMappingURL=Overflow.d.ts.map

package/lib/cjs/appui-react/statusbar/Overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overflow.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Overflow.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAI5E;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED;;GAEG;AAEH,eAAO,MAAM,iBAAiB,0HA2B7B,CAAC"}

package/lib/cjs/appui-react/statusbar/Overflow.js

@@ -0,0 +1,31 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarOverflow = void 0;
+require("./Overflow.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const UiFramework_1 = require("../UiFramework");
+/** Entry point to overflow status bar items of [[StatusBarComposer]] component.
+ * @internal
+ */
+// eslint-disable-next-line react/display-name, @typescript-eslint/naming-convention
+exports.StatusBarOverflow = React.memo(React.forwardRef(function StatusBarOverflow(props, ref) {
+    const roRef = (0, core_react_1.useResizeObserver)(props.onResize);
+    const refs = (0, core_react_1.useRefs)(roRef, ref);
+    const className = (0, classnames_1.default)("uifw-statusbar-overflow", props.className);
+    const title = React.useRef(UiFramework_1.UiFramework.translate("statusBar.overflow"));
+    return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    React.createElement("div", { className: className, onClick: props.onClick, ref: refs, style: props.style, role: "button", tabIndex: -1, title: title.current },
+        React.createElement(appui_layout_react_1.Ellipsis, null)));
+}));
+//# sourceMappingURL=Overflow.js.map

package/lib/cjs/appui-react/statusbar/Overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overflow.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Overflow.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2BAAyB;AACzB,2CAAoC;AACpC,+BAA+B;AAC/B,kDAA4E;AAC5E,kEAAqD;AACrD,gDAA6C;AAY7C;;GAEG;AACH,oFAAoF;AACvE,QAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,KAAK,CAAC,UAAU,CACd,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACnC,MAAM,KAAK,GAAG,IAAA,8BAAiB,EAAiB,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,IAAA,oBAAO,EAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,yBAAyB,EACzB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,yBAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAExE,OAAO;IACL,iEAAiE;IACjE,6BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,KAAK,CAAC,OAAO;QAEpB,oBAAC,6BAAQ,OAAG,CACR,CACP,CAAC;AACJ,CAAC,CACF,CACF,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/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./Overflow.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, useRefs, useResizeObserver } from \"@itwin/core-react\";\r\nimport { Ellipsis } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties of [[StatusBarOverflow]] component.\r\n * @internal\r\n */\r\nexport interface StatusBarOverflowProps extends CommonProps {\r\n  /** Function called when button is clicked. */\r\n  onClick?: () => void;\r\n  /** Function called when button is resized. */\r\n  onResize?: (w: number) => void;\r\n}\r\n\r\n/** Entry point to overflow status bar items of [[StatusBarComposer]] component.\r\n * @internal\r\n */\r\n// eslint-disable-next-line react/display-name, @typescript-eslint/naming-convention\r\nexport const StatusBarOverflow = React.memo(\r\n  React.forwardRef<HTMLDivElement, StatusBarOverflowProps>(\r\n    function StatusBarOverflow(props, ref) { // eslint-disable-line @typescript-eslint/no-shadow, @typescript-eslint/naming-convention\r\n      const roRef = useResizeObserver<HTMLDivElement>(props.onResize);\r\n      const refs = useRefs(roRef, ref);\r\n      const className = classnames(\r\n        \"uifw-statusbar-overflow\",\r\n        props.className,\r\n      );\r\n      const title = React.useRef(UiFramework.translate(\"statusBar.overflow\"));\r\n\r\n      return (\r\n        // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n        <div\r\n          className={className}\r\n          onClick={props.onClick}\r\n          ref={refs}\r\n          style={props.style}\r\n          role=\"button\"\r\n          tabIndex={-1}\r\n          title={title.current}\r\n        >\r\n          <Ellipsis />\r\n        </div>\r\n      );\r\n    },\r\n  ),\r\n);\r\n"]}

package/lib/cjs/appui-react/statusbar/Overflow.scss

@@ -0,0 +1,28 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.uifw-statusbar-overflow {
+  height: 100%;
+  width: 3em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+  cursor: pointer;
+  flex-shrink: 0;
+
+  &:hover {
+    background: $buic-background-2;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &.nz-hidden {
+    visibility: hidden;
+  }
+}

package/lib/cjs/appui-react/statusbar/OverflowPanel.d.ts

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./OverflowPanel.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[StatusBarOverflowPanel]] component.
+ * @internal
+ */
+export interface StatusBarOverflowPanelProps extends CommonProps {
+    /** Panel content. */
+    children?: React.ReactNode;
+    onClose: () => void;
+    target: HTMLElement | undefined;
+    open: boolean;
+}
+/** Displays overflow status bar items.
+ * @internal
+ */
+export declare function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps): JSX.Element;
+//# sourceMappingURL=OverflowPanel.d.ts.map

package/lib/cjs/appui-react/statusbar/OverflowPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowPanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAkBxE"}

package/lib/cjs/appui-react/statusbar/OverflowPanel.js

@@ -0,0 +1,23 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarOverflowPanel = void 0;
+require("./OverflowPanel.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+/** Displays overflow status bar items.
+ * @internal
+ */
+function StatusBarOverflowPanel(props) {
+    const className = (0, classnames_1.default)("uifw-statusbar-panel", props.className);
+    return (React.createElement(core_react_1.Popup, { className: className, isOpen: props.open, offset: 0, onClose: props.onClose, style: props.style, showShadow: true, target: props.target }, props.children));
+}
+exports.StatusBarOverflowPanel = StatusBarOverflowPanel;
+//# sourceMappingURL=OverflowPanel.js.map

package/lib/cjs/appui-react/statusbar/OverflowPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowPanel.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,kDAAuD;AAavD;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,kBAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAlBD,wDAkBC","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 ToolSettings\r\n */\r\n\r\nimport \"./OverflowPanel.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Popup } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[StatusBarOverflowPanel]] component.\r\n * @internal\r\n */\r\nexport interface StatusBarOverflowPanelProps extends CommonProps {\r\n  /** Panel content. */\r\n  children?: React.ReactNode;\r\n  onClose: () => void;\r\n  target: HTMLElement | undefined;\r\n  open: boolean;\r\n}\r\n\r\n/** Displays overflow status bar items.\r\n * @internal\r\n */\r\nexport function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps) {\r\n  const className = classnames(\r\n    \"uifw-statusbar-panel\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <Popup\r\n      className={className}\r\n      isOpen={props.open}\r\n      offset={0}\r\n      onClose={props.onClose}\r\n      style={props.style}\r\n      showShadow={true}\r\n      target={props.target}\r\n    >\r\n      {props.children}\r\n    </Popup>\r\n  );\r\n}\r\n"]}