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

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

@@ -1,210 +1,210 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import produce from "immer";
-import { StagePanelLocation, StagePanelSection, UiEvent } from "@itwin/appui-abstract";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
-import { WidgetDef } from "../widgets/WidgetDef";
-import { WidgetHost } from "../widgets/WidgetHost";
-/** Enum for StagePanel state.
- * @public
- */
-export 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 || (StagePanelState = {}));
-/** Panel State Changed Event class.
- * @beta
- */
-export class PanelStateChangedEvent extends UiEvent {
-}
-/** @internal */
-export class PanelSizeChangedEvent extends UiEvent {
-}
-/**
- * A StagePanelDef represents each Stage Panel within a Frontstage.
- * @public
- */
-export class StagePanelDef extends WidgetHost {
-    /** Constructor for PanelDef.
-     */
-    constructor() {
-        super();
-        this._panelState = StagePanelState.Open;
-        this._defaultState = StagePanelState.Open;
-        this._resizable = true;
-        this._pinned = true;
-        this._location = StagePanelLocation.Left;
-        this._start = new StagePanelSectionDef();
-        this._end = new StagePanelSectionDef();
-    }
-    /** @internal */
-    get maxSizeSpec() { return this._maxSizeSpec; }
-    /** @internal */
-    get minSize() { return this._minSize; }
-    /** Default size of the panel */
-    get size() {
-        // istanbul ignore else
-        if (FrontstageManager.activeFrontstageDef) {
-            const [_, size] = FrontstageManager.activeFrontstageDef.getPanelCurrentState(this);
-            return size;
-        }
-        // istanbul ignore next
-        return this._defaultSize;
-    }
-    set size(size) {
-        if (this._size === size)
-            return;
-        // istanbul ignore else
-        const frontstageDef = FrontstageManager.activeFrontstageDef;
-        // istanbul ignore else
-        if (frontstageDef && frontstageDef.nineZoneState) {
-            const side = toPanelSide(this.location);
-            frontstageDef.nineZoneState = setPanelSize(frontstageDef.nineZoneState, side, size);
-            const panel = frontstageDef.nineZoneState.panels[side];
-            if (panel.size === this._size)
-                return;
-            size = panel.size;
-        }
-        this._size = size;
-        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; }
-    /** Location of panel. */
-    get location() { return this._location; }
-    /** Panel state. Defaults to PanelState.Open. */
-    get panelState() {
-        var _a;
-        // istanbul ignore else
-        if (FrontstageManager.activeFrontstageDef) {
-            const [state] = (_a = FrontstageManager.activeFrontstageDef) === null || _a === void 0 ? void 0 : _a.getPanelCurrentState(this);
-            return state;
-        }
-        // istanbul ignore next
-        return this.defaultState;
-    }
-    set panelState(panelState) {
-        if (panelState === this._panelState)
-            return;
-        const frontstageDef = FrontstageManager.activeFrontstageDef;
-        if (frontstageDef && frontstageDef.nineZoneState) {
-            const side = toPanelSide(this.location);
-            frontstageDef.nineZoneState = produce(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.onPanelStateChangedEvent.emit({
-            panelDef: this,
-            panelState,
-        });
-    }
-    /** @internal */
-    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;
-    }
-    /** @internal */
-    initializeFromConfig(config, location) {
-        var _a;
-        this._location = location;
-        if (!config)
-            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._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];
-    }
-    /** @internal */
-    updateDynamicWidgetDefs(stageId, stageUsage, location, _section, allStageWidgetDefs) {
-        this._start.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Start, allStageWidgetDefs);
-        this._end.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.End, allStageWidgetDefs);
-    }
-    /** @internal */
-    getPanelSectionDef(section) {
-        switch (section) {
-            case StagePanelSection.Start: {
-                return this._start;
-            }
-            case StagePanelSection.End: {
-                return this._end;
-            }
-        }
-    }
-}
-/** @internal */
-export class StagePanelSectionDef extends WidgetHost {
-    /** @internal */
-    initializeFromConfig(config) {
-        config === null || config === void 0 ? void 0 : config.forEach((widgetConfig) => {
-            const widgetDef = WidgetDef.create(widgetConfig);
-            this.addWidgetDef(widgetDef);
-        });
-    }
-}
-/** @internal */
-export function toPanelSide(location) {
-    switch (location) {
-        case StagePanelLocation.Bottom:
-            return "bottom";
-        case StagePanelLocation.Left:
-            return "left";
-        case StagePanelLocation.Right:
-            return "right";
-        case StagePanelLocation.Top:
-            return "top";
-    }
-}
-/** @internal */
-export const setPanelSize = produce((nineZone, side, size) => {
-    const panel = nineZone.panels[side];
-    panel.size = size === undefined ? size : Math.min(Math.max(size, panel.minSize), panel.maxSize);
-});
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import produce from "immer";
+import { StagePanelLocation, StagePanelSection, UiEvent } from "@itwin/appui-abstract";
+import { FrontstageManager } from "../frontstage/FrontstageManager";
+import { WidgetDef } from "../widgets/WidgetDef";
+import { WidgetHost } from "../widgets/WidgetHost";
+/** Enum for StagePanel state.
+ * @public
+ */
+export 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 || (StagePanelState = {}));
+/** Panel State Changed Event class.
+ * @beta
+ */
+export class PanelStateChangedEvent extends UiEvent {
+}
+/** @internal */
+export class PanelSizeChangedEvent extends UiEvent {
+}
+/**
+ * A StagePanelDef represents each Stage Panel within a Frontstage.
+ * @public
+ */
+export class StagePanelDef extends WidgetHost {
+    /** Constructor for PanelDef.
+     */
+    constructor() {
+        super();
+        this._panelState = StagePanelState.Open;
+        this._defaultState = StagePanelState.Open;
+        this._resizable = true;
+        this._pinned = true;
+        this._location = StagePanelLocation.Left;
+        this._start = new StagePanelSectionDef();
+        this._end = new StagePanelSectionDef();
+    }
+    /** @internal */
+    get maxSizeSpec() { return this._maxSizeSpec; }
+    /** @internal */
+    get minSize() { return this._minSize; }
+    /** Default size of the panel */
+    get size() {
+        // istanbul ignore else
+        if (FrontstageManager.activeFrontstageDef) {
+            const [_, size] = FrontstageManager.activeFrontstageDef.getPanelCurrentState(this);
+            return size;
+        }
+        // istanbul ignore next
+        return this._defaultSize;
+    }
+    set size(size) {
+        if (this._size === size)
+            return;
+        // istanbul ignore else
+        const frontstageDef = FrontstageManager.activeFrontstageDef;
+        // istanbul ignore else
+        if (frontstageDef && frontstageDef.nineZoneState) {
+            const side = toPanelSide(this.location);
+            frontstageDef.nineZoneState = setPanelSize(frontstageDef.nineZoneState, side, size);
+            const panel = frontstageDef.nineZoneState.panels[side];
+            if (panel.size === this._size)
+                return;
+            size = panel.size;
+        }
+        this._size = size;
+        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; }
+    /** Location of panel. */
+    get location() { return this._location; }
+    /** Panel state. Defaults to PanelState.Open. */
+    get panelState() {
+        var _a;
+        // istanbul ignore else
+        if (FrontstageManager.activeFrontstageDef) {
+            const [state] = (_a = FrontstageManager.activeFrontstageDef) === null || _a === void 0 ? void 0 : _a.getPanelCurrentState(this);
+            return state;
+        }
+        // istanbul ignore next
+        return this.defaultState;
+    }
+    set panelState(panelState) {
+        if (panelState === this._panelState)
+            return;
+        const frontstageDef = FrontstageManager.activeFrontstageDef;
+        if (frontstageDef && frontstageDef.nineZoneState) {
+            const side = toPanelSide(this.location);
+            frontstageDef.nineZoneState = produce(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.onPanelStateChangedEvent.emit({
+            panelDef: this,
+            panelState,
+        });
+    }
+    /** @internal */
+    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;
+    }
+    /** @internal */
+    initializeFromConfig(config, location) {
+        var _a;
+        this._location = location;
+        if (!config)
+            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._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];
+    }
+    /** @internal */
+    updateDynamicWidgetDefs(stageId, stageUsage, location, _section, allStageWidgetDefs) {
+        this._start.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Start, allStageWidgetDefs);
+        this._end.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.End, allStageWidgetDefs);
+    }
+    /** @internal */
+    getPanelSectionDef(section) {
+        switch (section) {
+            case StagePanelSection.Start: {
+                return this._start;
+            }
+            case StagePanelSection.End: {
+                return this._end;
+            }
+        }
+    }
+}
+/** @internal */
+export class StagePanelSectionDef extends WidgetHost {
+    /** @internal */
+    initializeFromConfig(config) {
+        config === null || config === void 0 ? void 0 : config.forEach((widgetConfig) => {
+            const widgetDef = WidgetDef.create(widgetConfig);
+            this.addWidgetDef(widgetDef);
+        });
+    }
+}
+/** @internal */
+export function toPanelSide(location) {
+    switch (location) {
+        case StagePanelLocation.Bottom:
+            return "bottom";
+        case StagePanelLocation.Left:
+            return "left";
+        case StagePanelLocation.Right:
+            return "right";
+        case StagePanelLocation.Top:
+            return "top";
+    }
+}
+/** @internal */
+export const setPanelSize = produce((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/esm/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":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Frontstage\n */\n\nimport produce, { Draft } from \"immer\";\nimport { StagePanelLocation, StagePanelSection, UiEvent } from \"@itwin/appui-abstract\";\nimport { NineZoneState, PanelSide } from \"@itwin/appui-layout-react\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { WidgetDef } from \"../widgets/WidgetDef\";\nimport { WidgetHost } from \"../widgets/WidgetHost\";\nimport { StagePanelConfig, StagePanelMaxSizeSpec, StagePanelSectionConfig } from \"./StagePanelConfig\";\n\n/** Enum for StagePanel state.\n * @public\n */\nexport enum StagePanelState {\n  Off,\n  Minimized,\n  Open,\n  Popup,\n}\n\n/** Panel State Changed Event Args interface.\n * @public\n */\nexport interface PanelStateChangedEventArgs {\n  panelDef: StagePanelDef;\n  panelState: StagePanelState;\n}\n\n/** Panel State Changed Event class.\n * @beta\n */\nexport class PanelStateChangedEvent extends UiEvent<PanelStateChangedEventArgs> { }\n\n/** @internal */\nexport interface PanelSizeChangedEventArgs {\n  panelDef: StagePanelDef;\n  size: number | undefined;\n}\n\n/** @internal */\nexport class PanelSizeChangedEvent extends UiEvent<PanelSizeChangedEventArgs> { }\n\n/**\n * A StagePanelDef represents each Stage Panel within a Frontstage.\n * @public\n */\nexport class StagePanelDef extends WidgetHost {\n  private _panelState = StagePanelState.Open;\n  private _defaultState = StagePanelState.Open;\n  private _maxSizeSpec: StagePanelMaxSizeSpec | undefined;\n  private _minSize: number | undefined;\n  private _size: number | undefined;\n  private _defaultSize: number | undefined;\n  private _resizable = true;\n  private _pinned = true;\n  private _location: StagePanelLocation = StagePanelLocation.Left;\n  private _start = new StagePanelSectionDef();\n  private _end = new StagePanelSectionDef();\n\n  /** Constructor for PanelDef.\n   */\n  constructor() {\n    super();\n  }\n\n  /** @internal */\n  public get maxSizeSpec() { return this._maxSizeSpec; }\n\n  /** @internal */\n  public get minSize() { return this._minSize; }\n\n  /** Default size of the panel */\n  public get size() {\n    // istanbul ignore else\n    if (FrontstageManager.activeFrontstageDef) {\n      const [_, size] = FrontstageManager.activeFrontstageDef.getPanelCurrentState(this);\n      return size;\n    }\n    // istanbul ignore next\n    return this._defaultSize;\n  }\n\n  public set size(size) {\n    if (this._size === size)\n      return;\n\n    // istanbul ignore else\n    const frontstageDef = FrontstageManager.activeFrontstageDef;\n    // istanbul ignore else\n    if (frontstageDef && frontstageDef.nineZoneState) {\n      const side = toPanelSide(this.location);\n      frontstageDef.nineZoneState = setPanelSize(frontstageDef.nineZoneState, side, size);\n      const panel = frontstageDef.nineZoneState.panels[side];\n      if (panel.size === this._size)\n        return;\n      size = panel.size;\n    }\n    this._size = size;\n    FrontstageManager.onPanelSizeChangedEvent.emit({\n      panelDef: this,\n      size,\n    });\n  }\n\n  /** Indicates whether the panel is resizable. */\n  // istanbul ignore next\n  public get resizable(): boolean { return this._resizable; }\n\n  /** Indicates whether the panel is pinned. */\n  public get pinned(): boolean { return this._pinned; }\n\n  /** Location of panel. */\n  public get location(): StagePanelLocation { return this._location; }\n\n  /** Panel state. Defaults to PanelState.Open. */\n  public get panelState() {\n    // istanbul ignore else\n    if (FrontstageManager.activeFrontstageDef) {\n      const [state] = FrontstageManager.activeFrontstageDef?.getPanelCurrentState(this);\n      return state;\n    }\n    // istanbul ignore next\n    return this.defaultState;\n  }\n\n  public set panelState(panelState: StagePanelState) {\n    if (panelState === this._panelState)\n      return;\n    const frontstageDef = FrontstageManager.activeFrontstageDef;\n    if (frontstageDef && frontstageDef.nineZoneState) {\n      const side = toPanelSide(this.location);\n      frontstageDef.nineZoneState = produce(frontstageDef.nineZoneState, (nineZone) => {\n        const panel = nineZone.panels[side];\n        switch (panelState) {\n          case StagePanelState.Minimized: {\n            panel.collapsed = true;\n            break;\n          }\n          case StagePanelState.Open: {\n            panel.collapsed = false;\n            break;\n          }\n          case StagePanelState.Off: {\n            panel.collapsed = true;\n            break;\n          }\n        }\n      });\n    }\n    this._panelState = panelState;\n    FrontstageManager.onPanelStateChangedEvent.emit({\n      panelDef: this,\n      panelState,\n    });\n  }\n\n  /** @internal */\n  public get defaultState() { return this._defaultState; }\n\n  /** @internal */\n  public get defaultSize() { return this._defaultSize; }\n\n  /** @internal */\n  public static create(config: StagePanelConfig, location: StagePanelLocation) {\n    const def = new StagePanelDef();\n    def.initializeFromConfig(config, location);\n    return def;\n  }\n\n  /** @internal */\n  public initializeFromConfig(config: StagePanelConfig | undefined, location: StagePanelLocation): void {\n    this._location = location;\n\n    if (!config)\n      return;\n    this._size = config.size;\n    this._defaultSize = config.size;\n    this._maxSizeSpec = config.maxSize;\n    this._minSize = config.minSize;\n    if (config.defaultState !== undefined) {\n      this._panelState = config.defaultState;\n      this._defaultState = config.defaultState;\n    }\n    this._resizable = config.resizable ?? true;\n    if (config.pinned !== undefined)\n      this._pinned = config.pinned;\n\n    const sections = config.sections;\n    this._start.initializeFromConfig(sections?.start);\n    this._end.initializeFromConfig(sections?.end);\n  }\n\n  /** Gets the list of Widgets. */\n  public override get widgetDefs(): ReadonlyArray<WidgetDef> {\n    return [...super.widgetDefs, ...this._start.widgetDefs, ...this._end.widgetDefs];\n  }\n\n  /** @internal */\n  public override updateDynamicWidgetDefs(stageId: string, stageUsage: string, location: StagePanelLocation, _section: StagePanelSection | undefined,\n    allStageWidgetDefs: WidgetDef[]) {\n    this._start.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.Start, allStageWidgetDefs);\n    this._end.updateDynamicWidgetDefs(stageId, stageUsage, location, StagePanelSection.End, allStageWidgetDefs);\n  }\n\n  /** @internal */\n  public getPanelSectionDef(section: StagePanelSection) {\n    switch (section) {\n      case StagePanelSection.Start: {\n        return this._start;\n      }\n      case StagePanelSection.End: {\n        return this._end;\n      }\n    }\n  }\n}\n\n/** @internal */\nexport class StagePanelSectionDef extends WidgetHost {\n  /** @internal */\n  public initializeFromConfig(config: StagePanelSectionConfig | undefined) {\n    config?.forEach((widgetConfig) => {\n      const widgetDef = WidgetDef.create(widgetConfig);\n      this.addWidgetDef(widgetDef);\n    });\n  }\n}\n\n/** @internal */\nexport function toPanelSide(location: StagePanelLocation): PanelSide {\n  switch (location) {\n    case StagePanelLocation.Bottom:\n      return \"bottom\";\n    case StagePanelLocation.Left:\n      return \"left\";\n    case StagePanelLocation.Right:\n      return \"right\";\n    case StagePanelLocation.Top:\n      return \"top\";\n  }\n}\n\n/** @internal */\nexport const setPanelSize = produce((\n  nineZone: Draft<NineZoneState>,\n  side: PanelSide,\n  size: number | undefined,\n) => {\n  const panel = nineZone.panels[side];\n  panel.size = size === undefined ? size : Math.min(Math.max(size, panel.minSize), panel.maxSize);\n});\n"]}
+{"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"]}

