@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/backstage/CommandLaunch.d.ts

@@ -0,0 +1,30 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import * as React from "react";
+import { CommandHandler } from "@itwin/appui-abstract";
+import { BackstageItemProps, BackstageItemState } from "./BackstageItemProps";
+/** Properties for a [[CommandLaunchBackstageItem]] component
+ * @public
+ */
+export interface CommandLaunchBackstageItemProps extends BackstageItemProps, CommandHandler {
+    /** Unique Id for this backstage item. */
+    commandId: string;
+}
+/** Backstage item that launches a Command
+ * @public
+ */
+export declare class CommandLaunchBackstageItem extends React.PureComponent<CommandLaunchBackstageItemProps, BackstageItemState> {
+    /** @internal */
+    readonly state: Readonly<BackstageItemState>;
+    private _componentUnmounting;
+    private _stateSyncIds;
+    constructor(props: CommandLaunchBackstageItemProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleSyncUiEvent;
+    execute: () => void;
+    componentDidUpdate(_prevProps: CommandLaunchBackstageItemProps): void;
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=CommandLaunch.d.ts.map

package/lib/cjs/appui-react/backstage/CommandLaunch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandLaunch.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/CommandLaunch.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ9E;;GAEG;AACH,MAAM,WAAW,+BAAgC,SAAQ,kBAAkB,EAAE,cAAc;IACzF,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,aAAa,CAAC,+BAA+B,EAAE,kBAAkB,CAAC;IAEtH,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7D,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,aAAa,CAAgB;gBAEzB,KAAK,EAAE,+BAA+B;IAUlC,iBAAiB;IAKjB,oBAAoB;IAOpC,OAAO,CAAC,kBAAkB,CAexB;IAEK,OAAO,QAAO,IAAI,CAUvB;IAIc,kBAAkB,CAAC,UAAU,EAAE,+BAA+B;IAQ9D,MAAM,IAAI,KAAK,CAAC,SAAS;CAa1C"}

package/lib/cjs/appui-react/backstage/CommandLaunch.js

@@ -0,0 +1,86 @@
+"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 Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandLaunchBackstageItem = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+const PropsHelper_1 = require("../utils/PropsHelper");
+const Backstage_1 = require("./Backstage");
+const BackstageItemUtilities_1 = require("./BackstageItemUtilities");
+// cspell:ignore safearea
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const BackstageItem = (0, SafeAreaContext_1.withSafeArea)(appui_layout_react_1.BackstageItem);
+/** Backstage item that launches a Command
+ * @public
+ */
+class CommandLaunchBackstageItem extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._componentUnmounting = false; // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called
+        this._stateSyncIds = []; // local version of syncId that are lower cased
+        this._handleSyncUiEvent = (args) => {
+            /* istanbul ignore next */
+            if (this._componentUnmounting)
+                return;
+            /* istanbul ignore else */
+            if (SyncUiEventDispatcher_1.SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, this._stateSyncIds)) {
+                /* istanbul ignore else */
+                if (this.props.stateFunc) {
+                    const newState = this.props.stateFunc(this.state);
+                    /* istanbul ignore next */
+                    if (!PropsHelper_1.PropsHelper.isShallowEqual(newState, this.state))
+                        this.setState((_prevState) => newState);
+                }
+            }
+        };
+        this.execute = () => {
+            Backstage_1.Backstage.hide(); // eslint-disable-line deprecation/deprecation
+            if (this.props.execute) {
+                if (this.props.getCommandArgs)
+                    this.props.execute(this.props.getCommandArgs());
+                else
+                    this.props.execute(this.props.parameters);
+            }
+            else
+                core_bentley_1.Logger.logError(UiFramework_1.UiFramework.loggerCategory(this), `'${this.props.commandId}' has no execute() function`);
+        };
+        if (props.stateSyncIds)
+            this._stateSyncIds = props.stateSyncIds.map((value) => value.toLowerCase());
+        // eslint-disable-next-line deprecation/deprecation
+        this.state = BackstageItemUtilities_1.BackstageItemUtilities.getBackstageItemStateFromProps(props);
+    }
+    componentDidMount() {
+        if (this.props.stateFunc && this._stateSyncIds.length > 0)
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+    }
+    componentWillUnmount() {
+        this._componentUnmounting = true;
+        /* istanbul ignore else */
+        if (this.props.stateFunc && this._stateSyncIds.length > 0)
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
+    }
+    // deprecated class
+    // istanbul ignore next
+    componentDidUpdate(_prevProps) {
+        // eslint-disable-next-line deprecation/deprecation
+        const updatedState = BackstageItemUtilities_1.BackstageItemUtilities.getBackstageItemStateFromProps(this.props);
+        if (!PropsHelper_1.PropsHelper.isShallowEqual(updatedState, this.state))
+            this.setState((_prevState) => updatedState);
+    }
+    // TODO: add tooltip, subtitle, aria-label? to NZ_BackstageItem
+    render() {
+        return (React.createElement(BackstageItem, { icon: PropsHelper_1.PropsHelper.getIcon(this.state.iconSpec), isActive: this.state.isActive, isDisabled: !this.state.isEnabled, key: this.props.commandId, onClick: this.execute }, this.state.label));
+    }
+}
+exports.CommandLaunchBackstageItem = CommandLaunchBackstageItem;
+//# sourceMappingURL=CommandLaunch.js.map

