@itwin/appui-react 3.6.0-dev.8 → 3.7.0-dev.1

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

@@ -8,88 +8,62 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentLayoutManager = void 0;
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
-const ContentLayout_1 = require("./ContentLayout");
+const InternalContentLayoutManager_1 = require("./InternalContentLayoutManager");
 /** ContentLayout Manager class.
  * @public
+ * @deprecated in 3.7. Use `UiFramework.content.layouts` property.
  */
 class ContentLayoutManager {
     /** build a layout key that is unique for group layout combination */
     static getLayoutKey(props) {
-        return `${props.contentGroupId}-${props.layoutId}`;
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.getKey(props);
     }
     /** Return a LayoutDef that is specific to a content group.
      * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
      */
     static getLayoutForGroup(contentGroupProps, overrideContentLayout) {
-        var _a;
-        const layoutId = (_a = overrideContentLayout === null || overrideContentLayout === void 0 ? void 0 : overrideContentLayout.id) !== null && _a !== void 0 ? _a : contentGroupProps.layout.id;
-        const layoutKey = this.getLayoutKey({ contentGroupId: contentGroupProps.id, layoutId });
-        if (!overrideContentLayout && ContentLayoutManager._layoutDefs.has(layoutKey)) {
-            return ContentLayoutManager._layoutDefs.get(layoutKey);
-        }
-        const newContentLayoutProps = { ...contentGroupProps.layout, ...overrideContentLayout };
-        const newLayoutDef = new ContentLayout_1.ContentLayoutDef(newContentLayoutProps);
-        this.addLayout(layoutKey, newLayoutDef);
-        return newLayoutDef;
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.getForGroup(contentGroupProps, overrideContentLayout);
     }
     /** Finds a Content Layout with a given id.
      * @param layoutKey  group specific layout id, see `getLayoutKey`
      * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
      */
     static findLayout(layoutKey) {
-        return ContentLayoutManager._layoutDefs.get(layoutKey);
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.find(layoutKey);
     }
     /** Adds a Content Layout.
      * @param layoutId  the id of the Content Layout to add
      * @param layoutDef  the Content Layout definition to add
      */
     static addLayout(layoutId, layoutDef) {
-        ContentLayoutManager._layoutDefs.set(layoutId, layoutDef);
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.add(layoutId, layoutDef);
     }
     /** Gets the active Content Layout */
     static get activeLayout() {
-        let layoutDef;
-        const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        if (activeFrontstageDef)
-            layoutDef = activeFrontstageDef.contentLayoutDef;
-        return layoutDef;
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.activeLayout;
     }
     /** Gets the active Content Group */
     static get activeContentGroup() {
-        let contentGroup;
-        const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        if (activeFrontstageDef)
-            contentGroup = activeFrontstageDef.contentGroup;
-        return contentGroup;
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.activeContentGroup;
     }
     /** Sets the active Content Layout, Content Group and Content Control.
      * @param contentLayoutDef  Content layout to make active
      * @param contentGroup  Content Group to make active
      */
     static async setActiveLayout(contentLayoutDef, contentGroup) {
-        await FrontstageManager_1.FrontstageManager.setActiveLayout(contentLayoutDef, contentGroup);
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.setActive(contentLayoutDef, contentGroup);
     }
     /** Sets the active Content Group.
      * @param contentGroup  Content Group to make active
      */
     static async setActiveContentGroup(contentGroup) {
-        await FrontstageManager_1.FrontstageManager.setActiveContentGroup(contentGroup);
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.setActiveContentGroup(contentGroup);
     }
     /** Refreshes the active layout and content group.
      */
     static refreshActiveLayout() {
-        // istanbul ignore else
-        const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        if (activeFrontstageDef && activeFrontstageDef.contentLayoutDef && activeFrontstageDef.contentGroup) {
-            FrontstageManager_1.FrontstageManager.onContentLayoutActivatedEvent.emit({
-                contentLayout: activeFrontstageDef.contentLayoutDef,
-                contentGroup: activeFrontstageDef.contentGroup,
-            });
-            activeFrontstageDef.contentGroup.refreshContentNodes();
-        }
+        return InternalContentLayoutManager_1.InternalContentLayoutManager.refreshActive();
     }
 }
 exports.ContentLayoutManager = ContentLayoutManager;
