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

package/lib/cjs/appui-react/frontstage/StandardFrontstageProvider.d.ts

@@ -1,66 +1,66 @@
-/** @packageDocumentation
- * @module Frontstage
- */
-import * as React from "react";
-import { StageUsage } from "@itwin/appui-abstract";
-import { ContentGroupProps, ContentGroupProvider } from "../content/ContentGroup";
-import { FrontstageProvider } from "./FrontstageProvider";
-import { FrontstageConfig } from "./FrontstageConfig";
-import { StagePanelConfig } from "../stagepanels/StagePanelConfig";
-/** Properties of a [[WidgetPanelProps]] component
- * @public
- */
-export declare type WidgetPanelProps = Omit<StagePanelConfig, "widgets" | "runtimeProps" | "header" | "allowedZones" | "panelZones">;
-/**
- * Props for [[StandardFrontstageProvider]]
- * @public
- */
-export interface StandardFrontstageProps {
-    id: string;
-    version?: number;
-    usage: StageUsage | string;
-    /** Definition of available content groups or a function that provides them */
-    contentGroupProps: ContentGroupProps | ContentGroupProvider;
-    /** Specify button to use to open backstage. Leave undefined for no backstage button.
-     * ```
-     * <BackstageAppButton icon={"icon-bentley-systems"} />
-     * ```
-     * Custom corner button definition
-     * ```
-     * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
-     *   label="Toggle Backstage display",
-     *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
-     * ```
-     */
-    cornerButton?: React.ReactNode;
-    /** Set to true if default Navigation aid is not desired */
-    hideNavigationAid?: boolean;
-    /** Set to true if no tool setting dock is needed. Typically only used in modal stages. */
-    hideToolSettings?: boolean;
-    /** Set to true if no status bar is needed in stage */
-    hideStatusBar?: boolean;
-    /** Props used to set initial size and state of panel. Defaults to:
-     *  {size: 300, pinned=false, defaultState:StagePanelState.Minimized} */
-    leftPanelProps?: WidgetPanelProps;
-    /** Props used to set initial size and state of panel. Defaults to:
-     *  {size: 90, pinned=false, defaultState:StagePanelState.Minimized} */
-    topPanelProps?: WidgetPanelProps;
-    /** Props used to set initial size and state of panel. Defaults to:
-     *  {size: 200, pinned=true, defaultState:StagePanelState.Open} */
-    rightPanelProps?: WidgetPanelProps;
-    /** Props used to set initial size and state of panel. Defaults to:
-     *  {size: 180, pinned=true, defaultState:StagePanelState.Open} */
-    bottomPanelProps?: WidgetPanelProps;
-}
-/**
- * FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
- * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).
- * @public
- */
-export declare class StandardFrontstageProvider extends FrontstageProvider {
-    private props;
-    constructor(props: StandardFrontstageProps);
-    get id(): string;
-    frontstageConfig(): FrontstageConfig;
-}
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import * as React from "react";
+import { StageUsage } from "@itwin/appui-abstract";
+import { ContentGroupProps, ContentGroupProvider } from "../content/ContentGroup";
+import { FrontstageProvider } from "./FrontstageProvider";
+import { FrontstageConfig } from "./FrontstageConfig";
+import { StagePanelConfig } from "../stagepanels/StagePanelConfig";
+/** Properties of a [[WidgetPanelProps]] component
+ * @public
+ */
+export declare type WidgetPanelProps = Omit<StagePanelConfig, "widgets" | "runtimeProps" | "header" | "allowedZones" | "panelZones">;
+/**
+ * Props for [[StandardFrontstageProvider]]
+ * @public
+ */
+export interface StandardFrontstageProps {
+    id: string;
+    version?: number;
+    usage: StageUsage | string;
+    /** Definition of available content groups or a function that provides them */
+    contentGroupProps: ContentGroupProps | ContentGroupProvider;
+    /** Specify button to use to open backstage. Leave undefined for no backstage button.
+     * ```
+     * <BackstageAppButton icon={"icon-bentley-systems"} />
+     * ```
+     * Custom corner button definition
+     * ```
+     * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+     *   label="Toggle Backstage display",
+     *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;
+     * ```
+     */
+    cornerButton?: React.ReactNode;
+    /** Set to true if default Navigation aid is not desired */
+    hideNavigationAid?: boolean;
+    /** Set to true if no tool setting dock is needed. Typically only used in modal stages. */
+    hideToolSettings?: boolean;
+    /** Set to true if no status bar is needed in stage */
+    hideStatusBar?: boolean;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  {size: 300, pinned=false, defaultState:StagePanelState.Minimized} */
+    leftPanelProps?: WidgetPanelProps;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  {size: 90, pinned=false, defaultState:StagePanelState.Minimized} */
+    topPanelProps?: WidgetPanelProps;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  {size: 200, pinned=true, defaultState:StagePanelState.Open} */
+    rightPanelProps?: WidgetPanelProps;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  {size: 180, pinned=true, defaultState:StagePanelState.Open} */
+    bottomPanelProps?: WidgetPanelProps;
+}
+/**
+ * FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
+ * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).
+ * @public
+ */
+export declare class StandardFrontstageProvider extends FrontstageProvider {
+    private props;
+    constructor(props: StandardFrontstageProps);
+    get id(): string;
+    frontstageConfig(): FrontstageConfig;
+}
 //# sourceMappingURL=StandardFrontstageProvider.d.ts.map

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