package/lib/cjs/appui-react/backstage/CommandLaunch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandLaunch.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/CommandLaunch.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 Backstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { CommandHandler } from \"@itwin/appui-abstract\";\r\nimport { BackstageItem as NZ_BackstageItem } from \"@itwin/appui-layout-react\";\r\nimport { withSafeArea } from \"../safearea/SafeAreaContext\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { Backstage } from \"./Backstage\";\r\nimport { BackstageItemProps, BackstageItemState } from \"./BackstageItemProps\";\r\nimport { BackstageItemUtilities } from \"./BackstageItemUtilities\";\r\n\r\n// cspell:ignore safearea\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst BackstageItem = withSafeArea(NZ_BackstageItem);\r\n\r\n/** Properties for a [[CommandLaunchBackstageItem]] component\r\n * @public\r\n */\r\nexport interface CommandLaunchBackstageItemProps extends BackstageItemProps, CommandHandler { // eslint-disable-line deprecation/deprecation\r\n  /** Unique Id for this backstage item. */\r\n  commandId: string;\r\n}\r\n\r\n/** Backstage item that launches a Command\r\n * @public\r\n */\r\nexport class CommandLaunchBackstageItem extends React.PureComponent<CommandLaunchBackstageItemProps, BackstageItemState> { // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<BackstageItemState>; // eslint-disable-line deprecation/deprecation\r\n  private _componentUnmounting = false;  // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called\r\n  private _stateSyncIds: string[] = [];  // local version of syncId that are lower cased\r\n\r\n  constructor(props: CommandLaunchBackstageItemProps) {\r\n    super(props);\r\n\r\n    if (props.stateSyncIds)\r\n      this._stateSyncIds = props.stateSyncIds.map((value) => value.toLowerCase());\r\n\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    this.state = BackstageItemUtilities.getBackstageItemStateFromProps(props);\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    if (this.props.stateFunc && this._stateSyncIds.length > 0)\r\n      SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    /* istanbul ignore else */\r\n    if (this.props.stateFunc && this._stateSyncIds.length > 0)\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  private _handleSyncUiEvent = (args: SyncUiEventArgs): void => {\r\n    /* istanbul ignore next */\r\n    if (this._componentUnmounting)\r\n      return;\r\n\r\n    /* istanbul ignore else */\r\n    if (SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, this._stateSyncIds)) {\r\n      /* istanbul ignore else */\r\n      if (this.props.stateFunc) {\r\n        const newState = this.props.stateFunc(this.state);\r\n        /* istanbul ignore next */\r\n        if (!PropsHelper.isShallowEqual(newState, this.state))\r\n          this.setState((_prevState) => newState);\r\n      }\r\n    }\r\n  };\r\n\r\n  public execute = (): void => {\r\n    Backstage.hide(); // eslint-disable-line deprecation/deprecation\r\n\r\n    if (this.props.execute) {\r\n      if (this.props.getCommandArgs)\r\n        this.props.execute(this.props.getCommandArgs());\r\n      else\r\n        this.props.execute(this.props.parameters);\r\n    } else\r\n      Logger.logError(UiFramework.loggerCategory(this), `'${this.props.commandId}' has no execute() function`);\r\n  };\r\n\r\n  // deprecated class\r\n  // istanbul ignore next\r\n  public override componentDidUpdate(_prevProps: CommandLaunchBackstageItemProps) {\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    const updatedState = BackstageItemUtilities.getBackstageItemStateFromProps(this.props);\r\n    if (!PropsHelper.isShallowEqual(updatedState, this.state))\r\n      this.setState((_prevState) => updatedState);\r\n  }\r\n\r\n  // TODO: add tooltip, subtitle, aria-label? to NZ_BackstageItem\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <BackstageItem\r\n        icon={PropsHelper.getIcon(this.state.iconSpec)}\r\n        isActive={this.state.isActive}\r\n        isDisabled={!this.state.isEnabled}\r\n        key={this.props.commandId}\r\n        onClick={this.execute}\r\n      >\r\n        {this.state.label}\r\n      </BackstageItem>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/backstage/FrontstageLaunch.d.ts

