@itwin/appui-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/cjs/appui-react/content/ViewportContentControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACwB,gBAAgB,EAAyB,cAAc,EAAoC,SAAS,EAClI,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAM5G,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAG9E;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,cAAe,YAAW,0BAA0B;IAC9F,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,sBAAsB,CAAC,CAAa;IAE5C;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAQtD,+EAA+E;IAC/D,OAAO,IAAI,yBAAyB;IAEpD,0DAA0D;IAC1D,IAAoB,UAAU,IAAI,OAAO,CAAiB;IAE1D,oCAAoC;IACpC,IAAoB,QAAQ,IAAI,cAAc,GAAG,SAAS,CAA2B;IACrF,IAAoB,QAAQ,CAAC,CAAC,EAAE,cAAc,GAAG,SAAS,EAGzD;IAED;OACG;IACI,UAAU,IAAI,IAAI;IAOzB;OACG;IACH,IAAoB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAA0B;IAEtE,mDAAmD;IACnC,WAAW,IAAI,IAAI;IAInC,uEAAuE;IACvE,IAAoB,oBAAoB,IAAI,MAAM,CASjD;IAED;;;;OAIG;IACH,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,6EAA6E;IAC7E,IAAW,0BAA0B,IAAI,OAAO,CAAiB;IAEjE,qCAAqC;IAExB,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjJ,uDAAuD;IAEhD,oCAAoC,CAAC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;CAC7J;AAED;;GAEG;AACH,qBAAa,8BAA+B,SAAQ,sBAAsB;gBAC5D,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;IAMjE,mDAAmD;IACnD,IAAoB,SAAS,IAAI,KAAK,CAAC,SAAS,CAE/C;IAED,IAAoB,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAO/C;CACF"}
+{"version":3,"file":"ViewportContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACwB,gBAAgB,EAAyB,cAAc,EAAoC,SAAS,EAClI,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAM5G,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAE9E;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,cAAe,YAAW,0BAA0B;IAC9F,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,sBAAsB,CAAC,CAAa;IAE5C;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAQtD,+EAA+E;IAC/D,OAAO,IAAI,yBAAyB;IAEpD,0DAA0D;IAC1D,IAAoB,UAAU,IAAI,OAAO,CAAiB;IAE1D,oCAAoC;IACpC,IAAoB,QAAQ,IAAI,cAAc,GAAG,SAAS,CAA2B;IACrF,IAAoB,QAAQ,CAAC,CAAC,EAAE,cAAc,GAAG,SAAS,EAGzD;IAED;OACG;IACI,UAAU,IAAI,IAAI;IAOzB;OACG;IACH,IAAoB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAA0B;IAEtE,mDAAmD;IACnC,WAAW,IAAI,IAAI;IAInC,uEAAuE;IACvE,IAAoB,oBAAoB,IAAI,MAAM,CASjD;IAED;;;;OAIG;IACH,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,6EAA6E;IAC7E,IAAW,0BAA0B,IAAI,OAAO,CAAiB;IAEjE,qCAAqC;IAExB,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjJ,uDAAuD;IAEhD,oCAAoC,CAAC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;CAC7J;AAED;;GAEG;AACH,qBAAa,8BAA+B,SAAQ,sBAAsB;gBAC5D,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;IAMjE,mDAAmD;IACnD,IAAoB,SAAS,IAAI,KAAK,CAAC,SAAS,CAE/C;IAED,IAAoB,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAO/C;CACF"}

package/lib/cjs/appui-react/content/ViewportContentControl.js

@@ -10,13 +10,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FloatingViewportContentControl = exports.ViewportContentControl = void 0;
 const core_frontend_1 = require("@itwin/core-frontend");
 const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
 const CubeNavigationAidControl_1 = require("../navigationaids/CubeNavigationAidControl");
 const DrawingNavigationAidControl_1 = require("../navigationaids/DrawingNavigationAidControl");
 const SheetNavigationAid_1 = require("../navigationaids/SheetNavigationAid");
+const UiFramework_1 = require("../UiFramework");
 const ViewUtilities_1 = require("../utils/ViewUtilities");
 const ContentControl_1 = require("./ContentControl");
-const ContentViewManager_1 = require("./ContentViewManager");
 /**
  * The base class for frontstage Viewport content controls that connects to a `ScreenViewport`
  * that is managed by the `ViewManager`.
@@ -101,7 +100,7 @@ class ViewportContentControl extends ContentControl_1.ContentControl {
         else {
             this.reactNode = this.getReactElementForViewSelectorChange(iModel, viewDefinitionId, viewState, name);
         }
-        ContentViewManager_1.ContentViewManager.refreshActiveContent(this.reactNode);
+        UiFramework_1.UiFramework.content.refreshActive(this.reactNode);
     }
     /** Get the React.Element for a ViewSelector change. */
     // istanbul ignore next