-ContentLayoutManager._layoutDefs = new Map();
 //# sourceMappingURL=ContentLayoutManager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentLayoutManager.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayoutManager.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 { ContentLayoutProps } from \"@itwin/appui-abstract\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ContentGroup, ContentGroupProps } from \"./ContentGroup\";\r\nimport { ContentLayoutDef } from \"./ContentLayout\";\r\n\r\n/** ContentLayout Manager class.\r\n * @public\r\n */\r\nexport class ContentLayoutManager {\r\n  private static _layoutDefs: Map<string, ContentLayoutDef> = new Map<string, ContentLayoutDef>();\r\n\r\n  /** build a layout key that is unique for group layout combination */\r\n  public static getLayoutKey(props: { contentGroupId: string, layoutId: string }): string {\r\n    return `${props.contentGroupId}-${props.layoutId}`;\r\n  }\r\n\r\n  /** Return a LayoutDef that is specific to a content group.\r\n   * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\r\n   */\r\n  public static getLayoutForGroup(contentGroupProps: ContentGroupProps | ContentGroup, overrideContentLayout?: ContentLayoutProps): ContentLayoutDef {\r\n    const layoutId = overrideContentLayout?.id ?? contentGroupProps.layout.id;\r\n    const layoutKey = this.getLayoutKey({ contentGroupId: contentGroupProps.id, layoutId });\r\n\r\n    if (!overrideContentLayout && ContentLayoutManager._layoutDefs.has(layoutKey)) {\r\n      return ContentLayoutManager._layoutDefs.get(layoutKey)!;\r\n    }\r\n\r\n    const newContentLayoutProps = { ...contentGroupProps.layout, ...overrideContentLayout };\r\n    const newLayoutDef = new ContentLayoutDef(newContentLayoutProps);\r\n    this.addLayout(layoutKey, newLayoutDef);\r\n    return newLayoutDef;\r\n  }\r\n\r\n  /** Finds a Content Layout with a given id.\r\n   * @param layoutKey  group specific layout id, see `getLayoutKey`\r\n   * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\r\n   */\r\n  public static findLayout(layoutKey: string): ContentLayoutDef | undefined {\r\n    return ContentLayoutManager._layoutDefs.get(layoutKey)!;\r\n  }\r\n\r\n  /** Adds a Content Layout.\r\n   * @param layoutId  the id of the Content Layout to add\r\n   * @param layoutDef  the Content Layout definition to add\r\n   */\r\n  public static addLayout(layoutId: string, layoutDef: ContentLayoutDef): void {\r\n    ContentLayoutManager._layoutDefs.set(layoutId, layoutDef);\r\n  }\r\n\r\n  /** Gets the active Content Layout */\r\n  public static get activeLayout(): ContentLayoutDef | undefined {\r\n    let layoutDef: ContentLayoutDef | undefined;\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n    if (activeFrontstageDef)\r\n      layoutDef = activeFrontstageDef.contentLayoutDef;\r\n\r\n    return layoutDef;\r\n  }\r\n\r\n  /** Gets the active Content Group */\r\n  public static get activeContentGroup(): ContentGroup | undefined {\r\n    let contentGroup: ContentGroup | undefined;\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n    if (activeFrontstageDef)\r\n      contentGroup = activeFrontstageDef.contentGroup;\r\n\r\n    return contentGroup;\r\n  }\r\n\r\n  /** Sets the active Content Layout, Content Group and Content Control.\r\n   * @param contentLayoutDef  Content layout to make active\r\n   * @param contentGroup  Content Group to make active\r\n   */\r\n  public static async setActiveLayout(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup): Promise<void> {\r\n    await FrontstageManager.setActiveLayout(contentLayoutDef, contentGroup);\r\n  }\r\n\r\n  /** Sets the active Content Group.\r\n   * @param contentGroup  Content Group to make active\r\n   */\r\n  public static async setActiveContentGroup(contentGroup: ContentGroup): Promise<void> {\r\n    await FrontstageManager.setActiveContentGroup(contentGroup);\r\n  }\r\n\r\n  /** Refreshes the active layout and content group.\r\n   */\r\n  public static refreshActiveLayout(): void {\r\n    // istanbul ignore else\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    if (activeFrontstageDef && activeFrontstageDef.contentLayoutDef && activeFrontstageDef.contentGroup) {\r\n      FrontstageManager.onContentLayoutActivatedEvent.emit({\r\n        contentLayout: activeFrontstageDef.contentLayoutDef,\r\n        contentGroup: activeFrontstageDef.contentGroup,\r\n      });\r\n\r\n      activeFrontstageDef.contentGroup.refreshContentNodes();\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ContentLayoutManager.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayoutManager.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAKH,iFAA0F;AAE1F;;;GAGG;AACH,MAAa,oBAAoB;IAC/B,qEAAqE;IAC9D,MAAM,CAAC,YAAY,CAAC,KAAmD;QAC5E,OAAO,2DAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,iBAAiB,CAAC,iBAAmD,EAAE,qBAA0C;QAC7H,OAAO,2DAAQ,CAAC,WAAW,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;IACxE,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,UAAU,CAAC,SAAiB;QACxC,OAAO,2DAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,SAAS,CAAC,QAAgB,EAAE,SAA2B;QACnE,OAAO,2DAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC3C,CAAC;IAED,qCAAqC;IAC9B,MAAM,KAAK,YAAY;QAC5B,OAAO,2DAAQ,CAAC,YAAY,CAAC;IAC/B,CAAC;IAED,oCAAoC;IAC7B,MAAM,KAAK,kBAAkB;QAClC,OAAO,2DAAQ,CAAC,kBAAkB,CAAC;IACrC,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,gBAAkC,EAAE,YAA0B;QAChG,OAAO,2DAAQ,CAAC,SAAS,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAC5D,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,YAA0B;QAClE,OAAO,2DAAQ,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACtD,CAAC;IAED;OACG;IACI,MAAM,CAAC,mBAAmB;QAC/B,OAAO,2DAAQ,CAAC,aAAa,EAAE,CAAC;IAClC,CAAC;CACF;AA3DD,oDA2DC","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 { ContentLayoutProps } from \"@itwin/appui-abstract\";\r\nimport { ContentGroup, ContentGroupProps } from \"./ContentGroup\";\r\nimport { ContentLayoutDef } from \"./ContentLayout\";\r\nimport { InternalContentLayoutManager as internal } from \"./InternalContentLayoutManager\";\r\n\r\n/** ContentLayout Manager class.\r\n * @public\r\n * @deprecated in 3.7. Use `UiFramework.content.layouts` property.\r\n */\r\nexport class ContentLayoutManager {\r\n  /** build a layout key that is unique for group layout combination */\r\n  public static getLayoutKey(props: { contentGroupId: string, layoutId: string }): string {\r\n    return internal.getKey(props);\r\n  }\r\n\r\n  /** Return a LayoutDef that is specific to a content group.\r\n   * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\r\n   */\r\n  public static getLayoutForGroup(contentGroupProps: ContentGroupProps | ContentGroup, overrideContentLayout?: ContentLayoutProps): ContentLayoutDef {\r\n    return internal.getForGroup(contentGroupProps, overrideContentLayout);\r\n  }\r\n\r\n  /** Finds a Content Layout with a given id.\r\n   * @param layoutKey  group specific layout id, see `getLayoutKey`\r\n   * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\r\n   */\r\n  public static findLayout(layoutKey: string): ContentLayoutDef | undefined {\r\n    return internal.find(layoutKey);\r\n  }\r\n\r\n  /** Adds a Content Layout.\r\n   * @param layoutId  the id of the Content Layout to add\r\n   * @param layoutDef  the Content Layout definition to add\r\n   */\r\n  public static addLayout(layoutId: string, layoutDef: ContentLayoutDef): void {\r\n    return internal.add(layoutId, layoutDef);\r\n  }\r\n\r\n  /** Gets the active Content Layout */\r\n  public static get activeLayout(): ContentLayoutDef | undefined {\r\n    return internal.activeLayout;\r\n  }\r\n\r\n  /** Gets the active Content Group */\r\n  public static get activeContentGroup(): ContentGroup | undefined {\r\n    return internal.activeContentGroup;\r\n  }\r\n\r\n  /** Sets the active Content Layout, Content Group and Content Control.\r\n   * @param contentLayoutDef  Content layout to make active\r\n   * @param contentGroup  Content Group to make active\r\n   */\r\n  public static async setActiveLayout(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup): Promise<void> {\r\n    return internal.setActive(contentLayoutDef, contentGroup);\r\n  }\r\n\r\n  /** Sets the active Content Group.\r\n   * @param contentGroup  Content Group to make active\r\n   */\r\n  public static async setActiveContentGroup(contentGroup: ContentGroup): Promise<void> {\r\n    return internal.setActiveContentGroup(contentGroup);\r\n  }\r\n\r\n  /** Refreshes the active layout and content group.\r\n   */\r\n  public static refreshActiveLayout(): void {\r\n    return internal.refreshActive();\r\n  }\r\n}\r\n\r\n"]}

package/lib/cjs/appui-react/content/ContentViewManager.d.ts

@@ -2,55 +2,25 @@
  * @module ContentView
  */
 import * as React from "react";