package/lib/esm/appui-react/statusbar/Indicator.d.ts

@@ -1,26 +1,26 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./Indicator.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[StatusBarIndicator]] component.
- * @beta
- */
-export interface StatusBarIndicatorProps extends CommonProps {
-    /** Indicator content. */
-    children?: React.ReactNode;
-    /** Content to display in a popup when indicator is clicked. */
-    popup?: React.ReactNode;
-    /** Function called when indicator is clicked. */
-    onClick?: () => void;
-    /** Default state of an indicator popup. */
-    defaultIsOpen?: boolean;
-    /** Title of an indicator. */
-    title?: string;
-}
-/** General-purpose [[StatusBar]] indicator.
- * @beta
- */
-export declare function StatusBarIndicator(props: StatusBarIndicatorProps): JSX.Element;
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./Indicator.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[StatusBarIndicator]] component.
+ * @beta
+ */
+export interface StatusBarIndicatorProps extends CommonProps {
+    /** Indicator content. */
+    children?: React.ReactNode;
+    /** Content to display in a popup when indicator is clicked. */
+    popup?: React.ReactNode;
+    /** Function called when indicator is clicked. */
+    onClick?: () => void;
+    /** Default state of an indicator popup. */
+    defaultIsOpen?: boolean;
+    /** Title of an indicator. */
+    title?: string;
+}
+/** General-purpose [[StatusBar]] indicator.
+ * @beta
+ */
+export declare function StatusBarIndicator(props: StatusBarIndicatorProps): JSX.Element;
 //# sourceMappingURL=Indicator.d.ts.map

