@itwin/appui-react 4.17.6 → 5.0.0-dev.3

package/lib/appui-react/frontstage/ModalFrontstage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFrontstage.d.ts","sourceRoot":"","sources":["../../../src/appui-react/frontstage/ModalFrontstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,wBAAwB,CAAC;AAEhC;;GAEG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;IACzB,iDAAiD;IACjD,UAAU,EAAE,MAAM,GAAG,CAAC;IACtB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBAC5D,KAAK,EAAE,oBAAoB;IAIvC,OAAO,CAAC,SAAS,CAGf;IAEc,MAAM;CAgCvB"}

package/lib/appui-react/frontstage/ModalFrontstage.js

@@ -0,0 +1,39 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import { SvgProgressBackwardCircular } from "@itwin/itwinui-icons-react";
+import { Text } from "@itwin/itwinui-react";
+import classnames from "classnames";
+import * as React from "react";
+import { UiFramework } from "../UiFramework.js";
+import { BackButton } from "../layout/widget/tools/button/Back.js";
+import "./ModalFrontstage.scss";
+/** ModalFrontstage React component
+ * @public
+ */
+export class ModalFrontstage extends React.Component {
+    constructor(props) {
+        super(props);
+        this._onGoBack = () => {
+            if (this.props.navigateBack)
+                this.props.navigateBack();
+            this.props.closeModal();
+        };
+    }
+    render() {
+        const classNames = classnames("uifw-modal-frontstage", this.props.isOpen && "uifw-modal-open", this.props.className);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: classNames, style: this.props.style },
+                React.createElement("div", { className: "uifw-modal-app-bar" },
+                    React.createElement(BackButton, { className: "nz-toolbar-button-app", onClick: this._onGoBack, icon: React.createElement(SvgProgressBackwardCircular, null), title: UiFramework.translate("modalFrontstage.backButtonTitle") }),
+                    React.createElement(Text, { variant: "headline", className: "uifw-headline" }, this.props.title),
+                    this.props.appBarRight && (React.createElement("span", { className: "uifw-modal-app-bar-right" }, this.props.appBarRight))),
+                React.createElement("div", { className: "uifw-modal-stage-content" }, this.props.children)),
+            React.createElement("div", { className: "uifw-modal-frontstage-overlay" })));
+    }
+}
+//# sourceMappingURL=ModalFrontstage.js.map

package/lib/appui-react/frontstage/ModalFrontstage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFrontstage.js","sourceRoot":"","sources":["../../../src/appui-react/frontstage/ModalFrontstage.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,wBAAwB,CAAC;AAqBhC;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAA+B;IACxE,YAAY,KAA2B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,cAAS,GAAG,GAAG,EAAE;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;gBAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;YACvD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC;IALF,CAAC;IAOe,MAAM;QACpB,MAAM,UAAU,GAAG,UAAU,CAC3B,uBAAuB,EACvB,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,iBAAiB,EACtC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL;YACE,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;gBACjD,6BAAK,SAAS,EAAC,oBAAoB;oBACjC,oBAAC,UAAU,IACT,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,IAAI,EAAE,oBAAC,2BAA2B,OAAG,EACrC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC,CAAC,GAC/D;oBACF,oBAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,eAAe,IAC/C,IAAI,CAAC,KAAK,CAAC,KAAK,CACZ;oBACN,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CACzB,8BAAM,SAAS,EAAC,0BAA0B,IACvC,IAAI,CAAC,KAAK,CAAC,WAAW,CAClB,CACR,CACG;gBACN,6BAAK,SAAS,EAAC,0BAA0B,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CACjE;YACN,6BAAK,SAAS,EAAC,+BAA+B,GAAG,CAChD,CACJ,CAAC;IACJ,CAAC;CACF","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 type { CommonProps } from \"@itwin/core-react\";\nimport { SvgProgressBackwardCircular } from \"@itwin/itwinui-icons-react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { BackButton } from \"../layout/widget/tools/button/Back.js\";\nimport \"./ModalFrontstage.scss\";\n\n/** Properties for the [[ModalFrontstage]] React component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ModalFrontstageProps extends CommonProps {\n  /** Title displayed at the top of the modal Frontstage */\n  title: string;\n  /** Indicates whether the modal Frontstage is open */\n  isOpen?: boolean;\n  /** Callback for navigating back from the modal Frontstage. */\n  navigateBack?: () => any;\n  /** Callback for closing the modal Frontstage. */\n  closeModal: () => any;\n  /** An optional React node displayed in the upper right of the modal Frontstage. */\n  appBarRight?: React.ReactNode;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** ModalFrontstage React component\n * @public\n */\nexport class ModalFrontstage extends React.Component<ModalFrontstageProps> {\n  constructor(props: ModalFrontstageProps) {\n    super(props);\n  }\n\n  private _onGoBack = () => {\n    if (this.props.navigateBack) this.props.navigateBack();\n    this.props.closeModal();\n  };\n\n  public override render() {\n    const classNames = classnames(\n      \"uifw-modal-frontstage\",\n      this.props.isOpen && \"uifw-modal-open\",\n      this.props.className\n    );\n\n    return (\n      <>\n        <div className={classNames} style={this.props.style}>\n          <div className=\"uifw-modal-app-bar\">\n            <BackButton\n              className=\"nz-toolbar-button-app\"\n              onClick={this._onGoBack}\n              icon={<SvgProgressBackwardCircular />}\n              title={UiFramework.translate(\"modalFrontstage.backButtonTitle\")}\n            />\n            <Text variant=\"headline\" className=\"uifw-headline\">\n              {this.props.title}\n            </Text>\n            {this.props.appBarRight && (\n              <span className=\"uifw-modal-app-bar-right\">\n                {this.props.appBarRight}\n              </span>\n            )}\n          </div>\n          <div className=\"uifw-modal-stage-content\">{this.props.children}</div>\n        </div>\n        <div className=\"uifw-modal-frontstage-overlay\" />\n      </>\n    );\n  }\n}\n"]}