@@ -1,79 +1,79 @@
-"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.StandardFrontstageProvider = void 0;
-const React = require("react");
-const ContentGroup_1 = require("../content/ContentGroup");
-const FrontstageProvider_1 = require("./FrontstageProvider");
-const ContentToolWidgetComposer_1 = require("../widgets/ContentToolWidgetComposer");
-const ViewToolWidgetComposer_1 = require("../widgets/ViewToolWidgetComposer");
-const StatusBarWidgetComposerControl_1 = require("../widgets/StatusBarWidgetComposerControl");
-const StagePanelDef_1 = require("../stagepanels/StagePanelDef");
-/**
- * FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
- * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).
- * @public
- */
-class StandardFrontstageProvider extends FrontstageProvider_1.FrontstageProvider {
-    constructor(props) {
-        super();
-        this.props = props;
-    }
-    get id() {
-        return this.props.id;
-    }
-    frontstageConfig() {
-        var _a;
-        const contentGroup = (this.props.contentGroupProps instanceof ContentGroup_1.ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup_1.ContentGroup(this.props.contentGroupProps);
-        return {
-            id: this.props.id,
-            version: (_a = this.props.version) !== null && _a !== void 0 ? _a : 1.0,
-            contentGroup,
-            usage: this.props.usage,
-            contentManipulation: {
-                id: `${this.props.id}-contentManipulationTools`,
-                element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
-            },
-            viewNavigation: {
-                id: `${this.props.id}-viewNavigationTools`,
-                element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }),
-            },
-            toolSettings: this.props.hideToolSettings ? undefined : {
-                id: `${this.props.id}-toolSettings`,
-            },
-            statusBar: this.props.hideStatusBar ? undefined : {
-                id: `${this.props.id}-statusBar`,
-                control: StatusBarWidgetComposerControl_1.StatusBarWidgetComposerControl,
-            },
-            leftPanel: {
-                size: 300,
-                pinned: false,
-                defaultState: StagePanelDef_1.StagePanelState.Minimized,
-                ...this.props.leftPanelProps,
-            },
-            topPanel: {
-                size: 90,
-                pinned: false,
-                defaultState: StagePanelDef_1.StagePanelState.Minimized,
-                ...this.props.topPanelProps,
-            },
-            rightPanel: {
-                defaultState: StagePanelDef_1.StagePanelState.Open,
-                ...this.props.rightPanelProps,
-            },
-            bottomPanel: {
-                size: 180,
-                defaultState: StagePanelDef_1.StagePanelState.Open,
-                ...this.props.bottomPanelProps,
-            },
-        };
-    }
-}
-exports.StandardFrontstageProvider = StandardFrontstageProvider;
+"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.StandardFrontstageProvider = void 0;
+const React = require("react");
+const ContentGroup_1 = require("../content/ContentGroup");
+const FrontstageProvider_1 = require("./FrontstageProvider");
+const ContentToolWidgetComposer_1 = require("../widgets/ContentToolWidgetComposer");
+const ViewToolWidgetComposer_1 = require("../widgets/ViewToolWidgetComposer");
+const StatusBarWidgetComposerControl_1 = require("../widgets/StatusBarWidgetComposerControl");
+const StagePanelDef_1 = require("../stagepanels/StagePanelDef");
+/**
+ * FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
+ * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).
+ * @public
+ */
+class StandardFrontstageProvider extends FrontstageProvider_1.FrontstageProvider {
+    constructor(props) {
+        super();
+        this.props = props;
+    }
+    get id() {
+        return this.props.id;
+    }
+    frontstageConfig() {
+        var _a;
+        const contentGroup = (this.props.contentGroupProps instanceof ContentGroup_1.ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup_1.ContentGroup(this.props.contentGroupProps);
+        return {
+            id: this.props.id,
+            version: (_a = this.props.version) !== null && _a !== void 0 ? _a : 1.0,
+            contentGroup,
+            usage: this.props.usage,
+            contentManipulation: {
+                id: `${this.props.id}-contentManipulationTools`,
+                element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
+            },
+            viewNavigation: {
+                id: `${this.props.id}-viewNavigationTools`,
+                element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }),
+            },
+            toolSettings: this.props.hideToolSettings ? undefined : {
+                id: `${this.props.id}-toolSettings`,
+            },
+            statusBar: this.props.hideStatusBar ? undefined : {
+                id: `${this.props.id}-statusBar`,
+                control: StatusBarWidgetComposerControl_1.StatusBarWidgetComposerControl,
+            },
+            leftPanel: {
+                size: 300,
+                pinned: false,
+                defaultState: StagePanelDef_1.StagePanelState.Minimized,
+                ...this.props.leftPanelProps,
+            },
+            topPanel: {
+                size: 90,
+                pinned: false,
+                defaultState: StagePanelDef_1.StagePanelState.Minimized,
+                ...this.props.topPanelProps,
+            },
+            rightPanel: {
+                defaultState: StagePanelDef_1.StagePanelState.Open,
+                ...this.props.rightPanelProps,
+            },
+            bottomPanel: {
+                size: 180,
+                defaultState: StagePanelDef_1.StagePanelState.Open,
+                ...this.props.bottomPanelProps,
+            },
+        };
+    }
+}
+exports.StandardFrontstageProvider = StandardFrontstageProvider;
 //# sourceMappingURL=StandardFrontstageProvider.js.map