-import { UiEvent } from "@itwin/appui-abstract";
 import { ContentControl } from "./ContentControl";
-/** [[MouseDownChangedEvent]] Args interface.
- * @public
- */
-export interface MouseDownChangedEventArgs {
-    /** Indicates whether the mouse is down */
-    mouseDown: boolean;
-}
-/** Mouse Down Changed Event class.
- * @public
- */
-export declare class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> {
-}
-/** [[ActiveContentChangedEvent]] Args interface.
- * @public
- */
-export interface ActiveContentChangedEventArgs {
-    /** React node of the old content */
-    oldContent?: React.ReactNode;
-    /** React node of the newly active content */
-    activeContent?: React.ReactNode;
-}
-/** Active Content Changed Event class.
- * @public
- */
-export declare class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> {
-}
 /** Content View Manager class.
  * @public
+ * @deprecated in 3.7. Use `UiFramework.content` property
  */
 export declare class ContentViewManager {
-    private static _mouseDown;
-    private static _activeContent?;
-    /** Gets the [[MouseDownChangedEvent]] */
-    static readonly onMouseDownChangedEvent: MouseDownChangedEvent;
+    static get onMouseDownChangedEvent(): import("../framework/FrameworkContent").MouseDownChangedEvent;
     /** Determines if the mouse is down in a content view */
     static get isMouseDown(): boolean;
     /** Sets the mouse down status for a content view */
     static setMouseDown(mouseDown: boolean): void;
     /** Gets the [[ActiveContentChangedEvent]] */
-    static readonly onActiveContentChangedEvent: ActiveContentChangedEvent;
+    static get onActiveContentChangedEvent(): import("../framework/FrameworkContent").ActiveContentChangedEvent;
     /** Fires when floating contents are added or removed */
-    static readonly onAvailableContentChangedEvent: UiEvent<{
+    static get onAvailableContentChangedEvent(): import("@itwin/appui-abstract").UiEvent<{
         contentId: string;
     }>;
     /** Gets the active content as a React.ReactNode. */
     static getActiveContent(): React.ReactNode | undefined;
-    private static getControlFromElement;
     /** Return the active ContentControl. */
     static getActiveContentControl(): ContentControl | undefined;
     static addFloatingContentControl(contentControl?: ContentControl): void;

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

@@ -1 +1 @@
-{"version":3,"file":"ContentViewManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentViewManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOlD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,OAAO,CAAC,yBAAyB,CAAC;CAAI;AAEjF;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,oCAAoC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,OAAO,CAAC,6BAA6B,CAAC;CAAI;AAEzF;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAC,UAAU,CAAkB;IAC3C,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAkB;IAEhD,yCAAyC;IACzC,gBAAuB,uBAAuB,wBAA+B;IAE7E,wDAAwD;IACxD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED,oDAAoD;WACtC,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAKpD,6CAA6C;IAC7C,gBAAuB,2BAA2B,4BAAmC;IAErF,wDAAwD;IAExD,gBAAuB,8BAA8B;mBAA4B,MAAM;OAAM;IAE7F,oDAAoD;WACtC,gBAAgB,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS;IAI7D,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAoBpC,wCAAwC;WAC1B,uBAAuB,IAAI,cAAc,GAAG,SAAS;WAarD,yBAAyB,CAAC,cAAc,CAAC,EAAE,cAAc;WAQzD,0BAA0B,CAAC,cAAc,CAAC,EAAE,cAAc;IAOxE,yCAAyC;WAC3B,gBAAgB,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,oBAAoB,UAAQ,GAAG,IAAI;IAuCnG,8CAA8C;WAChC,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS;IAKjE;;;OAGG;WACW,kBAAkB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAM9E;;;OAGG;WACW,oBAAoB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAMhF;;;OAGG;WACW,oBAAoB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAMhF;;;OAGG;WACW,yBAAyB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAMrF;;;OAGG;WACW,eAAe,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAM3E;;;OAGG;WACW,qBAAqB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;CAKlF"}
+{"version":3,"file":"ContentViewManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentViewManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD;;;GAGG;AACH,qBAAa,kBAAkB;IAC7B,WAAkB,uBAAuB,kEAA+C;IAExF,wDAAwD;IACxD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED,oDAAoD;WACtC,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAIpD,6CAA6C;IAC7C,WAAkB,2BAA2B,sEAAmD;IAEhG,wDAAwD;IAExD,WAAkB,8BAA8B;;OAAsD;IAEtG,oDAAoD;WACtC,gBAAgB,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS;IAI7D,wCAAwC;WAC1B,uBAAuB,IAAI,cAAc,GAAG,SAAS;WAIrD,yBAAyB,CAAC,cAAc,CAAC,EAAE,cAAc;WAIzD,0BAA0B,CAAC,cAAc,CAAC,EAAE,cAAc;IAIxE,yCAAyC;WAC3B,gBAAgB,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,oBAAoB,UAAQ,GAAG,IAAI;IAInG,8CAA8C;WAChC,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS;IAIjE;;;OAGG;WACW,kBAAkB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAI9E;;;OAGG;WACW,oBAAoB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAIhF;;;OAGG;WACW,oBAAoB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAIhF;;;OAGG;WACW,yBAAyB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAIrF;;;OAGG;WACW,eAAe,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;IAI3E;;;OAGG;WACW,qBAAqB,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO;CAGlF"}

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

@@ -7,183 +7,90 @@
  * @module ContentView
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentViewManager = exports.ActiveContentChangedEvent = exports.MouseDownChangedEvent = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
-const ViewUtilities_1 = require("../utils/ViewUtilities");
-const ContentLayoutManager_1 = require("./ContentLayoutManager");
-const core_frontend_1 = require("@itwin/core-frontend");
-const core_bentley_1 = require("@itwin/core-bentley");
-const UiFramework_1 = require("../UiFramework");
-/** Mouse Down Changed Event class.
- * @public
- */
-class MouseDownChangedEvent extends appui_abstract_1.UiEvent {
-}
-exports.MouseDownChangedEvent = MouseDownChangedEvent;
-/** Active Content Changed Event class.
- * @public
- */
-class ActiveContentChangedEvent extends appui_abstract_1.UiEvent {
-}
-exports.ActiveContentChangedEvent = ActiveContentChangedEvent;
+exports.ContentViewManager = void 0;
+const InternalContentViewManager_1 = require("./InternalContentViewManager");
 /** Content View Manager class.
  * @public
+ * @deprecated in 3.7. Use `UiFramework.content` property
  */
 class ContentViewManager {
+    static get onMouseDownChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onMouseDownChangedEvent; }
     /** Determines if the mouse is down in a content view */
     static get isMouseDown() {
-        return this._mouseDown;
+        return InternalContentViewManager_1.InternalContentViewManager.isMouseDown;
     }
     /** Sets the mouse down status for a content view */
     static setMouseDown(mouseDown) {
-        this._mouseDown = mouseDown;
-        this.onMouseDownChangedEvent.emit({ mouseDown });
+        return InternalContentViewManager_1.InternalContentViewManager.setMouseDown(mouseDown);
     }
+    /** Gets the [[ActiveContentChangedEvent]] */
+    static get onActiveContentChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onActiveContentChangedEvent; }
+    /** Fires when floating contents are added or removed */
+    static get onAvailableContentChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onAvailableContentChangedEvent; }
     /** Gets the active content as a React.ReactNode. */
     static getActiveContent() {
-        return this._activeContent;
-    }
-    static getControlFromElement(content, activeContentGroup, floatingControls, logIfNotFound = false) {
-        if (floatingControls === null || floatingControls === void 0 ? void 0 : floatingControls.length) {
-            const control = floatingControls.find((contentControl) => contentControl.reactNode === content);
-            if (control)
-                return control;
-        }
-        // istanbul ignore else
-        if (activeContentGroup) {
-            const activeContentControl = activeContentGroup.getControlFromElement(content);
-            if (activeContentControl)
-                return activeContentControl;
-        }
-        if (logIfNotFound)
-            core_bentley_1.Logger.logError(UiFramework_1.UiFramework.loggerCategory(this), `getControlFromElement: no control found for element`);
-        return undefined;
+        return InternalContentViewManager_1.InternalContentViewManager.getActive();
     }
     /** Return the active ContentControl. */
     static getActiveContentControl() {
-        let activeContentControl;
-        const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        // istanbul ignore else
-        if (this._activeContent && activeFrontstageDef) {
-            const activeContentGroup = activeFrontstageDef.contentGroup;
-            activeContentControl = this.getControlFromElement(this._activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls);
-        }
-        return activeContentControl;
+        return InternalContentViewManager_1.InternalContentViewManager.getActiveContentControl();
     }
     static addFloatingContentControl(contentControl) {
-        const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        // istanbul ignore else
-        if (activeFrontstageDef && contentControl) {
-            activeFrontstageDef.addFloatingContentControl(contentControl);
-        }
+        return InternalContentViewManager_1.InternalContentViewManager.addFloatingContentControl(contentControl);
     }
     static dropFloatingContentControl(contentControl) {
-        const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-        // istanbul ignore else
-        if (activeFrontstageDef && contentControl)
-            activeFrontstageDef.dropFloatingContentControl(contentControl);
+        return InternalContentViewManager_1.InternalContentViewManager.dropFloatingContentControl(contentControl);
     }
     /** Sets the active [[ContentControl]] */
     static setActiveContent(activeContent, forceEventProcessing = false) {
-        // istanbul ignore else
-        if (this._activeContent !== activeContent || forceEventProcessing) {
-            const oldContent = this._activeContent;
-            this._activeContent = activeContent;
-            const activeFrontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-            // istanbul ignore else
-            if (activeFrontstageDef) {
-                const activeContentGroup = activeFrontstageDef.contentGroup;
-                // istanbul ignore else
-                const oldContentControl = this.getControlFromElement(oldContent, activeContentGroup, activeFrontstageDef.floatingContentControls);
-                const activeContentControl = this.getControlFromElement(activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls, true);
-                // Only call setActiveView if going to or coming from a non-viewport ContentControl
-                // istanbul ignore else
-                if (activeContentControl) {
-                    // istanbul ignore next
-                    const doSetActiveView = forceEventProcessing || (!activeContentControl.viewport ||
-                        ( /* istanbul ignore next */oldContentControl && /* istanbul ignore next */ !oldContentControl.viewport));
-                    // istanbul ignore else
-                    if (doSetActiveView) {
-                        activeFrontstageDef.setActiveView(activeContentControl, oldContentControl);
-                        this.onActiveContentChangedEvent.emit({ activeContent, oldContent });
-                    }
-                    else {
-                        if (activeContentControl.viewport && activeContentControl.viewport !== core_frontend_1.IModelApp.viewManager.selectedView) {
-                            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-                            core_frontend_1.IModelApp.viewManager.setSelectedView(activeContentControl.viewport);
-                        }
-                    }
-                }
-            }
-        }
+        return InternalContentViewManager_1.InternalContentViewManager.setActive(activeContent, forceEventProcessing);
     }
     /** Refreshes the active [[ContentControl]] */
     static refreshActiveContent(activeContent) {
-        ContentLayoutManager_1.ContentLayoutManager.refreshActiveLayout();
-        this.setActiveContent(activeContent, true);
+        return InternalContentViewManager_1.InternalContentViewManager.refreshActive(activeContent);
     }
     /**
      * Determines if content displays a Sheet view.
      * @param content ContentControl to check
      */
     static isContentSheetView(content) {
-        if (!content || !content.viewport)
-            return false;
-        return (ViewUtilities_1.ViewUtilities.isSheetView(content.viewport));
+        return InternalContentViewManager_1.InternalContentViewManager.isContentSheetView(content);
     }
     /**
      * Determines if content displays a Drawing view.
      * @param content ContentControl to check
      */
     static isContentDrawingView(content) {
-        if (!content || !content.viewport)
-            return false;
-        return (ViewUtilities_1.ViewUtilities.isDrawingView(content.viewport));
+        return InternalContentViewManager_1.InternalContentViewManager.isContentDrawingView(content);
     }
     /**
      * Determines if content displays a Spatial view.
      * @param content ContentControl to check
      */
     static isContentSpatialView(content) {
-        if (!content || !content.viewport)
-            return false;
-        return (ViewUtilities_1.ViewUtilities.isSpatialView(content.viewport));
+        return InternalContentViewManager_1.InternalContentViewManager.isContentSpatialView(content);
     }
     /**
      * Determines if content displays a Orthographic view.
      * @param content ContentControl to check
      */
     static isContentOrthographicView(content) {
-        if (!content || !content.viewport)
-            return false;
-        return (ViewUtilities_1.ViewUtilities.isOrthographicView(content.viewport));
+        return InternalContentViewManager_1.InternalContentViewManager.isContentOrthographicView(content);
     }
     /**
      * Determines if content displays a 3d view.
      * @param content ContentControl to check
      */
     static isContent3dView(content) {
-        if (!content || !content.viewport)
-            return false;
-        return (ViewUtilities_1.ViewUtilities.is3dView(content.viewport));
+        return InternalContentViewManager_1.InternalContentViewManager.isContent3dView(content);
     }
     /**
      * Determines if viewport supports use of a camera.
      * @param content ContentControl to check
      */
     static contentSupportsCamera(content) {
-        if (!content || !content.viewport)
-            return false;
-        return (ViewUtilities_1.ViewUtilities.viewSupportsCamera(content.viewport));
+        return InternalContentViewManager_1.InternalContentViewManager.contentSupportsCamera(content);
     }
 }
 exports.ContentViewManager = ContentViewManager;