@@ -123,7 +122,7 @@ class FloatingViewportContentControl extends ViewportContentControl {
     }
     set reactNode(r) {
         this._reactNode = r;
-        const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
+        const activeFrontstageDef = UiFramework_1.UiFramework.frontstages.activeFrontstageDef;
         // istanbul ignore else
         if (this.viewport && activeFrontstageDef)
             activeFrontstageDef.setActiveViewFromViewport(this.viewport);

package/lib/cjs/appui-react/content/ViewportContentControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.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 ContentView\r\n */\r\n\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport {\r\n  DrawingViewState, IModelApp, IModelConnection, OrthographicViewState, ScreenViewport, SheetViewState, SpatialViewState, ViewState,\r\n} from \"@itwin/core-frontend\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { CubeNavigationAidControl } from \"../navigationaids/CubeNavigationAidControl\";\r\nimport { DrawingNavigationAidControl } from \"../navigationaids/DrawingNavigationAidControl\";\r\nimport { SheetNavigationAidControl } from \"../navigationaids/SheetNavigationAid\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ContentControl, SupportsViewSelectorChange } from \"./ContentControl\";\r\nimport { ContentViewManager } from \"./ContentViewManager\";\r\n\r\n/**\r\n * The base class for frontstage Viewport content controls that connects to a `ScreenViewport`\r\n * that is managed by the `ViewManager`.\r\n * @public\r\n */\r\nexport class ViewportContentControl extends ContentControl implements SupportsViewSelectorChange {\r\n  private _viewport: ScreenViewport | undefined;\r\n  private _isReady: Promise<void>;\r\n  private _viewportReadyCallback?: () => void;\r\n\r\n  /** Creates an instance of ViewportContentControl.\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    this._isReady = new Promise<void>((onSuccess: () => void, _onFailure: () => void): void => {\r\n      this._viewportReadyCallback = onSuccess;\r\n    });\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Viewport' in this case */\r\n  public override getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Viewport; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public override get isViewport(): boolean { return true; }\r\n\r\n  /** The underlying ScreenViewport */\r\n  public override get viewport(): ScreenViewport | undefined { return this._viewport; }\r\n  public override set viewport(v: ScreenViewport | undefined) {\r\n    this._viewport = v;\r\n    this.setIsReady();\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public setIsReady(): void {\r\n    // istanbul ignore else\r\n    if (this._viewportReadyCallback) {\r\n      this._viewportReadyCallback();\r\n    }\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public override get isReady(): Promise<void> { return this._isReady; }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public override onActivated(): void {\r\n    super.onActivated();\r\n  }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public override get navigationAidControl(): string {\r\n    let navigationAidId = \"\";\r\n\r\n    // istanbul ignore else\r\n    if (this.viewport) {\r\n      navigationAidId = this._getNavigationAid(this.viewport.view.classFullName);\r\n    }\r\n\r\n    return navigationAidId;\r\n  }\r\n\r\n  /**\r\n   * Fetches appropriate NavigationAid based on the class of the current viewport.\r\n   * @param classFullName The full name of the current viewport class.\r\n   * @returns The ID of the navigation aid to be displayed.\r\n   */\r\n  private _getNavigationAid = (classFullName: string) => {\r\n    const className = ViewUtilities.getBisBaseClass(classFullName);\r\n    let navigationAidId = \"\";\r\n\r\n    switch (className) {\r\n      case SheetViewState.className:\r\n        navigationAidId = SheetNavigationAidControl.navigationAidId;\r\n        break;\r\n      case DrawingViewState.className:\r\n        navigationAidId = DrawingNavigationAidControl.navigationAidId;\r\n        break;\r\n      case SpatialViewState.className:\r\n      case OrthographicViewState.className:\r\n        navigationAidId = CubeNavigationAidControl.navigationAidId;\r\n        break;\r\n    }\r\n\r\n    return navigationAidId;\r\n  };\r\n\r\n  /** Returns true if this control supports processing ViewSelector changes. */\r\n  public get supportsViewSelectorChange(): boolean { return true; }\r\n\r\n  /** Process a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public async processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void> {\r\n    if (this.viewport) {\r\n      if (IModelApp.viewManager && this.viewport === IModelApp.viewManager.selectedView)\r\n        this.viewport.changeView(viewState);\r\n    } else {\r\n      this.reactNode = this.getReactElementForViewSelectorChange(iModel, viewDefinitionId, viewState, name);\r\n    }\r\n    ContentViewManager.refreshActiveContent(this.reactNode);\r\n  }\r\n\r\n  /** Get the React.Element for a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public getReactElementForViewSelectorChange(_iModel: IModelConnection, _viewDefinitionId: Id64String, _viewState: ViewState, _name: string): React.ReactNode { return null; }\r\n}\r\n\r\n/**\r\n * @beta\r\n */\r\nexport class FloatingViewportContentControl extends ViewportContentControl {\r\n  constructor(uniqueId: string, name: string, node: React.ReactNode) {\r\n    super(new ConfigurableCreateInfo(name, uniqueId, name), undefined);\r\n    this._reactNode = node;\r\n    this.setIsReady();\r\n  }\r\n\r\n  /** The React node associated with this control. */\r\n  public override get reactNode(): React.ReactNode {\r\n    return this._reactNode;\r\n  }\r\n\r\n  public override set reactNode(r: React.ReactNode) {\r\n    this._reactNode = r;\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n    // istanbul ignore else\r\n    if (this.viewport && activeFrontstageDef)\r\n      activeFrontstageDef.setActiveViewFromViewport(this.viewport);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ViewportContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.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 ContentView\r\n */\r\n\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport {\r\n  DrawingViewState, IModelApp, IModelConnection, OrthographicViewState, ScreenViewport, SheetViewState, SpatialViewState, ViewState,\r\n} from \"@itwin/core-frontend\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { CubeNavigationAidControl } from \"../navigationaids/CubeNavigationAidControl\";\r\nimport { DrawingNavigationAidControl } from \"../navigationaids/DrawingNavigationAidControl\";\r\nimport { SheetNavigationAidControl } from \"../navigationaids/SheetNavigationAid\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ContentControl, SupportsViewSelectorChange } from \"./ContentControl\";\r\n\r\n/**\r\n * The base class for frontstage Viewport content controls that connects to a `ScreenViewport`\r\n * that is managed by the `ViewManager`.\r\n * @public\r\n */\r\nexport class ViewportContentControl extends ContentControl implements SupportsViewSelectorChange {\r\n  private _viewport: ScreenViewport | undefined;\r\n  private _isReady: Promise<void>;\r\n  private _viewportReadyCallback?: () => void;\r\n\r\n  /** Creates an instance of ViewportContentControl.\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    this._isReady = new Promise<void>((onSuccess: () => void, _onFailure: () => void): void => {\r\n      this._viewportReadyCallback = onSuccess;\r\n    });\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Viewport' in this case */\r\n  public override getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Viewport; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public override get isViewport(): boolean { return true; }\r\n\r\n  /** The underlying ScreenViewport */\r\n  public override get viewport(): ScreenViewport | undefined { return this._viewport; }\r\n  public override set viewport(v: ScreenViewport | undefined) {\r\n    this._viewport = v;\r\n    this.setIsReady();\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public setIsReady(): void {\r\n    // istanbul ignore else\r\n    if (this._viewportReadyCallback) {\r\n      this._viewportReadyCallback();\r\n    }\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public override get isReady(): Promise<void> { return this._isReady; }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public override onActivated(): void {\r\n    super.onActivated();\r\n  }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public override get navigationAidControl(): string {\r\n    let navigationAidId = \"\";\r\n\r\n    // istanbul ignore else\r\n    if (this.viewport) {\r\n      navigationAidId = this._getNavigationAid(this.viewport.view.classFullName);\r\n    }\r\n\r\n    return navigationAidId;\r\n  }\r\n\r\n  /**\r\n   * Fetches appropriate NavigationAid based on the class of the current viewport.\r\n   * @param classFullName The full name of the current viewport class.\r\n   * @returns The ID of the navigation aid to be displayed.\r\n   */\r\n  private _getNavigationAid = (classFullName: string) => {\r\n    const className = ViewUtilities.getBisBaseClass(classFullName);\r\n    let navigationAidId = \"\";\r\n\r\n    switch (className) {\r\n      case SheetViewState.className:\r\n        navigationAidId = SheetNavigationAidControl.navigationAidId;\r\n        break;\r\n      case DrawingViewState.className:\r\n        navigationAidId = DrawingNavigationAidControl.navigationAidId;\r\n        break;\r\n      case SpatialViewState.className:\r\n      case OrthographicViewState.className:\r\n        navigationAidId = CubeNavigationAidControl.navigationAidId;\r\n        break;\r\n    }\r\n\r\n    return navigationAidId;\r\n  };\r\n\r\n  /** Returns true if this control supports processing ViewSelector changes. */\r\n  public get supportsViewSelectorChange(): boolean { return true; }\r\n\r\n  /** Process a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public async processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void> {\r\n    if (this.viewport) {\r\n      if (IModelApp.viewManager && this.viewport === IModelApp.viewManager.selectedView)\r\n        this.viewport.changeView(viewState);\r\n    } else {\r\n      this.reactNode = this.getReactElementForViewSelectorChange(iModel, viewDefinitionId, viewState, name);\r\n    }\r\n    UiFramework.content.refreshActive(this.reactNode);\r\n  }\r\n\r\n  /** Get the React.Element for a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public getReactElementForViewSelectorChange(_iModel: IModelConnection, _viewDefinitionId: Id64String, _viewState: ViewState, _name: string): React.ReactNode { return null; }\r\n}\r\n\r\n/**\r\n * @beta\r\n */\r\nexport class FloatingViewportContentControl extends ViewportContentControl {\r\n  constructor(uniqueId: string, name: string, node: React.ReactNode) {\r\n    super(new ConfigurableCreateInfo(name, uniqueId, name), undefined);\r\n    this._reactNode = node;\r\n    this.setIsReady();\r\n  }\r\n\r\n  /** The React node associated with this control. */\r\n  public override get reactNode(): React.ReactNode {\r\n    return this._reactNode;\r\n  }\r\n\r\n  public override set reactNode(r: React.ReactNode) {\r\n    this._reactNode = r;\r\n    const activeFrontstageDef = UiFramework.frontstages.activeFrontstageDef;\r\n\r\n    // istanbul ignore else\r\n    if (this.viewport && activeFrontstageDef)\r\n      activeFrontstageDef.setActiveViewFromViewport(this.viewport);\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/cursor/cursormenu/CursorMenu.js

@@ -49,7 +49,7 @@ class CursorPopupMenu extends React.PureComponent {
             var _a, _b;
             const parentWindow = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument.defaultView) !== null && _a !== void 0 ? _a : undefined;
             // if the window is not a pop out set to undefined
-            this._hostChildWindowId = UiFramework_1.UiFramework.childWindowManager.findChildWindowId(parentWindow);
+            this._hostChildWindowId = UiFramework_1.UiFramework.childWindows.findId(parentWindow);
             core_bentley_1.Logger.logInfo(UiFramework_1.UiFramework.loggerCategory(UiFramework_1.UiFramework), `Cursor Menu for ${(_b = this._hostChildWindowId) !== null && _b !== void 0 ? _b : "main"} window`);
         };
         this._hideContextMenu = () => {

package/lib/cjs/appui-react/cursor/cursormenu/CursorMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorMenu.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursormenu/CursorMenu.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 Cursor\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, GlobalContextMenu } from \"@itwin/core-react\"; // ContextSubMenu,\r\nimport { SessionStateActionId } from \"../../redux/SessionState\";\r\nimport { MenuItemHelpers, MenuItemProps } from \"../../shared/MenuItem\";\r\nimport { SyncUiEventDispatcher } from \"../../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\n\r\n/** State for [[CursorPopupMenu]] component\r\n * @alpha\r\n */\r\ninterface CursorPopupMenuState {\r\n  menuX: number;\r\n  menuY: number;\r\n  menuVisible: boolean;\r\n  items?: MenuItemProps[];\r\n}\r\n\r\n/** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.\r\n * @alpha\r\n */\r\n// istanbul ignore next\r\nexport class CursorPopupMenu extends React.PureComponent<CommonProps, CursorPopupMenuState> {\r\n  private _componentUnmounting = false;  // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called\r\n  private _hostChildWindowId?: string;\r\n\r\n  /** @internal */\r\n  public override readonly state: CursorPopupMenuState = {\r\n    menuX: 0,\r\n    menuY: 0,\r\n    menuVisible: false,\r\n    items: undefined,\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, [SessionStateActionId.UpdateCursorMenu])) {\r\n      const menuData = UiFramework.getCursorMenuData();\r\n      if (menuData && this._hostChildWindowId === menuData.childWindowId) {\r\n        this.setState({ menuVisible: menuData.items && menuData.items.length > 0, items: menuData.items, menuX: menuData.position.x, menuY: menuData.position.y });\r\n      } else {\r\n        this.setState({ menuVisible: false, items: undefined });\r\n      }\r\n    }\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentWindow = popupDiv?.ownerDocument.defaultView ?? undefined;\r\n    // if the window is not a pop out set to undefined\r\n    this._hostChildWindowId = UiFramework.childWindowManager.findChildWindowId(parentWindow);\r\n    Logger.logInfo(UiFramework.loggerCategory(UiFramework), `Cursor Menu for ${this._hostChildWindowId ?? \"main\"} window`);\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const { menuX, menuY, items, menuVisible } = this.state;\r\n    const onClose = this._hideContextMenu;\r\n\r\n    return (\r\n      <div className=\"uifw-cursor-menu-container-div\" ref={this._handleRefSet}>\r\n        {items && items.length > 0 && menuVisible &&\r\n          <GlobalContextMenu\r\n            className={this.props.className}\r\n            style={this.props.style}\r\n            identifier=\"cursor-popup-menu\"\r\n            x={menuX}\r\n            y={menuY}\r\n            opened={menuVisible}\r\n            onEsc={onClose}\r\n            onOutsideClick={onClose}\r\n            edgeLimit={false}\r\n            autoflip={true}\r\n          >\r\n            {MenuItemHelpers.createMenuItemNodes(MenuItemHelpers.createMenuItems(items, this._itemPicked))}\r\n          </GlobalContextMenu>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _hideContextMenu = () => {\r\n    this.setState({ menuVisible: false });\r\n  };\r\n\r\n  private _itemPicked = (): void => {\r\n    this._hideContextMenu();\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"CursorMenu.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursormenu/CursorMenu.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 Cursor\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, GlobalContextMenu } from \"@itwin/core-react\"; // ContextSubMenu,\r\nimport { SessionStateActionId } from \"../../redux/SessionState\";\r\nimport { MenuItemHelpers, MenuItemProps } from \"../../shared/MenuItem\";\r\nimport { SyncUiEventDispatcher } from \"../../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\n\r\n/** State for [[CursorPopupMenu]] component\r\n * @alpha\r\n */\r\ninterface CursorPopupMenuState {\r\n  menuX: number;\r\n  menuY: number;\r\n  menuVisible: boolean;\r\n  items?: MenuItemProps[];\r\n}\r\n\r\n/** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.\r\n * @alpha\r\n */\r\n// istanbul ignore next\r\nexport class CursorPopupMenu extends React.PureComponent<CommonProps, CursorPopupMenuState> {\r\n  private _componentUnmounting = false;  // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called\r\n  private _hostChildWindowId?: string;\r\n\r\n  /** @internal */\r\n  public override readonly state: CursorPopupMenuState = {\r\n    menuX: 0,\r\n    menuY: 0,\r\n    menuVisible: false,\r\n    items: undefined,\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, [SessionStateActionId.UpdateCursorMenu])) {\r\n      const menuData = UiFramework.getCursorMenuData();\r\n      if (menuData && this._hostChildWindowId === menuData.childWindowId) {\r\n        this.setState({ menuVisible: menuData.items && menuData.items.length > 0, items: menuData.items, menuX: menuData.position.x, menuY: menuData.position.y });\r\n      } else {\r\n        this.setState({ menuVisible: false, items: undefined });\r\n      }\r\n    }\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentWindow = popupDiv?.ownerDocument.defaultView ?? undefined;\r\n    // if the window is not a pop out set to undefined\r\n    this._hostChildWindowId = UiFramework.childWindows.findId(parentWindow);\r\n    Logger.logInfo(UiFramework.loggerCategory(UiFramework), `Cursor Menu for ${this._hostChildWindowId ?? \"main\"} window`);\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const { menuX, menuY, items, menuVisible } = this.state;\r\n    const onClose = this._hideContextMenu;\r\n\r\n    return (\r\n      <div className=\"uifw-cursor-menu-container-div\" ref={this._handleRefSet}>\r\n        {items && items.length > 0 && menuVisible &&\r\n          <GlobalContextMenu\r\n            className={this.props.className}\r\n            style={this.props.style}\r\n            identifier=\"cursor-popup-menu\"\r\n            x={menuX}\r\n            y={menuY}\r\n            opened={menuVisible}\r\n            onEsc={onClose}\r\n            onOutsideClick={onClose}\r\n            edgeLimit={false}\r\n            autoflip={true}\r\n          >\r\n            {MenuItemHelpers.createMenuItemNodes(MenuItemHelpers.createMenuItems(items, this._itemPicked))}\r\n          </GlobalContextMenu>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _hideContextMenu = () => {\r\n    this.setState({ menuVisible: false });\r\n  };\r\n\r\n  private _itemPicked = (): void => {\r\n    this._hideContextMenu();\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/cursor/cursorpopup/CursorPopup.js