package/lib/cjs/appui-react/frontstage/StandardFrontstageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,0DAAgG;AAChG,6DAA0D;AAC1D,oFAAiF;AACjF,8EAA2E;AAC3E,8FAA2F;AAC3F,gEAA+D;AAsD/D;;;;GAIG;AACH,MAAa,0BAA2B,SAAQ,uCAAkB;IAChE,YAAoB,KAA8B;QAChD,KAAK,EAAE,CAAC;QADU,UAAK,GAAL,KAAK,CAAyB;IAElD,CAAC;IAED,IAAoB,EAAE;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACvB,CAAC;IAEe,gBAAgB;;QAC9B,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,YAAY,mCAAoB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,2BAAY,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpK,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,GAAG;YAClC,YAAY;YACZ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mBAAmB,EAAE;gBACnB,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,2BAA2B;gBAC/C,OAAO,EAAE,oBAAC,qDAAyB,IAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;aAC9E;YACD,cAAc,EAAE;gBACd,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,sBAAsB;gBAC1C,OAAO,EAAE,oBAAC,+CAAsB,IAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAI;aACrF;YACD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBACtD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe;aACpC;YACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY;gBAChC,OAAO,EAAE,+DAA8B;aACxC;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc;aAC7B;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;aAC5B;YACD,UAAU,EAAE;gBACV,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;aAC9B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,GAAG;gBACT,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;aAC/B;SACF,CAAC;IACJ,CAAC;CACF;AAtDD,gEAsDC","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 * as React from \"react\";\nimport { StageUsage } from \"@itwin/appui-abstract\";\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\nimport { FrontstageProvider } from \"./FrontstageProvider\";\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\nimport { StatusBarWidgetComposerControl } from \"../widgets/StatusBarWidgetComposerControl\";\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\nimport { FrontstageConfig } from \"./FrontstageConfig\";\nimport { StagePanelConfig } from \"../stagepanels/StagePanelConfig\";\n\n/** Properties of a [[WidgetPanelProps]] component\n * @public\n */\nexport type WidgetPanelProps = Omit<StagePanelConfig, \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\">;\n\n/**\n * Props for [[StandardFrontstageProvider]]\n * @public\n */\nexport interface StandardFrontstageProps {\n  /* unique stage id. To ensure uniqueness it is common practice to format id like `appName:stageId` */\n  id: string;\n  /* version id that is used to store state of stage */\n  version?: number;\n  // Usage of stage. To allow generic UiItemProvides to populate this stage set to `StageUsage.General`.\n  usage: StageUsage | string;\n  /** Definition of available content groups or a function that provides them */\n  contentGroupProps: ContentGroupProps | ContentGroupProvider;\n  /** Specify button to use to open backstage. Leave undefined for no backstage button.\n   * ```\n   * <BackstageAppButton icon={\"icon-bentley-systems\"} />\n   * ```\n   * Custom corner button definition\n   * ```\n   * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"}\n   *   label=\"Toggle Backstage display\",\n   *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;\n   * ```\n   */\n  cornerButton?: React.ReactNode;\n  /** Set to true if default Navigation aid is not desired */\n  hideNavigationAid?: boolean;\n  /** Set to true if no tool setting dock is needed. Typically only used in modal stages. */\n  hideToolSettings?: boolean;\n  /** Set to true if no status bar is needed in stage */\n  hideStatusBar?: boolean;\n  /** Props used to set initial size and state of panel. Defaults to:\n   *  {size: 300, pinned=false, defaultState:StagePanelState.Minimized} */\n  leftPanelProps?: WidgetPanelProps;\n  /** Props used to set initial size and state of panel. Defaults to:\n   *  {size: 90, pinned=false, defaultState:StagePanelState.Minimized} */\n  topPanelProps?: WidgetPanelProps;\n  /** Props used to set initial size and state of panel. Defaults to:\n   *  {size: 200, pinned=true, defaultState:StagePanelState.Open} */\n  rightPanelProps?: WidgetPanelProps;\n  /** Props used to set initial size and state of panel. Defaults to:\n   *  {size: 180, pinned=true, defaultState:StagePanelState.Open} */\n  bottomPanelProps?: WidgetPanelProps;\n}\n\n/**\n * FrontstageProvider that provides an \"empty\" stage. All tool buttons, statusbar items, and widgets must\n * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).\n * @public\n */\nexport class StandardFrontstageProvider extends FrontstageProvider {\n  constructor(private props: StandardFrontstageProps) {\n    super();\n  }\n\n  public override get id(): string {\n    return this.props.id;\n  }\n\n  public override frontstageConfig(): FrontstageConfig {\n    const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\n    return {\n      id: this.props.id,\n      version: this.props.version ?? 1.0,\n      contentGroup,\n      usage: this.props.usage,\n      contentManipulation: {\n        id: `${this.props.id}-contentManipulationTools`,\n        element: <ContentToolWidgetComposer cornerButton={this.props.cornerButton} />,\n      },\n      viewNavigation: {\n        id: `${this.props.id}-viewNavigationTools`,\n        element: <ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />,\n      },\n      toolSettings: this.props.hideToolSettings ? undefined : {\n        id: `${this.props.id}-toolSettings`,\n      },\n      statusBar: this.props.hideStatusBar ? undefined : {\n        id: `${this.props.id}-statusBar`,\n        control: StatusBarWidgetComposerControl,\n      },\n      leftPanel: {\n        size: 300,\n        pinned: false,\n        defaultState: StagePanelState.Minimized,\n        ...this.props.leftPanelProps,\n      },\n      topPanel: {\n        size: 90,\n        pinned: false,\n        defaultState: StagePanelState.Minimized,\n        ...this.props.topPanelProps,\n      },\n      rightPanel: {\n        defaultState: StagePanelState.Open,\n        ...this.props.rightPanelProps,\n      },\n      bottomPanel: {\n        size: 180,\n        defaultState: StagePanelState.Open,\n        ...this.props.bottomPanelProps,\n      },\n    };\n  }\n}\n"]}
+{"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,0DAAgG;AAChG,6DAA0D;AAC1D,oFAAiF;AACjF,8EAA2E;AAC3E,8FAA2F;AAC3F,gEAA+D;AAsD/D;;;;GAIG;AACH,MAAa,0BAA2B,SAAQ,uCAAkB;IAChE,YAAoB,KAA8B;QAChD,KAAK,EAAE,CAAC;QADU,UAAK,GAAL,KAAK,CAAyB;IAElD,CAAC;IAED,IAAoB,EAAE;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACvB,CAAC;IAEe,gBAAgB;;QAC9B,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,YAAY,mCAAoB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,2BAAY,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpK,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,GAAG;YAClC,YAAY;YACZ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mBAAmB,EAAE;gBACnB,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,2BAA2B;gBAC/C,OAAO,EAAE,oBAAC,qDAAyB,IAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;aAC9E;YACD,cAAc,EAAE;gBACd,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,sBAAsB;gBAC1C,OAAO,EAAE,oBAAC,+CAAsB,IAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAI;aACrF;YACD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBACtD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe;aACpC;YACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY;gBAChC,OAAO,EAAE,+DAA8B;aACxC;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc;aAC7B;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;aAC5B;YACD,UAAU,EAAE;gBACV,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;aAC9B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,GAAG;gBACT,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;aAC/B;SACF,CAAC;IACJ,CAAC;CACF;AAtDD,gEAsDC","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 * as React from \"react\";\r\nimport { StageUsage } from \"@itwin/appui-abstract\";\r\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { FrontstageProvider } from \"./FrontstageProvider\";\r\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\r\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\r\nimport { StatusBarWidgetComposerControl } from \"../widgets/StatusBarWidgetComposerControl\";\r\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\r\nimport { FrontstageConfig } from \"./FrontstageConfig\";\r\nimport { StagePanelConfig } from \"../stagepanels/StagePanelConfig\";\r\n\r\n/** Properties of a [[WidgetPanelProps]] component\r\n * @public\r\n */\r\nexport type WidgetPanelProps = Omit<StagePanelConfig, \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\">;\r\n\r\n/**\r\n * Props for [[StandardFrontstageProvider]]\r\n * @public\r\n */\r\nexport interface StandardFrontstageProps {\r\n  /* unique stage id. To ensure uniqueness it is common practice to format id like `appName:stageId` */\r\n  id: string;\r\n  /* version id that is used to store state of stage */\r\n  version?: number;\r\n  // Usage of stage. To allow generic UiItemProvides to populate this stage set to `StageUsage.General`.\r\n  usage: StageUsage | string;\r\n  /** Definition of available content groups or a function that provides them */\r\n  contentGroupProps: ContentGroupProps | ContentGroupProvider;\r\n  /** Specify button to use to open backstage. Leave undefined for no backstage button.\r\n   * ```\r\n   * <BackstageAppButton icon={\"icon-bentley-systems\"} />\r\n   * ```\r\n   * Custom corner button definition\r\n   * ```\r\n   * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"}\r\n   *   label=\"Toggle Backstage display\",\r\n   *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;\r\n   * ```\r\n   */\r\n  cornerButton?: React.ReactNode;\r\n  /** Set to true if default Navigation aid is not desired */\r\n  hideNavigationAid?: boolean;\r\n  /** Set to true if no tool setting dock is needed. Typically only used in modal stages. */\r\n  hideToolSettings?: boolean;\r\n  /** Set to true if no status bar is needed in stage */\r\n  hideStatusBar?: boolean;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 300, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  leftPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 90, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  topPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 200, pinned=true, defaultState:StagePanelState.Open} */\r\n  rightPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 180, pinned=true, defaultState:StagePanelState.Open} */\r\n  bottomPanelProps?: WidgetPanelProps;\r\n}\r\n\r\n/**\r\n * FrontstageProvider that provides an \"empty\" stage. All tool buttons, statusbar items, and widgets must\r\n * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).\r\n * @public\r\n */\r\nexport class StandardFrontstageProvider extends FrontstageProvider {\r\n  constructor(private props: StandardFrontstageProps) {\r\n    super();\r\n  }\r\n\r\n  public override get id(): string {\r\n    return this.props.id;\r\n  }\r\n\r\n  public override frontstageConfig(): FrontstageConfig {\r\n    const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\r\n    return {\r\n      id: this.props.id,\r\n      version: this.props.version ?? 1.0,\r\n      contentGroup,\r\n      usage: this.props.usage,\r\n      contentManipulation: {\r\n        id: `${this.props.id}-contentManipulationTools`,\r\n        element: <ContentToolWidgetComposer cornerButton={this.props.cornerButton} />,\r\n      },\r\n      viewNavigation: {\r\n        id: `${this.props.id}-viewNavigationTools`,\r\n        element: <ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />,\r\n      },\r\n      toolSettings: this.props.hideToolSettings ? undefined : {\r\n        id: `${this.props.id}-toolSettings`,\r\n      },\r\n      statusBar: this.props.hideStatusBar ? undefined : {\r\n        id: `${this.props.id}-statusBar`,\r\n        control: StatusBarWidgetComposerControl,\r\n      },\r\n      leftPanel: {\r\n        size: 300,\r\n        pinned: false,\r\n        defaultState: StagePanelState.Minimized,\r\n        ...this.props.leftPanelProps,\r\n      },\r\n      topPanel: {\r\n        size: 90,\r\n        pinned: false,\r\n        defaultState: StagePanelState.Minimized,\r\n        ...this.props.topPanelProps,\r\n      },\r\n      rightPanel: {\r\n        defaultState: StagePanelState.Open,\r\n        ...this.props.rightPanelProps,\r\n      },\r\n      bottomPanel: {\r\n        size: 180,\r\n        defaultState: StagePanelState.Open,\r\n        ...this.props.bottomPanelProps,\r\n      },\r\n    };\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useActiveIModelConnection.d.ts