package/lib/esm/appui-react/statusbar/Indicator.js

@@ -1,32 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import "./Indicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { FooterIndicator, FooterPopup } from "@itwin/appui-layout-react";
-/** General-purpose [[StatusBar]] indicator.
- * @beta
- */
-export function StatusBarIndicator(props) {
-    const hasClickAction = !!props.onClick || !!props.popup;
-    const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);
-    const handleOnIndicatorClick = () => {
-        var _a;
-        setIsOpen(!isOpen);
-        (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
-    const target = React.useRef(null);
-    const classNames = classnames("uifw-statusbar-indicator", hasClickAction && "uifw-action", props.className);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FooterIndicator, { ref: target, className: classNames, title: props.title, style: props.style, onClick: handleOnIndicatorClick, ...{
-                role: "button",
-                tabIndex: -1,
-            } }, props.children),
-        props.popup && React.createElement(FooterPopup, { target: target.current, onClose: () => setIsOpen(false), isOpen: isOpen }, props.popup)));
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import "./Indicator.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { FooterIndicator, FooterPopup } from "@itwin/appui-layout-react";
+/** General-purpose [[StatusBar]] indicator.
+ * @beta
+ */
+export function StatusBarIndicator(props) {
+    const hasClickAction = !!props.onClick || !!props.popup;
+    const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);
+    const handleOnIndicatorClick = () => {
+        var _a;
+        setIsOpen(!isOpen);
+        (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    const target = React.useRef(null);
+    const classNames = classnames("uifw-statusbar-indicator", hasClickAction && "uifw-action", props.className);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FooterIndicator, { ref: target, className: classNames, title: props.title, style: props.style, onClick: handleOnIndicatorClick, ...{
+                role: "button",
+                tabIndex: -1,
+            } }, props.children),
+        props.popup && React.createElement(FooterPopup, { target: target.current, onClose: () => setIsOpen(false), isOpen: isOpen }, props.popup)));
+}
 //# sourceMappingURL=Indicator.js.map