package/lib/appui-react/frontstage/ModalFrontstage.scss

@@ -0,0 +1,81 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/z-index" as *;
+
+.uifw-modal-frontstage {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  box-sizing: border-box;
+  transition: all 0.5s ease;
+  pointer-events: none;
+  visibility: hidden;
+  overflow: hidden;
+  background: transparent;
+  transition: background 0.25s ease, visibility 0s ease 0.275s;
+
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+
+  @include uicore-z-index(modal-frontstage);
+
+  .uifw-modal-app-bar {
+    transition: transform 0.125s;
+    padding: 10px;
+    background: var(--iui-color-background-backdrop);
+    height: 60px;
+    transform: translateY(-100%);
+    box-sizing: initial;
+
+    > .uifw-headline {
+      display: inline-block;
+      line-height: 60px;
+      vertical-align: top;
+      padding: 0 15px;
+    }
+
+    .uifw-modal-app-bar-right {
+      color: var(--iui-color-text);
+      line-height: 60px;
+      vertical-align: center;
+      float: right;
+      margin-right: 20px;
+    }
+
+    > :first-child {
+      display: inline-block;
+      border-radius: 0; // Turn off circular border from Back.scss in ui-ninezone
+    }
+  }
+
+  .uifw-modal-stage-content {
+    overflow: hidden;
+    height: 100%;
+  }
+
+  &.uifw-modal-open {
+    visibility: visible;
+    pointer-events: unset;
+    transition: background 0.25s ease;
+
+    .uifw-modal-app-bar {
+      transform: translateY(0%);
+      transition: transform 0.125s ease;
+    }
+  }
+}
+
+.uifw-modal-frontstage-overlay {
+  position: absolute;
+  left: 0px;
+  width: 100%;
+  top: 0px;
+  height: 100%;
+  opacity: 0.95;
+  background: var(--iui-color-background-backdrop);
+
+  @include uicore-z-index(modal-frontstage-overlay);
+}

package/lib/appui-react/frontstage/ModalSettingsStage.d.ts

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import "./ModalSettingsStage.scss";
+import * as React from "react";
+import type { ModalFrontstageInfo } from "../framework/FrameworkFrontstages.js";
+/** Modal frontstage displaying and editing settings from registered settings providers. See [SettingsManager]($core-react)
+ * and [SettingsContainer]($core-react).
+ * @beta
+ */
+export declare class SettingsModalFrontstage implements ModalFrontstageInfo {
+    initialSettingsTabId?: string | undefined;
+    static id: string;
+    title: string;
+    constructor(initialSettingsTabId?: string | undefined);
+    notifyCloseRequest: boolean;
+    get content(): React.ReactNode;
+    private static noSettingsAvailable;
+    static getBackstageActionItem(groupPriority: number, itemPriority: number): import("../backstage/BackstageItem.js").BackstageActionItem;
+    static showSettingsStage(initialSettingsTab?: string): void;
+}
+//# sourceMappingURL=ModalSettingsStage.d.ts.map

package/lib/appui-react/frontstage/ModalSettingsStage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSettingsStage.d.ts","sourceRoot":"","sources":["../../../src/appui-react/frontstage/ModalSettingsStage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAkEhF;;;GAGG;AACH,qBAAa,uBAAwB,YAAW,mBAAmB;IAG9C,oBAAoB,CAAC;IAFxC,OAAc,EAAE,SAAoC;IAC7C,KAAK,SAAwD;gBACjD,oBAAoB,CAAC,oBAAQ;IACzC,kBAAkB,UAAQ;IACjC,IAAW,OAAO,IAAI,KAAK,CAAC,SAAS,CAIpC;IACD,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAI9B;WAEU,sBAAsB,CAClC,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM;WAgBR,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,MAAM;CAiC5D"}

package/lib/appui-react/frontstage/ModalSettingsStage.js