@@ -0,0 +1,30 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import * as React from "react";
+import { BackstageItemProps, BackstageItemState } from "./BackstageItemProps";
+/** Properties for a [[FrontstageLaunchBackstageItem]] component
+ * @public
+ */
+export interface FrontstageLaunchBackstageItemProps extends BackstageItemProps {
+    /** id of the frontstage */
+    frontstageId: string;
+}
+/** Backstage item that activates a Frontstage
+ * @public
+ */
+export declare class FrontstageLaunchBackstageItem extends React.PureComponent<FrontstageLaunchBackstageItemProps, BackstageItemState> {
+    /** @internal */
+    readonly state: Readonly<BackstageItemState>;
+    private _componentUnmounting;
+    private _stateSyncIds;
+    constructor(props: FrontstageLaunchBackstageItemProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleSyncUiEvent;
+    execute: () => Promise<void>;
+    componentDidUpdate(_prevProps: FrontstageLaunchBackstageItemProps): void;
+    private _handleFrontstageActivatedEvent;
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=FrontstageLaunch.d.ts.map

package/lib/cjs/appui-react/backstage/FrontstageLaunch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrontstageLaunch.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/FrontstageLaunch.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ9E;;GAEG;AACH,MAAM,WAAW,kCAAmC,SAAQ,kBAAkB;IAC5E,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,KAAK,CAAC,aAAa,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;IAC5H,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7D,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,aAAa,CAAgB;gBAEzB,KAAK,EAAE,kCAAkC;IAarC,iBAAiB;IAMjB,oBAAoB;IAQpC,OAAO,CAAC,kBAAkB,CAexB;IAEK,OAAO,sBAQZ;IAEc,kBAAkB,CAAC,UAAU,EAAE,kCAAkC;IAOjF,OAAO,CAAC,+BAA+B,CAKrC;IAGc,MAAM,IAAI,KAAK,CAAC,SAAS;CAc1C"}

package/lib/cjs/appui-react/backstage/FrontstageLaunch.js

@@ -0,0 +1,94 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FrontstageLaunchBackstageItem = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+const PropsHelper_1 = require("../utils/PropsHelper");
+const Backstage_1 = require("./Backstage");
+const BackstageItemUtilities_1 = require("./BackstageItemUtilities");
+// cspell:ignore safearea
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const BackstageItem = (0, SafeAreaContext_1.withSafeArea)(appui_layout_react_1.BackstageItem);
+/** Backstage item that activates a Frontstage
+ * @public
+ */
+class FrontstageLaunchBackstageItem extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._componentUnmounting = false; // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called
+        this._stateSyncIds = []; // local version of syncId that are lower cased
+        this._handleSyncUiEvent = (args) => {
+            /* istanbul ignore next */
+            if (this._componentUnmounting)
+                return;
+            /* istanbul ignore else */
+            if (SyncUiEventDispatcher_1.SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, this._stateSyncIds)) {
+                /* istanbul ignore else */
+                if (this.props.stateFunc) {
+                    const newState = this.props.stateFunc(this.state);
+                    /* istanbul ignore else */
+                    if (!PropsHelper_1.PropsHelper.isShallowEqual(newState, this.state))
+                        this.setState((_prevState) => newState);
+                }
+            }
+        };
+        this.execute = async () => {
+            Backstage_1.Backstage.hide(); // eslint-disable-line deprecation/deprecation
+            const frontstageDef = await FrontstageManager_1.FrontstageManager.getFrontstageDef(this.props.frontstageId);
+            if (frontstageDef)
+                await FrontstageManager_1.FrontstageManager.setActiveFrontstageDef(frontstageDef);
+            else
+                core_bentley_1.Logger.logError(UiFramework_1.UiFramework.loggerCategory(this), `Frontstage with id '${this.props.frontstageId}' not found`);
+        };
+        this._handleFrontstageActivatedEvent = (args) => {
+            const isActive = args.activatedFrontstageDef.id === this.props.frontstageId;
+            /* istanbul ignore else */
+            if (isActive !== this.state.isActive)
+                this.setState({ isActive });
+        };
+        if (props.stateSyncIds)
+            this._stateSyncIds = props.stateSyncIds.map((value) => value.toLowerCase());
+        const state = BackstageItemUtilities_1.BackstageItemUtilities.getBackstageItemStateFromProps(props);
+        /* istanbul ignore else */
+        if (this.props.isActive === undefined)
+            state.isActive = FrontstageManager_1.FrontstageManager.activeFrontstageId === this.props.frontstageId;
+        this.state = state;
+    }
+    componentDidMount() {
+        if (this.props.stateFunc && this._stateSyncIds.length > 0)
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+        FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.addListener(this._handleFrontstageActivatedEvent);
+    }
+    componentWillUnmount() {
+        this._componentUnmounting = true;
+        /* istanbul ignore else */
+        if (this.props.stateFunc && this._stateSyncIds.length > 0)
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
+        FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.removeListener(this._handleFrontstageActivatedEvent);
+    }
+    componentDidUpdate(_prevProps) {
+        const updatedState = BackstageItemUtilities_1.BackstageItemUtilities.getBackstageItemStateFromProps(this.props);
+        updatedState.isActive = FrontstageManager_1.FrontstageManager.activeFrontstageId === this.props.frontstageId;
+        if (!PropsHelper_1.PropsHelper.isShallowEqual(updatedState, this.state))
+            this.setState((_prevState) => updatedState);
+    }
+    // TODO: add tooltip, aria-label? to NZ_BackstageItem
+    render() {
+        return (React.createElement(BackstageItem, { icon: PropsHelper_1.PropsHelper.getIcon(this.state.iconSpec), isActive: this.state.isActive, isDisabled: !this.state.isEnabled, key: this.props.frontstageId, onClick: this.execute, subtitle: this.state.subtitle }, this.state.label));
+    }
+}
+exports.FrontstageLaunchBackstageItem = FrontstageLaunchBackstageItem;
+//# sourceMappingURL=FrontstageLaunch.js.map

