@itwin/appui-react 4.0.0-dev.9 → 4.0.1

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 StagePanelDef_1 = require("../stagepanels/StagePanelDef");
+const StatusBarComposer_1 = require("../statusbar/StatusBarComposer");
+/**
+ * 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() {
+        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: this.props.version ?? 1.0,
+            contentGroup,
+            usage: this.props.usage,
+            defaultTool: this.props.defaultTool,
+            contentManipulation: {
+                id: `${this.props.id}-contentManipulationTools`,
+                content: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
+            },
+            viewNavigation: {
+                id: `${this.props.id}-viewNavigationTools`,
+                content: 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`,
+                content: React.createElement(StatusBarComposer_1.StatusBarComposer, { items: [] }),
+            },
+            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":["/*---------------------------------------------------------------------------------------------\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; // eslint-disable-line deprecation/deprecation\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={() => UiFramework.backstage.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"]}
+{"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAgG;AAChG,6DAA0D;AAC1D,oFAAiF;AACjF,8EAA2E;AAC3E,gEAA+D;AAI/D,sEAAmE;AAyDnE;;;;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,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG;YAClC,YAAY;YACZ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;YACnC,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,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI;aAC1C;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;AAvDD,gEAuDC","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 { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\nimport { FrontstageProvider } from \"./FrontstageProvider\";\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\nimport { FrontstageConfig } from \"./FrontstageConfig\";\nimport { StagePanelConfig } from \"../stagepanels/StagePanelConfig\";\nimport { StageUsage } from \"./StageUsage\";\nimport { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\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  /** The defaultTool is is started when then frontstage loads and whenever any other tools exit.\n   * Most of the time, this is the Element Selection Tool (SelectionTool.toolId).\n   * Your app can specify its own tool or another core tool as default with this property.\n   */\n  defaultTool?: 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={<SvgBentleySystems />} />\n   * ```\n   * Custom corner button definition\n   * ```\n   * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\n   *   label=\"Toggle Backstage display\",\n   *   execute={() => UiFramework.backstage.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      defaultTool: this.props.defaultTool,\n      contentManipulation: {\n        id: `${this.props.id}-contentManipulationTools`,\n        content: <ContentToolWidgetComposer cornerButton={this.props.cornerButton} />,\n      },\n      viewNavigation: {\n        id: `${this.props.id}-viewNavigationTools`,\n        content: <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        content: <StatusBarComposer items={[]} />,\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"]}

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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"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"]}

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 UiFramework_1 = require("../UiFramework");
-/** React hook that maintains the active stage Id.
- * @public
- */
-function useActiveStageId() {
-    const [activeStageId, setActiveStageId] = (0, react_1.useState)(UiFramework_1.UiFramework.frontstages.activeFrontstageId);
-    (0, react_1.useEffect)(() => {
-        const handleFrontstageActivatedEvent = (args) => {
-            setActiveStageId(args.activatedFrontstageDef.id);
-        };
-        UiFramework_1.UiFramework.frontstages.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);
-        return () => {
-            UiFramework_1.UiFramework.frontstages.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 UiFramework_1 = require("../UiFramework");
+/** React hook that maintains the active stage Id.
+ * @public
+ */
+function useActiveStageId() {
+    const [activeStageId, setActiveStageId] = (0, react_1.useState)(UiFramework_1.UiFramework.frontstages.activeFrontstageId);
+    (0, react_1.useEffect)(() => {
+        const handleFrontstageActivatedEvent = (args) => {
+            setActiveStageId(args.activatedFrontstageDef.id);
+        };
+        UiFramework_1.UiFramework.frontstages.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);
+        return () => {
+            UiFramework_1.UiFramework.frontstages.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;AAE5C,gDAA6C;AAE7C;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAW,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAC/F,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,yBAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;QAC/F,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,cAAc,CAAC,8BAA8B,CAAC,CAAC;QACpG,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 } from \"../framework/FrameworkFrontstages\";\r\nimport { UiFramework } from \"../UiFramework\";\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(UiFramework.frontstages.activeFrontstageId);\r\n  useEffect(() => {\r\n    const handleFrontstageActivatedEvent = (args: FrontstageActivatedEventArgs) => {\r\n      setActiveStageId(args.activatedFrontstageDef.id);\r\n    };\r\n\r\n    UiFramework.frontstages.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);\r\n    return () => {\r\n      UiFramework.frontstages.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);\r\n    };\r\n  }, []);\r\n  return activeStageId;\r\n}\r\n"]}
+{"version":3,"file":"useActiveStageId.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveStageId.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAE5C,gDAA6C;AAE7C;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAW,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAC/F,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,yBAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;QAC/F,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,cAAc,CAAC,8BAA8B,CAAC,CAAC;QACpG,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 } from \"../framework/FrameworkFrontstages\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** React hook that maintains the active stage Id.\n * @public\n */\nexport function useActiveStageId(): string {\n  const [activeStageId, setActiveStageId] = useState(UiFramework.frontstages.activeFrontstageId);\n  useEffect(() => {\n    const handleFrontstageActivatedEvent = (args: FrontstageActivatedEventArgs) => {\n      setActiveStageId(args.activatedFrontstageDef.id);\n    };\n\n    UiFramework.frontstages.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);\n    return () => {\n      UiFramework.frontstages.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);\n    };\n  }, []);\n  return activeStageId;\n}\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

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

@@ -1,47 +1,47 @@
-"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.useActiveViewport = void 0;
-const react_1 = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
-const UiFramework_1 = require("../UiFramework");
-/** React hook that maintains the active viewport.
- * @public
- */
-// istanbul ignore next
-function useActiveViewport() {
-    const [activeViewport, setActiveViewport] = (0, react_1.useState)(core_frontend_1.IModelApp.viewManager.selectedView);
-    (0, react_1.useEffect)(() => {
-        const onActiveContentChanged = (_args) => {
-            setActiveViewport(core_frontend_1.IModelApp.viewManager.selectedView);
-        };
-        // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted
-        // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components
-        // are loaded and when the IModelApp.viewManager.selectedView changes.
-        UiFramework_1.UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);
-        return () => {
-            UiFramework_1.UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        const syncIdsOfInterest = [SyncUiEventDispatcher_1.SyncUiEventId.ActiveContentChanged, SyncUiEventDispatcher_1.SyncUiEventId.ContentControlActivated, SyncUiEventDispatcher_1.SyncUiEventId.FrontstageReady];
-        const handleSyncUiEvent = (args) => {
-            // istanbul ignore else
-            if (syncIdsOfInterest.some((value) => args.eventIds.has(value))) {
-                const activeContentControl = UiFramework_1.UiFramework.content.getActiveContentControl();
-                setActiveViewport(activeContentControl && activeContentControl.viewport);
-            }
-        };
-        return SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
-    }, []);
-    return activeViewport;
-}
-exports.useActiveViewport = useActiveViewport;
+"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.useActiveViewport = void 0;
+const react_1 = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+/** React hook that maintains the active viewport.
+ * @public
+ */
+// istanbul ignore next
+function useActiveViewport() {
+    const [activeViewport, setActiveViewport] = (0, react_1.useState)(core_frontend_1.IModelApp.viewManager.selectedView);
+    (0, react_1.useEffect)(() => {
+        const onActiveContentChanged = (_args) => {
+            setActiveViewport(core_frontend_1.IModelApp.viewManager.selectedView);
+        };
+        // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted
+        // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components
+        // are loaded and when the IModelApp.viewManager.selectedView changes.
+        UiFramework_1.UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);
+        return () => {
+            UiFramework_1.UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const syncIdsOfInterest = [SyncUiEventDispatcher_1.SyncUiEventId.ActiveContentChanged, SyncUiEventDispatcher_1.SyncUiEventId.ContentControlActivated, SyncUiEventDispatcher_1.SyncUiEventId.FrontstageReady];
+        const handleSyncUiEvent = (args) => {
+            // istanbul ignore else
+            if (syncIdsOfInterest.some((value) => args.eventIds.has(value))) {
+                const activeContentControl = UiFramework_1.UiFramework.content.getActiveContentControl();
+                setActiveViewport(activeContentControl && activeContentControl.viewport);
+            }
+        };
+        return SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
+    }, []);
+    return activeViewport;
+}
+exports.useActiveViewport = useActiveViewport;
 //# sourceMappingURL=useActiveViewport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useActiveViewport.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveViewport.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAE5C,wDAAiE;AAEjE,2EAAuF;AACvF,gDAA6C;AAE7C;;GAEG;AACH,uBAAuB;AACvB,SAAgB,iBAAiB;IAC/B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACzF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,sBAAsB,GAAG,CAAC,KAAoC,EAAE,EAAE;YACtE,iBAAiB,CAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,oGAAoG;QACpG,6GAA6G;QAC7G,sEAAsE;QACtE,yBAAW,CAAC,OAAO,CAAC,2BAA2B,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACpF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,OAAO,CAAC,2BAA2B,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACzF,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,qCAAa,CAAC,oBAAoB,EAAE,qCAAa,CAAC,uBAAuB,EAAE,qCAAa,CAAC,eAAe,CAAC,CAAC;QACrI,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,uBAAuB;YACvB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;gBAChF,MAAM,oBAAoB,GAAG,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;gBAC3E,iBAAiB,CAAC,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;aAC1E;QACH,CAAC,CAAC;QAEF,OAAO,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,cAAc,CAAC;AACxB,CAAC;AA9BD,8CA8BC","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 { IModelApp, ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { ActiveContentChangedEventArgs } from \"../framework/FrameworkContent\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** React hook that maintains the active viewport.\r\n * @public\r\n */\r\n// istanbul ignore next\r\nexport function useActiveViewport(): ScreenViewport | undefined {\r\n  const [activeViewport, setActiveViewport] = useState(IModelApp.viewManager.selectedView);\r\n  useEffect(() => {\r\n    const onActiveContentChanged = (_args: ActiveContentChangedEventArgs) => {\r\n      setActiveViewport(IModelApp.viewManager.selectedView);\r\n    };\r\n\r\n    // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted\r\n    // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components\r\n    // are loaded and when the IModelApp.viewManager.selectedView changes.\r\n    UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);\r\n    return () => {\r\n      UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const syncIdsOfInterest = [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ContentControlActivated, SyncUiEventId.FrontstageReady];\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n        const activeContentControl = UiFramework.content.getActiveContentControl();\r\n        setActiveViewport(activeContentControl && activeContentControl.viewport);\r\n      }\r\n    };\r\n\r\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n  }, []);\r\n\r\n  return activeViewport;\r\n}\r\n"]}
+{"version":3,"file":"useActiveViewport.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveViewport.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAE5C,wDAAiE;AAEjE,2EAAuF;AACvF,gDAA6C;AAE7C;;GAEG;AACH,uBAAuB;AACvB,SAAgB,iBAAiB;IAC/B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACzF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,sBAAsB,GAAG,CAAC,KAAoC,EAAE,EAAE;YACtE,iBAAiB,CAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,oGAAoG;QACpG,6GAA6G;QAC7G,sEAAsE;QACtE,yBAAW,CAAC,OAAO,CAAC,2BAA2B,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACpF,OAAO,GAAG,EAAE;YACV,yBAAW,CAAC,OAAO,CAAC,2BAA2B,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACzF,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,qCAAa,CAAC,oBAAoB,EAAE,qCAAa,CAAC,uBAAuB,EAAE,qCAAa,CAAC,eAAe,CAAC,CAAC;QACrI,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,uBAAuB;YACvB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;gBAChF,MAAM,oBAAoB,GAAG,yBAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;gBAC3E,iBAAiB,CAAC,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;aAC1E;QACH,CAAC,CAAC;QAEF,OAAO,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,cAAc,CAAC;AACxB,CAAC;AA9BD,8CA8BC","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 { IModelApp, ScreenViewport } from \"@itwin/core-frontend\";\nimport { ActiveContentChangedEventArgs } from \"../framework/FrameworkContent\";\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** React hook that maintains the active viewport.\n * @public\n */\n// istanbul ignore next\nexport function useActiveViewport(): ScreenViewport | undefined {\n  const [activeViewport, setActiveViewport] = useState(IModelApp.viewManager.selectedView);\n  useEffect(() => {\n    const onActiveContentChanged = (_args: ActiveContentChangedEventArgs) => {\n      setActiveViewport(IModelApp.viewManager.selectedView);\n    };\n\n    // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted\n    // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components\n    // are loaded and when the IModelApp.viewManager.selectedView changes.\n    UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);\n    return () => {\n      UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);\n    };\n  }, []);\n\n  useEffect(() => {\n    const syncIdsOfInterest = [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ContentControlActivated, SyncUiEventId.FrontstageReady];\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\n      // istanbul ignore else\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\n        const activeContentControl = UiFramework.content.getActiveContentControl();\n        setActiveViewport(activeContentControl && activeContentControl.viewport);\n      }\n    };\n\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n  }, []);\n\n  return activeViewport;\n}\n"]}

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

@@ -1,10 +1,10 @@
-/** @packageDocumentation
- * @module Hooks
- */
-import { AnalysisAnimationTimelineDataProvider } from "../timeline/AnalysisAnimationProvider";
-import { ScreenViewport } from "@itwin/core-frontend";
-/** Hook that returns either a AnalysisAnimationTimelineDataProvider or undefined based on if the supplied viewport contains analysis data.
- * @public
- **/
-export declare function useAnalysisAnimationDataProvider(viewport: ScreenViewport | undefined): AnalysisAnimationTimelineDataProvider | undefined;
+/** @packageDocumentation
+ * @module Hooks
+ */
+import { AnalysisAnimationTimelineDataProvider } from "../timeline/AnalysisAnimationProvider";
+import { ScreenViewport } from "@itwin/core-frontend";
+/** Hook that returns either a AnalysisAnimationTimelineDataProvider or undefined based on if the supplied viewport contains analysis data.
+ * @public
+ **/
+export declare function useAnalysisAnimationDataProvider(viewport: ScreenViewport | undefined): AnalysisAnimationTimelineDataProvider | undefined;
 //# sourceMappingURL=useAnalysisAnimationDataProvider.d.ts.map