-ContentViewManager._mouseDown = false;
-/** Gets the [[MouseDownChangedEvent]] */
-ContentViewManager.onMouseDownChangedEvent = new MouseDownChangedEvent();
-/** Gets the [[ActiveContentChangedEvent]] */
-ContentViewManager.onActiveContentChangedEvent = new ActiveContentChangedEvent();
-/** Fires when floating contents are added or removed */
-ContentViewManager.onAvailableContentChangedEvent = new appui_abstract_1.UiEvent();
 //# sourceMappingURL=ContentViewManager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentViewManager.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentViewManager.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 * as React from \"react\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ContentControl } from \"./ContentControl\";\r\nimport { ContentLayoutManager } from \"./ContentLayoutManager\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { ContentGroup } from \"./ContentGroup\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** [[MouseDownChangedEvent]] Args interface.\r\n * @public\r\n */\r\nexport interface MouseDownChangedEventArgs {\r\n  /** Indicates whether the mouse is down */\r\n  mouseDown: boolean;\r\n}\r\n\r\n/** Mouse Down Changed Event class.\r\n * @public\r\n */\r\nexport class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> { }\r\n\r\n/** [[ActiveContentChangedEvent]] Args interface.\r\n * @public\r\n */\r\nexport interface ActiveContentChangedEventArgs {\r\n  /** React node of the old content */\r\n  oldContent?: React.ReactNode;\r\n  /** React node of the newly active content */\r\n  activeContent?: React.ReactNode;\r\n}\r\n\r\n/** Active Content Changed Event class.\r\n * @public\r\n */\r\nexport class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> { }\r\n\r\n/** Content View Manager class.\r\n * @public\r\n */\r\nexport class ContentViewManager {\r\n  private static _mouseDown: boolean = false;\r\n  private static _activeContent?: React.ReactNode;\r\n\r\n  /** Gets the [[MouseDownChangedEvent]] */\r\n  public static readonly onMouseDownChangedEvent = new MouseDownChangedEvent();\r\n\r\n  /** Determines if the mouse is down in a content view */\r\n  public static get isMouseDown(): boolean {\r\n    return this._mouseDown;\r\n  }\r\n\r\n  /** Sets the mouse down status for a content view */\r\n  public static setMouseDown(mouseDown: boolean): void {\r\n    this._mouseDown = mouseDown;\r\n    this.onMouseDownChangedEvent.emit({ mouseDown });\r\n  }\r\n\r\n  /** Gets the [[ActiveContentChangedEvent]] */\r\n  public static readonly onActiveContentChangedEvent = new ActiveContentChangedEvent();\r\n\r\n  /** Fires when floating contents are added or removed */\r\n\r\n  public static readonly onAvailableContentChangedEvent = new UiEvent<{ contentId: string }>();\r\n\r\n  /** Gets the active content as a React.ReactNode. */\r\n  public static getActiveContent(): React.ReactNode | undefined {\r\n    return this._activeContent;\r\n  }\r\n\r\n  private static getControlFromElement(content: React.ReactNode, activeContentGroup: ContentGroup | undefined, floatingControls: ContentControl[] | undefined, logIfNotFound = false) {\r\n    if (floatingControls?.length) {\r\n      const control = floatingControls.find((contentControl) => contentControl.reactNode === content);\r\n      if (control)\r\n        return control;\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (activeContentGroup) {\r\n      const activeContentControl = activeContentGroup.getControlFromElement(content);\r\n      if (activeContentControl)\r\n        return activeContentControl;\r\n    }\r\n\r\n    if (logIfNotFound)\r\n      Logger.logError(UiFramework.loggerCategory(this), `getControlFromElement: no control found for element`);\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Return the active ContentControl. */\r\n  public static getActiveContentControl(): ContentControl | undefined {\r\n    let activeContentControl: ContentControl | undefined;\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n    // istanbul ignore else\r\n    if (this._activeContent && activeFrontstageDef) {\r\n      const activeContentGroup = activeFrontstageDef.contentGroup;\r\n      activeContentControl = this.getControlFromElement(this._activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls);\r\n    }\r\n\r\n    return activeContentControl;\r\n  }\r\n\r\n  public static addFloatingContentControl(contentControl?: ContentControl) {\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore else\r\n    if (activeFrontstageDef && contentControl) {\r\n      activeFrontstageDef.addFloatingContentControl(contentControl);\r\n    }\r\n  }\r\n\r\n  public static dropFloatingContentControl(contentControl?: ContentControl) {\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore else\r\n    if (activeFrontstageDef && contentControl)\r\n      activeFrontstageDef.dropFloatingContentControl(contentControl);\r\n  }\r\n\r\n  /** Sets the active [[ContentControl]] */\r\n  public static setActiveContent(activeContent?: React.ReactNode, forceEventProcessing = false): void {\r\n    // istanbul ignore else\r\n    if (this._activeContent !== activeContent || forceEventProcessing) {\r\n      const oldContent = this._activeContent;\r\n      this._activeContent = activeContent;\r\n\r\n      const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n      // istanbul ignore else\r\n      if (activeFrontstageDef) {\r\n        const activeContentGroup = activeFrontstageDef.contentGroup;\r\n\r\n        // istanbul ignore else\r\n        const oldContentControl = this.getControlFromElement(oldContent, activeContentGroup, activeFrontstageDef.floatingContentControls);\r\n        const activeContentControl = this.getControlFromElement(activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls, true);\r\n\r\n        // Only call setActiveView if going to or coming from a non-viewport ContentControl\r\n        // istanbul ignore else\r\n        if (activeContentControl) {\r\n          // istanbul ignore next\r\n          const doSetActiveView =\r\n            forceEventProcessing || (!activeContentControl.viewport ||\r\n              (/* istanbul ignore next */ oldContentControl && /* istanbul ignore next */ !oldContentControl.viewport));\r\n\r\n          // istanbul ignore else\r\n          if (doSetActiveView) {\r\n            activeFrontstageDef.setActiveView(activeContentControl, oldContentControl);\r\n            this.onActiveContentChangedEvent.emit({ activeContent, oldContent });\r\n          } else {\r\n            if (activeContentControl.viewport && activeContentControl.viewport !== IModelApp.viewManager.selectedView) {\r\n              // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n              IModelApp.viewManager.setSelectedView(activeContentControl.viewport);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Refreshes the active [[ContentControl]] */\r\n  public static refreshActiveContent(activeContent: React.ReactNode) {\r\n    ContentLayoutManager.refreshActiveLayout();\r\n    this.setActiveContent(activeContent, true);\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Sheet view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentSheetView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isSheetView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Drawing view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentDrawingView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isDrawingView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Spatial view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentSpatialView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isSpatialView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Orthographic view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentOrthographicView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isOrthographicView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a 3d view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContent3dView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.is3dView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if viewport supports use of a camera.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static contentSupportsCamera(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.viewSupportsCamera(content.viewport));\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ContentViewManager.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentViewManager.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,6EAAsF;AAEtF;;;GAGG;AACH,MAAa,kBAAkB;IACtB,MAAM,KAAK,uBAAuB,KAAK,OAAO,uDAAQ,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAExF,wDAAwD;IACjD,MAAM,KAAK,WAAW;QAC3B,OAAO,uDAAQ,CAAC,WAAW,CAAC;IAC9B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,YAAY,CAAC,SAAkB;QAC3C,OAAO,uDAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,6CAA6C;IACtC,MAAM,KAAK,2BAA2B,KAAK,OAAO,uDAAQ,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAEhG,wDAAwD;IAEjD,MAAM,KAAK,8BAA8B,KAAK,OAAO,uDAAQ,CAAC,8BAA8B,CAAC,CAAC,CAAC;IAEtG,oDAAoD;IAC7C,MAAM,CAAC,gBAAgB;QAC5B,OAAO,uDAAQ,CAAC,SAAS,EAAE,CAAC;IAC9B,CAAC;IAED,wCAAwC;IACjC,MAAM,CAAC,uBAAuB;QACnC,OAAO,uDAAQ,CAAC,uBAAuB,EAAE,CAAC;IAC5C,CAAC;IAEM,MAAM,CAAC,yBAAyB,CAAC,cAA+B;QACrE,OAAO,uDAAQ,CAAC,yBAAyB,CAAC,cAAc,CAAC,CAAC;IAC5D,CAAC;IAEM,MAAM,CAAC,0BAA0B,CAAC,cAA+B;QACtE,OAAO,uDAAQ,CAAC,0BAA0B,CAAC,cAAc,CAAC,CAAC;IAC7D,CAAC;IAED,yCAAyC;IAClC,MAAM,CAAC,gBAAgB,CAAC,aAA+B,EAAE,oBAAoB,GAAG,KAAK;QAC1F,OAAO,uDAAQ,CAAC,SAAS,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;IACjE,CAAC;IAED,8CAA8C;IACvC,MAAM,CAAC,oBAAoB,CAAC,aAA8B;QAC/D,OAAO,uDAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,kBAAkB,CAAC,OAAmC;QAClE,OAAO,uDAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,oBAAoB,CAAC,OAAmC;QACpE,OAAO,uDAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,oBAAoB,CAAC,OAAmC;QACpE,OAAO,uDAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,yBAAyB,CAAC,OAAmC;QACzE,OAAO,uDAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,OAAmC;QAC/D,OAAO,uDAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,qBAAqB,CAAC,OAAmC;QACrE,OAAO,uDAAQ,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;CACF;AA/FD,gDA+FC","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 { ContentControl } from \"./ContentControl\";\r\nimport { InternalContentViewManager as internal } from \"./InternalContentViewManager\";\r\n\r\n/** Content View Manager class.\r\n * @public\r\n * @deprecated in 3.7. Use `UiFramework.content` property\r\n */\r\nexport class ContentViewManager {\r\n  public static get onMouseDownChangedEvent() { return internal.onMouseDownChangedEvent; }\r\n\r\n  /** Determines if the mouse is down in a content view */\r\n  public static get isMouseDown(): boolean {\r\n    return internal.isMouseDown;\r\n  }\r\n\r\n  /** Sets the mouse down status for a content view */\r\n  public static setMouseDown(mouseDown: boolean): void {\r\n    return internal.setMouseDown(mouseDown);\r\n  }\r\n\r\n  /** Gets the [[ActiveContentChangedEvent]] */\r\n  public static get onActiveContentChangedEvent() { return internal.onActiveContentChangedEvent; }\r\n\r\n  /** Fires when floating contents are added or removed */\r\n\r\n  public static get onAvailableContentChangedEvent() { return internal.onAvailableContentChangedEvent; }\r\n\r\n  /** Gets the active content as a React.ReactNode. */\r\n  public static getActiveContent(): React.ReactNode | undefined {\r\n    return internal.getActive();\r\n  }\r\n\r\n  /** Return the active ContentControl. */\r\n  public static getActiveContentControl(): ContentControl | undefined {\r\n    return internal.getActiveContentControl();\r\n  }\r\n\r\n  public static addFloatingContentControl(contentControl?: ContentControl) {\r\n    return internal.addFloatingContentControl(contentControl);\r\n  }\r\n\r\n  public static dropFloatingContentControl(contentControl?: ContentControl) {\r\n    return internal.dropFloatingContentControl(contentControl);\r\n  }\r\n\r\n  /** Sets the active [[ContentControl]] */\r\n  public static setActiveContent(activeContent?: React.ReactNode, forceEventProcessing = false): void {\r\n    return internal.setActive(activeContent, forceEventProcessing);\r\n  }\r\n\r\n  /** Refreshes the active [[ContentControl]] */\r\n  public static refreshActiveContent(activeContent: React.ReactNode) {\r\n    return internal.refreshActive(activeContent);\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Sheet view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentSheetView(content: ContentControl | undefined): boolean {\r\n    return internal.isContentSheetView(content);\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Drawing view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentDrawingView(content: ContentControl | undefined): boolean {\r\n    return internal.isContentDrawingView(content);\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Spatial view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentSpatialView(content: ContentControl | undefined): boolean {\r\n    return internal.isContentSpatialView(content);\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Orthographic view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentOrthographicView(content: ContentControl | undefined): boolean {\r\n    return internal.isContentOrthographicView(content);\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a 3d view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContent3dView(content: ContentControl | undefined): boolean {\r\n    return internal.isContent3dView(content);\r\n  }\r\n\r\n  /**\r\n   * Determines if viewport supports use of a camera.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static contentSupportsCamera(content: ContentControl | undefined): boolean {\r\n    return internal.contentSupportsCamera(content);\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/content/FloatingViewportContent.d.ts