package/lib/cjs/appui-react/backstage/FrontstageLaunch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrontstageLaunch.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/FrontstageLaunch.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Backstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { BackstageItem as NZ_BackstageItem } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageActivatedEventArgs, FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { withSafeArea } from \"../safearea/SafeAreaContext\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { Backstage } from \"./Backstage\";\r\nimport { BackstageItemProps, BackstageItemState } from \"./BackstageItemProps\";\r\nimport { BackstageItemUtilities } from \"./BackstageItemUtilities\";\r\n\r\n// cspell:ignore safearea\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst BackstageItem = withSafeArea(NZ_BackstageItem);\r\n\r\n/** Properties for a [[FrontstageLaunchBackstageItem]] component\r\n * @public\r\n */\r\nexport interface FrontstageLaunchBackstageItemProps extends BackstageItemProps { // eslint-disable-line deprecation/deprecation\r\n  /** id of the frontstage */\r\n  frontstageId: string;\r\n}\r\n\r\n/** Backstage item that activates a Frontstage\r\n * @public\r\n */\r\nexport class FrontstageLaunchBackstageItem extends React.PureComponent<FrontstageLaunchBackstageItemProps, BackstageItemState> { // eslint-disable-line deprecation/deprecation\r\n  /** @internal */\r\n  public override readonly state: Readonly<BackstageItemState>; // eslint-disable-line deprecation/deprecation\r\n  private _componentUnmounting = false;  // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called\r\n  private _stateSyncIds: string[] = [];  // local version of syncId that are lower cased\r\n\r\n  constructor(props: FrontstageLaunchBackstageItemProps) {\r\n    super(props);\r\n\r\n    if (props.stateSyncIds)\r\n      this._stateSyncIds = props.stateSyncIds.map((value) => value.toLowerCase());\r\n\r\n    const state = BackstageItemUtilities.getBackstageItemStateFromProps(props);\r\n    /* istanbul ignore else */\r\n    if (this.props.isActive === undefined)\r\n      state.isActive = FrontstageManager.activeFrontstageId === this.props.frontstageId;\r\n    this.state = state;\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    if (this.props.stateFunc && this._stateSyncIds.length > 0)\r\n      SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n    FrontstageManager.onFrontstageActivatedEvent.addListener(this._handleFrontstageActivatedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    /* istanbul ignore else */\r\n    if (this.props.stateFunc && this._stateSyncIds.length > 0)\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n    FrontstageManager.onFrontstageActivatedEvent.removeListener(this._handleFrontstageActivatedEvent);\r\n  }\r\n\r\n  private _handleSyncUiEvent = (args: SyncUiEventArgs): void => {\r\n    /* istanbul ignore next */\r\n    if (this._componentUnmounting)\r\n      return;\r\n\r\n    /* istanbul ignore else */\r\n    if (SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, this._stateSyncIds)) {\r\n      /* istanbul ignore else */\r\n      if (this.props.stateFunc) {\r\n        const newState = this.props.stateFunc(this.state);\r\n        /* istanbul ignore else */\r\n        if (!PropsHelper.isShallowEqual(newState, this.state))\r\n          this.setState((_prevState) => newState);\r\n      }\r\n    }\r\n  };\r\n\r\n  public execute = async () => {\r\n    Backstage.hide(); // eslint-disable-line deprecation/deprecation\r\n\r\n    const frontstageDef = await FrontstageManager.getFrontstageDef(this.props.frontstageId);\r\n    if (frontstageDef)\r\n      await FrontstageManager.setActiveFrontstageDef(frontstageDef);\r\n    else\r\n      Logger.logError(UiFramework.loggerCategory(this), `Frontstage with id '${this.props.frontstageId}' not found`);\r\n  };\r\n\r\n  public override componentDidUpdate(_prevProps: FrontstageLaunchBackstageItemProps) {\r\n    const updatedState = BackstageItemUtilities.getBackstageItemStateFromProps(this.props);\r\n    updatedState.isActive = FrontstageManager.activeFrontstageId === this.props.frontstageId;\r\n    if (!PropsHelper.isShallowEqual(updatedState, this.state))\r\n      this.setState((_prevState) => updatedState);\r\n  }\r\n\r\n  private _handleFrontstageActivatedEvent = (args: FrontstageActivatedEventArgs) => {\r\n    const isActive = args.activatedFrontstageDef.id === this.props.frontstageId;\r\n    /* istanbul ignore else */\r\n    if (isActive !== this.state.isActive)\r\n      this.setState({ isActive });\r\n  };\r\n\r\n  // TODO: add tooltip, aria-label? to NZ_BackstageItem\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <BackstageItem\r\n        icon={PropsHelper.getIcon(this.state.iconSpec)}\r\n        isActive={this.state.isActive}\r\n        isDisabled={!this.state.isEnabled}\r\n        key={this.props.frontstageId}\r\n        onClick={this.execute}\r\n        subtitle={this.state.subtitle}\r\n      >\r\n        {this.state.label}\r\n      </BackstageItem>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/backstage/Separator.d.ts