@@ -0,0 +1,95 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import "./ModalSettingsStage.scss";
+import * as React from "react";
+import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+import { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType, } from "@itwin/core-frontend";
+import { Logger } from "@itwin/core-bentley";
+import { Centered, SettingsContainer } from "@itwin/core-react";
+import { SvgSettings } from "@itwin/itwinui-icons-react";
+import { UiFramework } from "../UiFramework.js";
+import { SyncUiEventId } from "../syncui/SyncUiEventDispatcher.js";
+import { StageUsage } from "./StageUsage.js";
+import { BackstageItemUtilities } from "../backstage/BackstageItemUtilities.js";
+import { useTranslation } from "../hooks/useTranslation.js";
+function ModalSettingsStage({ initialSettingsTabId, }) {
+    const { translate } = useTranslation();
+    const id = UiFramework.frontstages.activeFrontstageDef?.id ?? "none";
+    const stageUsage = UiFramework.frontstages.activeFrontstageDef?.usage ?? StageUsage.General;
+    const tabEntries = UiFramework.settingsManager.getSettingEntries(id, stageUsage);
+    const currentSettingsTab = React.useCallback(() => {
+        const categoryToFind = initialSettingsTabId
+            ? initialSettingsTabId.toLowerCase()
+            : tabEntries[0].tabId.toLowerCase();
+        let foundTab = tabEntries.find((entry) => entry.tabId.toLowerCase() === categoryToFind);
+        if (!foundTab)
+            foundTab = tabEntries.find((entry) => entry.label.toLowerCase() === categoryToFind);
+        return foundTab;
+    }, [initialSettingsTabId, tabEntries]);
+    React.useEffect(() => {
+        return UiFramework.frontstages.onCloseModalFrontstageRequestedEvent.addListener(({ modalFrontstage, stageCloseFunc }) => {
+            if (modalFrontstage instanceof SettingsModalFrontstage &&
+                stageCloseFunc) {
+                UiFramework.settingsManager.closeSettingsContainer(stageCloseFunc);
+            }
+        });
+    }, [tabEntries]);
+    return (React.createElement("div", { className: "uifw-settings-container" }, tabEntries.length ? (
+    // eslint-disable-next-line deprecation/deprecation
+    React.createElement(SettingsContainer, { tabs: tabEntries, currentSettingsTab: currentSettingsTab(), settingsManager: UiFramework.settingsManager })) : (
+    // eslint-disable-next-line deprecation/deprecation
+    React.createElement(Centered, null, translate("settings.noSettingsAvailable")))));
+}
+/** Modal frontstage displaying and editing settings from registered settings providers. See [SettingsManager]($core-react)
+ * and [SettingsContainer]($core-react).
+ * @beta
+ */
+export class SettingsModalFrontstage {
+    constructor(initialSettingsTabId) {
+        this.initialSettingsTabId = initialSettingsTabId;
+        this.title = UiFramework.translate("settings.settingsStageLabel");
+        this.notifyCloseRequest = true;
+    }
+    get content() {
+        return (React.createElement(ModalSettingsStage, { initialSettingsTabId: this.initialSettingsTabId }));
+    }
+    static getBackstageActionItem(groupPriority, itemPriority) {
+        return BackstageItemUtilities.createActionItem({
+            id: SettingsModalFrontstage.id,
+            groupPriority,
+            itemPriority,
+            execute: () => UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage()),
+            label: UiFramework.translate("settings.settingsStageLabel"),
+            icon: React.createElement(SvgSettings, null),
+            isHidden: SettingsModalFrontstage.noSettingsAvailable(),
+        });
+    }
+    static showSettingsStage(initialSettingsTab) {
+        if (UiFramework.settingsManager.providers.length) {
+            // Check to see if it is already open
+            if (UiFramework.frontstages.activeModalFrontstage &&
+                UiFramework.frontstages.activeModalFrontstage instanceof
+                    SettingsModalFrontstage) {
+                if (initialSettingsTab) {
+                    UiFramework.settingsManager.activateSettingsTab(initialSettingsTab);
+                    return;
+                }
+            }
+            UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage(initialSettingsTab));
+        }
+        else {
+            const detailedMessage = UiFramework.translate("settings.noSettingsProvidersRegistered");
+            const info = new NotifyMessageDetails(OutputMessagePriority.Info, UiFramework.translate("settings.noSettingsAvailable"), detailedMessage, OutputMessageType.Toast);
+            IModelApp.notifications.outputMessage(info);
+            Logger.logInfo(UiFramework.loggerCategory("SettingsModalFrontstage"), detailedMessage);
+        }
+    }
+}
+SettingsModalFrontstage.id = "appui-react.modalSettingsStage";
+SettingsModalFrontstage.noSettingsAvailable = () => new ConditionalBooleanValue(() => 0 === UiFramework.settingsManager.providers.length, [SyncUiEventId.SettingsProvidersChanged]);
+//# sourceMappingURL=ModalSettingsStage.js.map

