@itwin/appui-react 3.7.17 → 3.8.0

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

@@ -1,62 +1,62 @@
-"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 StagePanel_1 = require("../stagepanels/StagePanel");
-const ContentGroup_1 = require("../content/ContentGroup");
-const FrontstageProvider_1 = require("./FrontstageProvider");
-const Frontstage_1 = require("./Frontstage");
-const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
-const Zone_1 = require("../zones/Zone");
-const ContentToolWidgetComposer_1 = require("../widgets/ContentToolWidgetComposer");
-const Widget_1 = require("../widgets/Widget");
-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;
-    }
-    get frontstage() {
-        var _a, _b;
-        const contentGroup = (this.props.contentGroupProps instanceof ContentGroup_1.ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup_1.ContentGroup(this.props.contentGroupProps);
-        return (React.createElement(Frontstage_1.Frontstage // eslint-disable-line deprecation/deprecation
-        , { key: this.props.id, id: this.props.id, version: (_a = this.props.version) !== null && _a !== void 0 ? _a : 1.0, defaultTool: (_b = this.props.defaultTool) !== null && _b !== void 0 ? _b : CoreToolDefinitions_1.CoreTools.selectElementCommand, contentGroup: contentGroup, isInFooterMode: true, usage: this.props.usage, applicationData: this.props.applicationData, contentManipulationTools: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
-            , { widgets: [
-                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-contentManipulationTools`, key: `${this.props.id}-contentManipulationTools`, isFreeform: true, element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }) }),
-                ] }), viewNavigationTools: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
-            , { widgets: [
-                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-viewNavigationTools`, key: `${this.props.id}-viewNavigationTools`, isFreeform: true, element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }) }),
-                ] }), toolSettings: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
-            , { widgets: this.props.hideToolSettings ? [] :
-                    [
-                        React.createElement(Widget_1.Widget, { id: `${this.props.id}-toolSettings`, key: `${this.props.id}-toolSettings`, isToolSettings: true }),
-                    ] }), statusBar: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
-            , { widgets: this.props.hideStatusBar ? [] :
-                    [
-                        React.createElement(Widget_1.Widget, { id: `${this.props.id}-statusBar`, key: `${this.props.id}-statusBar`, isStatusBar: true, control: StatusBarWidgetComposerControl_1.StatusBarWidgetComposerControl }),
-                    ] }), leftPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
-            , { size: 300, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.leftPanelProps }), topPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
-            , { size: 90, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.topPanelProps }), rightPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
-            , { defaultState: StagePanelDef_1.StagePanelState.Open, ...this.props.rightPanelProps }), bottomPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
-            , { 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 StagePanel_1 = require("../stagepanels/StagePanel");
+const ContentGroup_1 = require("../content/ContentGroup");
+const FrontstageProvider_1 = require("./FrontstageProvider");
+const Frontstage_1 = require("./Frontstage");
+const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
+const Zone_1 = require("../zones/Zone");
+const ContentToolWidgetComposer_1 = require("../widgets/ContentToolWidgetComposer");
+const Widget_1 = require("../widgets/Widget");
+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;
+    }
+    get frontstage() {
+        var _a, _b;
+        const contentGroup = (this.props.contentGroupProps instanceof ContentGroup_1.ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup_1.ContentGroup(this.props.contentGroupProps);
+        return (React.createElement(Frontstage_1.Frontstage // eslint-disable-line deprecation/deprecation
+        , { key: this.props.id, id: this.props.id, version: (_a = this.props.version) !== null && _a !== void 0 ? _a : 1.0, defaultTool: (_b = this.props.defaultTool) !== null && _b !== void 0 ? _b : CoreToolDefinitions_1.CoreTools.selectElementCommand, contentGroup: contentGroup, isInFooterMode: true, usage: this.props.usage, applicationData: this.props.applicationData, contentManipulationTools: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: [
+                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-contentManipulationTools`, key: `${this.props.id}-contentManipulationTools`, isFreeform: true, element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }) }),
+                ] }), viewNavigationTools: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: [
+                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-viewNavigationTools`, key: `${this.props.id}-viewNavigationTools`, isFreeform: true, element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }) }),
+                ] }), toolSettings: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: this.props.hideToolSettings ? [] :
+                    [
+                        React.createElement(Widget_1.Widget, { id: `${this.props.id}-toolSettings`, key: `${this.props.id}-toolSettings`, isToolSettings: true }),
+                    ] }), statusBar: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: this.props.hideStatusBar ? [] :
+                    [
+                        React.createElement(Widget_1.Widget, { id: `${this.props.id}-statusBar`, key: `${this.props.id}-statusBar`, isStatusBar: true, control: StatusBarWidgetComposerControl_1.StatusBarWidgetComposerControl }),
+                    ] }), leftPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { size: 300, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.leftPanelProps }), topPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { size: 90, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.topPanelProps }), rightPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { defaultState: StagePanelDef_1.StagePanelState.Open, ...this.props.rightPanelProps }), bottomPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { 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":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StageUsage } from \"@itwin/appui-abstract\";\r\nimport { StagePanel, StagePanelProps } from \"../stagepanels/StagePanel\";\r\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { FrontstageProvider } from \"./FrontstageProvider\";\r\nimport { Frontstage, FrontstageProps } from \"./Frontstage\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { Zone } from \"../zones/Zone\";\r\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\r\nimport { Widget } from \"../widgets/Widget\";\r\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\r\nimport { StatusBarWidgetComposerControl } from \"../widgets/StatusBarWidgetComposerControl\";\r\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\r\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\r\n\r\n/** Properties of a [[WidgetPanelProps]] component\r\n * @public\r\n */\r\nexport type WidgetPanelProps = Omit<StagePanelProps, \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\">; // eslint-disable-line deprecation/deprecation\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={() => 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  /** Application data is not require but exists for stages to pass feature settings to UiItemsProviders.\r\n   * It is expected that the UiItemsProvider supply an xxxAppData interface to define the properties it\r\n   * supports. See [[DefaultContentToolsAppData]] for an example.\r\n   */\r\n  applicationData?: any;\r\n  /** The defaultTool is is started when then frontstage loads and whenever any other tools exit.\r\n   * Most of the time, this is the Element Selection Tool (CoreTools.selectElementCommand).\r\n   * Your app can specify its own tool or another core tool as default with this property.\r\n   */\r\n  defaultTool?: ToolItemDef;\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 get id(): string {\r\n    return this.props.id;\r\n  }\r\n\r\n  public get frontstage(): React.ReactElement<FrontstageProps> { // eslint-disable-line deprecation/deprecation\r\n    const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\r\n    return (\r\n      <Frontstage // eslint-disable-line deprecation/deprecation\r\n        key={this.props.id}\r\n        id={this.props.id}\r\n        version={this.props.version ?? 1.0}\r\n        defaultTool={this.props.defaultTool ?? CoreTools.selectElementCommand}\r\n        contentGroup={contentGroup}\r\n        isInFooterMode={true}\r\n        usage={this.props.usage}\r\n        applicationData={this.props.applicationData}\r\n\r\n        contentManipulationTools={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              [\r\n                <Widget id={`${this.props.id}-contentManipulationTools`} key={`${this.props.id}-contentManipulationTools`} isFreeform={true} // eslint-disable-line deprecation/deprecation\r\n                  element={<ContentToolWidgetComposer cornerButton={this.props.cornerButton} />}\r\n                />,\r\n              ]}\r\n          />\r\n        }\r\n        viewNavigationTools={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              [\r\n                <Widget id={`${this.props.id}-viewNavigationTools`} key={`${this.props.id}-viewNavigationTools`} isFreeform={true} // eslint-disable-line deprecation/deprecation\r\n                  element={<ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />}\r\n                />,\r\n              ]}\r\n          />\r\n        }\r\n        toolSettings={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              this.props.hideToolSettings ? [] :\r\n                [\r\n                  <Widget id={`${this.props.id}-toolSettings`} key={`${this.props.id}-toolSettings`} isToolSettings={true} />, // eslint-disable-line deprecation/deprecation\r\n                ]\r\n            }\r\n          />\r\n        }\r\n        statusBar={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              this.props.hideStatusBar ? [] :\r\n                [\r\n                  <Widget id={`${this.props.id}-statusBar`} key={`${this.props.id}-statusBar`} isStatusBar={true} // eslint-disable-line deprecation/deprecation\r\n                    control={StatusBarWidgetComposerControl} />,\r\n                ]\r\n            }\r\n          />\r\n        }\r\n\r\n        leftPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            size={300}\r\n            pinned={false}\r\n            defaultState={StagePanelState.Minimized}\r\n            {...this.props.leftPanelProps}\r\n          />\r\n        }\r\n\r\n        topPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            size={90}\r\n            pinned={false}\r\n            defaultState={StagePanelState.Minimized}\r\n            {...this.props.topPanelProps}\r\n          />\r\n        }\r\n\r\n        rightPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            defaultState={StagePanelState.Open}\r\n            {...this.props.rightPanelProps}\r\n\r\n          />\r\n        }\r\n\r\n        bottomPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            size={180}\r\n            defaultState={StagePanelState.Open}\r\n            {...this.props.bottomPanelProps}\r\n          />\r\n        }\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":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Frontstage\n */\n\nimport * as React from \"react\";\nimport { StageUsage } from \"@itwin/appui-abstract\";\nimport { StagePanel, StagePanelProps } from \"../stagepanels/StagePanel\";\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\nimport { FrontstageProvider } from \"./FrontstageProvider\";\nimport { Frontstage, FrontstageProps } from \"./Frontstage\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { Zone } from \"../zones/Zone\";\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\nimport { Widget } from \"../widgets/Widget\";\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\nimport { StatusBarWidgetComposerControl } from \"../widgets/StatusBarWidgetComposerControl\";\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\n\n/** Properties of a [[WidgetPanelProps]] component\n * @public\n */\nexport type WidgetPanelProps = Omit<StagePanelProps, \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\">; // eslint-disable-line deprecation/deprecation\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; // eslint-disable-line deprecation/deprecation\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  /** Application data is not require but exists for stages to pass feature settings to UiItemsProviders.\n   * It is expected that the UiItemsProvider supply an xxxAppData interface to define the properties it\n   * supports. See [[DefaultContentToolsAppData]] for an example.\n   */\n  applicationData?: any;\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 (CoreTools.selectElementCommand).\n   * Your app can specify its own tool or another core tool as default with this property.\n   */\n  defaultTool?: ToolItemDef;\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 get id(): string {\n    return this.props.id;\n  }\n\n  public get frontstage(): React.ReactElement<FrontstageProps> { // eslint-disable-line deprecation/deprecation\n    const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\n    return (\n      <Frontstage // eslint-disable-line deprecation/deprecation\n        key={this.props.id}\n        id={this.props.id}\n        version={this.props.version ?? 1.0}\n        defaultTool={this.props.defaultTool ?? CoreTools.selectElementCommand}\n        contentGroup={contentGroup}\n        isInFooterMode={true}\n        usage={this.props.usage}\n        applicationData={this.props.applicationData}\n\n        contentManipulationTools={\n          <Zone // eslint-disable-line deprecation/deprecation\n            widgets={\n              [\n                <Widget id={`${this.props.id}-contentManipulationTools`} key={`${this.props.id}-contentManipulationTools`} isFreeform={true} // eslint-disable-line deprecation/deprecation\n                  element={<ContentToolWidgetComposer cornerButton={this.props.cornerButton} />}\n                />,\n              ]}\n          />\n        }\n        viewNavigationTools={\n          <Zone // eslint-disable-line deprecation/deprecation\n            widgets={\n              [\n                <Widget id={`${this.props.id}-viewNavigationTools`} key={`${this.props.id}-viewNavigationTools`} isFreeform={true} // eslint-disable-line deprecation/deprecation\n                  element={<ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />}\n                />,\n              ]}\n          />\n        }\n        toolSettings={\n          <Zone // eslint-disable-line deprecation/deprecation\n            widgets={\n              this.props.hideToolSettings ? [] :\n                [\n                  <Widget id={`${this.props.id}-toolSettings`} key={`${this.props.id}-toolSettings`} isToolSettings={true} />, // eslint-disable-line deprecation/deprecation\n                ]\n            }\n          />\n        }\n        statusBar={\n          <Zone // eslint-disable-line deprecation/deprecation\n            widgets={\n              this.props.hideStatusBar ? [] :\n                [\n                  <Widget id={`${this.props.id}-statusBar`} key={`${this.props.id}-statusBar`} isStatusBar={true} // eslint-disable-line deprecation/deprecation\n                    control={StatusBarWidgetComposerControl} />,\n                ]\n            }\n          />\n        }\n\n        leftPanel={\n          <StagePanel // eslint-disable-line deprecation/deprecation\n            size={300}\n            pinned={false}\n            defaultState={StagePanelState.Minimized}\n            {...this.props.leftPanelProps}\n          />\n        }\n\n        topPanel={\n          <StagePanel // eslint-disable-line deprecation/deprecation\n            size={90}\n            pinned={false}\n            defaultState={StagePanelState.Minimized}\n            {...this.props.topPanelProps}\n          />\n        }\n\n        rightPanel={\n          <StagePanel // eslint-disable-line deprecation/deprecation\n            defaultState={StagePanelState.Open}\n            {...this.props.rightPanelProps}\n\n          />\n        }\n\n        bottomPanel={\n          <StagePanel // eslint-disable-line deprecation/deprecation\n            size={180}\n            defaultState={StagePanelState.Open}\n            {...this.props.bottomPanelProps}\n          />\n        }\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