@@ -13,8 +13,8 @@ const React = require("react");
 const classnames_1 = require("classnames");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const CursorPopupManager_1 = require("./CursorPopupManager");
-const Dialog_1 = require("../../statusbar/dialog/Dialog");
 /** Enum for showing CursorPopup
  * @internal - unit testing
  */
@@ -134,7 +134,7 @@ class CursorPopup extends React.Component {
         const classNames = (0, classnames_1.default)("uifw-cursorpopup", this.props.shadow && "core-popup-shadow", this.state.showPopup === CursorPopupShow.FadeOut && "uifw-cursorpopup-fadeOut");
         return (React.createElement("div", { className: classNames, ref: (e) => this.setDivRef(e), style: positioningStyle },
             this.props.title &&
-                React.createElement(Dialog_1.StatusBarDialog.TitleBar, { title: this.props.title, className: "uifw-cursorpopup-title" }),
+                React.createElement(appui_layout_react_1.TitleBar, { title: this.props.title, className: "uifw-cursorpopup-title" }),
             this.props.content));
     }
 }

package/lib/cjs/appui-react/cursor/cursorpopup/CursorPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorPopup.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorpopup/CursorPopup.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 Cursor\r\n */\r\n\r\nimport \"./CursorPopup.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { PointProps, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonDivProps, CommonProps, Div, RectangleProps, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { CursorPopupFadeOutEventArgs, CursorPopupManager } from \"./CursorPopupManager\";\r\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog\";\r\n\r\n/** Properties for the [[CursorPopup]] React component\r\n * @public\r\n */\r\nexport interface CursorPopupProps extends CommonProps {\r\n  id: string;\r\n  content: React.ReactNode;\r\n  pt: PointProps;\r\n  offset: PointProps;\r\n  relativePosition: RelativePosition;\r\n  title?: string;\r\n  shadow?: boolean;\r\n  /** Function called when size is known. */\r\n  onSizeKnown?: (size: SizeProps) => void;\r\n}\r\n\r\n/** Enum for showing CursorPopup\r\n * @internal - unit testing\r\n */\r\nexport enum CursorPopupShow {\r\n  Open,\r\n  FadeOut,\r\n}\r\n\r\n/** State for the [[CursorPopup]] React component\r\n * @internal\r\n */\r\ninterface CursorPopupState {\r\n  showPopup: CursorPopupShow;\r\n  size: Size;\r\n}\r\n\r\n/** CursorPopup React component\r\n * @public\r\n */\r\nexport class CursorPopup extends React.Component<CursorPopupProps, CursorPopupState> {\r\n\r\n  private _isMounted: boolean = false;\r\n\r\n  /** @internal */\r\n  public static fadeOutTime = 500;\r\n\r\n  /** @internal */\r\n  constructor(props: CursorPopupProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      showPopup: CursorPopupShow.Open,\r\n      size: new Size(-1, -1),\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    CursorPopupManager.onCursorPopupFadeOutEvent.addListener(this._handleCursorPopupFadeOutEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    CursorPopupManager.onCursorPopupFadeOutEvent.removeListener(this._handleCursorPopupFadeOutEvent);\r\n  }\r\n\r\n  private _handleCursorPopupFadeOutEvent = (args: CursorPopupFadeOutEventArgs) => {\r\n    if (this.props.id === args.id) {\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ showPopup: CursorPopupShow.FadeOut });\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public static getPopupRect(pt: PointProps, offset: PointProps, popupSize: SizeProps | undefined, relativePosition: RelativePosition): RectangleProps {\r\n    const popupRect = { top: 0, left: 0, right: 0, bottom: 0 };\r\n\r\n    if (popupSize === undefined)\r\n      return popupRect;\r\n\r\n    switch (relativePosition) {\r\n      case RelativePosition.Top:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.left = pt.x - (popupSize.width / 2);\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.Left:\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.top = pt.y - (popupSize.height / 2);\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        break;\r\n      case RelativePosition.Right:\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.top = pt.y - (popupSize.height / 2);\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        break;\r\n      case RelativePosition.Bottom:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.left = pt.x - (popupSize.width / 2);\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.TopLeft:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        break;\r\n      case RelativePosition.TopRight:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.BottomLeft:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        break;\r\n      case RelativePosition.BottomRight:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n    }\r\n\r\n    return popupRect;\r\n  }\r\n\r\n  private setDivRef(div: HTMLDivElement | null) {\r\n    // istanbul ignore else\r\n    if (div) {\r\n      const rect = div.getBoundingClientRect();\r\n      const newSize = new Size(rect.width, rect.height);\r\n\r\n      // istanbul ignore else\r\n      if (!this.state.size.equals(newSize)) {\r\n        // istanbul ignore else\r\n        if (this.props.onSizeKnown)\r\n          this.props.onSizeKnown(newSize);\r\n\r\n        // istanbul ignore else\r\n        if (this._isMounted)\r\n          this.setState({ size: newSize });\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const popupRect = CursorPopup.getPopupRect(this.props.pt, this.props.offset, this.state.size, this.props.relativePosition);\r\n\r\n    const positioningStyle: React.CSSProperties = {\r\n      left: popupRect.left,\r\n      top: popupRect.top,\r\n    };\r\n\r\n    const classNames = classnames(\r\n      \"uifw-cursorpopup\",\r\n      this.props.shadow && \"core-popup-shadow\",\r\n      this.state.showPopup === CursorPopupShow.FadeOut && \"uifw-cursorpopup-fadeOut\",\r\n    );\r\n\r\n    return (\r\n      <div className={classNames} ref={(e) => this.setDivRef(e)} style={positioningStyle}>\r\n        {this.props.title &&\r\n          <StatusBarDialog.TitleBar\r\n            title={this.props.title}\r\n            className=\"uifw-cursorpopup-title\" />\r\n        }\r\n        {this.props.content}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** CursorPopup content with padding\r\n * @public\r\n */\r\nexport function CursorPopupContent(props: CommonDivProps) {\r\n  return <Div {...props} mainClassName=\"uifw-cursorpopup-content\" />;\r\n}\r\n"]}
+{"version":3,"file":"CursorPopup.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorpopup/CursorPopup.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 Cursor\r\n */\r\n\r\nimport \"./CursorPopup.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { PointProps, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonDivProps, CommonProps, Div, RectangleProps, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { TitleBar } from \"@itwin/appui-layout-react\";\r\nimport { CursorPopupFadeOutEventArgs, CursorPopupManager } from \"./CursorPopupManager\";\r\n\r\n/** Properties for the [[CursorPopup]] React component\r\n * @public\r\n */\r\nexport interface CursorPopupProps extends CommonProps {\r\n  id: string;\r\n  content: React.ReactNode;\r\n  pt: PointProps;\r\n  offset: PointProps;\r\n  relativePosition: RelativePosition;\r\n  title?: string;\r\n  shadow?: boolean;\r\n  /** Function called when size is known. */\r\n  onSizeKnown?: (size: SizeProps) => void;\r\n}\r\n\r\n/** Enum for showing CursorPopup\r\n * @internal - unit testing\r\n */\r\nexport enum CursorPopupShow {\r\n  Open,\r\n  FadeOut,\r\n}\r\n\r\n/** State for the [[CursorPopup]] React component\r\n * @internal\r\n */\r\ninterface CursorPopupState {\r\n  showPopup: CursorPopupShow;\r\n  size: Size;\r\n}\r\n\r\n/** CursorPopup React component\r\n * @public\r\n */\r\nexport class CursorPopup extends React.Component<CursorPopupProps, CursorPopupState> {\r\n\r\n  private _isMounted: boolean = false;\r\n\r\n  /** @internal */\r\n  public static fadeOutTime = 500;\r\n\r\n  /** @internal */\r\n  constructor(props: CursorPopupProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      showPopup: CursorPopupShow.Open,\r\n      size: new Size(-1, -1),\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    CursorPopupManager.onCursorPopupFadeOutEvent.addListener(this._handleCursorPopupFadeOutEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    CursorPopupManager.onCursorPopupFadeOutEvent.removeListener(this._handleCursorPopupFadeOutEvent);\r\n  }\r\n\r\n  private _handleCursorPopupFadeOutEvent = (args: CursorPopupFadeOutEventArgs) => {\r\n    if (this.props.id === args.id) {\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ showPopup: CursorPopupShow.FadeOut });\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public static getPopupRect(pt: PointProps, offset: PointProps, popupSize: SizeProps | undefined, relativePosition: RelativePosition): RectangleProps {\r\n    const popupRect = { top: 0, left: 0, right: 0, bottom: 0 };\r\n\r\n    if (popupSize === undefined)\r\n      return popupRect;\r\n\r\n    switch (relativePosition) {\r\n      case RelativePosition.Top:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.left = pt.x - (popupSize.width / 2);\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.Left:\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.top = pt.y - (popupSize.height / 2);\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        break;\r\n      case RelativePosition.Right:\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.top = pt.y - (popupSize.height / 2);\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        break;\r\n      case RelativePosition.Bottom:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.left = pt.x - (popupSize.width / 2);\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.TopLeft:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        break;\r\n      case RelativePosition.TopRight:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.BottomLeft:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        break;\r\n      case RelativePosition.BottomRight:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n    }\r\n\r\n    return popupRect;\r\n  }\r\n\r\n  private setDivRef(div: HTMLDivElement | null) {\r\n    // istanbul ignore else\r\n    if (div) {\r\n      const rect = div.getBoundingClientRect();\r\n      const newSize = new Size(rect.width, rect.height);\r\n\r\n      // istanbul ignore else\r\n      if (!this.state.size.equals(newSize)) {\r\n        // istanbul ignore else\r\n        if (this.props.onSizeKnown)\r\n          this.props.onSizeKnown(newSize);\r\n\r\n        // istanbul ignore else\r\n        if (this._isMounted)\r\n          this.setState({ size: newSize });\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const popupRect = CursorPopup.getPopupRect(this.props.pt, this.props.offset, this.state.size, this.props.relativePosition);\r\n\r\n    const positioningStyle: React.CSSProperties = {\r\n      left: popupRect.left,\r\n      top: popupRect.top,\r\n    };\r\n\r\n    const classNames = classnames(\r\n      \"uifw-cursorpopup\",\r\n      this.props.shadow && \"core-popup-shadow\",\r\n      this.state.showPopup === CursorPopupShow.FadeOut && \"uifw-cursorpopup-fadeOut\",\r\n    );\r\n\r\n    return (\r\n      <div className={classNames} ref={(e) => this.setDivRef(e)} style={positioningStyle}>\r\n        {this.props.title &&\r\n          <TitleBar\r\n            title={this.props.title}\r\n            className=\"uifw-cursorpopup-title\" />\r\n        }\r\n        {this.props.content}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** CursorPopup content with padding\r\n * @public\r\n */\r\nexport function CursorPopupContent(props: CommonDivProps) {\r\n  return <Div {...props} mainClassName=\"uifw-cursorpopup-content\" />;\r\n}\r\n"]}

