@itwin/appui-react 3.0.0-dev.98 → 3.1.0-dev.0

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

@@ -1 +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"}
+{"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,EAAmB,MAAM,uBAAuB,CAAC;AAOxE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ9E;;;GAGG;AACH,MAAM,WAAW,+BAAgC,SAAQ,kBAAkB,EAAE,cAAc;IACzF,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;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/esm/appui-react/backstage/CommandLaunch.js

@@ -19,6 +19,7 @@ import { BackstageItemUtilities } from "./BackstageItemUtilities";
 const BackstageItem = withSafeArea(NZ_BackstageItem);
 /** Backstage item that launches a Command
  * @public
+ * @deprecated Use [BackstageActionItem]($appui-abstract) instead.
  */
 export class CommandLaunchBackstageItem extends React.PureComponent {
     constructor(props) {

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

@@ -1 +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"]}
+{"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, UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { BackstageItem as NZ_BackstageItem } from \"@itwin/appui-layout-react\";\r\nimport { withSafeArea } from \"../safearea/SafeAreaContext\";\r\nimport { 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 * @deprecated Use [BackstageActionItem]($appui-abstract) instead.\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 * @deprecated Use [BackstageActionItem]($appui-abstract) instead.\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) { // eslint-disable-line deprecation/deprecation\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: UiSyncEventArgs): 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) { // eslint-disable-line deprecation/deprecation\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/esm/appui-react/backstage/FrontstageLaunch.d.ts

@@ -5,6 +5,7 @@ import * as React from "react";
 import { BackstageItemProps, BackstageItemState } from "./BackstageItemProps";
 /** Properties for a [[FrontstageLaunchBackstageItem]] component
  * @public
+ * @deprecated Use [BackstageStageLauncher]($appui-abstract) instead.
  */
 export interface FrontstageLaunchBackstageItemProps extends BackstageItemProps {
     /** id of the frontstage */
@@ -12,12 +13,15 @@ export interface FrontstageLaunchBackstageItemProps extends BackstageItemProps {
 }
 /** Backstage item that activates a Frontstage
  * @public
+ * @deprecated Use [BackstageStageLauncher]($appui-abstract) instead.
  */
 export declare class FrontstageLaunchBackstageItem extends React.PureComponent<FrontstageLaunchBackstageItemProps, BackstageItemState> {
     /** @internal */
     readonly state: Readonly<BackstageItemState>;
     private _componentUnmounting;
     private _stateSyncIds;
+    private _removeSyncUiEventListener?;
+    private _removeFrontstageActivatedEventListener?;
     constructor(props: FrontstageLaunchBackstageItemProps);
     componentDidMount(): void;
     componentWillUnmount(): void;

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

@@ -1 +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"}
+{"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;;;GAGG;AACH,MAAM,WAAW,kCAAmC,SAAQ,kBAAkB;IAC5E,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;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;IACrC,OAAO,CAAC,0BAA0B,CAAC,CAAa;IAChD,OAAO,CAAC,uCAAuC,CAAC,CAAa;gBACjD,KAAK,EAAE,kCAAkC;IAarC,iBAAiB;IAMjB,oBAAoB;IAMpC,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/esm/appui-react/backstage/FrontstageLaunch.js

@@ -21,6 +21,7 @@ import { BackstageItemUtilities } from "./BackstageItemUtilities";
 const BackstageItem = withSafeArea(NZ_BackstageItem);
 /** Backstage item that activates a Frontstage
  * @public
+ * @deprecated Use [BackstageStageLauncher]($appui-abstract) instead.
  */
 export class FrontstageLaunchBackstageItem extends React.PureComponent {
     constructor(props) {
@@ -66,15 +67,13 @@ export class FrontstageLaunchBackstageItem extends React.PureComponent {
     }
     componentDidMount() {
         if (this.props.stateFunc && this._stateSyncIds.length > 0)
-            SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
-        FrontstageManager.onFrontstageActivatedEvent.addListener(this._handleFrontstageActivatedEvent);
+            this._removeSyncUiEventListener = SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+        this._removeFrontstageActivatedEventListener = FrontstageManager.onFrontstageActivatedEvent.addListener(this._handleFrontstageActivatedEvent);
     }
     componentWillUnmount() {
         this._componentUnmounting = true;
-        /* istanbul ignore else */
-        if (this.props.stateFunc && this._stateSyncIds.length > 0)
-            SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
-        FrontstageManager.onFrontstageActivatedEvent.removeListener(this._handleFrontstageActivatedEvent);
+        this._removeSyncUiEventListener && this._removeSyncUiEventListener();
+        this._removeFrontstageActivatedEventListener && this._removeFrontstageActivatedEventListener();
     }
     componentDidUpdate(_prevProps) {
         const updatedState = BackstageItemUtilities.getBackstageItemStateFromProps(this.props);

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

@@ -1 +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"]}
+{"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 * @deprecated Use [BackstageStageLauncher]($appui-abstract) instead.\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 * @deprecated Use [BackstageStageLauncher]($appui-abstract) instead.\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  private _removeSyncUiEventListener?: () => void;\r\n  private _removeFrontstageActivatedEventListener?: () => void;\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      this._removeSyncUiEventListener = SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n    this._removeFrontstageActivatedEventListener = FrontstageManager.onFrontstageActivatedEvent.addListener(this._handleFrontstageActivatedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    this._removeSyncUiEventListener && this._removeSyncUiEventListener();\r\n    this._removeFrontstageActivatedEventListener && this._removeFrontstageActivatedEventListener();\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/esm/appui-react/backstage/Separator.d.ts

@@ -5,6 +5,7 @@ import * as React from "react";
 import { BackstageItemProps } from "./BackstageItemProps";
 /** Separator Backstage item.
  * @public
+ * @deprecated
  */
 export declare class SeparatorBackstageItem extends React.PureComponent<BackstageItemProps> {
     private static _sSeparatorBackstageItemKey;

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

@@ -1 +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"}
+{"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;;;GAGG;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/esm/appui-react/backstage/Separator.js

@@ -9,12 +9,13 @@ import * as React from "react";
 import { BackstageSeparator as NZ_BackstageSeparator } from "@itwin/appui-layout-react";
 /** Separator Backstage item.
  * @public
+ * @deprecated
  */
 export class SeparatorBackstageItem extends React.PureComponent {
     constructor(separatorBackstageItemDef) {
         super(separatorBackstageItemDef);
-        SeparatorBackstageItem._sSeparatorBackstageItemKey++;
-        this._key = SeparatorBackstageItem._sSeparatorBackstageItemKey;
+        SeparatorBackstageItem._sSeparatorBackstageItemKey++; // eslint-disable-line deprecation/deprecation
+        this._key = SeparatorBackstageItem._sSeparatorBackstageItemKey; // eslint-disable-line deprecation/deprecation
     }
     render() {
         return (React.createElement(NZ_BackstageSeparator, { key: this._key }));

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/Separator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGxF;;GAEG;AACH,MAAM,OAAO,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,qBAAqB,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,CAC1C,CAAC;IACJ,CAAC;CACF","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"]}
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/Separator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGxF;;;GAGG;AACH,MAAM,OAAO,sBAAuB,SAAQ,KAAK,CAAC,aAAiC;IAIjF,YAAY,yBAA6C;QACvD,KAAK,CAAC,yBAAyB,CAAC,CAAC;QAEjC,sBAAsB,CAAC,2BAA2B,EAAE,CAAC,CAAC,8CAA8C;QACpG,IAAI,CAAC,IAAI,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,CAAC,8CAA8C;IAChH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,qBAAqB,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,CAC1C,CAAC;IACJ,CAAC;CACF","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 * @deprecated\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++; // eslint-disable-line deprecation/deprecation\r\n    this._key = SeparatorBackstageItem._sSeparatorBackstageItemKey; // eslint-disable-line deprecation/deprecation\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/esm/appui-react/childwindow/ChildWindowManager.d.ts

@@ -18,7 +18,7 @@ export interface ChildWindowLocationProps {
 }
 /** Supports opening a child browser window from the main application window. The child window is managed by the main application
  * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
- * See also: [Child Window Manager]($docs/learning/ui/framework/ChildWindows.md)
+ * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
  * @public */
 export declare class ChildWindowManager {
     private _openChildWindows;

package/lib/esm/appui-react/childwindow/ChildWindowManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,cAAc;AACd,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,cAAc;AACd,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;aAGa;AACb,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,iBAAiB,CAA6B;IAEtD,IAAW,gBAAgB,0BAE1B;IAEM,eAAe,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS;IAOnF,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAStF,OAAO,CAAC,yBAAyB;IA+CjC,gGAAgG;IACzF,oBAAoB;IAMpB,gBAAgB,kBAAmB,MAAM,2CAc9C;IAGF,OAAO,CAAC,mBAAmB;IAuBpB,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO;CA8BzJ"}
+{"version":3,"file":"ChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,cAAc;AACd,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,cAAc;AACd,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;aAGa;AACb,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,iBAAiB,CAA6B;IAEtD,IAAW,gBAAgB,0BAE1B;IAEM,eAAe,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS;IAOnF,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAStF,OAAO,CAAC,yBAAyB;IA+CjC,gGAAgG;IACzF,oBAAoB;IAMpB,gBAAgB,kBAAmB,MAAM,2CAc9C;IAGF,OAAO,CAAC,mBAAmB;IAuBpB,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO;CA8BzJ"}

package/lib/esm/appui-react/childwindow/ChildWindowManager.js

@@ -10,9 +10,8 @@ import * as React from "react";
 import * as ReactDOM from "react-dom";
 import { copyStyles } from "./CopyStyles";
 import { Provider } from "react-redux";
-import { UiFramework } from "../UiFramework";
 import { StateManager } from "../redux/StateManager";
-import { UiSettingsProvider } from "../uisettings/useUiSettings";
+import { UiStateStorageHandler } from "../uistate/useUiStateStorage";
 import { PopupRenderer } from "../popup/PopupManager";
 import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
 import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
@@ -44,7 +43,7 @@ const childHtml = `<!DOCTYPE html>
 </html>`;
 /** Supports opening a child browser window from the main application window. The child window is managed by the main application
  * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
- * See also: [Child Window Manager]($docs/learning/ui/framework/ChildWindows.md)
+ * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
  * @public */
 export class ChildWindowManager {
     constructor() {
@@ -94,9 +93,9 @@ export class ChildWindowManager {
                 copyStyles(childWindow.document);
                 setImmediate(() => {
                     ReactDOM.render(React.createElement(Provider, { store: StateManager.store },
-                        React.createElement(UiSettingsProvider, { settingsStorage: UiFramework.getUiSettingsStorage() },
+                        React.createElement(UiStateStorageHandler, null,
                             React.createElement(ThemeManager, null,
-                                React.createElement(FrameworkVersion, { version: "2" },
+                                React.createElement(FrameworkVersion, null,
                                     React.createElement("div", { className: "uifw-child-window-container-host" },
                                         React.createElement(PopupRenderer, null),
                                         React.createElement(ModalDialogRenderer, null),

package/lib/esm/appui-react/childwindow/ChildWindowManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.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\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n */\r\n\r\nimport \"./ChildWindowManager.scss\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { copyStyles } from \"./CopyStyles\";\r\nimport { Provider } from \"react-redux\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StateManager } from \"../redux/StateManager\";\r\nimport { UiSettingsProvider } from \"../uisettings/useUiSettings\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { FrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ThemeManager } from \"../theme/ThemeManager\";\r\n\r\nconst childHtml = `<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"utf-8\" />\r\n  <style>\r\n    html,\r\n    body {\r\n      height: 100%;\r\n      width: 100%;\r\n      margin: 0;\r\n      overflow: hidden;\r\n    }\r\n    #root {\r\n      height: 100%;\r\n    }\r\n  </style>\r\n</head>\r\n<body>\r\n  <noscript>You need to enable JavaScript to run this app.</noscript>\r\n  <div id=\"root\"></div>\r\n</body>\r\n</html>`;\r\n\r\n/** @public */\r\nexport interface OpenChildWindowInfo {\r\n  childWindowId: string;\r\n  window: Window;\r\n  parentWindow: Window;\r\n}\r\n\r\n/** @public */\r\nexport interface ChildWindowLocationProps {\r\n  width: number;\r\n  height: number;\r\n  left: number;\r\n  top: number;\r\n}\r\n\r\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\r\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\r\n * See also: [Child Window Manager]($docs/learning/ui/framework/ChildWindows.md)\r\n * @public */\r\nexport class ChildWindowManager {\r\n  private _openChildWindows: OpenChildWindowInfo[] = [];\r\n\r\n  public get openChildWindows() {\r\n    return this._openChildWindows;\r\n  }\r\n\r\n  public findChildWindow(childWindowId: string | undefined): OpenChildWindowInfo | undefined {\r\n    if (undefined === childWindowId)\r\n      return undefined;\r\n\r\n    return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\r\n  }\r\n\r\n  public findChildWindowId(contentWindow: Window | undefined | null): string | undefined {\r\n    if (!contentWindow)\r\n      return undefined;\r\n\r\n    const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\r\n    return childWindow?.childWindowId;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode) {\r\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\r\n    if (reactConnectionDiv) {\r\n      // set openChildWindows now so components can use it when they mount\r\n      this._openChildWindows.push({\r\n        childWindowId,\r\n        window: childWindow,\r\n        parentWindow: window,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        copyStyles(childWindow.document);\r\n        setImmediate(() => {\r\n          ReactDOM.render(\r\n            <Provider store={StateManager.store} >\r\n              <UiSettingsProvider settingsStorage={UiFramework.getUiSettingsStorage()}>\r\n                <ThemeManager>\r\n                  <FrameworkVersion version=\"2\">\r\n                    <div className=\"uifw-child-window-container-host\">\r\n                      <PopupRenderer />\r\n                      <ModalDialogRenderer />\r\n                      <ModelessDialogRenderer />\r\n                      <CursorPopupMenu />\r\n                      <div className=\"uifw-child-window-container nz-widget-widget\">\r\n                        {content}\r\n                      </div>\r\n                    </div>\r\n                  </FrameworkVersion>\r\n                </ThemeManager>\r\n              </UiSettingsProvider>\r\n            </Provider>,\r\n            reactConnectionDiv\r\n          );\r\n        });\r\n      });\r\n\r\n      childWindow.onbeforeunload = () => {\r\n        const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n        if (frontStageDef) {\r\n          void frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow).then(() => {\r\n            this.closeChildWindow(childWindowId, false);\r\n          });\r\n        }\r\n      };\r\n    }\r\n  }\r\n\r\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n  public closeAllChildWindows() {\r\n    // istanbul ignore next\r\n    this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\r\n    this._openChildWindows = [];\r\n  }\r\n\r\n  public closeChildWindow = (childWindowId: string, processWindowClose = true) => {\r\n    const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\r\n    if (-1 === windowIndex)\r\n      return false;\r\n    const childWindow = this.openChildWindows[windowIndex];\r\n    this.openChildWindows.splice(windowIndex, 1);\r\n    if (processWindowClose) {\r\n      childWindow.window.close();\r\n    } else {\r\n      // call the following to convert popout to docked widget\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\r\n    }\r\n    return true;\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\r\n    const outLocation = { ...location };\r\n    if (0 === location.top && 0 === location.left) {\r\n      center = center ?? true;\r\n      const windowTop = window.top ?? window;\r\n\r\n      // Prepare position of the new window to be centered against the 'parent' window.\r\n      if (center) {\r\n        outLocation.left =\r\n          windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\r\n        outLocation.top =\r\n          windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\r\n      } else {\r\n        if (undefined !== window.screenLeft && undefined !== window.screenTop) {\r\n          outLocation.top = window.screenTop + location.top;\r\n          outLocation.left = window.screenLeft + location.left;\r\n        }\r\n      }\r\n    }\r\n    return outLocation;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public openChildWindow(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\r\n    // first check to see if content is already open in child window\r\n    if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\r\n      return false;\r\n    }\r\n\r\n    location = this.adjustWidowLocation(location);\r\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\r\n    const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\r\n    if (!childWindow)\r\n      return false;\r\n    if (0 === url.length) {\r\n      childWindow.document.write(childHtml);\r\n      this.renderChildWindowContents(childWindow, childWindowId, content);\r\n    } else {\r\n      childWindow.addEventListener(\"load\", () => {\r\n        childWindow.document.title = title;\r\n        this.renderChildWindowContents(childWindow, childWindowId, content);\r\n      }, false);\r\n    }\r\n\r\n    window.addEventListener(\"beforeunload\", () => {\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      if (frontStageDef) {\r\n        this.closeChildWindow(childWindowId, true);\r\n      }\r\n    }, false);\r\n\r\n    return true;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.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\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n */\r\n\r\nimport \"./ChildWindowManager.scss\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { copyStyles } from \"./CopyStyles\";\r\nimport { Provider } from \"react-redux\";\r\nimport { StateManager } from \"../redux/StateManager\";\r\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { FrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ThemeManager } from \"../theme/ThemeManager\";\r\n\r\nconst childHtml = `<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"utf-8\" />\r\n  <style>\r\n    html,\r\n    body {\r\n      height: 100%;\r\n      width: 100%;\r\n      margin: 0;\r\n      overflow: hidden;\r\n    }\r\n    #root {\r\n      height: 100%;\r\n    }\r\n  </style>\r\n</head>\r\n<body>\r\n  <noscript>You need to enable JavaScript to run this app.</noscript>\r\n  <div id=\"root\"></div>\r\n</body>\r\n</html>`;\r\n\r\n/** @public */\r\nexport interface OpenChildWindowInfo {\r\n  childWindowId: string;\r\n  window: Window;\r\n  parentWindow: Window;\r\n}\r\n\r\n/** @public */\r\nexport interface ChildWindowLocationProps {\r\n  width: number;\r\n  height: number;\r\n  left: number;\r\n  top: number;\r\n}\r\n\r\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\r\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\r\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\r\n * @public */\r\nexport class ChildWindowManager {\r\n  private _openChildWindows: OpenChildWindowInfo[] = [];\r\n\r\n  public get openChildWindows() {\r\n    return this._openChildWindows;\r\n  }\r\n\r\n  public findChildWindow(childWindowId: string | undefined): OpenChildWindowInfo | undefined {\r\n    if (undefined === childWindowId)\r\n      return undefined;\r\n\r\n    return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\r\n  }\r\n\r\n  public findChildWindowId(contentWindow: Window | undefined | null): string | undefined {\r\n    if (!contentWindow)\r\n      return undefined;\r\n\r\n    const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\r\n    return childWindow?.childWindowId;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode) {\r\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\r\n    if (reactConnectionDiv) {\r\n      // set openChildWindows now so components can use it when they mount\r\n      this._openChildWindows.push({\r\n        childWindowId,\r\n        window: childWindow,\r\n        parentWindow: window,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        copyStyles(childWindow.document);\r\n        setImmediate(() => {\r\n          ReactDOM.render(\r\n            <Provider store={StateManager.store} >\r\n              <UiStateStorageHandler>\r\n                <ThemeManager>\r\n                  <FrameworkVersion>\r\n                    <div className=\"uifw-child-window-container-host\">\r\n                      <PopupRenderer />\r\n                      <ModalDialogRenderer />\r\n                      <ModelessDialogRenderer />\r\n                      <CursorPopupMenu />\r\n                      <div className=\"uifw-child-window-container nz-widget-widget\">\r\n                        {content}\r\n                      </div>\r\n                    </div>\r\n                  </FrameworkVersion>\r\n                </ThemeManager>\r\n              </UiStateStorageHandler>\r\n            </Provider>,\r\n            reactConnectionDiv\r\n          );\r\n        });\r\n      });\r\n\r\n      childWindow.onbeforeunload = () => {\r\n        const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n        if (frontStageDef) {\r\n          void frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow).then(() => {\r\n            this.closeChildWindow(childWindowId, false);\r\n          });\r\n        }\r\n      };\r\n    }\r\n  }\r\n\r\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n  public closeAllChildWindows() {\r\n    // istanbul ignore next\r\n    this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\r\n    this._openChildWindows = [];\r\n  }\r\n\r\n  public closeChildWindow = (childWindowId: string, processWindowClose = true) => {\r\n    const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\r\n    if (-1 === windowIndex)\r\n      return false;\r\n    const childWindow = this.openChildWindows[windowIndex];\r\n    this.openChildWindows.splice(windowIndex, 1);\r\n    if (processWindowClose) {\r\n      childWindow.window.close();\r\n    } else {\r\n      // call the following to convert popout to docked widget\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\r\n    }\r\n    return true;\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\r\n    const outLocation = { ...location };\r\n    if (0 === location.top && 0 === location.left) {\r\n      center = center ?? true;\r\n      const windowTop = window.top ?? window;\r\n\r\n      // Prepare position of the new window to be centered against the 'parent' window.\r\n      if (center) {\r\n        outLocation.left =\r\n          windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\r\n        outLocation.top =\r\n          windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\r\n      } else {\r\n        if (undefined !== window.screenLeft && undefined !== window.screenTop) {\r\n          outLocation.top = window.screenTop + location.top;\r\n          outLocation.left = window.screenLeft + location.left;\r\n        }\r\n      }\r\n    }\r\n    return outLocation;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public openChildWindow(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\r\n    // first check to see if content is already open in child window\r\n    if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\r\n      return false;\r\n    }\r\n\r\n    location = this.adjustWidowLocation(location);\r\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\r\n    const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\r\n    if (!childWindow)\r\n      return false;\r\n    if (0 === url.length) {\r\n      childWindow.document.write(childHtml);\r\n      this.renderChildWindowContents(childWindow, childWindowId, content);\r\n    } else {\r\n      childWindow.addEventListener(\"load\", () => {\r\n        childWindow.document.title = title;\r\n        this.renderChildWindowContents(childWindow, childWindowId, content);\r\n      }, false);\r\n    }\r\n\r\n    window.addEventListener(\"beforeunload\", () => {\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      if (frontStageDef) {\r\n        this.closeChildWindow(childWindowId, true);\r\n      }\r\n    }, false);\r\n\r\n    return true;\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAmBvD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAqCtE"}
+{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAmBvD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAsCtE"}

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAiBhE;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB,CAAC,cAAc,EAAE,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,qBAAqB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC;QAC7H,OAAO,GAAG,EAAE;YACV,qBAAqB,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1C,iBAAiB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAM,IAAI,EAAC,MAAM,EACf,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,eAAe;QAE3B,KAAK,CAAC,YAAY;QAClB,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,oBAAC,kBAAkB,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,oBAAC,sBAAsB,OAAG;QAClJ,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,mBAAmB,OAAG;QACvB,oBAAC,cAAc,OAAG;QAClB,oBAAC,cAAc,OAAG;QAClB,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,iBAAiB,OAAG;QACrB,oBAAC,eAAe,OAAG;QACnB,oBAAC,mBAAmB,OAAG;QACvB,oBAAC,aAAa,OAAG,CACZ,CACR,CAAC;AACJ,CAAC","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 ConfigurableUi\r\n */\r\n\r\nimport \"./configurableui.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Point } from \"@itwin/core-react\";\r\nimport { CursorInformation } from \"../cursor/CursorInformation\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\r\nimport { FrontstageComposer } from \"../frontstage/FrontstageComposer\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\r\nimport { InputFieldMessage } from \"../messages/InputField\";\r\nimport { PointerMessage } from \"../messages/Pointer\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\r\nimport { ConfigurableUiManager } from \"./ConfigurableUiManager\";\r\n\r\n// cSpell:ignore cursormenu cursorpopup\r\n\r\n/** Properties for [[ConfigurableUiContent]]\r\n * @public\r\n */\r\nexport interface ConfigurableUiContentProps extends CommonProps {\r\n  /** React node of the Backstage */\r\n  appBackstage?: React.ReactNode;\r\n\r\n  /** @internal */\r\n  idleTimeout?: number;\r\n  /** @internal */\r\n  intervalTimeout?: number;\r\n}\r\n\r\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\r\n * @public\r\n */\r\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\r\n  const version = useFrameworkVersion();\r\n  React.useEffect(() => {\r\n    KeyboardShortcutManager.setFocusToHome();\r\n  }, []);\r\n  React.useEffect(() => {\r\n    ConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });\r\n    return () => {\r\n      ConfigurableUiManager.activityTracker.terminate();\r\n    };\r\n  }, [props.idleTimeout, props.intervalTimeout]);\r\n\r\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\r\n    const point = new Point(e.pageX, e.pageY);\r\n    CursorInformation.handleMouseMove(point);\r\n  }, []);\r\n\r\n  return (\r\n    <main role=\"main\"\r\n      id=\"uifw-configurableui-wrapper\"\r\n      className={props.className}\r\n      style={props.style}\r\n      onMouseMove={handleMouseMove}\r\n    >\r\n      {props.appBackstage}\r\n      {version === \"1\" ? <FrontstageComposer style={{ position: \"relative\", height: \"100%\" }} /> : /* istanbul ignore next */ <WidgetPanelsFrontstage />}\r\n      <ModelessDialogRenderer />\r\n      <ModalDialogRenderer />\r\n      <ElementTooltip />\r\n      <PointerMessage />\r\n      <KeyboardShortcutMenu />\r\n      <InputFieldMessage />\r\n      <CursorPopupMenu />\r\n      <CursorPopupRenderer />\r\n      <PopupRenderer />\r\n    </main>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.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 ConfigurableUi\r\n */\r\n\r\nimport \"./configurableui.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Point } from \"@itwin/core-react\";\r\nimport { CursorInformation } from \"../cursor/CursorInformation\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\r\nimport { FrontstageComposer } from \"../frontstage/FrontstageComposer\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\r\nimport { InputFieldMessage } from \"../messages/InputField\";\r\nimport { PointerMessage } from \"../messages/Pointer\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\r\nimport { ConfigurableUiManager } from \"./ConfigurableUiManager\";\r\n\r\n// cSpell:ignore cursormenu cursorpopup\r\n\r\n/** Properties for [[ConfigurableUiContent]]\r\n * @public\r\n */\r\nexport interface ConfigurableUiContentProps extends CommonProps {\r\n  /** React node of the Backstage */\r\n  appBackstage?: React.ReactNode;\r\n\r\n  /** @internal */\r\n  idleTimeout?: number;\r\n  /** @internal */\r\n  intervalTimeout?: number;\r\n}\r\n\r\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\r\n * @public\r\n */\r\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\r\n  const version = useFrameworkVersion();\r\n  React.useEffect(() => {\r\n    KeyboardShortcutManager.setFocusToHome();\r\n  }, []);\r\n  React.useEffect(() => {\r\n    ConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });\r\n    return () => {\r\n      ConfigurableUiManager.activityTracker.terminate();\r\n    };\r\n  }, [props.idleTimeout, props.intervalTimeout]);\r\n\r\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\r\n    const point = new Point(e.pageX, e.pageY);\r\n    CursorInformation.handleMouseMove(point);\r\n  }, []);\r\n\r\n  return (\r\n    <main role=\"main\"\r\n      id=\"uifw-configurableui-wrapper\"\r\n      className={props.className}\r\n      style={props.style}\r\n      onMouseMove={handleMouseMove}\r\n    >\r\n      {props.appBackstage}\r\n      {/* eslint-disable-next-line deprecation/deprecation */}\r\n      {version === \"1\" ? <FrontstageComposer style={{ position: \"relative\", height: \"100%\" }} /> : /* istanbul ignore next */ <WidgetPanelsFrontstage />}\r\n      <ModelessDialogRenderer />\r\n      <ModalDialogRenderer />\r\n      <ElementTooltip />\r\n      <PointerMessage />\r\n      <KeyboardShortcutMenu />\r\n      <InputFieldMessage />\r\n      <CursorPopupMenu />\r\n      <CursorPopupRenderer />\r\n      <PopupRenderer />\r\n    </main>\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/configurableui/state.d.ts

@@ -2,6 +2,7 @@
  * @module State
  */
 import { ActionsUnion } from "../redux/redux-ts";
+import { FrameworkVersionId } from "../UiFramework";
 /** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.
  *  Since these are also used as sync ids they should be in lowercase.
  * @public
@@ -12,7 +13,9 @@ export declare enum ConfigurableUiActionId {
     SetToolPrompt = "configurableui:set_toolprompt",
     SetWidgetOpacity = "configurableui:set_widget_opacity",
     SetDragInteraction = "configurableui:set-drag-interaction",
-    SetFrameworkVersion = "configurableui:set-framework-version"
+    SetFrameworkVersion = "configurableui:set-framework-version",
+    SetShowWidgetIcon = "configurableui:set-show-widget-icon",
+    SetViewOverlayDisplay = "configurableui:set-view-overlay-display"
 }
 /** The portion of state managed by the ConfigurableUiReducer.
  * @public
@@ -23,7 +26,9 @@ export interface ConfigurableUiState {
     theme: string;
     widgetOpacity: number;
     useDragInteraction: boolean;
-    frameworkVersion: string;
+    frameworkVersion: FrameworkVersionId;
+    showWidgetIcon: boolean;
+    viewOverlayDisplay: boolean;
 }
 /** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.
  * @public
@@ -34,7 +39,9 @@ export declare const ConfigurableUiActions: {
     setToolPrompt: (toolPrompt: string) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetToolPrompt, string>;
     setWidgetOpacity: (opacity: number) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetWidgetOpacity, number>;
     setDragInteraction: (dragInteraction: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetDragInteraction, boolean>;
-    setFrameworkVersion: (frameworkVersion: string) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetFrameworkVersion, string>;
+    setFrameworkVersion: (frameworkVersion: FrameworkVersionId) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetFrameworkVersion, FrameworkVersionId>;
+    setShowWidgetIcon: (showWidgetIcon: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetShowWidgetIcon, boolean>;
+    setViewOverlayDisplay: (displayViewOverlay: boolean) => import("../redux/redux-ts").ActionWithPayload<ConfigurableUiActionId.SetViewOverlayDisplay, boolean>;
 };
 /** Union of ConfigurableUi Redux actions
  * @public

package/lib/esm/appui-react/configurableui/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAgB,MAAM,mBAAmB,CAAC;AAK/D;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,mBAAmB,yCAAyC;CAC7D;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAYD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAGpB,MAAM;gCAGD,MAAM;gCAGT,MAAM;0CACoB,OAAO;4CACL,MAAM;CAC/C,CAAC;AAEF;;GAEG;AACH,oBAAY,0BAA0B,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,iCAAoC,EAAE,MAAM,EAAE,0BAA0B,GAAG,mBAAmB,CAwBxI"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAgB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIpD;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,mBAAmB,yCAAyC;IAC5D,iBAAiB,wCAAwC;IACzD,qBAAqB,4CAA4C;CAClE;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAcD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAGpB,MAAM;gCAGD,MAAM;gCAGT,MAAM;0CACoB,OAAO;4CACL,kBAAkB;wCACtB,OAAO;gDACC,OAAO;CACpD,CAAC;AAEF;;GAEG;AACH,oBAAY,0BAA0B,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,iCAAoC,EAAE,MAAM,EAAE,0BAA0B,GAAG,mBAAmB,CA+BxI"}

package/lib/esm/appui-react/configurableui/state.js

@@ -21,6 +21,8 @@ export var ConfigurableUiActionId;
     ConfigurableUiActionId["SetWidgetOpacity"] = "configurableui:set_widget_opacity";
     ConfigurableUiActionId["SetDragInteraction"] = "configurableui:set-drag-interaction";
     ConfigurableUiActionId["SetFrameworkVersion"] = "configurableui:set-framework-version";
+    ConfigurableUiActionId["SetShowWidgetIcon"] = "configurableui:set-show-widget-icon";
+    ConfigurableUiActionId["SetViewOverlayDisplay"] = "configurableui:set-view-overlay-display";
 })(ConfigurableUiActionId || (ConfigurableUiActionId = {}));
 /** used on first call of ConfigurableUiReducer */
 const initialState = {
@@ -29,7 +31,9 @@ const initialState = {
     theme: SYSTEM_PREFERRED_COLOR_THEME,
     widgetOpacity: WIDGET_OPACITY_DEFAULT,
     useDragInteraction: false,
-    frameworkVersion: "1",
+    frameworkVersion: "2",
+    showWidgetIcon: true,
+    viewOverlayDisplay: true,
 };
 /** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.
  * @public
@@ -47,6 +51,8 @@ export const ConfigurableUiActions = {
     (opacity) => createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),
     setDragInteraction: (dragInteraction) => createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),
     setFrameworkVersion: (frameworkVersion) => createAction(ConfigurableUiActionId.SetFrameworkVersion, frameworkVersion),
+    setShowWidgetIcon: (showWidgetIcon) => createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),
+    setViewOverlayDisplay: (displayViewOverlay) => createAction(ConfigurableUiActionId.SetViewOverlayDisplay, displayViewOverlay),
 };
 /** Handles actions to update ConfigurableUiState.
  * @public
@@ -70,7 +76,14 @@ export function ConfigurableUiReducer(state = initialState, action) {
             return { ...state, useDragInteraction: action.payload };
         }
         case ConfigurableUiActionId.SetFrameworkVersion: {
-            return { ...state, frameworkVersion: action.payload };
+            const frameworkVersion = (action.payload);
+            return { ...state, frameworkVersion };
+        }
+        case ConfigurableUiActionId.SetShowWidgetIcon: {
+            return { ...state, showWidgetIcon: action.payload };
+        }
+        case ConfigurableUiActionId.SetViewOverlayDisplay: {
+            return { ...state, viewOverlayDisplay: action.payload };
         }
     }
     return outState;

package/lib/esm/appui-react/configurableui/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"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 State\r\n */\r\n\r\nimport { SnapMode } from \"@itwin/core-frontend\";\r\nimport { ActionsUnion, createAction } from \"../redux/redux-ts\";\r\nimport { SYSTEM_PREFERRED_COLOR_THEME, WIDGET_OPACITY_DEFAULT } from \"../theme/ThemeManager\";\r\n\r\n// cSpell:ignore configurableui snapmode toolprompt\r\n\r\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\r\n *  Since these are also used as sync ids they should be in lowercase.\r\n * @public\r\n */\r\nexport enum ConfigurableUiActionId {\r\n  SetSnapMode = \"configurableui:set_snapmode\",\r\n  SetTheme = \"configurableui:set_theme\",\r\n  SetToolPrompt = \"configurableui:set_toolprompt\",\r\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\r\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\r\n  SetFrameworkVersion = \"configurableui:set-framework-version\",\r\n}\r\n\r\n/** The portion of state managed by the ConfigurableUiReducer.\r\n * @public\r\n */\r\nexport interface ConfigurableUiState {\r\n  snapMode: number;\r\n  toolPrompt: string;\r\n  theme: string;\r\n  widgetOpacity: number;\r\n  useDragInteraction: boolean;\r\n  frameworkVersion: string;\r\n}\r\n\r\n/** used on first call of ConfigurableUiReducer */\r\nconst initialState: ConfigurableUiState = {\r\n  snapMode: SnapMode.NearestKeypoint as number,\r\n  toolPrompt: \"\",\r\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\r\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\r\n  useDragInteraction: false,\r\n  frameworkVersion: \"1\",\r\n};\r\n\r\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\r\n * @public\r\n */\r\nexport const ConfigurableUiActions = {   // eslint-disable-line @typescript-eslint/naming-convention\r\n  setSnapMode: (snapMode: number) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\r\n  setTheme:\r\n    // istanbul ignore next\r\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\r\n  setToolPrompt:\r\n    // istanbul ignore next\r\n    (toolPrompt: string) => createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\r\n  setWidgetOpacity:\r\n    // istanbul ignore next\r\n    (opacity: number) => createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\r\n  setDragInteraction: (dragInteraction: boolean) => createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\r\n  setFrameworkVersion: (frameworkVersion: string) => createAction(ConfigurableUiActionId.SetFrameworkVersion, frameworkVersion),\r\n};\r\n\r\n/** Union of ConfigurableUi Redux actions\r\n * @public\r\n */\r\nexport type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;\r\n\r\n/** Handles actions to update ConfigurableUiState.\r\n * @public\r\n */\r\nexport function ConfigurableUiReducer(state: ConfigurableUiState = initialState, action: ConfigurableUiActionsUnion): ConfigurableUiState {\r\n  const outState = state;\r\n\r\n  switch (action.type) {\r\n    case ConfigurableUiActionId.SetSnapMode: {\r\n      return { ...state, snapMode: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolPrompt: {\r\n      return { ...state, toolPrompt: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetTheme: {\r\n      return { ...state, theme: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetWidgetOpacity: {\r\n      return { ...state, widgetOpacity: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetDragInteraction: {\r\n      return { ...state, useDragInteraction: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetFrameworkVersion: {\r\n      return { ...state, frameworkVersion: action.payload };\r\n    }\r\n  }\r\n  return outState;\r\n}\r\n"]}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"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 State\r\n */\r\n\r\nimport { SnapMode } from \"@itwin/core-frontend\";\r\nimport { ActionsUnion, createAction } from \"../redux/redux-ts\";\r\nimport { SYSTEM_PREFERRED_COLOR_THEME, WIDGET_OPACITY_DEFAULT } from \"../theme/ThemeManager\";\r\nimport { FrameworkVersionId } from \"../UiFramework\";\r\n\r\n// cSpell:ignore configurableui snapmode toolprompt\r\n\r\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\r\n *  Since these are also used as sync ids they should be in lowercase.\r\n * @public\r\n */\r\nexport enum ConfigurableUiActionId {\r\n  SetSnapMode = \"configurableui:set_snapmode\",\r\n  SetTheme = \"configurableui:set_theme\",\r\n  SetToolPrompt = \"configurableui:set_toolprompt\",\r\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\r\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\r\n  SetFrameworkVersion = \"configurableui:set-framework-version\",\r\n  SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\r\n  SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\r\n}\r\n\r\n/** The portion of state managed by the ConfigurableUiReducer.\r\n * @public\r\n */\r\nexport interface ConfigurableUiState {\r\n  snapMode: number;\r\n  toolPrompt: string;\r\n  theme: string;\r\n  widgetOpacity: number;\r\n  useDragInteraction: boolean;\r\n  frameworkVersion: FrameworkVersionId;\r\n  showWidgetIcon: boolean;\r\n  viewOverlayDisplay: boolean;\r\n}\r\n\r\n/** used on first call of ConfigurableUiReducer */\r\nconst initialState: ConfigurableUiState = {\r\n  snapMode: SnapMode.NearestKeypoint as number,\r\n  toolPrompt: \"\",\r\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\r\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\r\n  useDragInteraction: false,\r\n  frameworkVersion: \"2\",\r\n  showWidgetIcon: true,\r\n  viewOverlayDisplay: true,\r\n};\r\n\r\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\r\n * @public\r\n */\r\nexport const ConfigurableUiActions = {   // eslint-disable-line @typescript-eslint/naming-convention\r\n  setSnapMode: (snapMode: number) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\r\n  setTheme:\r\n    // istanbul ignore next\r\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\r\n  setToolPrompt:\r\n    // istanbul ignore next\r\n    (toolPrompt: string) => createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\r\n  setWidgetOpacity:\r\n    // istanbul ignore next\r\n    (opacity: number) => createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\r\n  setDragInteraction: (dragInteraction: boolean) => createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\r\n  setFrameworkVersion: (frameworkVersion: FrameworkVersionId) => createAction(ConfigurableUiActionId.SetFrameworkVersion, frameworkVersion),\r\n  setShowWidgetIcon: (showWidgetIcon: boolean) => createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\r\n  setViewOverlayDisplay: (displayViewOverlay: boolean) => createAction(ConfigurableUiActionId.SetViewOverlayDisplay, displayViewOverlay),\r\n};\r\n\r\n/** Union of ConfigurableUi Redux actions\r\n * @public\r\n */\r\nexport type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;\r\n\r\n/** Handles actions to update ConfigurableUiState.\r\n * @public\r\n */\r\nexport function ConfigurableUiReducer(state: ConfigurableUiState = initialState, action: ConfigurableUiActionsUnion): ConfigurableUiState {\r\n  const outState = state;\r\n\r\n  switch (action.type) {\r\n    case ConfigurableUiActionId.SetSnapMode: {\r\n      return { ...state, snapMode: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolPrompt: {\r\n      return { ...state, toolPrompt: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetTheme: {\r\n      return { ...state, theme: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetWidgetOpacity: {\r\n      return { ...state, widgetOpacity: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetDragInteraction: {\r\n      return { ...state, useDragInteraction: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetFrameworkVersion: {\r\n      const frameworkVersion = (action.payload);\r\n      return { ...state, frameworkVersion };\r\n    }\r\n    case ConfigurableUiActionId.SetShowWidgetIcon: {\r\n      return { ...state, showWidgetIcon: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetViewOverlayDisplay: {\r\n      return { ...state, viewOverlayDisplay: action.payload };\r\n    }\r\n  }\r\n  return outState;\r\n}\r\n"]}

package/lib/esm/appui-react/content/ContentControl.d.ts

@@ -4,7 +4,7 @@
 import * as React from "react";
 import { Id64String } from "@itwin/core-bentley";
 import { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-frontend";
-import { UiEvent } from "@itwin/core-react";
+import { UiEvent } from "@itwin/appui-abstract";
 import { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
 /** ControlControl Activated Event Args interface.
  * @public

package/lib/esm/appui-react/content/ContentControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEnI;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,oBAAoB,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,OAAO,CAAC,gCAAgC,CAAC;CAAI;AAE/F;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,0BAA0B,EAAE,OAAO,CAAC;IACpC,qCAAqC;IACrC,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtI;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,qBAAqB;IACvD,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,OAAO,CAAC,SAAS,CAAS;IAE1B;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,mDAAmD;IAC5C,WAAW,IAAI,IAAI;IAG1B,qDAAqD;IAC9C,aAAa,IAAI,IAAI;IAG5B,8EAA8E;IACvE,OAAO,IAAI,yBAAyB;IAE3C,0DAA0D;IAC1D,IAAW,UAAU,IAAI,OAAO,CAAkB;IAClD,uDAAuD;IACvD,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAAsB;IAEvE,SAAS,CAAC,iBAAiB,IAAI,KAAK,CAAC,SAAS;IAa9C,SAAS,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS;IAIzC,mDAAmD;IACnD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IAED,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB,IAAI,MAAM,CAExC;CAEF"}
+{"version":3,"file":"ContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEnI;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,oBAAoB,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,OAAO,CAAC,gCAAgC,CAAC;CAAI;AAE/F;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,0BAA0B,EAAE,OAAO,CAAC;IACpC,qCAAqC;IACrC,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtI;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,qBAAqB;IACvD,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,OAAO,CAAC,SAAS,CAAS;IAE1B;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,mDAAmD;IAC5C,WAAW,IAAI,IAAI;IAG1B,qDAAqD;IAC9C,aAAa,IAAI,IAAI;IAG5B,8EAA8E;IACvE,OAAO,IAAI,yBAAyB;IAE3C,0DAA0D;IAC1D,IAAW,UAAU,IAAI,OAAO,CAAkB;IAClD,uDAAuD;IACvD,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAAsB;IAEvE,SAAS,CAAC,iBAAiB,IAAI,KAAK,CAAC,SAAS;IAa9C,SAAS,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS;IAIzC,mDAAmD;IACnD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IAED,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB,IAAI,MAAM,CAExC;CAEF"}

package/lib/esm/appui-react/content/ContentControl.js

@@ -6,7 +6,7 @@
  * @module ContentView
  */
 import * as React from "react";
-import { UiEvent } from "@itwin/core-react";
+import { UiEvent } from "@itwin/appui-abstract";
 import { ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
 /** ContentControl Activated Event class.
  * @public

package/lib/esm/appui-react/content/ContentControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAA0B,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAUnI;;GAEG;AACH,MAAM,OAAO,4BAA6B,SAAQ,OAAyC;CAAI;AAY/F;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,qBAAqB;IAIvD;;;OAGG;IACH,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPf,cAAS,GAAG,KAAK,CAAC;IAQ1B,CAAC;IAED,mDAAmD;IAC5C,WAAW;IAClB,CAAC;IAED,qDAAqD;IAC9C,aAAa;IACpB,CAAC;IAED,8EAA8E;IACvE,OAAO,KAAgC,OAAO,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzF,0DAA0D;IAC1D,IAAW,UAAU,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IAClD,uDAAuD;IACvD,IAAW,QAAQ,KAAiC,OAAO,SAAS,CAAC,CAAC,CAAC;IAE7D,iBAAiB;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAC5D,uBAAuB;YACvB,IAAI,CAAE,IAAI,CAAC,UAAsC,CAAC,GAAG,EAAE;gBACrD,MAAM,eAAe,GAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;aACxE;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;QAED,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC;IAED,mDAAmD;IACnD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;CAEF","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 ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport { IModelConnection, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/core-react\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** ControlControl Activated Event Args interface.\r\n * @public\r\n */\r\nexport interface ContentControlActivatedEventArgs {\r\n  activeContentControl: ContentControl;\r\n  oldContentControl?: ContentControl;\r\n}\r\n\r\n/** ContentControl Activated Event class.\r\n * @public\r\n */\r\nexport class ContentControlActivatedEvent extends UiEvent<ContentControlActivatedEventArgs> { }\r\n\r\n/** Interface to be implemented when the ContentControl supports ViewSelector changes\r\n * @public\r\n */\r\nexport interface SupportsViewSelectorChange {\r\n  /** Returns true if this control supports reacting to ViewSelector changes. */\r\n  supportsViewSelectorChange: boolean;\r\n  /** Process a ViewSelector change. */\r\n  processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void>;\r\n}\r\n\r\n/** The base class for Frontstage content controls.\r\n * @public\r\n */\r\nexport class ContentControl extends ConfigurableUiControl {\r\n  protected _reactNode: React.ReactNode;\r\n  private _keyAdded = false;\r\n\r\n  /** Creates an instance of ContentControl.\r\n   * @param info         An object that the subclass must pass to this base class.\r\n   * @param options      Options provided via the applicationData in a [[ContentProps]].\r\n   */\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public onActivated(): void {\r\n  }\r\n\r\n  /** Called when this ContentControl is deactivated */\r\n  public onDeactivated(): void {\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Content' in this case */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Content; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public get isViewport(): boolean { return false; }\r\n  /** Returns the ScreenViewport if isViewport is true */\r\n  public get viewport(): ScreenViewport | undefined { return undefined; }\r\n\r\n  protected getKeyedReactNode(): React.ReactNode {\r\n    if (!this._keyAdded && React.isValidElement(this._reactNode)) {\r\n      // istanbul ignore else\r\n      if (!(this._reactNode as React.ReactElement<any>).key) {\r\n        const additionalProps: any = { key: this.uniqueId };\r\n        this._reactNode = React.cloneElement(this._reactNode, additionalProps);\r\n      }\r\n      this._keyAdded = true;\r\n    }\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  protected getReactNode(): React.ReactNode {\r\n    return this.getKeyedReactNode();\r\n  }\r\n\r\n  /** The React node associated with this control. */\r\n  public get reactNode(): React.ReactNode {\r\n    return this.getReactNode();\r\n  }\r\n\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public get navigationAidControl(): string {\r\n    return \"\";\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"ContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAA0B,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAUnI;;GAEG;AACH,MAAM,OAAO,4BAA6B,SAAQ,OAAyC;CAAI;AAY/F;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,qBAAqB;IAIvD;;;OAGG;IACH,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPf,cAAS,GAAG,KAAK,CAAC;IAQ1B,CAAC;IAED,mDAAmD;IAC5C,WAAW;IAClB,CAAC;IAED,qDAAqD;IAC9C,aAAa;IACpB,CAAC;IAED,8EAA8E;IACvE,OAAO,KAAgC,OAAO,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzF,0DAA0D;IAC1D,IAAW,UAAU,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IAClD,uDAAuD;IACvD,IAAW,QAAQ,KAAiC,OAAO,SAAS,CAAC,CAAC,CAAC;IAE7D,iBAAiB;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAC5D,uBAAuB;YACvB,IAAI,CAAE,IAAI,CAAC,UAAsC,CAAC,GAAG,EAAE;gBACrD,MAAM,eAAe,GAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;aACxE;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;QAED,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC;IAED,mDAAmD;IACnD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;CAEF","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 ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport { IModelConnection, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** ControlControl Activated Event Args interface.\r\n * @public\r\n */\r\nexport interface ContentControlActivatedEventArgs {\r\n  activeContentControl: ContentControl;\r\n  oldContentControl?: ContentControl;\r\n}\r\n\r\n/** ContentControl Activated Event class.\r\n * @public\r\n */\r\nexport class ContentControlActivatedEvent extends UiEvent<ContentControlActivatedEventArgs> { }\r\n\r\n/** Interface to be implemented when the ContentControl supports ViewSelector changes\r\n * @public\r\n */\r\nexport interface SupportsViewSelectorChange {\r\n  /** Returns true if this control supports reacting to ViewSelector changes. */\r\n  supportsViewSelectorChange: boolean;\r\n  /** Process a ViewSelector change. */\r\n  processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void>;\r\n}\r\n\r\n/** The base class for Frontstage content controls.\r\n * @public\r\n */\r\nexport class ContentControl extends ConfigurableUiControl {\r\n  protected _reactNode: React.ReactNode;\r\n  private _keyAdded = false;\r\n\r\n  /** Creates an instance of ContentControl.\r\n   * @param info         An object that the subclass must pass to this base class.\r\n   * @param options      Options provided via the applicationData in a [[ContentProps]].\r\n   */\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public onActivated(): void {\r\n  }\r\n\r\n  /** Called when this ContentControl is deactivated */\r\n  public onDeactivated(): void {\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Content' in this case */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Content; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public get isViewport(): boolean { return false; }\r\n  /** Returns the ScreenViewport if isViewport is true */\r\n  public get viewport(): ScreenViewport | undefined { return undefined; }\r\n\r\n  protected getKeyedReactNode(): React.ReactNode {\r\n    if (!this._keyAdded && React.isValidElement(this._reactNode)) {\r\n      // istanbul ignore else\r\n      if (!(this._reactNode as React.ReactElement<any>).key) {\r\n        const additionalProps: any = { key: this.uniqueId };\r\n        this._reactNode = React.cloneElement(this._reactNode, additionalProps);\r\n      }\r\n      this._keyAdded = true;\r\n    }\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  protected getReactNode(): React.ReactNode {\r\n    return this.getKeyedReactNode();\r\n  }\r\n\r\n  /** The React node associated with this control. */\r\n  public get reactNode(): React.ReactNode {\r\n    return this.getReactNode();\r\n  }\r\n\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public get navigationAidControl(): string {\r\n    return \"\";\r\n  }\r\n\r\n}\r\n"]}

package/lib/esm/appui-react/content/ContentLayout.d.ts

@@ -3,9 +3,9 @@
  */
 import "./ContentLayout.scss";
 import * as React from "react";
-import { CommonProps, UiEvent } from "@itwin/core-react";
+import { CommonProps } from "@itwin/core-react";
 import { ContentGroup } from "./ContentGroup";
-import { ContentLayoutProps, LayoutFragmentProps } from "@itwin/appui-abstract";
+import { ContentLayoutProps, LayoutFragmentProps, UiEvent } from "@itwin/appui-abstract";
 /** Common interface for HorizontalSplit and VerticalSplit
  */
 interface LayoutSplit {