@@ -3,7 +3,8 @@
  */
 import "./FloatingViewportContent.css";
 import * as React from "react";
-import { ViewState } from "@itwin/core-frontend";
+import { ScreenViewport } from "@itwin/core-frontend";
+import { ViewStateProp } from "@itwin/imodel-components-react";
 /**
  * @beta
  */
@@ -12,8 +13,10 @@ export interface FloatingViewportContentProps {
     onContextMenu?: (e: React.MouseEvent) => boolean;
     /** viewport/content control uniqueId */
     contentId: string;
-    /** The initial view state used to create the viewport */
-    initialViewState: ViewState;
+    /** The initial view state used to create the viewport, or a function that returns it (will refresh when the function changes) */
+    initialViewState: ViewStateProp;
+    /** Function to get a reference to the ScreenViewport */
+    viewportRef?: React.Ref<ScreenViewport>;
 }
 /**
  * FloatingViewportContent component that creates its own [FloatingViewportContentControl].

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingViewportContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,+BAA+B,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAW5E;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,gBAAgB,EAAE,SAAS,CAAC;CAC7B;AAED;;;;;GAKG;AAEH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eA2D1E"}
+{"version":3,"file":"FloatingViewportContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,+BAA+B,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAqB,aAAa,EAAE,MAAM,gCAAgC,CAAC;AASlF;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,iIAAiI;IACjI,gBAAgB,EAAE,aAAa,CAAC;IAChC,wDAAwD;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACzC;AAED;;;;;GAKG;AAEH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAqE1E"}

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

@@ -14,9 +14,9 @@ const core_frontend_1 = require("@itwin/core-frontend");
 const presentation_components_1 = require("@itwin/presentation-components");
 const imodel_components_react_1 = require("@itwin/imodel-components-react");
 const ViewportContentControl_1 = require("./ViewportContentControl");
-const ContentViewManager_1 = require("./ContentViewManager");
-const UiShowHideManager_1 = require("../utils/UiShowHideManager");
 const ContentLayout_1 = require("./ContentLayout");
+const core_react_1 = require("@itwin/core-react");
+const UiFramework_1 = require("../UiFramework");
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const FloatingViewport = (0, presentation_components_1.viewWithUnifiedSelection)(imodel_components_react_1.ViewportComponent);
 /**
@@ -27,46 +27,56 @@ const FloatingViewport = (0, presentation_components_1.viewWithUnifiedSelection)
  */
 // istanbul ignore next
 function FloatingViewportContent(props) {
-    const { contentId, initialViewState } = props;
+    const { contentId, initialViewState, viewportRef } = props;
     const [viewport, setViewport] = React.useState();
     const contentControl = React.useRef();
-    const onViewportRef = React.useCallback((v) => setViewport(v), []);
+    const viewState = React.useMemo(() => typeof initialViewState === "function" ? initialViewState() : initialViewState, [initialViewState]);
+    const ref = React.useCallback((v) => {
+        setViewport(v);
+    }, []);
+    const onViewportRef = (0, core_react_1.useRefs)(ref, ...(viewportRef ? [viewportRef] : []));
     React.useEffect(() => {
         if (!contentControl.current) {
             contentControl.current = new ViewportContentControl_1.FloatingViewportContentControl(contentId, contentId, null);
-            ContentViewManager_1.ContentViewManager.addFloatingContentControl(contentControl.current);
+            UiFramework_1.UiFramework.content.addFloatingContentControl(contentControl.current);
         }
         return () => {
             if (contentControl.current) {
-                ContentViewManager_1.ContentViewManager.dropFloatingContentControl(contentControl.current);
+                UiFramework_1.UiFramework.content.dropFloatingContentControl(contentControl.current);
                 contentControl.current = undefined;
             }
         };
     }, [contentId]);
-    const viewPortControl = React.useMemo(() => initialViewState ? (React.createElement(FloatingViewport, { viewportRef: onViewportRef, imodel: initialViewState.iModel, viewState: initialViewState, onContextMenu: props.onContextMenu, controlId: contentId })) : undefined, [onViewportRef, props.onContextMenu, initialViewState, contentId]);
+    const viewPortControl = React.useMemo(() => {
+        const node = React.createElement(FloatingViewport, { viewportRef: onViewportRef, imodel: viewState.iModel, viewState: viewState, onContextMenu: props.onContextMenu, controlId: contentId });
+        let control = node;
+        if (!node.key) {
+            const additionalProps = { key: contentId };
+            control = React.cloneElement(node, additionalProps);
+        }
+        return control;
+    }, [onViewportRef, props.onContextMenu, viewState, contentId]);
     React.useEffect(() => {
         if (viewport && contentControl.current) {
             contentControl.current.viewport = viewport;
             if (null === contentControl.current.reactNode) {
                 contentControl.current.reactNode = viewPortControl;
             }
-            if (initialViewState) {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
-                contentControl.current.processViewSelectorChange(initialViewState.iModel, initialViewState.id, initialViewState, initialViewState.name);
-            }
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            contentControl.current.viewport.changeView(viewState);
         }
-    }, [initialViewState, viewPortControl, viewport]);
+    }, [viewState, viewPortControl, viewport]);
     React.useEffect(() => {
         const onViewClose = (vp) => {
             var _a;
             if (((_a = contentControl.current) === null || _a === void 0 ? void 0 : _a.viewport) === vp) {
-                ContentViewManager_1.ContentViewManager.dropFloatingContentControl(contentControl.current);
+                UiFramework_1.UiFramework.content.dropFloatingContentControl(contentControl.current);
                 contentControl.current = undefined;
             }
         };
         return core_frontend_1.IModelApp.viewManager.onViewClose.addListener(onViewClose);
     }, []);