package/lib/esm/appui-react/statusbar/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Indicator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAkBzE;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAClE,MAAM,sBAAsB,GAAG,GAAG,EAAE;;QAClC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QACnB,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,CAAY,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAC3B,0BAA0B,EAC1B,cAAc,IAAI,aAAa,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL;QACE,oBAAC,eAAe,IACd,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,sBAAsB,KAC3B;gBACF,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,CAAC;aACb,IAEA,KAAK,CAAC,QAAQ,CACC;QACjB,KAAK,CAAC,KAAK,IAAI,oBAAC,WAAW,IAC1B,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,KAAK,CACA,CACb,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./Indicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { FooterIndicator, FooterPopup } from \"@itwin/appui-layout-react\";\n\n/** Properties of [[StatusBarIndicator]] component.\n * @beta\n */\nexport interface StatusBarIndicatorProps extends CommonProps {\n  /** Indicator content. */\n  children?: React.ReactNode;\n  /** Content to display in a popup when indicator is clicked. */\n  popup?: React.ReactNode;\n  /** Function called when indicator is clicked. */\n  onClick?: () => void;\n  /** Default state of an indicator popup. */\n  defaultIsOpen?: boolean;\n  /** Title of an indicator. */\n  title?: string;\n}\n\n/** General-purpose [[StatusBar]] indicator.\n * @beta\n */\nexport function StatusBarIndicator(props: StatusBarIndicatorProps) {\n  const hasClickAction = !!props.onClick || !!props.popup;\n  const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);\n  const handleOnIndicatorClick = () => {\n    setIsOpen(!isOpen);\n    props.onClick?.();\n  };\n  const target = React.useRef<HTMLDivElement>(null);\n  const classNames = classnames(\n    \"uifw-statusbar-indicator\",\n    hasClickAction && \"uifw-action\",\n    props.className,\n  );\n  return (\n    <>\n      <FooterIndicator\n        ref={target}\n        className={classNames}\n        title={props.title}\n        style={props.style}\n        onClick={handleOnIndicatorClick}\n        {...{\n          role: \"button\",\n          tabIndex: -1,\n        }}\n      >\n        {props.children}\n      </FooterIndicator>\n      {props.popup && <FooterPopup\n        target={target.current}\n        onClose={() => setIsOpen(false)}\n        isOpen={isOpen}\n      >\n        {props.popup}\n      </FooterPopup>}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Indicator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAkBzE;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAClE,MAAM,sBAAsB,GAAG,GAAG,EAAE;;QAClC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QACnB,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,CAAY,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAC3B,0BAA0B,EAC1B,cAAc,IAAI,aAAa,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL;QACE,oBAAC,eAAe,IACd,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,sBAAsB,KAC3B;gBACF,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,CAAC;aACb,IAEA,KAAK,CAAC,QAAQ,CACC;QACjB,KAAK,CAAC,KAAK,IAAI,oBAAC,WAAW,IAC1B,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,KAAK,CACA,CACb,CACJ,CAAC;AACJ,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 \"./Indicator.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { FooterIndicator, FooterPopup } from \"@itwin/appui-layout-react\";\r\n\r\n/** Properties of [[StatusBarIndicator]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarIndicatorProps extends CommonProps {\r\n  /** Indicator content. */\r\n  children?: React.ReactNode;\r\n  /** Content to display in a popup when indicator is clicked. */\r\n  popup?: React.ReactNode;\r\n  /** Function called when indicator is clicked. */\r\n  onClick?: () => void;\r\n  /** Default state of an indicator popup. */\r\n  defaultIsOpen?: boolean;\r\n  /** Title of an indicator. */\r\n  title?: string;\r\n}\r\n\r\n/** General-purpose [[StatusBar]] indicator.\r\n * @beta\r\n */\r\nexport function StatusBarIndicator(props: StatusBarIndicatorProps) {\r\n  const hasClickAction = !!props.onClick || !!props.popup;\r\n  const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);\r\n  const handleOnIndicatorClick = () => {\r\n    setIsOpen(!isOpen);\r\n    props.onClick?.();\r\n  };\r\n  const target = React.useRef<HTMLDivElement>(null);\r\n  const classNames = classnames(\r\n    \"uifw-statusbar-indicator\",\r\n    hasClickAction && \"uifw-action\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <>\r\n      <FooterIndicator\r\n        ref={target}\r\n        className={classNames}\r\n        title={props.title}\r\n        style={props.style}\r\n        onClick={handleOnIndicatorClick}\r\n        {...{\r\n          role: \"button\",\r\n          tabIndex: -1,\r\n        }}\r\n      >\r\n        {props.children}\r\n      </FooterIndicator>\r\n      {props.popup && <FooterPopup\r\n        target={target.current}\r\n        onClose={() => setIsOpen(false)}\r\n        isOpen={isOpen}\r\n      >\r\n        {props.popup}\r\n      </FooterPopup>}\r\n    </>\r\n  );\r\n}\r\n"]}