@@ -1,11 +1,11 @@
-/** @packageDocumentation
- * @module Hooks
- */
-import { IModelConnection } from "@itwin/core-frontend";
-/** React hook that maintains the active IModelConnection. For this hook to work properly the
- * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires
- * that the host app includes the UiFramework reducer into its Redux store.
- * @public
- */
-export declare function useActiveIModelConnection(): IModelConnection | undefined;
+/** @packageDocumentation
+ * @module Hooks
+ */
+import { IModelConnection } from "@itwin/core-frontend";
+/** React hook that maintains the active IModelConnection. For this hook to work properly the
+ * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires
+ * that the host app includes the UiFramework reducer into its Redux store.
+ * @public
+ */
+export declare function useActiveIModelConnection(): IModelConnection | undefined;
 //# sourceMappingURL=useActiveIModelConnection.d.ts.map

package/lib/cjs/appui-react/hooks/useActiveIModelConnection.js

@@ -1,38 +1,38 @@
-"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 Hooks
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveIModelConnection = void 0;
-const react_1 = require("react");
-const SessionState_1 = require("../redux/SessionState");
-const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
-const UiFramework_1 = require("../UiFramework");
-/** React hook that maintains the active IModelConnection. For this hook to work properly the
- * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires
- * that the host app includes the UiFramework reducer into its Redux store.
- * @public
- */
-function useActiveIModelConnection() {
-    const [activeConnection, setActiveConnection] = (0, react_1.useState)(UiFramework_1.UiFramework.getIModelConnection());
-    (0, react_1.useEffect)(() => {
-        const handleSyncUiEvent = (args) => {
-            const eventIds = [SessionState_1.SessionStateActionId.SetIModelConnection];
-            // istanbul ignore else
-            if (eventIds.some((value) => args.eventIds.has(value.toLowerCase()))) {
-                setActiveConnection(UiFramework_1.UiFramework.getIModelConnection());
-            }
-        };
-        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
-        return () => {
-            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);
-        };
-    }, [activeConnection]);
-    return activeConnection;
-}
-exports.useActiveIModelConnection = useActiveIModelConnection;
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveIModelConnection = void 0;
+const react_1 = require("react");
+const SessionState_1 = require("../redux/SessionState");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+/** React hook that maintains the active IModelConnection. For this hook to work properly the
+ * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires
+ * that the host app includes the UiFramework reducer into its Redux store.
+ * @public
+ */
+function useActiveIModelConnection() {
+    const [activeConnection, setActiveConnection] = (0, react_1.useState)(UiFramework_1.UiFramework.getIModelConnection());
+    (0, react_1.useEffect)(() => {
+        const handleSyncUiEvent = (args) => {
+            const eventIds = [SessionState_1.SessionStateActionId.SetIModelConnection];
+            // istanbul ignore else
+            if (eventIds.some((value) => args.eventIds.has(value.toLowerCase()))) {
+                setActiveConnection(UiFramework_1.UiFramework.getIModelConnection());
+            }
+        };
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
+        return () => {
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);
+        };
+    }, [activeConnection]);
+    return activeConnection;
+}
+exports.useActiveIModelConnection = useActiveIModelConnection;
 //# sourceMappingURL=useActiveIModelConnection.js.map