package/lib/appui-react/frontstage/ModalSettingsStage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSettingsStage.js","sourceRoot":"","sources":["../../../src/appui-react/frontstage/ModalSettingsStage.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 \"./ModalSettingsStage.scss\";\nimport * as React from \"react\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport {\n  IModelApp,\n  NotifyMessageDetails,\n  OutputMessagePriority,\n  OutputMessageType,\n} from \"@itwin/core-frontend\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Centered, SettingsContainer } from \"@itwin/core-react\";\nimport { SvgSettings } from \"@itwin/itwinui-icons-react\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher.js\";\nimport { StageUsage } from \"./StageUsage.js\";\nimport { BackstageItemUtilities } from \"../backstage/BackstageItemUtilities.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\n\nfunction ModalSettingsStage({\n  initialSettingsTabId,\n}: {\n  initialSettingsTabId?: string;\n}) {\n  const { translate } = useTranslation();\n\n  const id = UiFramework.frontstages.activeFrontstageDef?.id ?? \"none\";\n  const stageUsage =\n    UiFramework.frontstages.activeFrontstageDef?.usage ?? StageUsage.General;\n  const tabEntries = UiFramework.settingsManager.getSettingEntries(\n    id,\n    stageUsage\n  );\n\n  const currentSettingsTab = React.useCallback(() => {\n    const categoryToFind = initialSettingsTabId\n      ? initialSettingsTabId.toLowerCase()\n      : tabEntries[0].tabId.toLowerCase();\n    let foundTab = tabEntries.find(\n      (entry) => entry.tabId.toLowerCase() === categoryToFind\n    );\n    if (!foundTab)\n      foundTab = tabEntries.find(\n        (entry) => entry.label.toLowerCase() === categoryToFind\n      );\n    return foundTab;\n  }, [initialSettingsTabId, tabEntries]);\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onCloseModalFrontstageRequestedEvent.addListener(\n      ({ modalFrontstage, stageCloseFunc }) => {\n        if (\n          modalFrontstage instanceof SettingsModalFrontstage &&\n          stageCloseFunc\n        ) {\n          UiFramework.settingsManager.closeSettingsContainer(stageCloseFunc);\n        }\n      }\n    );\n  }, [tabEntries]);\n\n  return (\n    <div className=\"uifw-settings-container\">\n      {tabEntries.length ? (\n        // eslint-disable-next-line deprecation/deprecation\n        <SettingsContainer\n          tabs={tabEntries}\n          currentSettingsTab={currentSettingsTab()}\n          settingsManager={UiFramework.settingsManager}\n        />\n      ) : (\n        // eslint-disable-next-line deprecation/deprecation\n        <Centered>{translate(\"settings.noSettingsAvailable\")}</Centered>\n      )}\n    </div>\n  );\n}\n\n/** Modal frontstage displaying and editing settings from registered settings providers. See [SettingsManager]($core-react)\n * and [SettingsContainer]($core-react).\n * @beta\n */\nexport class SettingsModalFrontstage implements ModalFrontstageInfo {\n  public static id = \"appui-react.modalSettingsStage\";\n  public title = UiFramework.translate(\"settings.settingsStageLabel\");\n  constructor(public initialSettingsTabId?: string) {}\n  public notifyCloseRequest = true;\n  public get content(): React.ReactNode {\n    return (\n      <ModalSettingsStage initialSettingsTabId={this.initialSettingsTabId} />\n    );\n  }\n  private static noSettingsAvailable = () =>\n    new ConditionalBooleanValue(\n      () => 0 === UiFramework.settingsManager.providers.length,\n      [SyncUiEventId.SettingsProvidersChanged]\n    );\n\n  public static getBackstageActionItem(\n    groupPriority: number,\n    itemPriority: number\n  ) {\n    return BackstageItemUtilities.createActionItem({\n      id: SettingsModalFrontstage.id,\n      groupPriority,\n      itemPriority,\n      execute: () =>\n        UiFramework.frontstages.openModalFrontstage(\n          new SettingsModalFrontstage()\n        ),\n      label: UiFramework.translate(\"settings.settingsStageLabel\"),\n      icon: <SvgSettings />,\n      isHidden: SettingsModalFrontstage.noSettingsAvailable(),\n    });\n  }\n\n  public static showSettingsStage(initialSettingsTab?: string) {\n    if (UiFramework.settingsManager.providers.length) {\n      // Check to see if it is already open\n      if (\n        UiFramework.frontstages.activeModalFrontstage &&\n        UiFramework.frontstages.activeModalFrontstage instanceof\n          SettingsModalFrontstage\n      ) {\n        if (initialSettingsTab) {\n          UiFramework.settingsManager.activateSettingsTab(initialSettingsTab);\n          return;\n        }\n      }\n      UiFramework.frontstages.openModalFrontstage(\n        new SettingsModalFrontstage(initialSettingsTab)\n      );\n    } else {\n      const detailedMessage = UiFramework.translate(\n        \"settings.noSettingsProvidersRegistered\"\n      );\n      const info = new NotifyMessageDetails(\n        OutputMessagePriority.Info,\n        UiFramework.translate(\"settings.noSettingsAvailable\"),\n        detailedMessage,\n        OutputMessageType.Toast\n      );\n      IModelApp.notifications.outputMessage(info);\n      Logger.logInfo(\n        UiFramework.loggerCategory(\"SettingsModalFrontstage\"),\n        detailedMessage\n      );\n    }\n  }\n}\n"]}