package/lib/cjs/appui-react/cursor/cursorpopup/CursorPopup.scss

@@ -12,18 +12,18 @@
     width: $uifw-popup-border-width;
   }
 
-  background-color: rgba($buic-background-2-rgb, $uifw-popup-opacity);
+  background-color: hsl(var(--iui-color-background-hsl) / $uifw-popup-opacity);
   position: fixed;
   height: fit-content;
   width: fit-content;
   transition: opacity 500ms;
 
-  >.uifw-cursorpopup-title {
+  > .uifw-cursorpopup-title {
     min-height: $uifw-popup-title-bar-min-height;
     opacity: $uifw-popup-opacity;
   }
 
-  >.uifw-cursorpopup-content {
+  > .uifw-cursorpopup-content {
     padding: $uifw-popup-content-padding;
   }
 

package/lib/cjs/appui-react/cursor/cursorprompt/CursorPrompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorPrompt.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorprompt/CursorPrompt.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAKrE,gBAAgB;AAChB,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,iBAAiB,CAAgC;IACzD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,QAAQ,CAAmB;gBAEvB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;IAMtC,OAAO,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,GAAE,UAA6B,EAAE,gBAAgB,GAAE,gBAA+C;IAyBrL,+BAA+B;IACxB,KAAK,CAAC,OAAO,EAAE,OAAO;IAK7B,OAAO,CAAC,iBAAiB,CAKvB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,oBAAoB,CAE1B;CAEH"}
+{"version":3,"file":"CursorPrompt.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorprompt/CursorPrompt.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAMrE,gBAAgB;AAChB,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,iBAAiB,CAAgC;IACzD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,QAAQ,CAAmB;gBAEvB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;IAMtC,OAAO,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,GAAE,UAA6B,EAAE,gBAAgB,GAAE,gBAA+C;IAyBrL,+BAA+B;IACxB,KAAK,CAAC,OAAO,EAAE,OAAO;IAK7B,OAAO,CAAC,iBAAiB,CAKvB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,oBAAoB,CAE1B;CAEH"}

package/lib/cjs/appui-react/cursor/cursorprompt/CursorPrompt.js

@@ -12,6 +12,7 @@ require("./CursorPrompt.scss");
 const React = require("react");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 const CursorInformation_1 = require("../CursorInformation");
 const CursorPopupManager_1 = require("../cursorpopup/CursorPopupManager");
 /** @internal */
@@ -48,7 +49,7 @@ class CursorPrompt {
         const promptElement = (React.createElement("div", { className: "uifw-cursor-prompt" },
             toolIconSpec && React.createElement("span", { className: "uifw-cursor-prompt-icon" },
                 React.createElement(core_react_1.Icon, { iconSpec: toolIconSpec })),
-            React.createElement(core_react_1.BodyText, { className: "uifw-cursor-prompt-text" }, instruction.text)));
+            React.createElement(itwinui_react_1.Text, { variant: "body", className: "uifw-cursor-prompt-text" }, instruction.text)));
         this._startCursorPopup(promptElement);
         this._timer.setOnExecute(() => this._endCursorPopup(this._fadeOut));
         this._timer.delay = this._timeOut;

package/lib/cjs/appui-react/cursor/cursorprompt/CursorPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorPrompt.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorprompt/CursorPrompt.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 Notification\r\n */\r\n\r\nimport \"./CursorPrompt.scss\";\r\nimport * as React from \"react\";\r\nimport { ToolAssistanceInstruction } from \"@itwin/core-frontend\";\r\nimport { PointProps, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { BodyText, Icon, Point, Timer } from \"@itwin/core-react\";\r\nimport { CursorInformation, CursorUpdatedEventArgs } from \"../CursorInformation\";\r\nimport { CursorPopupManager } from \"../cursorpopup/CursorPopupManager\";\r\n\r\n/** @internal */\r\nexport class CursorPrompt {\r\n  private _timeOut: number;\r\n  private _fadeOut: boolean;\r\n  private _timer: Timer;\r\n  private _relativePosition = RelativePosition.BottomRight;\r\n  private _offset: Point = new Point(20, 20);\r\n  private _popupId = \"cursor-prompt\";\r\n\r\n  constructor(timeOut: number, fadeOut: boolean) {\r\n    this._timeOut = timeOut;\r\n    this._fadeOut = fadeOut;\r\n    this._timer = new Timer(timeOut);\r\n  }\r\n\r\n  public display(toolIconSpec: string, instruction: ToolAssistanceInstruction, offset: PointProps = { x: 20, y: 20 }, relativePosition: RelativePosition = RelativePosition.BottomRight) {\r\n    if (!instruction.text) {\r\n      // istanbul ignore else\r\n      if (this._timer.isRunning)\r\n        this.close(false);\r\n      return;\r\n    }\r\n\r\n    this._relativePosition = relativePosition;\r\n    this._offset = Point.create(offset);\r\n\r\n    const promptElement = (\r\n      <div className=\"uifw-cursor-prompt\">\r\n        {toolIconSpec && <span className=\"uifw-cursor-prompt-icon\"><Icon iconSpec={toolIconSpec} /></span>}\r\n        <BodyText className=\"uifw-cursor-prompt-text\">{instruction.text}</BodyText>\r\n      </div >\r\n    );\r\n\r\n    this._startCursorPopup(promptElement);\r\n\r\n    this._timer.setOnExecute(() => this._endCursorPopup(this._fadeOut));\r\n    this._timer.delay = this._timeOut;\r\n    this._timer.start();\r\n  }\r\n\r\n  /** @internal - unit testing */\r\n  public close(fadeOut: boolean) {\r\n    this._timer.stop();\r\n    this._endCursorPopup(fadeOut);\r\n  }\r\n\r\n  private _startCursorPopup = (promptElement: React.ReactElement) => {\r\n    CursorPopupManager.open(this._popupId, promptElement, CursorInformation.cursorPosition, this._offset, this._relativePosition, 0, { shadow: true });\r\n\r\n    if (!CursorInformation.onCursorUpdatedEvent.has(this._handleCursorUpdated))\r\n      CursorInformation.onCursorUpdatedEvent.addListener(this._handleCursorUpdated);\r\n  };\r\n\r\n  private _endCursorPopup = (fadeOut?: boolean) => {\r\n    CursorPopupManager.close(this._popupId, false, fadeOut);\r\n    CursorInformation.onCursorUpdatedEvent.removeListener(this._handleCursorUpdated);\r\n  };\r\n\r\n  private _handleCursorUpdated = (args: CursorUpdatedEventArgs) => {\r\n    CursorPopupManager.updatePosition(args.newPt);\r\n  };\r\n\r\n}\r\n"]}
+{"version":3,"file":"CursorPrompt.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorprompt/CursorPrompt.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 Notification\r\n */\r\n\r\nimport \"./CursorPrompt.scss\";\r\nimport * as React from \"react\";\r\nimport { ToolAssistanceInstruction } from \"@itwin/core-frontend\";\r\nimport { PointProps, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { Icon, Point, Timer } from \"@itwin/core-react\";\r\nimport { Text } from \"@itwin/itwinui-react\";\r\nimport { CursorInformation, CursorUpdatedEventArgs } from \"../CursorInformation\";\r\nimport { CursorPopupManager } from \"../cursorpopup/CursorPopupManager\";\r\n\r\n/** @internal */\r\nexport class CursorPrompt {\r\n  private _timeOut: number;\r\n  private _fadeOut: boolean;\r\n  private _timer: Timer;\r\n  private _relativePosition = RelativePosition.BottomRight;\r\n  private _offset: Point = new Point(20, 20);\r\n  private _popupId = \"cursor-prompt\";\r\n\r\n  constructor(timeOut: number, fadeOut: boolean) {\r\n    this._timeOut = timeOut;\r\n    this._fadeOut = fadeOut;\r\n    this._timer = new Timer(timeOut);\r\n  }\r\n\r\n  public display(toolIconSpec: string, instruction: ToolAssistanceInstruction, offset: PointProps = { x: 20, y: 20 }, relativePosition: RelativePosition = RelativePosition.BottomRight) {\r\n    if (!instruction.text) {\r\n      // istanbul ignore else\r\n      if (this._timer.isRunning)\r\n        this.close(false);\r\n      return;\r\n    }\r\n\r\n    this._relativePosition = relativePosition;\r\n    this._offset = Point.create(offset);\r\n\r\n    const promptElement = (\r\n      <div className=\"uifw-cursor-prompt\">\r\n        {toolIconSpec && <span className=\"uifw-cursor-prompt-icon\"><Icon iconSpec={toolIconSpec} /></span>}\r\n        <Text variant=\"body\" className=\"uifw-cursor-prompt-text\">{instruction.text}</Text>\r\n      </div >\r\n    );\r\n\r\n    this._startCursorPopup(promptElement);\r\n\r\n    this._timer.setOnExecute(() => this._endCursorPopup(this._fadeOut));\r\n    this._timer.delay = this._timeOut;\r\n    this._timer.start();\r\n  }\r\n\r\n  /** @internal - unit testing */\r\n  public close(fadeOut: boolean) {\r\n    this._timer.stop();\r\n    this._endCursorPopup(fadeOut);\r\n  }\r\n\r\n  private _startCursorPopup = (promptElement: React.ReactElement) => {\r\n    CursorPopupManager.open(this._popupId, promptElement, CursorInformation.cursorPosition, this._offset, this._relativePosition, 0, { shadow: true });\r\n\r\n    if (!CursorInformation.onCursorUpdatedEvent.has(this._handleCursorUpdated))\r\n      CursorInformation.onCursorUpdatedEvent.addListener(this._handleCursorUpdated);\r\n  };\r\n\r\n  private _endCursorPopup = (fadeOut?: boolean) => {\r\n    CursorPopupManager.close(this._popupId, false, fadeOut);\r\n    CursorInformation.onCursorUpdatedEvent.removeListener(this._handleCursorUpdated);\r\n  };\r\n\r\n  private _handleCursorUpdated = (args: CursorUpdatedEventArgs) => {\r\n    CursorPopupManager.updatePosition(args.newPt);\r\n  };\r\n\r\n}\r\n"]}