@@ -0,0 +1,15 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import * as React from "react";
+import { BackstageItemProps } from "./BackstageItemProps";
+/** Separator Backstage item.
+ * @public
+ */
+export declare class SeparatorBackstageItem extends React.PureComponent<BackstageItemProps> {
+    private static _sSeparatorBackstageItemKey;
+    private _key;
+    constructor(separatorBackstageItemDef: BackstageItemProps);
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=Separator.d.ts.map

package/lib/cjs/appui-react/backstage/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/Separator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACjF,OAAO,CAAC,MAAM,CAAC,2BAA2B,CAAS;IACnD,OAAO,CAAC,IAAI,CAAS;gBAET,yBAAyB,EAAE,kBAAkB;IAOzC,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}

package/lib/cjs/appui-react/backstage/Separator.js

@@ -0,0 +1,27 @@
+"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 Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeparatorBackstageItem = void 0;
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+/** Separator Backstage item.
+ * @public
+ */
+class SeparatorBackstageItem extends React.PureComponent {
+    constructor(separatorBackstageItemDef) {
+        super(separatorBackstageItemDef);
+        SeparatorBackstageItem._sSeparatorBackstageItemKey++;
+        this._key = SeparatorBackstageItem._sSeparatorBackstageItemKey;
+    }
+    render() {
+        return (React.createElement(appui_layout_react_1.BackstageSeparator, { key: this._key }));
+    }
+}
+exports.SeparatorBackstageItem = SeparatorBackstageItem;
+//# sourceMappingURL=Separator.js.map

package/lib/cjs/appui-react/backstage/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/Separator.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kEAAwF;AAGxF;;GAEG;AACH,MAAa,sBAAuB,SAAQ,KAAK,CAAC,aAAiC;IAIjF,YAAY,yBAA6C;QACvD,KAAK,CAAC,yBAAyB,CAAC,CAAC;QAEjC,sBAAsB,CAAC,2BAA2B,EAAE,CAAC;QACrD,IAAI,CAAC,IAAI,GAAG,sBAAsB,CAAC,2BAA2B,CAAC;IACjE,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,uCAAqB,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,CAC1C,CAAC;IACJ,CAAC;CACF;AAhBD,wDAgBC","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 Backstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BackstageSeparator as NZ_BackstageSeparator } from \"@itwin/appui-layout-react\";\r\nimport { BackstageItemProps } from \"./BackstageItemProps\";\r\n\r\n/** Separator Backstage item.\r\n * @public\r\n */\r\nexport class SeparatorBackstageItem extends React.PureComponent<BackstageItemProps> { // eslint-disable-line deprecation/deprecation\r\n  private static _sSeparatorBackstageItemKey: number;\r\n  private _key: number;\r\n\r\n  constructor(separatorBackstageItemDef: BackstageItemProps) { // eslint-disable-line deprecation/deprecation\r\n    super(separatorBackstageItemDef);\r\n\r\n    SeparatorBackstageItem._sSeparatorBackstageItemKey++;\r\n    this._key = SeparatorBackstageItem._sSeparatorBackstageItemKey;\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <NZ_BackstageSeparator key={this._key} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/backstage/TaskLaunch.d.ts