package/lib/appui-react/frontstage/ModalSettingsStage.scss

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.uifw-settings-container {
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  background-color: var(--iui-color-background);
+}

package/lib/appui-react/frontstage/NestedFrontstage.d.ts

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import { CommandItemDef } from "../shared/CommandItemDef.js";
+/** Nested Frontstage related classes and commands
+ * @public
+ * @deprecated in 4.15.0. Use {@link NestedFrontstageAppButton} component instead.
+ */
+export declare class NestedFrontstage {
+    /** Command that returns to the previous Frontstage */
+    static get backToPreviousFrontstageCommand(): CommandItemDef;
+}
+//# sourceMappingURL=NestedFrontstage.d.ts.map

package/lib/appui-react/frontstage/NestedFrontstage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedFrontstage.d.ts","sourceRoot":"","sources":["../../../src/appui-react/frontstage/NestedFrontstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAI7D;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,sDAAsD;IACtD,WAAkB,+BAA+B,mBAUhD;CACF"}

package/lib/appui-react/frontstage/NestedFrontstage.js

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import * as React from "react";
+import { SvgProgressBackwardCircular } from "@itwin/itwinui-icons-react";
+import { CommandItemDef } from "../shared/CommandItemDef.js";
+import { UiFramework } from "../UiFramework.js";
+/** Nested Frontstage related classes and commands
+ * @public
+ * @deprecated in 4.15.0. Use {@link NestedFrontstageAppButton} component instead.
+ */
+export class NestedFrontstage {
+    /** Command that returns to the previous Frontstage */
+    static get backToPreviousFrontstageCommand() {
+        // eslint-disable-next-line deprecation/deprecation
+        return new CommandItemDef({
+            commandId: "backToPreviousFrontstage",
+            iconSpec: React.createElement(SvgProgressBackwardCircular, null),
+            labelKey: "UiFramework:commands.backToPreviousFrontstage",
+            execute: async () => {
+                await UiFramework.frontstages.closeNestedFrontstage();
+            },
+        });
+    }
+}
+//# sourceMappingURL=NestedFrontstage.js.map

package/lib/appui-react/frontstage/NestedFrontstage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedFrontstage.js","sourceRoot":"","sources":["../../../src/appui-react/frontstage/NestedFrontstage.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAC3B,sDAAsD;IAC/C,MAAM,KAAK,+BAA+B;QAC/C,mDAAmD;QACnD,OAAO,IAAI,cAAc,CAAC;YACxB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,oBAAC,2BAA2B,OAAG;YACzC,QAAQ,EAAE,+CAA+C;YACzD,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,MAAM,WAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;YACxD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","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 { SvgProgressBackwardCircular } from \"@itwin/itwinui-icons-react\";\nimport { CommandItemDef } from \"../shared/CommandItemDef.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { NestedFrontstageAppButton } from \"./NestedFrontstageAppButton.js\";\n\n/** Nested Frontstage related classes and commands\n * @public\n * @deprecated in 4.15.0. Use {@link NestedFrontstageAppButton} component instead.\n */\nexport class NestedFrontstage {\n  /** Command that returns to the previous Frontstage */\n  public static get backToPreviousFrontstageCommand() {\n    // eslint-disable-next-line deprecation/deprecation\n    return new CommandItemDef({\n      commandId: \"backToPreviousFrontstage\",\n      iconSpec: <SvgProgressBackwardCircular />,\n      labelKey: \"UiFramework:commands.backToPreviousFrontstage\",\n      execute: async () => {\n        await UiFramework.frontstages.closeNestedFrontstage();\n      },\n    });\n  }\n}\n"]}

package/lib/appui-react/frontstage/NestedFrontstageAppButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedFrontstageAppButton.d.ts","sourceRoot":"","sources":["../../../src/appui-react/frontstage/NestedFrontstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,iEAAiE;AACjE,UAAU,8BAA8B;IACtC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,KAAK,EACL,OAAO,GACR,EAAE,8BAA8B,qBAmBhC"}

package/lib/appui-react/frontstage/NestedFrontstageAppButton.js

@@ -0,0 +1,28 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import * as React from "react";
+import { SvgProgressBackwardCircular } from "@itwin/itwinui-icons-react";
+import { useTranslation } from "../hooks/useTranslation.js";
+import { UiFramework } from "../UiFramework.js";
+import { BackstageAppButton } from "../widgets/BackstageAppButton.js";
+/** App button used in a nested frontstage. By default closes the top-most nested frontstage.
+ * @public
+ */
+export function NestedFrontstageAppButton({ icon, label, onClick, }) {
+    const { translate } = useTranslation();
+    label = label ?? translate("commands.backToPreviousFrontstage");
+    icon = icon ?? React.createElement(SvgProgressBackwardCircular, null);
+    return (React.createElement(BackstageAppButton, { label: label, iconNode: icon, execute: () => {
+            if (onClick) {
+                onClick();
+                return;
+            }
+            void UiFramework.frontstages.closeNestedFrontstage();
+        } }));
+}
+//# sourceMappingURL=NestedFrontstageAppButton.js.map