-    return (React.createElement("div", { onMouseMove: UiShowHideManager_1.UiShowHideManager.handleContentMouseMove, className: "uifw-dialog-imodel-content", style: { height: "100%", position: "relative" } },
+    return (React.createElement("div", { onMouseMove: UiFramework_1.UiFramework.visibility.handleContentMouseMove, className: "uifw-dialog-imodel-content", style: { height: "100%", position: "relative" } },
         React.createElement(ContentLayout_1.ContentWrapper, { content: viewPortControl, style: { height: "100%", position: "relative" } })));
 }
 exports.FloatingViewportContent = FloatingViewportContent;

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.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 ContentView\r\n */\r\n\r\nimport \"./FloatingViewportContent.css\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { viewWithUnifiedSelection } from \"@itwin/presentation-components\";\r\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\r\nimport { FloatingViewportContentControl } from \"./ViewportContentControl\";\r\nimport { ContentViewManager } from \"./ContentViewManager\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ContentWrapper } from \"./ContentLayout\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst FloatingViewport = viewWithUnifiedSelection(ViewportComponent);\r\n\r\n/**\r\n * @beta\r\n */\r\nexport interface FloatingViewportContentProps {\r\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\r\n  onContextMenu?: (e: React.MouseEvent) => boolean;\r\n  /** viewport/content control uniqueId */\r\n  contentId: string;\r\n  /** The initial view state used to create the viewport */\r\n  initialViewState: ViewState;\r\n}\r\n\r\n/**\r\n * FloatingViewportContent component that creates its own [FloatingViewportContentControl].\r\n * This allows it to be recognized as an \"active\" content control so that tools operate on this\r\n * content.\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport function FloatingViewportContent(props: FloatingViewportContentProps) { // eslint-disable-line @typescript-eslint/naming-convention\r\n  const { contentId, initialViewState } = props;\r\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\r\n  const contentControl = React.useRef<FloatingViewportContentControl | undefined>();\r\n\r\n  const onViewportRef = React.useCallback((v: ScreenViewport) => setViewport(v), []);\r\n\r\n  React.useEffect(() => {\r\n    if (!contentControl.current) {\r\n      contentControl.current = new FloatingViewportContentControl(contentId, contentId, null);\r\n      ContentViewManager.addFloatingContentControl(contentControl.current);\r\n    }\r\n    return () => {\r\n      if (contentControl.current) {\r\n        ContentViewManager.dropFloatingContentControl(contentControl.current);\r\n        contentControl.current = undefined;\r\n      }\r\n    };\r\n  }, [contentId]);\r\n\r\n  const viewPortControl = React.useMemo(() =>\r\n    initialViewState ? (\r\n      <FloatingViewport\r\n        viewportRef={onViewportRef}\r\n        imodel={initialViewState.iModel}\r\n        viewState={initialViewState}\r\n        onContextMenu={props.onContextMenu}\r\n        controlId={contentId}\r\n      />\r\n    ) : undefined, [onViewportRef, props.onContextMenu, initialViewState, contentId]);\r\n\r\n  React.useEffect(() => {\r\n    if (viewport && contentControl.current) {\r\n      contentControl.current.viewport = viewport;\r\n      if (null === contentControl.current.reactNode) {\r\n        contentControl.current.reactNode = viewPortControl;\r\n      }\r\n      if (initialViewState) {\r\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n        contentControl.current.processViewSelectorChange(initialViewState.iModel, initialViewState.id, initialViewState, initialViewState.name);\r\n      }\r\n    }\r\n  }, [initialViewState, viewPortControl, viewport]);\r\n\r\n  React.useEffect(() => {\r\n    const onViewClose = (vp: ScreenViewport) => {\r\n      if (contentControl.current?.viewport === vp) {\r\n        ContentViewManager.dropFloatingContentControl(contentControl.current);\r\n        contentControl.current = undefined;\r\n      }\r\n    };\r\n    return IModelApp.viewManager.onViewClose.addListener(onViewClose);\r\n  }, []);\r\n\r\n  return (\r\n    <div onMouseMove={UiShowHideManager.handleContentMouseMove} className=\"uifw-dialog-imodel-content\" style={{ height: \"100%\", position: \"relative\" }}>\r\n      <ContentWrapper content={viewPortControl} style={{ height: \"100%\", position: \"relative\" }} />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.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 ContentView\r\n */\r\n\r\nimport \"./FloatingViewportContent.css\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { viewWithUnifiedSelection } from \"@itwin/presentation-components\";\r\nimport { ViewportComponent, ViewStateProp } from \"@itwin/imodel-components-react\";\r\nimport { FloatingViewportContentControl } from \"./ViewportContentControl\";\r\nimport { ContentWrapper } from \"./ContentLayout\";\r\nimport { useRefs } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst FloatingViewport = viewWithUnifiedSelection(ViewportComponent);\r\n\r\n/**\r\n * @beta\r\n */\r\nexport interface FloatingViewportContentProps {\r\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\r\n  onContextMenu?: (e: React.MouseEvent) => boolean;\r\n  /** viewport/content control uniqueId */\r\n  contentId: string;\r\n  /** The initial view state used to create the viewport, or a function that returns it (will refresh when the function changes) */\r\n  initialViewState: ViewStateProp;\r\n  /** Function to get a reference to the ScreenViewport */\r\n  viewportRef?: React.Ref<ScreenViewport>;\r\n}\r\n\r\n/**\r\n * FloatingViewportContent component that creates its own [FloatingViewportContentControl].\r\n * This allows it to be recognized as an \"active\" content control so that tools operate on this\r\n * content.\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport function FloatingViewportContent(props: FloatingViewportContentProps) { // eslint-disable-line @typescript-eslint/naming-convention\r\n  const { contentId, initialViewState, viewportRef } = props;\r\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\r\n  const contentControl = React.useRef<FloatingViewportContentControl | undefined>();\r\n\r\n  const viewState = React.useMemo(() => typeof initialViewState === \"function\" ? initialViewState() : initialViewState, [initialViewState]);\r\n  const ref = React.useCallback((v: ScreenViewport) => {\r\n    setViewport(v);\r\n  }, []);\r\n  const onViewportRef = useRefs(ref, ...(viewportRef ? [viewportRef] : []));\r\n\r\n  React.useEffect(() => {\r\n    if (!contentControl.current) {\r\n      contentControl.current = new FloatingViewportContentControl(contentId, contentId, null);\r\n      UiFramework.content.addFloatingContentControl(contentControl.current);\r\n    }\r\n    return () => {\r\n      if (contentControl.current) {\r\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\r\n        contentControl.current = undefined;\r\n      }\r\n    };\r\n  }, [contentId]);\r\n\r\n  const viewPortControl = React.useMemo(() => {\r\n\r\n    const node = <FloatingViewport\r\n      viewportRef={onViewportRef}\r\n      imodel={viewState.iModel}\r\n      viewState={viewState}\r\n      onContextMenu={props.onContextMenu}\r\n      controlId={contentId}\r\n    />;\r\n    let control = node;\r\n\r\n    if (!(node as React.ReactElement<any>).key) {\r\n      const additionalProps: any = { key:contentId };\r\n      control = React.cloneElement(node, additionalProps);\r\n    }\r\n    return control;\r\n\r\n  }, [onViewportRef, props.onContextMenu, viewState, contentId]);\r\n\r\n  React.useEffect(() => {\r\n    if (viewport && contentControl.current) {\r\n      contentControl.current.viewport = viewport;\r\n      if (null === contentControl.current.reactNode) {\r\n        contentControl.current.reactNode = viewPortControl;\r\n      }\r\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n      contentControl.current.viewport.changeView(viewState);\r\n    }\r\n  }, [viewState, viewPortControl, viewport]);\r\n\r\n  React.useEffect(() => {\r\n    const onViewClose = (vp: ScreenViewport) => {\r\n      if (contentControl.current?.viewport === vp) {\r\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\r\n        contentControl.current = undefined;\r\n      }\r\n    };\r\n    return IModelApp.viewManager.onViewClose.addListener(onViewClose);\r\n  }, []);\r\n\r\n  return (\r\n    <div onMouseMove={UiFramework.visibility.handleContentMouseMove} className=\"uifw-dialog-imodel-content\" style={{ height: \"100%\", position: \"relative\" }}>\r\n      <ContentWrapper content={viewPortControl} style={{ height: \"100%\", position: \"relative\" }} />\r\n    </div>\r\n  );\r\n}\r\n"]}