@@ -0,0 +1,35 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import * as React from "react";
+import { BackstageItemProps, BackstageItemState } from "./BackstageItemProps";
+/** Properties for a [[TaskLaunchBackstageItem]] component
+ * @internal
+ * @deprecated
+ */
+export interface TaskLaunchBackstageItemProps extends BackstageItemProps {
+    /** Workflow Id */
+    workflowId: string;
+    /** Task Id */
+    taskId: string;
+}
+/** Backstage item that activates a Task
+ * @internal
+ * @deprecated
+ */
+export declare class TaskLaunchBackstageItem extends React.PureComponent<TaskLaunchBackstageItemProps, BackstageItemState> {
+    /** @internal */
+    readonly state: Readonly<BackstageItemState>;
+    private _componentUnmounting;
+    private _stateSyncIds;
+    constructor(props: TaskLaunchBackstageItemProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleSyncUiEvent;
+    get id(): string;
+    execute: () => void;
+    componentDidUpdate(_prevProps: TaskLaunchBackstageItemProps): void;
+    private _handleTaskActivatedEvent;
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=TaskLaunch.d.ts.map

package/lib/cjs/appui-react/backstage/TaskLaunch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskLaunch.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/TaskLaunch.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ9E;;;GAGG;AACH,MAAM,WAAW,4BAA6B,SAAQ,kBAAkB;IACtE,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,aAAa,CAAC,4BAA4B,EAAE,kBAAkB,CAAC;IAEhH,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7D,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,aAAa,CAAgB;gBAEzB,KAAK,EAAE,4BAA4B;IAa/B,iBAAiB;IAMjB,oBAAoB;IAOpC,OAAO,CAAC,kBAAkB,CAexB;IAEF,IAAW,EAAE,IAAI,MAAM,CAEtB;IAEM,OAAO,QAAO,IAAI,CAYvB;IAEc,kBAAkB,CAAC,UAAU,EAAE,4BAA4B;IAO3E,OAAO,CAAC,yBAAyB,CAK/B;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAa1C"}

package/lib/cjs/appui-react/backstage/TaskLaunch.js

@@ -0,0 +1,101 @@
+"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 Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskLaunchBackstageItem = void 0;
+/* eslint-disable deprecation/deprecation */
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+const PropsHelper_1 = require("../utils/PropsHelper");
+const Workflow_1 = require("../workflow/Workflow");
+const Backstage_1 = require("./Backstage");
+const BackstageItemUtilities_1 = require("./BackstageItemUtilities");
+// cspell:ignore safearea
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const BackstageItem = (0, SafeAreaContext_1.withSafeArea)(appui_layout_react_1.BackstageItem);
+/** Backstage item that activates a Task
+ * @internal
+ * @deprecated
+ */
+class TaskLaunchBackstageItem extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._componentUnmounting = false; // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called
+        this._stateSyncIds = []; // local version of syncId that are lower cased
+        this._handleSyncUiEvent = (args) => {
+            /* istanbul ignore next */
+            if (this._componentUnmounting)
+                return;
+            /* istanbul ignore else */
+            if (SyncUiEventDispatcher_1.SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, this._stateSyncIds)) {
+                /* istanbul ignore else */
+                if (this.props.stateFunc) {
+                    const newState = this.props.stateFunc(this.state);
+                    /* istanbul ignore else */
+                    if (!PropsHelper_1.PropsHelper.isShallowEqual(newState, this.state))
+                        this.setState((_prevState) => newState);
+                }
+            }
+        };
+        this.execute = () => {
+            Backstage_1.Backstage.hide(); // eslint-disable-line deprecation/deprecation
+            const workflow = Workflow_1.WorkflowManager.findWorkflow(this.props.workflowId);
+            if (workflow) {
+                const task = workflow.getTask(this.props.taskId);
+                if (task)
+                    Workflow_1.WorkflowManager.setActiveWorkflowAndTask(workflow, task); // eslint-disable-line @typescript-eslint/no-floating-promises
+                else
+                    core_bentley_1.Logger.logError(UiFramework_1.UiFramework.loggerCategory(this), `Task with id '${this.props.taskId}' not found`);
+            }
+            else
+                core_bentley_1.Logger.logError(UiFramework_1.UiFramework.loggerCategory(this), `Workflow with id '${this.props.workflowId}' not found`);
+        };
+        this._handleTaskActivatedEvent = (args) => {
+            const isActive = args.taskId === this.props.taskId && args.workflowId === this.props.workflowId;
+            /* istanbul ignore else */
+            if (isActive !== this.state.isActive)
+                this.setState({ isActive });
+        };
+        if (props.stateSyncIds)
+            this._stateSyncIds = props.stateSyncIds.map((value) => value.toLowerCase());
+        const state = BackstageItemUtilities_1.BackstageItemUtilities.getBackstageItemStateFromProps(props);
+        /* istanbul ignore else */
+        if (this.props.isActive === undefined)
+            state.isActive = Workflow_1.WorkflowManager.activeTaskId === this.props.taskId && Workflow_1.WorkflowManager.activeWorkflowId === this.props.workflowId;
+        this.state = state;
+    }
+    componentDidMount() {
+        if (this.props.stateFunc && this._stateSyncIds.length > 0)
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+        Workflow_1.WorkflowManager.onTaskActivatedEvent.addListener(this._handleTaskActivatedEvent);
+    }
+    componentWillUnmount() {
+        this._componentUnmounting = true;
+        if (this.props.stateFunc && this._stateSyncIds.length > 0)
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
+        Workflow_1.WorkflowManager.onTaskActivatedEvent.removeListener(this._handleTaskActivatedEvent);
+    }
+    get id() {
+        return `${this.props.workflowId}:${this.props.taskId}`;
+    }
+    componentDidUpdate(_prevProps) {
+        const updatedState = BackstageItemUtilities_1.BackstageItemUtilities.getBackstageItemStateFromProps(this.props);
+        updatedState.isActive = Workflow_1.WorkflowManager.activeTaskId === this.props.taskId && Workflow_1.WorkflowManager.activeWorkflowId === this.props.workflowId;
+        if (!PropsHelper_1.PropsHelper.isShallowEqual(updatedState, this.state))
+            this.setState((_prevState) => updatedState);
+    }
+    render() {
+        return (React.createElement(BackstageItem, { icon: PropsHelper_1.PropsHelper.getIcon(this.state.iconSpec), isActive: this.state.isActive, isDisabled: !this.state.isEnabled, key: this.id, onClick: this.execute }, this.state.label));
+    }
+}
+exports.TaskLaunchBackstageItem = TaskLaunchBackstageItem;
+//# sourceMappingURL=TaskLaunch.js.map