package/lib/appui-react/frontstage/NestedFrontstageAppButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedFrontstageAppButton.js","sourceRoot":"","sources":["../../../src/appui-react/frontstage/NestedFrontstageAppButton.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAYtE;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACxC,IAAI,EACJ,KAAK,EACL,OAAO,GACwB;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAChE,IAAI,GAAG,IAAI,IAAI,oBAAC,2BAA2B,OAAG,CAAC;IAE/C,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,EAAE,CAAC;gBACV,OAAO;YACT,CAAC;YAED,KAAK,WAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;QACvD,CAAC,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Frontstage\n */\n\nimport * as React from \"react\";\nimport { SvgProgressBackwardCircular } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { BackstageAppButton } from \"../widgets/BackstageAppButton.js\";\n\n/** Properties of {@link NestedFrontstageAppButton} component. */\ninterface NestedFrontstageAppButtonProps {\n  /** If specified overrides the default icon. */\n  icon?: React.ReactNode;\n  /** If specified overrides the default label. */\n  label?: string;\n  /** If specified overrides the default action that closes the nested frontstage. */\n  onClick?: () => void;\n}\n\n/** App button used in a nested frontstage. By default closes the top-most nested frontstage.\n * @public\n */\nexport function NestedFrontstageAppButton({\n  icon,\n  label,\n  onClick,\n}: NestedFrontstageAppButtonProps) {\n  const { translate } = useTranslation();\n  label = label ?? translate(\"commands.backToPreviousFrontstage\");\n  icon = icon ?? <SvgProgressBackwardCircular />;\n\n  return (\n    <BackstageAppButton\n      label={label}\n      iconNode={icon}\n      execute={() => {\n        if (onClick) {\n          onClick();\n          return;\n        }\n\n        void UiFramework.frontstages.closeNestedFrontstage();\n      }}\n    />\n  );\n}\n"]}

package/lib/appui-react/frontstage/StageUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageUsage.d.ts","sourceRoot":"","sources":["../../../src/appui-react/frontstage/StageUsage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}

package/lib/appui-react/frontstage/StageUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageUsage.js","sourceRoot":"","sources":["../../../src/appui-react/frontstage/StageUsage.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;GAGG;AACH,MAAM,CAAN,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,mCAAqB,CAAA;AACvB,CAAC,EAPW,UAAU,KAAV,UAAU,QAOrB","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 Item\n */\n\n/** Standard stage uses. Allows extension to target ui item to include on a stage without\n * knowing the stage name defined in the host application.\n * @public\n */\nexport enum StageUsage {\n  Private = \"Private\",\n  General = \"General\",\n  Redline = \"Redline\",\n  ViewOnly = \"ViewOnly\",\n  Edit = \"Edit\",\n  Settings = \"Settings\",\n}\n"]}

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