package/lib/cjs/appui-react/cursor/cursorprompt/CursorPrompt.scss

@@ -8,7 +8,7 @@
 .uifw-cursor-prompt {
   padding: 5px;
 
-  color: $buic-text-color;
+  color: var(--iui-color-text);
   min-width: 100px;
   max-width: 340px;
 

package/lib/cjs/appui-react/dialog/ContentDialog.js

@@ -11,9 +11,8 @@ exports.ContentDialog = exports.useActiveContentControlId = void 0;
 require("./ContentDialog.scss");
 const React = require("react");
 const core_react_1 = require("@itwin/core-react");
-const ContentDialogManager_1 = require("./ContentDialogManager");
-const ContentViewManager_1 = require("../content/ContentViewManager");
 const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
 const classnames_1 = require("classnames");
 // istanbul ignore next
 /**
@@ -21,18 +20,18 @@ const classnames_1 = require("classnames");
  */
 function useActiveContentControlId() {
     var _a;
-    const [activeContentId, setActiveContentId] = React.useState((_a = ContentViewManager_1.ContentViewManager.getActiveContentControl()) === null || _a === void 0 ? void 0 : _a.uniqueId);
+    const [activeContentId, setActiveContentId] = React.useState((_a = UiFramework_1.UiFramework.content.getActiveContentControl()) === null || _a === void 0 ? void 0 : _a.uniqueId);
     React.useEffect(() => {
         const onActiveContentChanged = (_args) => {
             var _a;
-            setActiveContentId((_a = ContentViewManager_1.ContentViewManager.getActiveContentControl()) === null || _a === void 0 ? void 0 : _a.uniqueId);
+            setActiveContentId((_a = UiFramework_1.UiFramework.content.getActiveContentControl()) === null || _a === void 0 ? void 0 : _a.uniqueId);
         };
         // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted
-        // so use ContentViewManager.onActiveContentChangedEvent which will always trigger once all stage components
+        // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components
         // are loaded and when the IModelApp.viewManager.selectedView changes.
-        ContentViewManager_1.ContentViewManager.onActiveContentChangedEvent.addListener(onActiveContentChanged);
+        UiFramework_1.UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);
         return () => {
-            ContentViewManager_1.ContentViewManager.onActiveContentChangedEvent.removeListener(onActiveContentChanged);
+            UiFramework_1.UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);
         };
     }, []);
     React.useEffect(() => {
@@ -41,7 +40,7 @@ function useActiveContentControlId() {
             var _a;
             // istanbul ignore else
             if (syncIdsOfInterest.some((value) => args.eventIds.has(value))) {
-                setActiveContentId((_a = ContentViewManager_1.ContentViewManager.getActiveContentControl()) === null || _a === void 0 ? void 0 : _a.uniqueId);
+                setActiveContentId((_a = UiFramework_1.UiFramework.content.getActiveContentControl()) === null || _a === void 0 ? void 0 : _a.uniqueId);
             }
         };
         return SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
@@ -58,15 +57,15 @@ function ContentDialog(props) {
     const activeContentControlId = useActiveContentControlId();
     // istanbul ignore next
     const dialogClassName = React.useMemo(() => (0, classnames_1.default)(activeContentControlId === dialogId ? "active-content-dialog" : "inactive-content-dialog", className), [activeContentControlId, className, dialogId]);
-    const [zIndex, setZIndex] = React.useState(ContentDialogManager_1.ContentDialogManager.getDialogZIndex(dialogId));
+    const [zIndex, setZIndex] = React.useState(UiFramework_1.UiFramework.content.dialogs.getZIndex(dialogId));
     const updateZIndex = React.useCallback(() => {
-        const newZ = ContentDialogManager_1.ContentDialogManager.getDialogZIndex(dialogId);
+        const newZ = UiFramework_1.UiFramework.content.dialogs.getZIndex(dialogId);
         // istanbul ignore else
         if (newZ !== zIndex) {
             setZIndex(newZ);
         }
     }, [dialogId, zIndex]);
-    return (React.createElement(core_react_1.Dialog, { className: dialogClassName, "data-item-type": "content-dialog", "data-item-id": dialogId, resizable: true, movable: true, trapFocus: false, modal: false, ...otherProps, modelessId: dialogId, onModelessPointerDown: (event) => ContentDialogManager_1.ContentDialogManager.handlePointerDownEvent(event, dialogId, updateZIndex), style: { zIndex, ...style } }, children));
+    return (React.createElement(core_react_1.Dialog, { className: dialogClassName, "data-item-type": "content-dialog", "data-item-id": dialogId, resizable: true, movable: true, trapFocus: false, modal: false, ...otherProps, modelessId: dialogId, onModelessPointerDown: (event) => UiFramework_1.UiFramework.content.dialogs.handlePointerDownEvent(event, dialogId, updateZIndex), style: { zIndex, ...style } }, children));
 }
 exports.ContentDialog = ContentDialog;
 //# sourceMappingURL=ContentDialog.js.map

package/lib/cjs/appui-react/dialog/ContentDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,+BAA+B;AAC/B,kDAAwD;AACxD,iEAA8D;AAC9D,sEAAkG;AAClG,2EAAuF;AAEvF,2CAAoC;AAEpC,uBAAuB;AACvB;;GAEG;AACH,SAAgB,yBAAyB;;IACvC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAA,uCAAkB,CAAC,uBAAuB,EAAE,0CAAE,QAAQ,CAAC,CAAC;IAErH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,sBAAsB,GAAG,CAAC,KAAoC,EAAE,EAAE;;YACtE,kBAAkB,CAAC,MAAA,uCAAkB,CAAC,uBAAuB,EAAE,0CAAE,QAAQ,CAAC,CAAC;QAC7E,CAAC,CAAC;QAEF,oGAAoG;QACpG,4GAA4G;QAC5G,sEAAsE;QACtE,uCAAkB,CAAC,2BAA2B,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACnF,OAAO,GAAG,EAAE;YACV,uCAAkB,CAAC,2BAA2B,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACxF,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iBAAiB,GAAG,CAAC,qCAAa,CAAC,oBAAoB,EAAE,qCAAa,CAAC,uBAAuB,EAAE,qCAAa,CAAC,eAAe,CAAC,CAAC;QACrI,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;;YACxD,uBAAuB;YACvB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;gBAChF,kBAAkB,CAAC,MAAA,uCAAkB,CAAC,uBAAuB,EAAE,0CAAE,QAAQ,CAAC,CAAC;aAC5E;QACH,CAAC,CAAC;QAEF,OAAO,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,eAAe,CAAC;AACzB,CAAC;AA9BD,8DA8BC;AAWD;;;GAGG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IACzK,MAAM,sBAAsB,GAAG,yBAAyB,EAAE,CAAC;IAC3D,uBAAuB;IACvB,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,oBAAU,EAAC,sBAAsB,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAC1J,CAAC,sBAAsB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,2CAAoB,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3F,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,MAAM,IAAI,GAAG,2CAAoB,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC5D,uBAAuB;QACvB,IAAI,IAAI,KAAK,MAAM,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,mBAAM,IACL,SAAS,EAAE,eAAe,oBACX,gBAAgB,kBACjB,QAAQ,EACtB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,KACR,UAAU,EACd,UAAU,EAAE,QAAQ,EACpB,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,2CAAoB,CAAC,sBAAsB,CAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,EAC5G,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,IAE1B,QAAQ,CACD,CACX,CAAC;AACJ,CAAC;AAjCD,sCAiCC","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 Dialog\r\n */\r\n\r\nimport \"./ContentDialog.scss\";\r\nimport * as React from \"react\";\r\nimport { Dialog, DialogProps } from \"@itwin/core-react\";\r\nimport { ContentDialogManager } from \"./ContentDialogManager\";\r\nimport { ActiveContentChangedEventArgs, ContentViewManager } from \"../content/ContentViewManager\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport classnames from \"classnames\";\r\n\r\n// istanbul ignore next\r\n/**\r\n *@internal\r\n */\r\nexport function useActiveContentControlId(): string | undefined {\r\n  const [activeContentId, setActiveContentId] = React.useState(ContentViewManager.getActiveContentControl()?.uniqueId);\r\n\r\n  React.useEffect(() => {\r\n    const onActiveContentChanged = (_args: ActiveContentChangedEventArgs) => {\r\n      setActiveContentId(ContentViewManager.getActiveContentControl()?.uniqueId);\r\n    };\r\n\r\n    // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted\r\n    // so use ContentViewManager.onActiveContentChangedEvent which will always trigger once all stage components\r\n    // are loaded and when the IModelApp.viewManager.selectedView changes.\r\n    ContentViewManager.onActiveContentChangedEvent.addListener(onActiveContentChanged);\r\n    return () => {\r\n      ContentViewManager.onActiveContentChangedEvent.removeListener(onActiveContentChanged);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const syncIdsOfInterest = [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ContentControlActivated, SyncUiEventId.FrontstageReady];\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n        setActiveContentId(ContentViewManager.getActiveContentControl()?.uniqueId);\r\n      }\r\n    };\r\n\r\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n  }, []);\r\n\r\n  return activeContentId;\r\n}\r\n\r\n/** Properties for the [[ContentDialog]] component\r\n * @public\r\n */\r\nexport interface ContentDialogProps extends DialogProps {\r\n  dialogId: string;\r\n  movable?: boolean;\r\n  children: React.ReactNode;\r\n}\r\n\r\n/** Content Dialog React component uses the Dialog component with a modal={false} prop.\r\n * It controls the z-index to keep the focused dialog above content but below widgets.\r\n * @public\r\n */\r\nexport function ContentDialog(props: ContentDialogProps) {\r\n  const { className, children, dialogId, style, modal, modelessId, onModelessPointerDown, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n  const activeContentControlId = useActiveContentControlId();\r\n  // istanbul ignore next\r\n  const dialogClassName = React.useMemo(() => classnames(activeContentControlId === dialogId ? \"active-content-dialog\" : \"inactive-content-dialog\", className),\r\n    [activeContentControlId, className, dialogId]);\r\n\r\n  const [zIndex, setZIndex] = React.useState(ContentDialogManager.getDialogZIndex(dialogId));\r\n  const updateZIndex = React.useCallback(() => {\r\n    const newZ = ContentDialogManager.getDialogZIndex(dialogId);\r\n    // istanbul ignore else\r\n    if (newZ !== zIndex) {\r\n      setZIndex(newZ);\r\n    }\r\n  }, [dialogId, zIndex]);\r\n\r\n  return (\r\n    <Dialog\r\n      className={dialogClassName}\r\n      data-item-type=\"content-dialog\"\r\n      data-item-id={dialogId}\r\n      resizable={true}\r\n      movable={true}\r\n      trapFocus={false}\r\n      modal={false}\r\n      {...otherProps}\r\n      modelessId={dialogId}\r\n      onModelessPointerDown={(event) => ContentDialogManager.handlePointerDownEvent(event, dialogId, updateZIndex)}\r\n      style={{ zIndex, ...style }}\r\n    >\r\n      {children}\r\n    </Dialog >\r\n  );\r\n}\r\n\r\n"]}
+{"version":3,"file":"ContentDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialog.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 Dialog\r\n */\r\n\r\nimport \"./ContentDialog.scss\";\r\nimport * as React from \"react\";\r\nimport { Dialog, DialogProps } from \"@itwin/core-react\";\r\nimport { ActiveContentChangedEventArgs } from \"../framework/FrameworkContent\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport classnames from \"classnames\";\r\n\r\n// istanbul ignore next\r\n/**\r\n *@internal\r\n */\r\nexport function useActiveContentControlId(): string | undefined {\r\n  const [activeContentId, setActiveContentId] = React.useState(UiFramework.content.getActiveContentControl()?.uniqueId);\r\n\r\n  React.useEffect(() => {\r\n    const onActiveContentChanged = (_args: ActiveContentChangedEventArgs) => {\r\n      setActiveContentId(UiFramework.content.getActiveContentControl()?.uniqueId);\r\n    };\r\n\r\n    // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted\r\n    // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components\r\n    // are loaded and when the IModelApp.viewManager.selectedView changes.\r\n    UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);\r\n    return () => {\r\n      UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const syncIdsOfInterest = [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ContentControlActivated, SyncUiEventId.FrontstageReady];\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n        setActiveContentId(UiFramework.content.getActiveContentControl()?.uniqueId);\r\n      }\r\n    };\r\n\r\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n  }, []);\r\n\r\n  return activeContentId;\r\n}\r\n\r\n/** Properties for the [[ContentDialog]] component\r\n * @public\r\n */\r\nexport interface ContentDialogProps extends DialogProps {\r\n  dialogId: string;\r\n  movable?: boolean;\r\n  children: React.ReactNode;\r\n}\r\n\r\n/** Content Dialog React component uses the Dialog component with a modal={false} prop.\r\n * It controls the z-index to keep the focused dialog above content but below widgets.\r\n * @public\r\n */\r\nexport function ContentDialog(props: ContentDialogProps) {\r\n  const { className, children, dialogId, style, modal, modelessId, onModelessPointerDown, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n  const activeContentControlId = useActiveContentControlId();\r\n  // istanbul ignore next\r\n  const dialogClassName = React.useMemo(() => classnames(activeContentControlId === dialogId ? \"active-content-dialog\" : \"inactive-content-dialog\", className),\r\n    [activeContentControlId, className, dialogId]);\r\n\r\n  const [zIndex, setZIndex] = React.useState(UiFramework.content.dialogs.getZIndex(dialogId));\r\n  const updateZIndex = React.useCallback(() => {\r\n    const newZ = UiFramework.content.dialogs.getZIndex(dialogId);\r\n    // istanbul ignore else\r\n    if (newZ !== zIndex) {\r\n      setZIndex(newZ);\r\n    }\r\n  }, [dialogId, zIndex]);\r\n\r\n  return (\r\n    <Dialog\r\n      className={dialogClassName}\r\n      data-item-type=\"content-dialog\"\r\n      data-item-id={dialogId}\r\n      resizable={true}\r\n      movable={true}\r\n      trapFocus={false}\r\n      modal={false}\r\n      {...otherProps}\r\n      modelessId={dialogId}\r\n      onModelessPointerDown={(event) => UiFramework.content.dialogs.handlePointerDownEvent(event, dialogId, updateZIndex)}\r\n      style={{ zIndex, ...style }}\r\n    >\r\n      {children}\r\n    </Dialog >\r\n  );\r\n}\r\n\r\n"]}