package/lib/cjs/appui-react/backstage/TaskLaunch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskLaunch.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/TaskLaunch.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 Backstage\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { BackstageItem as NZ_BackstageItem } from \"@itwin/appui-layout-react\";\r\nimport { withSafeArea } from \"../safearea/SafeAreaContext\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { TaskActivatedEventArgs, WorkflowManager } from \"../workflow/Workflow\";\r\nimport { Backstage } from \"./Backstage\";\r\nimport { BackstageItemProps, BackstageItemState } from \"./BackstageItemProps\";\r\nimport { BackstageItemUtilities } from \"./BackstageItemUtilities\";\r\n\r\n// cspell:ignore safearea\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst BackstageItem = withSafeArea(NZ_BackstageItem);\r\n\r\n/** Properties for a [[TaskLaunchBackstageItem]] component\r\n * @internal\r\n * @deprecated\r\n */\r\nexport interface TaskLaunchBackstageItemProps extends BackstageItemProps { // eslint-disable-line deprecation/deprecation\r\n  /** Workflow Id */\r\n  workflowId: string;\r\n  /** Task Id */\r\n  taskId: string;\r\n}\r\n\r\n/** Backstage item that activates a Task\r\n * @internal\r\n * @deprecated\r\n */\r\nexport class TaskLaunchBackstageItem extends React.PureComponent<TaskLaunchBackstageItemProps, BackstageItemState> { // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<BackstageItemState>; // eslint-disable-line deprecation/deprecation\r\n  private _componentUnmounting = false;  // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called\r\n  private _stateSyncIds: string[] = [];  // local version of syncId that are lower cased\r\n\r\n  constructor(props: TaskLaunchBackstageItemProps) {\r\n    super(props);\r\n\r\n    if (props.stateSyncIds)\r\n      this._stateSyncIds = props.stateSyncIds.map((value) => value.toLowerCase());\r\n\r\n    const state = BackstageItemUtilities.getBackstageItemStateFromProps(props);\r\n    /* istanbul ignore else */\r\n    if (this.props.isActive === undefined)\r\n      state.isActive = WorkflowManager.activeTaskId === this.props.taskId && WorkflowManager.activeWorkflowId === this.props.workflowId;\r\n    this.state = state;\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    if (this.props.stateFunc && this._stateSyncIds.length > 0)\r\n      SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n    WorkflowManager.onTaskActivatedEvent.addListener(this._handleTaskActivatedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    if (this.props.stateFunc && this._stateSyncIds.length > 0)\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n    WorkflowManager.onTaskActivatedEvent.removeListener(this._handleTaskActivatedEvent);\r\n  }\r\n\r\n  private _handleSyncUiEvent = (args: SyncUiEventArgs): void => {\r\n    /* istanbul ignore next */\r\n    if (this._componentUnmounting)\r\n      return;\r\n\r\n    /* istanbul ignore else */\r\n    if (SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, this._stateSyncIds)) {\r\n      /* istanbul ignore else */\r\n      if (this.props.stateFunc) {\r\n        const newState = this.props.stateFunc(this.state);\r\n        /* istanbul ignore else */\r\n        if (!PropsHelper.isShallowEqual(newState, this.state))\r\n          this.setState((_prevState) => newState);\r\n      }\r\n    }\r\n  };\r\n\r\n  public get id(): string {\r\n    return `${this.props.workflowId}:${this.props.taskId}`;\r\n  }\r\n\r\n  public execute = (): void => {\r\n    Backstage.hide(); // eslint-disable-line deprecation/deprecation\r\n\r\n    const workflow = WorkflowManager.findWorkflow(this.props.workflowId);\r\n    if (workflow) {\r\n      const task = workflow.getTask(this.props.taskId);\r\n      if (task)\r\n        WorkflowManager.setActiveWorkflowAndTask(workflow, task); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n      else\r\n        Logger.logError(UiFramework.loggerCategory(this), `Task with id '${this.props.taskId}' not found`);\r\n    } else\r\n      Logger.logError(UiFramework.loggerCategory(this), `Workflow with id '${this.props.workflowId}' not found`);\r\n  };\r\n\r\n  public override componentDidUpdate(_prevProps: TaskLaunchBackstageItemProps) {\r\n    const updatedState = BackstageItemUtilities.getBackstageItemStateFromProps(this.props);\r\n    updatedState.isActive = WorkflowManager.activeTaskId === this.props.taskId && WorkflowManager.activeWorkflowId === this.props.workflowId;\r\n    if (!PropsHelper.isShallowEqual(updatedState, this.state))\r\n      this.setState((_prevState) => updatedState);\r\n  }\r\n\r\n  private _handleTaskActivatedEvent = (args: TaskActivatedEventArgs) => {\r\n    const isActive = args.taskId === this.props.taskId && args.workflowId === this.props.workflowId;\r\n    /* istanbul ignore else */\r\n    if (isActive !== this.state.isActive)\r\n      this.setState({ isActive });\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <BackstageItem\r\n        icon={PropsHelper.getIcon(this.state.iconSpec)}\r\n        isActive={this.state.isActive}\r\n        isDisabled={!this.state.isEnabled}\r\n        key={this.id}\r\n        onClick={this.execute}\r\n      >\r\n        {this.state.label}\r\n      </BackstageItem>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/backstage/useDefaultBackstageItems.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import { BackstageItem, BackstageItemsManager } from "@itwin/appui-abstract";
+/** Hook that returns items from [[BackstageItemsManager]].
+ * @internal
+ */
+export declare const useDefaultBackstageItems: (manager: BackstageItemsManager) => readonly BackstageItem[];
+//# sourceMappingURL=useDefaultBackstageItems.d.ts.map