package/lib/cjs/appui-react/hooks/useActiveIModelConnection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveIModelConnection.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveIModelConnection.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAG5C,wDAA6D;AAC7D,2EAAwE;AACxE,gDAA6C;AAE7C;;;;GAIG;AACH,SAAgB,yBAAyB;IACvC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC5F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,MAAM,QAAQ,GAAG,CAAC,mCAAoB,CAAC,mBAAmB,CAAC,CAAC;YAC5D,uBAAuB;YACvB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE;gBACrF,mBAAmB,CAAC,yBAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;aACxD;QACH,CAAC,CAAC;QAEF,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,6CAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAlBD,8DAkBC","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 Hooks\n */\n\nimport { useEffect, useState } from \"react\";\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\nimport { IModelConnection } from \"@itwin/core-frontend\";\nimport { SessionStateActionId } from \"../redux/SessionState\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** React hook that maintains the active IModelConnection. For this hook to work properly the\n * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires\n * that the host app includes the UiFramework reducer into its Redux store.\n * @public\n */\nexport function useActiveIModelConnection(): IModelConnection | undefined {\n  const [activeConnection, setActiveConnection] = useState(UiFramework.getIModelConnection());\n  useEffect(() => {\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\n      const eventIds = [SessionStateActionId.SetIModelConnection];\n      // istanbul ignore else\n      if (eventIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\n        setActiveConnection(UiFramework.getIModelConnection());\n      }\n    };\n\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n    return () => {\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\n    };\n  }, [activeConnection]);\n\n  return activeConnection;\n}\n"]}
+{"version":3,"file":"useActiveIModelConnection.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveIModelConnection.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAG5C,wDAA6D;AAC7D,2EAAwE;AACxE,gDAA6C;AAE7C;;;;GAIG;AACH,SAAgB,yBAAyB;IACvC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC5F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,MAAM,QAAQ,GAAG,CAAC,mCAAoB,CAAC,mBAAmB,CAAC,CAAC;YAC5D,uBAAuB;YACvB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE;gBACrF,mBAAmB,CAAC,yBAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;aACxD;QACH,CAAC,CAAC;QAEF,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,6CAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAlBD,8DAkBC","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 Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { IModelConnection } from \"@itwin/core-frontend\";\r\nimport { SessionStateActionId } from \"../redux/SessionState\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** React hook that maintains the active IModelConnection. For this hook to work properly the\r\n * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires\r\n * that the host app includes the UiFramework reducer into its Redux store.\r\n * @public\r\n */\r\nexport function useActiveIModelConnection(): IModelConnection | undefined {\r\n  const [activeConnection, setActiveConnection] = useState(UiFramework.getIModelConnection());\r\n  useEffect(() => {\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n      const eventIds = [SessionStateActionId.SetIModelConnection];\r\n      // istanbul ignore else\r\n      if (eventIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n        setActiveConnection(UiFramework.getIModelConnection());\r\n      }\r\n    };\r\n\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n    return () => {\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\r\n    };\r\n  }, [activeConnection]);\r\n\r\n  return activeConnection;\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useActiveStageId.d.ts

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Hooks
- */
-/** React hook that maintains the active stage Id.
- * @public
- */
-export declare function useActiveStageId(): string;
+/** @packageDocumentation
+ * @module Hooks
+ */
+/** React hook that maintains the active stage Id.
+ * @public
+ */
+export declare function useActiveStageId(): string;
 //# sourceMappingURL=useActiveStageId.d.ts.map

package/lib/cjs/appui-react/hooks/useActiveStageId.js

@@ -1,30 +1,30 @@
-"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 Hooks
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveStageId = void 0;
-const react_1 = require("react");
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
-/** React hook that maintains the active stage Id.
- * @public
- */
-function useActiveStageId() {
-    const [activeStageId, setActiveStageId] = (0, react_1.useState)(FrontstageManager_1.FrontstageManager.activeFrontstageId);
-    (0, react_1.useEffect)(() => {
-        const handleFrontstageActivatedEvent = (args) => {
-            setActiveStageId(args.activatedFrontstageDef.id);
-        };
-        FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);
-        return () => {
-            FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);
-        };
-    }, []);
-    return activeStageId;
-}
-exports.useActiveStageId = useActiveStageId;
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveStageId = void 0;
+const react_1 = require("react");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+/** React hook that maintains the active stage Id.
+ * @public
+ */
+function useActiveStageId() {
+    const [activeStageId, setActiveStageId] = (0, react_1.useState)(FrontstageManager_1.FrontstageManager.activeFrontstageId);
+    (0, react_1.useEffect)(() => {
+        const handleFrontstageActivatedEvent = (args) => {
+            setActiveStageId(args.activatedFrontstageDef.id);
+        };
+        FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);
+        return () => {
+            FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);
+        };
+    }, []);
+    return activeStageId;
+}
+exports.useActiveStageId = useActiveStageId;
 //# sourceMappingURL=useActiveStageId.js.map