package/lib/cjs/appui-react/dialog/ContentDialogManager.d.ts

@@ -1,36 +1,24 @@
 /** @packageDocumentation
  * @module Dialog
  */
-import * as React from "react";
 import { CommonProps } from "@itwin/core-react";
-import { DialogChangedEvent, DialogManagerBase } from "./DialogManagerBase";
-/** Content Dialog Changed Event class.
- * @public
- */
-export declare class ContentDialogChangedEvent extends DialogChangedEvent {
-}
-/** @internal */
-interface ContentDialogInfo {
-    reactNode: React.ReactNode;
-    zIndex: number;
-    parentDocument: Document;
-}
+import * as React from "react";
+import { ContentDialogInfo } from "../framework/FrameworkContent";
 /** Content Dialog Manager class displays and manages multiple modeless dialogs
  * @public
+ * @deprecated in 3.7. Use `UiFramework.content.dialog` property.
  */
 export declare class ContentDialogManager {
+    /** Initialize the modeless dialog manager.
+     * @deprecated in 3.7. This is called internally.
+    */
+    static initialize(): void;
     /** Content Dialog Changed Event */
-    static readonly onContentDialogChangedEvent: ContentDialogChangedEvent;
+    static get onContentDialogChangedEvent(): import("../framework/FrameworkContent").ContentDialogChangedEvent;
     /** @internal */
-    static readonly dialogManager: DialogManagerBase;
+    static get dialogManager(): import("./DialogManagerBase").DialogManagerBase;
     /** Get the array of modeless dialogs */
     static get dialogs(): import("./DialogManagerBase").DialogInfo[];
-    private static _dialogMap;
-    private static _idArray;
-    private static _topZIndex;
-    /** Initialize the modeless dialog manager */
-    static initialize(): void;
-    private static getDialogZIndexDefault;
     /** Open a modeless dialog
      * @param dialog The Dialog to open
      * @param id The id of the Dialog to open
@@ -61,5 +49,4 @@ export declare class ContentDialogRenderer extends React.PureComponent<CommonPro
     constructor(props: CommonProps);
     render(): React.ReactNode;
 }
-export {};
 //# sourceMappingURL=ContentDialogManager.d.ts.map

package/lib/cjs/appui-react/dialog/ContentDialogManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAA0B,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAsB,MAAM,qBAAqB,CAAC;AAKhG;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,kBAAkB;CAAI;AAErE,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAKD;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,mCAAmC;IACnC,gBAAuB,2BAA2B,4BAAmC;IAErF,gBAAgB;IAChB,gBAAuB,aAAa,EAAE,iBAAiB,CAA2E;IAElI,wCAAwC;IACxC,WAAkB,OAAO,+CAAyD;IAElF,OAAO,CAAC,MAAM,CAAC,UAAU,CAAwC;IACjE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAuB;IAE9C,OAAO,CAAC,MAAM,CAAC,UAAU,CAAiC;IAE1D,6CAA6C;WAC/B,UAAU,IAAI,IAAI;IAIhC,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAYrC;;;OAGG;WACW,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,WAAW,GAAG,IAAI;IAa9F;;OAEG;WACW,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAmB3C,gBAAgB;WACF,QAAQ,IAAI,IAAI;IAI9B,yBAAyB;WACX,MAAM,IAAI,IAAI;IAI5B,qCAAqC;IACrC,WAAkB,YAAY,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,CAU5D;IAED,wCAAwC;IACxC,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,uDAAuD;WACzC,sBAAsB,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,IAAI,GAAG,IAAI;IAa1G,4CAA4C;WAC9B,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;WASnC,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;CAGvE;AAED;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAE7D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}
+{"version":3,"file":"ContentDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAMlE;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B;;MAEE;WACY,UAAU,IAAI,IAAI;IAIhC,mCAAmC;IACnC,WAAkB,2BAA2B,sEAAmD;IAEhG,gBAAgB;IAChB,WAAkB,aAAa,oDAAqC;IAEpE,wCAAwC;IACxC,WAAkB,OAAO,+CAA+B;IAExD;;;OAGG;WACW,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,WAAW,GAAG,IAAI;IAI9F;;OAEG;WACW,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI3C,gBAAgB;WACF,QAAQ,IAAI,IAAI;IAI9B,yBAAyB;WACX,MAAM,IAAI,IAAI;IAI5B,qCAAqC;IACrC,WAAkB,YAAY,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,CAE5D;IAED,wCAAwC;IACxC,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,uDAAuD;WACzC,sBAAsB,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,IAAI,GAAG,IAAI;IAI1G,4CAA4C;WAC9B,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;WAInC,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;CAGvE;AAED;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAE7D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}