package/lib/cjs/appui-react/backstage/useDefaultBackstageItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultBackstageItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/useDefaultBackstageItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,aAAa,EAA6B,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAExG;;GAEG;AACH,eAAO,MAAM,wBAAwB,YAAa,qBAAqB,KAAG,SAAS,aAAa,EAoB/F,CAAC"}

package/lib/cjs/appui-react/backstage/useDefaultBackstageItems.js

@@ -0,0 +1,37 @@
+"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 Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultBackstageItems = void 0;
+const React = require("react");
+/** Hook that returns items from [[BackstageItemsManager]].
+ * @internal
+ */
+const useDefaultBackstageItems = (manager) => {
+    const [items, setItems] = React.useState(manager.items);
+    const isInitialMount = React.useRef(true);
+    React.useEffect(() => {
+        if (isInitialMount.current)
+            isInitialMount.current = false;
+        else {
+            setItems(manager.items);
+        }
+    }, [manager, manager.items]);
+    React.useEffect(() => {
+        const handleChanged = (args) => {
+            setItems(args.items);
+        };
+        manager.onItemsChanged.addListener(handleChanged);
+        return () => {
+            manager.onItemsChanged.removeListener(handleChanged);
+        };
+    }, [manager]);
+    return items;
+};
+exports.useDefaultBackstageItems = useDefaultBackstageItems;
+//# sourceMappingURL=useDefaultBackstageItems.js.map

package/lib/cjs/appui-react/backstage/useDefaultBackstageItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultBackstageItems.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/useDefaultBackstageItems.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAG/B;;GAEG;AACI,MAAM,wBAAwB,GAAG,CAAC,OAA8B,EAA4B,EAAE;IACnG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,CAAC,IAA+B,EAAE,EAAE;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AApBW,QAAA,wBAAwB,4BAoBnC","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 Backstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BackstageItem, BackstageItemsChangedArgs, BackstageItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** Hook that returns items from [[BackstageItemsManager]].\r\n * @internal\r\n */\r\nexport const useDefaultBackstageItems = (manager: BackstageItemsManager): readonly BackstageItem[] => {\r\n  const [items, setItems] = React.useState(manager.items);\r\n  const isInitialMount = React.useRef(true);\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current)\r\n      isInitialMount.current = false;\r\n    else {\r\n      setItems(manager.items);\r\n    }\r\n  }, [manager, manager.items]);\r\n  React.useEffect(() => {\r\n    const handleChanged = (args: BackstageItemsChangedArgs) => {\r\n      setItems(args.items);\r\n    };\r\n    manager.onItemsChanged.addListener(handleChanged);\r\n    return () => {\r\n      manager.onItemsChanged.removeListener(handleChanged);\r\n    };\r\n  }, [manager]);\r\n  return items;\r\n};\r\n"]}

package/lib/cjs/appui-react/backstage/useUiItemsProviderBackstageItems.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import { BackstageItem, BackstageItemsManager } from "@itwin/appui-abstract";
+/** Hook that returns items from [[BackstageItemsManager]].
+ * @public
+ */
+export declare const useUiItemsProviderBackstageItems: (manager: BackstageItemsManager) => readonly BackstageItem[];
+//# sourceMappingURL=useUiItemsProviderBackstageItems.d.ts.map

package/lib/cjs/appui-react/backstage/useUiItemsProviderBackstageItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiItemsProviderBackstageItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/useUiItemsProviderBackstageItems.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAGH,OAAO,EAAE,aAAa,EAA6B,qBAAqB,EAAkB,MAAM,uBAAuB,CAAC;AAKxH;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAAa,qBAAqB,KAAG,SAAS,aAAa,EA2BvG,CAAC"}