@@ -0,0 +1,64 @@
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import type * as React from "react";
+import type { ContentGroupProps, ContentGroupProvider } from "../content/ContentGroup.js";
+import { FrontstageProvider } from "./FrontstageProvider.js";
+import type { StagePanelConfig } from "../stagepanels/StagePanelConfig.js";
+import type { StageUsage } from "./StageUsage.js";
+import type { Frontstage } from "./Frontstage.js";
+/** Widget panel properties used in a {@link StandardFrontstageProps}.
+ * @public
+ */
+export type WidgetPanelProps = Omit<StagePanelConfig, "widgets" | "runtimeProps" | "header" | "allowedZones" | "panelZones">;
+/** Props of a {@link StandardFrontstageProvider}.
+ * @public
+ */
+export interface StandardFrontstageProps {
+    /** Id of the frontstage. See {@link Frontstage["id"]}. */
+    id: string;
+    /** Version of the frontstage. See {@link Frontstage["version"]}. */
+    version?: number;
+    /** Usage of the frontstage. See {@link Frontstage["usage"]}. */
+    usage: StageUsage | string;
+    /** Default tool of the frontstage. See {@link Frontstage["defaultTool"]}. */
+    defaultTool?: string;
+    /** Definition of available content groups or a function that provides them */
+    contentGroupProps: ContentGroupProps | ContentGroupProvider;
+    /** Specify a corner button. It is typically used to open the backstage, see {@link BackstageAppButton}. */
+    cornerButton?: React.ReactNode;
+    /** Set to `true` if default navigation aid is not desired. */
+    hideNavigationAid?: boolean;
+    /** Set to `true` if no tool setting dock is needed. Typically only used in modal stages. */
+    hideToolSettings?: boolean;
+    /** Set to `true` if no status bar is needed in stage */
+    hideStatusBar?: boolean;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  { sizeSpec: 300, pinned: false, defaultState:StagePanelState.Minimized }
+     */
+    leftPanelProps?: WidgetPanelProps;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  { sizeSpec: 90, pinned: false, defaultState:StagePanelState.Minimized }
+     */
+    topPanelProps?: WidgetPanelProps;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  { sizeSpec: 200, pinned: true, defaultState:StagePanelState.Open }
+     */
+    rightPanelProps?: WidgetPanelProps;
+    /** Props used to set initial size and state of panel. Defaults to:
+     *  { sizeSpec: 180, pinned: true, defaultState:StagePanelState.Open }
+     */
+    bottomPanelProps?: WidgetPanelProps;
+}
+/** FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
+ * be provided by one or more item providers, see [[UiItemsProvider]].
+ * @public
+ * @deprecated in 4.15.0. Use {@link FrontstageUtilities.createStandardFrontstage} instead.
+ */
+export declare class StandardFrontstageProvider extends FrontstageProvider {
+    private props;
+    constructor(props: StandardFrontstageProps);
+    get id(): string;
+    frontstageConfig(): Frontstage;
+}
+//# sourceMappingURL=StandardFrontstageProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StandardFrontstageProvider.d.ts","sourceRoot":"","sources":["../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,gBAAgB,EAChB,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,CACtE,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAC;IACX,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,iBAAiB,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAC5D,2GAA2G;IAC3G,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED;;;;GAIG;AAEH,qBAAa,0BAA2B,SAAQ,kBAAkB;IACpD,OAAO,CAAC,KAAK;gBAAL,KAAK,EAAE,uBAAuB;IAIlD,IAAoB,EAAE,IAAI,MAAM,CAE/B;IAEe,gBAAgB,IAAI,UAAU;CAI/C"}

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

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import { FrontstageProvider } from "./FrontstageProvider.js";
+import { FrontstageUtilities } from "./FrontstageUtilities.js";
+/** FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
+ * be provided by one or more item providers, see [[UiItemsProvider]].
+ * @public
+ * @deprecated in 4.15.0. Use {@link FrontstageUtilities.createStandardFrontstage} instead.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export class StandardFrontstageProvider extends FrontstageProvider {
+    constructor(props) {
+        super();
+        this.props = props;
+    }
+    get id() {
+        return this.props.id;
+    }
+    frontstageConfig() {
+        const config = FrontstageUtilities.createStandardFrontstage(this.props);
+        return config;
+    }
+}
+//# sourceMappingURL=StandardFrontstageProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAOH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAmD/D;;;;GAIG;AACH,mDAAmD;AACnD,MAAM,OAAO,0BAA2B,SAAQ,kBAAkB;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,MAAM,GAAG,mBAAmB,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxE,OAAO,MAAM,CAAC;IAChB,CAAC;CACF","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 type * as React from \"react\";\nimport type {\n  ContentGroupProps,\n  ContentGroupProvider,\n} from \"../content/ContentGroup.js\";\nimport { FrontstageProvider } from \"./FrontstageProvider.js\";\nimport type { StagePanelConfig } from \"../stagepanels/StagePanelConfig.js\";\nimport type { StageUsage } from \"./StageUsage.js\";\nimport type { Frontstage } from \"./Frontstage.js\";\nimport { FrontstageUtilities } from \"./FrontstageUtilities.js\";\nimport type { BackstageAppButton } from \"../widgets/BackstageAppButton.js\";\n\n/** Widget panel properties used in a {@link StandardFrontstageProps}.\n * @public\n */\nexport type WidgetPanelProps = Omit<\n  StagePanelConfig,\n  \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\"\n>;\n\n/** Props of a {@link StandardFrontstageProvider}.\n * @public\n */\nexport interface StandardFrontstageProps {\n  /** Id of the frontstage. See {@link Frontstage[\"id\"]}. */\n  id: string;\n  /** Version of the frontstage. See {@link Frontstage[\"version\"]}. */\n  version?: number;\n  /** Usage of the frontstage. See {@link Frontstage[\"usage\"]}. */\n  usage: StageUsage | string;\n  /** Default tool of the frontstage. See {@link Frontstage[\"defaultTool\"]}. */\n  defaultTool?: string;\n  /** Definition of available content groups or a function that provides them */\n  contentGroupProps: ContentGroupProps | ContentGroupProvider;\n  /** Specify a corner button. It is typically used to open the backstage, see {@link BackstageAppButton}. */\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   *  { sizeSpec: 300, pinned: false, defaultState:StagePanelState.Minimized }\n   */\n  leftPanelProps?: WidgetPanelProps;\n  /** Props used to set initial size and state of panel. Defaults to:\n   *  { sizeSpec: 90, pinned: false, defaultState:StagePanelState.Minimized }\n   */\n  topPanelProps?: WidgetPanelProps;\n  /** Props used to set initial size and state of panel. Defaults to:\n   *  { sizeSpec: 200, pinned: true, defaultState:StagePanelState.Open }\n   */\n  rightPanelProps?: WidgetPanelProps;\n  /** Props used to set initial size and state of panel. Defaults to:\n   *  { sizeSpec: 180, pinned: true, defaultState:StagePanelState.Open }\n   */\n  bottomPanelProps?: WidgetPanelProps;\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]].\n * @public\n * @deprecated in 4.15.0. Use {@link FrontstageUtilities.createStandardFrontstage} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\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(): Frontstage {\n    const config = FrontstageUtilities.createStandardFrontstage(this.props);\n    return config;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveIModelConnection.d.ts","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveIModelConnection.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,gBAAgB,GAAG,SAAS,CAmBxE"}

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

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import { useEffect, useState } from "react";
+import { SessionStateActionId } from "../redux/SessionState.js";
+import { SyncUiEventDispatcher } from "../syncui/SyncUiEventDispatcher.js";
+import { UiFramework } from "../UiFramework.js";
+/** 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 function useActiveIModelConnection() {
+    const [activeConnection, setActiveConnection] = useState(UiFramework.getIModelConnection());
+    useEffect(() => {
+        return SyncUiEventDispatcher.onSyncUiEvent.addListener((args) => {
+            // eslint-disable-next-line deprecation/deprecation
+            const eventIds = [SessionStateActionId.SetIModelConnection];
+            if (eventIds.some((value) => args.eventIds.has(value.toLowerCase()))) {
+                setActiveConnection(UiFramework.getIModelConnection());
+            }
+        });
+    }, [activeConnection]);
+    return activeConnection;
+}
+//# sourceMappingURL=useActiveIModelConnection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveIModelConnection.js","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveIModelConnection.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,WAAW,CAAC,mBAAmB,EAAE,CAClC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,qBAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YAC9D,mDAAmD;YACnD,MAAM,QAAQ,GAAG,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;YAC5D,IACE,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CACvC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CACvC,EACD,CAAC;gBACD,mBAAmB,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,gBAAgB,CAAC;AAC1B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Hooks\n */\n\nimport { useEffect, useState } from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { SessionStateActionId } from \"../redux/SessionState.js\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher.js\";\nimport { UiFramework } from \"../UiFramework.js\";\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(\n    UiFramework.getIModelConnection()\n  );\n  useEffect(() => {\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener((args) => {\n      // eslint-disable-next-line deprecation/deprecation\n      const eventIds = [SessionStateActionId.SetIModelConnection];\n      if (\n        eventIds.some((value: string): boolean =>\n          args.eventIds.has(value.toLowerCase())\n        )\n      ) {\n        setActiveConnection(UiFramework.getIModelConnection());\n      }\n    });\n  }, [activeConnection]);\n\n  return activeConnection;\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveStageId.d.ts","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveStageId.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAYzC"}

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

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import { useEffect, useState } from "react";
+import { UiFramework } from "../UiFramework.js";
+/** React hook that maintains the active stage Id.
+ * @public
+ */
+export function useActiveStageId() {
+    const [activeStageId, setActiveStageId] = useState(UiFramework.frontstages.activeFrontstageId);
+    useEffect(() => {
+        return UiFramework.frontstages.onFrontstageActivatedEvent.addListener((args) => {
+            setActiveStageId(args.activatedFrontstageDef.id);
+        });
+    }, []);
+    return activeStageId;
+}
+//# sourceMappingURL=useActiveStageId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveStageId.js","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveStageId.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,WAAW,CAAC,WAAW,CAAC,kBAAkB,CAC3C,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,WAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,WAAW,CACnE,CAAC,IAAI,EAAE,EAAE;YACP,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Hooks\n */\n\nimport { useEffect, useState } from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\n\n/** React hook that maintains the active stage Id.\n * @public\n */\nexport function useActiveStageId(): string {\n  const [activeStageId, setActiveStageId] = useState(\n    UiFramework.frontstages.activeFrontstageId\n  );\n  useEffect(() => {\n    return UiFramework.frontstages.onFrontstageActivatedEvent.addListener(\n      (args) => {\n        setActiveStageId(args.activatedFrontstageDef.id);\n      }\n    );\n  }, []);\n  return activeStageId;\n}\n"]}

package/lib/appui-react/hooks/useActiveToolId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveToolId.d.ts","sourceRoot":"","sources":["../../../src/appui-react/hooks/useActiveToolId.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,gBAAgB;AAChB,wBAAgB,eAAe,WAU9B"}

package/lib/appui-react/hooks/useActiveToolId.js

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import * as React from "react";
+import { UiFramework } from "../UiFramework.js";
+/** @internal */
+export function useActiveToolId() {
+    const [toolId, setToolId] = React.useState(UiFramework.frontstages.activeToolId);
+    React.useEffect(() => {
+        return UiFramework.frontstages.onToolActivatedEvent.addListener((args) => {
+            setToolId(args.toolId);
+        });
+    }, []);
+    return toolId;
+}
+//# sourceMappingURL=useActiveToolId.js.map