package/lib/cjs/appui-react/hooks/useActiveStageId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveStageId.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveStageId.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAC5C,uEAAkG;AAElG;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,qCAAiB,CAAC,kBAAkB,CAAC,CAAC;IACzF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,8BAA8B,GAAG,CAAC,IAAkC,EAAE,EAAE;YAC5E,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC,CAAC;QAEF,qCAAiB,CAAC,0BAA0B,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;QACzF,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,0BAA0B,CAAC,cAAc,CAAC,8BAA8B,CAAC,CAAC;QAC9F,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,aAAa,CAAC;AACvB,CAAC;AAbD,4CAaC","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 Hooks\n */\n\nimport { useEffect, useState } from \"react\";\nimport { FrontstageActivatedEventArgs, FrontstageManager } from \"../frontstage/FrontstageManager\";\n\n/** React hook that maintains the active stage Id.\n * @public\n */\nexport function useActiveStageId(): string {\n  const [activeStageId, setActiveStageId] = useState(FrontstageManager.activeFrontstageId);\n  useEffect(() => {\n    const handleFrontstageActivatedEvent = (args: FrontstageActivatedEventArgs) => {\n      setActiveStageId(args.activatedFrontstageDef.id);\n    };\n\n    FrontstageManager.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);\n    return () => {\n      FrontstageManager.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);\n    };\n  }, []);\n  return activeStageId;\n}\n"]}
+{"version":3,"file":"useActiveStageId.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveStageId.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAC5C,uEAAkG;AAElG;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,qCAAiB,CAAC,kBAAkB,CAAC,CAAC;IACzF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,8BAA8B,GAAG,CAAC,IAAkC,EAAE,EAAE;YAC5E,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC,CAAC;QAEF,qCAAiB,CAAC,0BAA0B,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;QACzF,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,0BAA0B,CAAC,cAAc,CAAC,8BAA8B,CAAC,CAAC;QAC9F,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,aAAa,CAAC;AACvB,CAAC;AAbD,4CAaC","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 Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { FrontstageActivatedEventArgs, FrontstageManager } from \"../frontstage/FrontstageManager\";\r\n\r\n/** React hook that maintains the active stage Id.\r\n * @public\r\n */\r\nexport function useActiveStageId(): string {\r\n  const [activeStageId, setActiveStageId] = useState(FrontstageManager.activeFrontstageId);\r\n  useEffect(() => {\r\n    const handleFrontstageActivatedEvent = (args: FrontstageActivatedEventArgs) => {\r\n      setActiveStageId(args.activatedFrontstageDef.id);\r\n    };\r\n\r\n    FrontstageManager.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);\r\n    return () => {\r\n      FrontstageManager.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);\r\n    };\r\n  }, []);\r\n  return activeStageId;\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useActiveViewport.d.ts

@@ -1,9 +1,9 @@
-/** @packageDocumentation
- * @module Hooks
- */
-import { ScreenViewport } from "@itwin/core-frontend";
-/** React hook that maintains the active viewport.
- * @public
- */
-export declare function useActiveViewport(): ScreenViewport | undefined;
+/** @packageDocumentation
+ * @module Hooks
+ */
+import { ScreenViewport } from "@itwin/core-frontend";
+/** React hook that maintains the active viewport.
+ * @public
+ */
+export declare function useActiveViewport(): ScreenViewport | undefined;
 //# sourceMappingURL=useActiveViewport.d.ts.map