@itwin/appui-react 5.18.0 → 5.20.0

package/lib/appui-react/content/ContentGroup.js

@@ -33,13 +33,15 @@ export class ContentGroupProvider {
  * @public
  */
 export class ContentGroup {
+    static _sId = 0;
+    groupId;
+    propsId;
+    layout;
+    contentPropsList;
     get id() {
         return this.groupId;
     }
     constructor(contentGroupProps) {
-        /* eslint-disable @typescript-eslint/no-deprecated */
-        this._contentControls = new Map();
-        this._contentSetMap = new Map();
         this.layout = { ...contentGroupProps.layout };
         this.propsId = contentGroupProps.id;
         // ensure we have a unique groupId for each instance of a content group - this will be used to generate a key in the React controls
@@ -124,6 +126,9 @@ export class ContentGroup {
         });
         return viewports;
     }
+    /* eslint-disable @typescript-eslint/no-deprecated */
+    _contentControls = new Map();
+    _contentSetMap = new Map();
     /** Gets a [[ContentControl]] from the Content Group based on its [[ContentProps]].
      * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.
      */
@@ -190,5 +195,4 @@ export class ContentGroup {
         return contentControls;
     }
 }
-ContentGroup._sId = 0;
 //# sourceMappingURL=ContentGroup.js.map

package/lib/appui-react/content/ContentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroup.js","sourceRoot":"","sources":["../../../src/appui-react/content/ContentGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport type * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport type { ConfigurableUiControlConstructor } from \"../configurableui/ConfigurableUiControl.js\";\nimport {\n  ConfigurableCreateInfo,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { ContentControl } from \"./ContentControl.js\";\nimport { InternalConfigurableUiManager } from \"../configurableui/InternalConfigurableUiManager.js\";\nimport type { Frontstage } from \"../frontstage/Frontstage.js\";\nimport type { ContentLayoutProps } from \"./ContentLayoutProps.js\";\nimport type { ConditionalValue } from \"../shared/ConditionalValue.js\";\n\n/** Properties for content displayed in a content view\n * @public\n */\nexport interface ContentProps {\n  /** A unique id for the Content View within the group. */\n  id: string;\n  /** The class name or [[ConfigurableUiControlConstructor]] of the content control.\n   * @deprecated in 4.16.0. Use {@link ContentProps.content} instead and specify an empty string for this property. This will be made optional in 5.0.0.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  classId: string | ConfigurableUiControlConstructor;\n  /** Optional application data passed down to the content view.\n   * @deprecated in 4.16.0. Use {@link ContentProps.content} instead.\n   */\n  applicationData?: any;\n  /** Content to be displayed in the content view. */\n  content?: React.ReactNode;\n  /** Describes if the content should display the active strip.\n   * If `undefined` the strip will be displayed only if this content is active and multiple contents are available.\n   * Floating content controls (deprecated API) and `ContentOverlay` components are considered as content nodes.\n   */\n  renderActiveStrip?: boolean | ConditionalValue<boolean | undefined>;\n}\n\n/** Properties for a [[ContentGroup]]\n * @public\n */\nexport interface ContentGroupProps {\n  /** An id for the [[ContentGroup]]. This id is used to locate a ContentGroup and it also can be used by an ContentGroupProvider to save/restore content settings */\n  id: string;\n  /** Content Layout Id or complete set of [[ContentLayoutProps]]  */\n  layout: ContentLayoutProps;\n  /** A collection of [[ContentProps]], one for each content view */\n  contents: ContentProps[];\n}\n\n/** Abstract class that can be implemented and specified by frontstage to dynamically construct\n * content group just prior to activating the frontstage.\n * @public\n */\nexport abstract class ContentGroupProvider {\n  /** Return the contentGroup based on the `Frontstage`. */\n  public abstract contentGroup(frontstage: Frontstage): Promise<ContentGroup>;\n\n  /** Allow provider to update any data stored in ContentGroupProps. Typically this may\n   * be to remove applicationData entries.\n   */\n  public prepareToSaveProps(contentGroupProps: ContentGroupProps) {\n    return contentGroupProps;\n  }\n\n  /** Allow provider to update any stored ContentGroupProps be it is to be used to create ContentGroup and layouts.\n   * Typically this may be to add applicationData to content entries.\n   */\n  public applyUpdatesToSavedProps(contentGroupProps: ContentGroupProps) {\n    return contentGroupProps;\n  }\n\n  /** Allow provider to save any content group data before the stage deactivated. */\n  public async onFrontstageDeactivated() {}\n}\n\n/** Callback to process content properties during toJSON method\n * @public\n */\nexport type ContentCallback = (content: ContentProps) => void;\n\n/** ContentGroup class. Content Groups define content displayed in content views that are laid out using a [[ContentLayout]].\n * @public\n */\nexport class ContentGroup {\n  private static _sId = 0;\n  public groupId: string;\n  public propsId: string;\n  public layout: ContentLayoutProps;\n  public contentPropsList: ContentProps[];\n\n  public get id() {\n    return this.groupId;\n  }\n\n  constructor(contentGroupProps: ContentGroupProps) {\n    this.layout = { ...contentGroupProps.layout };\n    this.propsId = contentGroupProps.id;\n    // ensure we have a unique groupId for each instance of a content group - this will be used to generate a key in the React controls\n    this.groupId = `[${contentGroupProps.id}-${ContentGroup._sId++}]`;\n    this.contentPropsList = contentGroupProps.contents;\n  }\n\n  /** Gets the React nodes representing the content views in this content group.\n   * @deprecated in 4.16.0. Use {@link ContentGroup.contentPropsList} instead.\n   */\n  public getContentNodes(): React.ReactNode[] {\n    const contentNodes: React.ReactNode[] = new Array<React.ReactNode>();\n\n    this._contentSetMap.clear();\n\n    this.contentPropsList.forEach((contentProps, index) => {\n      if (contentProps.content) {\n        contentNodes.push(contentProps.content);\n        return;\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      const control = this.getContentControl(contentProps, index);\n      if (!control) return;\n\n      contentNodes.push(control.reactNode);\n      this._contentSetMap.set(control.controlId, control);\n    });\n\n    return contentNodes;\n  }\n\n  /** Refreshes the React nodes representing the Content Views in this Content Group. */\n  public refreshContentNodes() {\n    this._contentSetMap.clear();\n  }\n\n  /** Called when Frontstage is deactivated. */\n  public onFrontstageDeactivated(): void {\n    this.clearContentControls();\n  }\n\n  /** Called when Frontstage is ready. */\n  public onFrontstageReady(): void {}\n\n  /** Clears the map of content controls. */\n  public clearContentControls(): void {\n    this._contentControls.clear();\n  }\n\n  /** Creates [[ContentGroupProps]] for JSON purposes.\n   * @public\n   */\n  public toJSON(contentCallback?: ContentCallback): ContentGroupProps {\n    const contentGroupProps: ContentGroupProps = {\n      id: this.propsId,\n      layout: this.layout,\n      contents: this.contentPropsList,\n    };\n\n    contentGroupProps.contents.forEach((content, index) => {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      if (typeof content.classId !== \"string\") {\n        const classId = InternalConfigurableUiManager.getConstructorClassId(\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          content.classId\n        );\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        if (classId !== undefined) content.classId = classId;\n        else\n          throw new UiError( // eslint-disable-line @typescript-eslint/no-deprecated\n            UiFramework.loggerCategory(\"ContentGroup\"),\n            `toJSON: ContentControl at index ${index} is NOT registered with a string id`\n          );\n\n        if (typeof contentCallback === \"function\") contentCallback(content);\n      }\n    });\n\n    return contentGroupProps;\n  }\n\n  /** Gets Viewports from Viewport Content Controls.\n   * @internal\n   */\n  public getViewports(): Array<ScreenViewport | undefined> {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const contentControls = this.getContentControls();\n    const viewports = new Array<ScreenViewport | undefined>();\n\n    contentControls.forEach((control) => {\n      if (control.isViewport && control.viewport) {\n        viewports.push(control.viewport);\n      } else {\n        viewports.push(undefined);\n      }\n    });\n\n    return viewports;\n  }\n\n  /* eslint-disable @typescript-eslint/no-deprecated */\n\n  private _contentControls = new Map<string, ContentControl>();\n  private _contentSetMap = new Map<string, ContentControl>();\n\n  /** Gets a [[ContentControl]] from the Content Group based on its [[ContentProps]].\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getContentControl(\n    contentProps: ContentProps,\n    _index: number\n  ): ContentControl | undefined {\n    // ensure we have a unique control Id for each instance of a content control - this will be used as a key for the React control - see `ContentControl.getKeyedReactNode`\n    const id = `${contentProps.id}::${this.groupId}`;\n    let contentControl: ContentControl | undefined;\n\n    if (!this._contentControls.get(contentProps.id)) {\n      let usedClassId: string = \"\";\n\n      if (typeof contentProps.classId === \"string\") {\n        if (\n          !this._contentControls.get(contentProps.id) &&\n          UiFramework.controls.isRegistered(contentProps.classId)\n        ) {\n          contentControl = UiFramework.controls.create(\n            contentProps.classId,\n            id,\n            contentProps.applicationData,\n            contentProps.id\n          ) as ContentControl;\n          usedClassId = contentProps.classId;\n        }\n      } else {\n        const info = new ConfigurableCreateInfo(\n          contentProps.classId.name,\n          id,\n          contentProps.id\n        );\n        contentControl = new contentProps.classId(\n          info,\n          contentProps.applicationData\n        ) as ContentControl;\n        usedClassId = contentProps.classId.name;\n      }\n\n      if (contentControl) {\n        if (\n          contentControl.getType() !== ConfigurableUiControlType.Content &&\n          contentControl.getType() !== ConfigurableUiControlType.Viewport\n        ) {\n          throw new UiError(\n            UiFramework.loggerCategory(\"ContentGroup\"),\n            `getContentControl error: '${usedClassId}' is NOT a ContentControl or ViewportContentControl`\n          );\n        }\n        contentControl.initialize();\n        this._contentControls.set(contentProps.id, contentControl);\n      }\n    }\n\n    return this._contentControls.get(contentProps.id);\n  }\n\n  /** Gets a [[ContentControl]] from the Content Group with a given ID.\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getContentControlById(id: string): ContentControl | undefined {\n    return this._contentControls.get(id);\n  }\n\n  /** Gets the [[ContentControl]] associated with a given React node representing a Content View.\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getControlFromElement(\n    node: React.ReactNode\n  ): ContentControl | undefined {\n    if (this._contentSetMap.size === 0) void this.getContentNodes();\n\n    if (node && (node as React.ReactElement<any>).key) {\n      const key = (node as React.ReactElement<any>).key as string;\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\n      const controlId = key.split(\"::\", 1)[0];\n      return this._contentSetMap.get(controlId);\n    }\n\n    return undefined;\n  }\n\n  /** Gets an array of the content controls representing the Content Views.\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getContentControls(): ContentControl[] {\n    const contentControls: ContentControl[] = new Array<ContentControl>();\n\n    this.contentPropsList.forEach((contentProps, index) => {\n      const control = this.getContentControl(contentProps, index);\n      if (!control) return;\n\n      contentControls.push(control);\n    });\n\n    return contentControls;\n  }\n\n  /* eslint-enable @typescript-eslint/no-deprecated */\n}\n"]}
+{"version":3,"file":"ContentGroup.js","sourceRoot":"","sources":["../../../src/appui-react/content/ContentGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport type * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport type { ConfigurableUiControlConstructor } from \"../configurableui/ConfigurableUiControl.js\";\nimport {\n  ConfigurableCreateInfo,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { ContentControl } from \"./ContentControl.js\";\nimport { InternalConfigurableUiManager } from \"../configurableui/InternalConfigurableUiManager.js\";\nimport type { Frontstage } from \"../frontstage/Frontstage.js\";\nimport type { ContentLayoutProps } from \"./ContentLayoutProps.js\";\nimport type { ConditionalValue } from \"../shared/ConditionalValue.js\";\n\n/** Properties for content displayed in a content view\n * @public\n */\nexport interface ContentProps {\n  /** A unique id for the Content View within the group. */\n  id: string;\n  /** The class name or [[ConfigurableUiControlConstructor]] of the content control.\n   * @deprecated in 4.16.0. Use {@link ContentProps.content} instead and specify an empty string for this property. This will be made optional in 5.0.0.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  classId: string | ConfigurableUiControlConstructor;\n  /** Optional application data passed down to the content view.\n   * @deprecated in 4.16.0. Use {@link ContentProps.content} instead.\n   */\n  applicationData?: any;\n  /** Content to be displayed in the content view. */\n  content?: React.ReactNode;\n  /** Describes if the content should display the active strip.\n   * If `undefined` the strip will be displayed only if this content is active and multiple contents are available.\n   * Floating content controls (deprecated API) and `ContentOverlay` components are considered as content nodes.\n   */\n  renderActiveStrip?: boolean | ConditionalValue<boolean | undefined>;\n}\n\n/** Properties for a [[ContentGroup]]\n * @public\n */\nexport interface ContentGroupProps {\n  /** An id for the [[ContentGroup]]. This id is used to locate a ContentGroup and it also can be used by an ContentGroupProvider to save/restore content settings */\n  id: string;\n  /** Content Layout Id or complete set of [[ContentLayoutProps]]  */\n  layout: ContentLayoutProps;\n  /** A collection of [[ContentProps]], one for each content view */\n  contents: ContentProps[];\n}\n\n/** Abstract class that can be implemented and specified by frontstage to dynamically construct\n * content group just prior to activating the frontstage.\n * @public\n */\nexport abstract class ContentGroupProvider {\n  /** Return the contentGroup based on the `Frontstage`. */\n  public abstract contentGroup(frontstage: Frontstage): Promise<ContentGroup>;\n\n  /** Allow provider to update any data stored in ContentGroupProps. Typically this may\n   * be to remove applicationData entries.\n   */\n  public prepareToSaveProps(contentGroupProps: ContentGroupProps) {\n    return contentGroupProps;\n  }\n\n  /** Allow provider to update any stored ContentGroupProps be it is to be used to create ContentGroup and layouts.\n   * Typically this may be to add applicationData to content entries.\n   */\n  public applyUpdatesToSavedProps(contentGroupProps: ContentGroupProps) {\n    return contentGroupProps;\n  }\n\n  /** Allow provider to save any content group data before the stage deactivated. */\n  public async onFrontstageDeactivated() {}\n}\n\n/** Callback to process content properties during toJSON method\n * @public\n */\nexport type ContentCallback = (content: ContentProps) => void;\n\n/** ContentGroup class. Content Groups define content displayed in content views that are laid out using a [[ContentLayout]].\n * @public\n */\nexport class ContentGroup {\n  private static _sId = 0;\n  public groupId: string;\n  public propsId: string;\n  public layout: ContentLayoutProps;\n  public contentPropsList: ContentProps[];\n\n  public get id() {\n    return this.groupId;\n  }\n\n  constructor(contentGroupProps: ContentGroupProps) {\n    this.layout = { ...contentGroupProps.layout };\n    this.propsId = contentGroupProps.id;\n    // ensure we have a unique groupId for each instance of a content group - this will be used to generate a key in the React controls\n    this.groupId = `[${contentGroupProps.id}-${ContentGroup._sId++}]`;\n    this.contentPropsList = contentGroupProps.contents;\n  }\n\n  /** Gets the React nodes representing the content views in this content group.\n   * @deprecated in 4.16.0. Use {@link ContentGroup.contentPropsList} instead.\n   */\n  public getContentNodes(): React.ReactNode[] {\n    const contentNodes: React.ReactNode[] = new Array<React.ReactNode>();\n\n    this._contentSetMap.clear();\n\n    this.contentPropsList.forEach((contentProps, index) => {\n      if (contentProps.content) {\n        contentNodes.push(contentProps.content);\n        return;\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      const control = this.getContentControl(contentProps, index);\n      if (!control) return;\n\n      contentNodes.push(control.reactNode);\n      this._contentSetMap.set(control.controlId, control);\n    });\n\n    return contentNodes;\n  }\n\n  /** Refreshes the React nodes representing the Content Views in this Content Group. */\n  public refreshContentNodes() {\n    this._contentSetMap.clear();\n  }\n\n  /** Called when Frontstage is deactivated. */\n  public onFrontstageDeactivated(): void {\n    this.clearContentControls();\n  }\n\n  /** Called when Frontstage is ready. */\n  public onFrontstageReady(): void {}\n\n  /** Clears the map of content controls. */\n  public clearContentControls(): void {\n    this._contentControls.clear();\n  }\n\n  /** Creates [[ContentGroupProps]] for JSON purposes.\n   * @public\n   */\n  public toJSON(contentCallback?: ContentCallback): ContentGroupProps {\n    const contentGroupProps: ContentGroupProps = {\n      id: this.propsId,\n      layout: this.layout,\n      contents: this.contentPropsList,\n    };\n\n    contentGroupProps.contents.forEach((content, index) => {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      if (typeof content.classId !== \"string\") {\n        const classId = InternalConfigurableUiManager.getConstructorClassId(\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          content.classId\n        );\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        if (classId !== undefined) content.classId = classId;\n        else\n          throw new UiError( // eslint-disable-line @typescript-eslint/no-deprecated\n            UiFramework.loggerCategory(\"ContentGroup\"),\n            `toJSON: ContentControl at index ${index} is NOT registered with a string id`\n          );\n\n        if (typeof contentCallback === \"function\") contentCallback(content);\n      }\n    });\n\n    return contentGroupProps;\n  }\n\n  /** Gets Viewports from Viewport Content Controls.\n   * @internal\n   */\n  public getViewports(): Array<ScreenViewport | undefined> {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const contentControls = this.getContentControls();\n    const viewports = new Array<ScreenViewport | undefined>();\n\n    contentControls.forEach((control) => {\n      if (control.isViewport && control.viewport) {\n        viewports.push(control.viewport);\n      } else {\n        viewports.push(undefined);\n      }\n    });\n\n    return viewports;\n  }\n\n  /* eslint-disable @typescript-eslint/no-deprecated */\n\n  private _contentControls = new Map<string, ContentControl>();\n  private _contentSetMap = new Map<string, ContentControl>();\n\n  /** Gets a [[ContentControl]] from the Content Group based on its [[ContentProps]].\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getContentControl(\n    contentProps: ContentProps,\n    _index: number\n  ): ContentControl | undefined {\n    // ensure we have a unique control Id for each instance of a content control - this will be used as a key for the React control - see `ContentControl.getKeyedReactNode`\n    const id = `${contentProps.id}::${this.groupId}`;\n    let contentControl: ContentControl | undefined;\n\n    if (!this._contentControls.get(contentProps.id)) {\n      let usedClassId: string = \"\";\n\n      if (typeof contentProps.classId === \"string\") {\n        if (\n          !this._contentControls.get(contentProps.id) &&\n          UiFramework.controls.isRegistered(contentProps.classId)\n        ) {\n          contentControl = UiFramework.controls.create(\n            contentProps.classId,\n            id,\n            contentProps.applicationData,\n            contentProps.id\n          ) as ContentControl;\n          usedClassId = contentProps.classId;\n        }\n      } else {\n        const info = new ConfigurableCreateInfo(\n          contentProps.classId.name,\n          id,\n          contentProps.id\n        );\n        contentControl = new contentProps.classId(\n          info,\n          contentProps.applicationData\n        ) as ContentControl;\n        usedClassId = contentProps.classId.name;\n      }\n\n      if (contentControl) {\n        if (\n          contentControl.getType() !== ConfigurableUiControlType.Content &&\n          contentControl.getType() !== ConfigurableUiControlType.Viewport\n        ) {\n          throw new UiError(\n            UiFramework.loggerCategory(\"ContentGroup\"),\n            `getContentControl error: '${usedClassId}' is NOT a ContentControl or ViewportContentControl`\n          );\n        }\n        contentControl.initialize();\n        this._contentControls.set(contentProps.id, contentControl);\n      }\n    }\n\n    return this._contentControls.get(contentProps.id);\n  }\n\n  /** Gets a [[ContentControl]] from the Content Group with a given ID.\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getContentControlById(id: string): ContentControl | undefined {\n    return this._contentControls.get(id);\n  }\n\n  /** Gets the [[ContentControl]] associated with a given React node representing a Content View.\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getControlFromElement(\n    node: React.ReactNode\n  ): ContentControl | undefined {\n    if (this._contentSetMap.size === 0) void this.getContentNodes();\n\n    if (node && (node as React.ReactElement<any>).key) {\n      const key = (node as React.ReactElement<any>).key as string;\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\n      const controlId = key.split(\"::\", 1)[0];\n      return this._contentSetMap.get(controlId);\n    }\n\n    return undefined;\n  }\n\n  /** Gets an array of the content controls representing the Content Views.\n   * @deprecated in 4.16.0. Uses a deprecated class {@link ContentControl}.\n   */\n  public getContentControls(): ContentControl[] {\n    const contentControls: ContentControl[] = new Array<ContentControl>();\n\n    this.contentPropsList.forEach((contentProps, index) => {\n      const control = this.getContentControl(contentProps, index);\n      if (!control) return;\n\n      contentControls.push(control);\n    });\n\n    return contentControls;\n  }\n\n  /* eslint-enable @typescript-eslint/no-deprecated */\n}\n"]}

package/lib/appui-react/content/ContentLayout.js

@@ -112,27 +112,27 @@ function useRenderActiveStrip(contentIndex) {
 /** Split Container class.
  */
 class SplitContainer extends React.Component {
+    _containerDiv = null;
     constructor(props) {
         super(props);
-        this._containerDiv = null;
-        this._onSplitterChange = (size) => {
-            let percentage = 0;
-            if (this._containerDiv && size > 0) {
-                if (this.props.orientation === Orientation.Horizontal) {
-                    const height = this._containerDiv.getBoundingClientRect().height;
-                    if (height > 0)
-                        percentage = size / height;
-                }
-                else {
-                    const width = this._containerDiv.getBoundingClientRect().width;
-                    if (width > 0)
-                        percentage = size / width;
-                }
-                if (this.props.onSplitterChange)
-                    this.props.onSplitterChange(size, percentage);
-            }
-        };
     }
+    _onSplitterChange = (size) => {
+        let percentage = 0;
+        if (this._containerDiv && size > 0) {
+            if (this.props.orientation === Orientation.Horizontal) {
+                const height = this._containerDiv.getBoundingClientRect().height;
+                if (height > 0)
+                    percentage = size / height;
+            }
+            else {
+                const width = this._containerDiv.getBoundingClientRect().width;
+                if (width > 0)
+                    percentage = size / width;
+            }
+            if (this.props.onSplitterChange)
+                this.props.onSplitterChange(size, percentage);
+        }
+    };
     render() {
         const orientation = this.props.orientation === Orientation.Horizontal
             ? "horizontal"
@@ -160,9 +160,10 @@ const MIN_SPLIT_SIZE = 6;
 /** Base Split class.
  */
 class BaseSplit {
+    defaultPercentage;
+    stateId = "";
+    isLocked = false;
     constructor(props) {
-        this.stateId = "";
-        this.isLocked = false;
         this.defaultPercentage = props.percentage;
         if (props.id)
             this.stateId = props.id;
@@ -173,15 +174,15 @@ class BaseSplit {
 /** Horizontal Split class.
  */
 class HorizontalSplit extends BaseSplit {
+    _topIndex = -1;
+    _bottomIndex = -1;
+    _topSplit;
+    _bottomSplit;
+    _props;
+    _minSizeTop = MIN_SPLIT_SIZE;
+    _minSizeBottom = MIN_SPLIT_SIZE;
     constructor(props) {
         super(props);
-        this._topIndex = -1;
-        this._bottomIndex = -1;
-        this._minSizeTop = MIN_SPLIT_SIZE;
-        this._minSizeBottom = MIN_SPLIT_SIZE;
-        this._handleSplitterChange = (_size, percentage) => {
-            this._props.percentage = percentage;
-        };
         this._props = props;
         if (typeof props.top === "number") {
             this._topIndex = props.top;
@@ -200,6 +201,9 @@ class HorizontalSplit extends BaseSplit {
         if (props.minSizeBottom)
             this._minSizeBottom = Math.max(props.minSizeBottom, MIN_SPLIT_SIZE);
     }
+    _handleSplitterChange = (_size, percentage) => {
+        this._props.percentage = percentage;
+    };
     createContentContainer(contentNodes, resizable) {
         if (this.isLocked)
             resizable = false;
@@ -211,15 +215,15 @@ class HorizontalSplit extends BaseSplit {
 /** Vertical Split class.
  */
 class VerticalSplit extends BaseSplit {
+    _leftIndex = -1;
+    _rightIndex = -1;
+    _leftSplit;
+    _rightSplit;
+    _props;
+    _minSizeLeft = MIN_SPLIT_SIZE;
+    _minSizeRight = MIN_SPLIT_SIZE;
     constructor(props) {
         super(props);
-        this._leftIndex = -1;
-        this._rightIndex = -1;
-        this._minSizeLeft = MIN_SPLIT_SIZE;
-        this._minSizeRight = MIN_SPLIT_SIZE;
-        this._handleSplitterChange = (_size, percentage) => {
-            this._props.percentage = percentage;
-        };
         this._props = props;
         if (typeof props.left === "number") {
             this._leftIndex = props.left;
@@ -238,6 +242,9 @@ class VerticalSplit extends BaseSplit {
         if (props.minSizeRight)
             this._minSizeRight = Math.max(props.minSizeRight, MIN_SPLIT_SIZE);
     }
+    _handleSplitterChange = (_size, percentage) => {
+        this._props.percentage = percentage;
+    };
     createContentContainer(contentNodes, resizable) {
         if (this.isLocked)
             resizable = false;
@@ -250,11 +257,13 @@ class VerticalSplit extends BaseSplit {
  * @public
  */
 export class ContentLayoutDef {
+    _layoutProps;
+    _rootSplit;
+    /** ID for this Content Layout */
+    id = "";
+    /** Description of the layout. */
+    description = "";
     constructor(layoutProps) {
-        /** ID for this Content Layout */
-        this.id = "";
-        /** Description of the layout. */
-        this.description = "";
         this._layoutProps = layoutProps;
         this.id = layoutProps.id;
         if (layoutProps.description !== undefined)

package/lib/appui-react/content/ContentLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.js","sourceRoot":"","sources":["../../../src/appui-react/content/ContentLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport \"./ContentLayout.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/components-react\";\nimport { SplitPane } from \"./split-pane/SplitPane.js\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ContentGroup } from \"./ContentGroup.js\";\nimport type {\n  ContentLayoutProps,\n  LayoutFragmentProps,\n  LayoutHorizontalSplitProps,\n  LayoutSplitPropsBase,\n  LayoutVerticalSplitProps,\n} from \"./ContentLayoutProps.js\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { ContentOverlay, useContentOverlayStore } from \"./ContentOverlay.js\";\nimport { useConditionalValue } from \"../hooks/useConditionalValue.js\";\nimport { usePreviewFeatures } from \"../preview/PreviewFeatures.js\";\n\n/** Properties for [[ContentWrapper]] */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface ContentWrapperProps extends CommonProps {\n  content: React.ReactNode;\n  contentIndex: number | undefined;\n}\n\n/** ContentWrapper React component.\n * @internal\n */\nexport function ContentWrapper(props: ContentWrapperProps) {\n  const { content, contentIndex } = props;\n  const activeFrontstageDef = useActiveFrontstageDef();\n  const [isActive, setIsActive] = React.useState(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    return content === UiFramework.content.getActive();\n  });\n\n  const contentControlKey = (\n    contentControl: React.ReactNode\n  ): string | undefined => {\n    let controlId: string | undefined;\n    if (contentControl && (contentControl as React.ReactElement<any>).key) {\n      const key = (contentControl as React.ReactElement<any>).key as string;\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\n      controlId = key.split(\"::\", 1)[0];\n    }\n    return controlId;\n  };\n\n  const [hasMultipleContents, setHasMultipleContents] = React.useState(\n    () =>\n      (activeFrontstageDef &&\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        !!activeFrontstageDef.floatingContentControls?.length) ||\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1\n  );\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    setIsActive(content === UiFramework.content.getActive());\n  }, [content]);\n\n  React.useEffect(() => {\n    return UiFramework.content.onActiveContentChangedEvent.addListener(\n      (args) => {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        const contentIsIdentical = content === args.activeContent;\n        if (contentIsIdentical) {\n          setIsActive(contentIsIdentical);\n        } else {\n          const contentId = contentControlKey(content);\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          const activeContentId = contentControlKey(args.activeContent);\n          setIsActive(!!contentId && contentId === activeContentId);\n        }\n\n        setHasMultipleContents(\n          (activeFrontstageDef &&\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            !!activeFrontstageDef.floatingContentControls?.length) ||\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            (activeFrontstageDef?.contentGroup?.getContentControls().length ??\n              0) > 1\n        );\n      }\n    );\n  }, [activeFrontstageDef, content]);\n\n  const handleMouseDown = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    UiFramework.content.setActive(content);\n    setIsActive(true);\n  }, [content]);\n\n  React.useEffect(() => {\n    return UiFramework.content.onAvailableContentChangedEvent.addListener(\n      () => {\n        setHasMultipleContents(\n          (activeFrontstageDef &&\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            !!activeFrontstageDef.floatingContentControls?.length) ||\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            (activeFrontstageDef?.contentGroup?.getContentControls().length ??\n              0) > 1\n        );\n      }\n    );\n  }, [activeFrontstageDef]);\n\n  const renderActiveStrip = useRenderActiveStrip(contentIndex);\n  const contentOverlays = useContentOverlayStore();\n\n  const active =\n    renderActiveStrip !== undefined\n      ? renderActiveStrip\n      : isActive && (hasMultipleContents || contentOverlays > 1);\n  return (\n    <ContentOverlay\n      className={classnames(\"uifw-contentlayout-wrapper\", props.className)}\n      style={props.style}\n      active={active}\n      onMouseDown={handleMouseDown}\n      role=\"presentation\"\n    >\n      {content}\n    </ContentOverlay>\n  );\n}\n\nfunction useRenderActiveStrip(contentIndex: number | undefined) {\n  const contentGroup = React.useContext(ContentLayoutContext);\n  const contentProps =\n    contentIndex === undefined\n      ? undefined\n      : contentGroup?.contentPropsList[contentIndex];\n  const renderActiveStrip = contentProps?.renderActiveStrip;\n  const getValue = React.useCallback(() => {\n    if (renderActiveStrip === undefined) return undefined;\n    if (typeof renderActiveStrip === \"boolean\") return renderActiveStrip;\n    return renderActiveStrip.getValue();\n  }, [renderActiveStrip]);\n  const eventIds = React.useMemo(() => {\n    if (renderActiveStrip === undefined) return [];\n    if (typeof renderActiveStrip === \"boolean\") return [];\n    return renderActiveStrip.eventIds;\n  }, [renderActiveStrip]);\n  return useConditionalValue(getValue, eventIds);\n}\n\n/** Properties for the [[SplitContainer]] component */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface SplitContainerProps extends CommonProps {\n  contentA: React.ReactNode;\n  contentB: React.ReactNode;\n  orientation: Orientation;\n  percentage: number;\n  resizable: boolean;\n  minSizeTopLeft: number;\n  minSizeBottomRight: number;\n  splitterStateId?: string;\n  onSplitterChange?: (size: number, percentage: number) => void;\n}\n\n/** Split Container class.\n */\nclass SplitContainer extends React.Component<SplitContainerProps> {\n  private _containerDiv: HTMLDivElement | null = null;\n\n  constructor(props: SplitContainerProps) {\n    super(props);\n  }\n\n  private _onSplitterChange = (size: number): void => {\n    let percentage = 0;\n\n    if (this._containerDiv && size > 0) {\n      if (this.props.orientation === Orientation.Horizontal) {\n        const height = this._containerDiv.getBoundingClientRect().height;\n        if (height > 0) percentage = size / height;\n      } else {\n        const width = this._containerDiv.getBoundingClientRect().width;\n        if (width > 0) percentage = size / width;\n      }\n\n      if (this.props.onSplitterChange)\n        this.props.onSplitterChange(size, percentage);\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const orientation =\n      this.props.orientation === Orientation.Horizontal\n        ? \"horizontal\"\n        : \"vertical\";\n    const defaultSize = `${(this.props.percentage * 100).toString()}%`;\n    const minSizeTopLeft = this.props.minSizeTopLeft;\n    const minSizeBottomRight = -this.props.minSizeBottomRight;\n\n    return (\n      <div\n        ref={(e) => {\n          this._containerDiv = e;\n        }}\n        className={classnames(\n          \"uifw-contentlayout-full-size\",\n          this.props.className\n        )}\n        style={this.props.style}\n      >\n        <SplitPane\n          split={orientation}\n          minSize={minSizeTopLeft}\n          maxSize={minSizeBottomRight}\n          defaultSize={defaultSize}\n          onChange={this._onSplitterChange}\n          allowResize={this.props.resizable}\n        >\n          {this.props.contentA}\n          {this.props.contentB}\n        </SplitPane>\n      </div>\n    );\n  }\n}\n\n/** Properties for [[SingleContentContainer]] component\n */\ninterface SingleContentProps\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  extends CommonProps,\n    Pick<ContentWrapperProps, \"contentIndex\"> {\n  content: React.ReactNode;\n}\n\n/** Single Content Container class. */\nclass SingleContentContainer extends React.Component<SingleContentProps> {\n  public override render(): React.ReactNode {\n    return (\n      <div\n        className={classnames(\n          \"uifw-contentlayout-full-size\",\n          this.props.className\n        )}\n        style={this.props.style}\n        data-testid=\"single-content-container\"\n      >\n        <ContentWrapper\n          content={this.props.content}\n          style={{ height: \"100%\", position: \"relative\" }}\n          contentIndex={this.props.contentIndex}\n        />\n      </div>\n    );\n  }\n}\n\n/** Common interface for HorizontalSplit and VerticalSplit. */\ninterface LayoutSplit {\n  createContentContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode;\n  isLocked: boolean;\n}\n\n/** Minimum split size  */\nconst MIN_SPLIT_SIZE = 6;\n\n/** Base Split class.\n */\nclass BaseSplit {\n  public defaultPercentage: number;\n  public stateId: string = \"\";\n  public isLocked: boolean = false;\n\n  constructor(props: LayoutSplitPropsBase) {\n    this.defaultPercentage = props.percentage;\n\n    if (props.id) this.stateId = props.id;\n\n    if (props.lock) this.isLocked = props.lock;\n  }\n}\n\n/** Horizontal Split class.\n */\nclass HorizontalSplit extends BaseSplit implements LayoutSplit {\n  private _topIndex: number = -1;\n  private _bottomIndex: number = -1;\n  private _topSplit?: LayoutSplit;\n  private _bottomSplit?: LayoutSplit;\n  private _props: LayoutHorizontalSplitProps;\n  private _minSizeTop: number = MIN_SPLIT_SIZE;\n  private _minSizeBottom: number = MIN_SPLIT_SIZE;\n\n  constructor(props: LayoutHorizontalSplitProps) {\n    super(props);\n\n    this._props = props;\n\n    if (typeof props.top === \"number\") {\n      this._topIndex = props.top;\n    } else {\n      this._topSplit = ContentLayoutDef.createSplit(props.top);\n    }\n\n    if (typeof props.bottom === \"number\") {\n      this._bottomIndex = props.bottom;\n    } else {\n      this._bottomSplit = ContentLayoutDef.createSplit(props.bottom);\n    }\n\n    if (props.minSizeTop)\n      this._minSizeTop = Math.max(props.minSizeTop, MIN_SPLIT_SIZE);\n\n    if (props.minSizeBottom)\n      this._minSizeBottom = Math.max(props.minSizeBottom, MIN_SPLIT_SIZE);\n  }\n\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\n    this._props.percentage = percentage;\n  };\n\n  public createContentContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode {\n    if (this.isLocked) resizable = false;\n\n    const topContent = !this._topSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._topIndex]}\n        contentIndex={this._topIndex}\n      />\n    ) : (\n      this._topSplit.createContentContainer(contentNodes, resizable)\n    );\n    const bottomContent = !this._bottomSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._bottomIndex]}\n        contentIndex={this._bottomIndex}\n      />\n    ) : (\n      this._bottomSplit.createContentContainer(contentNodes, resizable)\n    );\n\n    return (\n      <SplitContainer\n        contentA={topContent}\n        contentB={bottomContent}\n        orientation={Orientation.Horizontal}\n        percentage={this.defaultPercentage}\n        resizable={resizable}\n        minSizeTopLeft={this._minSizeTop}\n        minSizeBottomRight={this._minSizeBottom}\n        splitterStateId={this.stateId}\n        onSplitterChange={this._handleSplitterChange}\n      />\n    );\n  }\n}\n\n/** Vertical Split class.\n */\nclass VerticalSplit extends BaseSplit implements LayoutSplit {\n  private _leftIndex: number = -1;\n  private _rightIndex: number = -1;\n  private _leftSplit?: LayoutSplit;\n  private _rightSplit?: LayoutSplit;\n  private _props: LayoutVerticalSplitProps;\n  private _minSizeLeft: number = MIN_SPLIT_SIZE;\n  private _minSizeRight: number = MIN_SPLIT_SIZE;\n\n  constructor(props: LayoutVerticalSplitProps) {\n    super(props);\n\n    this._props = props;\n\n    if (typeof props.left === \"number\") {\n      this._leftIndex = props.left;\n    } else {\n      this._leftSplit = ContentLayoutDef.createSplit(props.left);\n    }\n\n    if (typeof props.right === \"number\") {\n      this._rightIndex = props.right;\n    } else {\n      this._rightSplit = ContentLayoutDef.createSplit(props.right);\n    }\n\n    if (props.minSizeLeft)\n      this._minSizeLeft = Math.max(props.minSizeLeft, MIN_SPLIT_SIZE);\n\n    if (props.minSizeRight)\n      this._minSizeRight = Math.max(props.minSizeRight, MIN_SPLIT_SIZE);\n  }\n\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\n    this._props.percentage = percentage;\n  };\n\n  public createContentContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode {\n    if (this.isLocked) resizable = false;\n\n    const leftContent = !this._leftSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._leftIndex]}\n        contentIndex={this._leftIndex}\n      />\n    ) : (\n      this._leftSplit.createContentContainer(contentNodes, resizable)\n    );\n    const rightContent = !this._rightSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._rightIndex]}\n        contentIndex={this._rightIndex}\n      />\n    ) : (\n      this._rightSplit.createContentContainer(contentNodes, resizable)\n    );\n\n    return (\n      <SplitContainer\n        contentA={leftContent}\n        contentB={rightContent}\n        orientation={Orientation.Vertical}\n        percentage={this.defaultPercentage}\n        resizable={resizable}\n        minSizeTopLeft={this._minSizeLeft}\n        minSizeBottomRight={this._minSizeRight}\n        splitterStateId={this.stateId}\n        onSplitterChange={this._handleSplitterChange}\n      />\n    );\n  }\n}\n\n/** Content Layout Definition class.\n * @public\n */\nexport class ContentLayoutDef {\n  private _layoutProps: ContentLayoutProps;\n  private _rootSplit?: LayoutSplit;\n\n  /** ID for this Content Layout */\n  public id: string = \"\";\n  /** Description of the layout. */\n  public description: string = \"\";\n  constructor(layoutProps: ContentLayoutProps) {\n    this._layoutProps = layoutProps;\n    this.id = layoutProps.id;\n    if (layoutProps.description !== undefined)\n      this.description = layoutProps.description;\n  }\n\n  /** @deprecated in 4.16.0. Used internally. */\n  public get rootSplit(): LayoutSplit | undefined {\n    return this._rootSplit;\n  }\n\n  /** Creates [[ContentLayoutProps]] for JSON purposes\n   * @public\n   */\n  public toJSON(): ContentLayoutProps {\n    return this._layoutProps;\n  }\n\n  /** Fill a layout container with React nodes for each content view.\n   * @deprecated in 4.16.0. Used internally.\n   */\n  public fillLayoutContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode | undefined {\n    this._rootSplit = ContentLayoutDef.createSplit(this._layoutProps);\n\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (this.rootSplit) {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      return this.rootSplit.createContentContainer(contentNodes, resizable);\n    }\n\n    if (contentNodes.length > 0)\n      return (\n        <SingleContentContainer content={contentNodes[0]} contentIndex={0} />\n      );\n\n    return undefined;\n  }\n\n  /** Gets the indexes of content views used in this Content Layout. */\n  public getUsedContentIndexes(): number[] {\n    let allContentIndexes: number[] = [];\n\n    if (!this._layoutProps.horizontalSplit && !this._layoutProps.verticalSplit)\n      allContentIndexes.push(0);\n    else {\n      allContentIndexes = allContentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(this._layoutProps.horizontalSplit)\n      );\n      allContentIndexes = allContentIndexes.concat(\n        this.getVerticalSplitContentIndexes(this._layoutProps.verticalSplit)\n      );\n    }\n\n    const uniqueContentIndexes = [...new Set(allContentIndexes)];\n\n    return uniqueContentIndexes;\n  }\n\n  private getHorizontalSplitContentIndexes(\n    splitProps?: LayoutHorizontalSplitProps\n  ): number[] {\n    let contentIndexes: number[] = [];\n\n    if (!splitProps) return contentIndexes;\n\n    if (typeof splitProps.top === \"number\") contentIndexes.push(splitProps.top);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.top.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.top.verticalSplit)\n      );\n    }\n\n    if (typeof splitProps.bottom === \"number\")\n      contentIndexes.push(splitProps.bottom);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.bottom.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.bottom.verticalSplit)\n      );\n    }\n\n    return contentIndexes;\n  }\n\n  private getVerticalSplitContentIndexes(\n    splitProps?: LayoutVerticalSplitProps\n  ): number[] {\n    let contentIndexes: number[] = [];\n\n    if (!splitProps) return contentIndexes;\n\n    if (typeof splitProps.left === \"number\")\n      contentIndexes.push(splitProps.left);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.left.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.left.verticalSplit)\n      );\n    }\n\n    if (typeof splitProps.right === \"number\")\n      contentIndexes.push(splitProps.right);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.right.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.right.verticalSplit)\n      );\n    }\n\n    return contentIndexes;\n  }\n\n  /** @internal */\n  public static createSplit(\n    fragmentDef: LayoutFragmentProps\n  ): LayoutSplit | undefined {\n    if (fragmentDef.horizontalSplit) {\n      return new HorizontalSplit(fragmentDef.horizontalSplit);\n    } else if (fragmentDef.verticalSplit) {\n      return new VerticalSplit(fragmentDef.verticalSplit);\n    }\n\n    return undefined;\n  }\n}\n\n/** Content Layout Activated Event Args class.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ContentLayoutActivatedEventArgs {\n  contentLayout: ContentLayoutDef;\n  contentGroup: ContentGroup;\n}\n\n/** Content Layout Activated Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ContentLayoutActivatedEvent extends UiEvent<ContentLayoutActivatedEventArgs> {}\n\n/** Properties for the [[ContentLayout]] React component.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ContentLayoutComponentProps extends CommonProps {\n  contentLayout: ContentLayoutDef;\n  contentGroup: ContentGroup;\n}\n\n/** Content Layout React component.\n * @public\n */\nexport function ContentLayout(props: ContentLayoutComponentProps) {\n  const { stableContentLayout } = usePreviewFeatures();\n  const [contentLayoutDef, setContentLayoutDef] =\n    React.useState<ContentLayoutDef>(props.contentLayout);\n  const [contentGroupId, setContentGroupId] = React.useState<\n    ContentGroup[\"id\"]\n  >(props.contentGroup.groupId);\n  const [contentGroup, setContentGroup] = React.useState<ContentGroup>(\n    props.contentGroup\n  );\n  const [contentNodes, setContentNodes] = React.useState<React.ReactNode[]>(\n    () => {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      return props.contentGroup.getContentNodes();\n    }\n  );\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onContentLayoutActivatedEvent.addListener(\n      (args) => {\n        setContentLayoutDef(args.contentLayout);\n        setContentGroupId(args.contentGroup.groupId);\n        setContentGroup(args.contentGroup);\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        setContentNodes(args.contentGroup.getContentNodes());\n      }\n    );\n  }, []);\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const contentContainer = contentLayoutDef.fillLayoutContainer(\n    contentNodes,\n    true\n  );\n  if (!contentContainer) return null;\n\n  return (\n    <div\n      id=\"uifw-contentlayout-div\"\n      className={props.className}\n      style={props.style}\n      key={\n        stableContentLayout\n          ? undefined\n          : `${contentGroupId}-${contentLayoutDef.id}`\n      }\n      onMouseDown={() => {\n        UiFramework.content.setMouseDown(true);\n      }}\n      onMouseUp={() => {\n        UiFramework.content.setMouseDown(false);\n      }}\n      role=\"presentation\"\n    >\n      <ContentLayoutContext.Provider value={contentGroup}>\n        {contentContainer}\n      </ContentLayoutContext.Provider>\n    </div>\n  );\n}\n\nconst ContentLayoutContext = React.createContext<ContentGroup | undefined>(\n  undefined\n);\nContentLayoutContext.displayName = \"uifw:ContentLayoutContext\";\n"]}
+{"version":3,"file":"ContentLayout.js","sourceRoot":"","sources":["../../../src/appui-react/content/ContentLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport \"./ContentLayout.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/components-react\";\nimport { SplitPane } from \"./split-pane/SplitPane.js\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ContentGroup } from \"./ContentGroup.js\";\nimport type {\n  ContentLayoutProps,\n  LayoutFragmentProps,\n  LayoutHorizontalSplitProps,\n  LayoutSplitPropsBase,\n  LayoutVerticalSplitProps,\n} from \"./ContentLayoutProps.js\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { ContentOverlay, useContentOverlayStore } from \"./ContentOverlay.js\";\nimport { useConditionalValue } from \"../hooks/useConditionalValue.js\";\nimport { usePreviewFeatures } from \"../preview/PreviewFeatures.js\";\n\n/** Properties for [[ContentWrapper]] */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface ContentWrapperProps extends CommonProps {\n  content: React.ReactNode;\n  contentIndex: number | undefined;\n}\n\n/** ContentWrapper React component.\n * @internal\n */\nexport function ContentWrapper(props: ContentWrapperProps) {\n  const { content, contentIndex } = props;\n  const activeFrontstageDef = useActiveFrontstageDef();\n  const [isActive, setIsActive] = React.useState(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    return content === UiFramework.content.getActive();\n  });\n\n  const contentControlKey = (\n    contentControl: React.ReactNode\n  ): string | undefined => {\n    let controlId: string | undefined;\n    if (contentControl && (contentControl as React.ReactElement<any>).key) {\n      const key = (contentControl as React.ReactElement<any>).key as string;\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\n      controlId = key.split(\"::\", 1)[0];\n    }\n    return controlId;\n  };\n\n  const [hasMultipleContents, setHasMultipleContents] = React.useState(\n    () =>\n      (activeFrontstageDef &&\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        !!activeFrontstageDef.floatingContentControls?.length) ||\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1\n  );\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    setIsActive(content === UiFramework.content.getActive());\n  }, [content]);\n\n  React.useEffect(() => {\n    return UiFramework.content.onActiveContentChangedEvent.addListener(\n      (args) => {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        const contentIsIdentical = content === args.activeContent;\n        if (contentIsIdentical) {\n          setIsActive(contentIsIdentical);\n        } else {\n          const contentId = contentControlKey(content);\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          const activeContentId = contentControlKey(args.activeContent);\n          setIsActive(!!contentId && contentId === activeContentId);\n        }\n\n        setHasMultipleContents(\n          (activeFrontstageDef &&\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            !!activeFrontstageDef.floatingContentControls?.length) ||\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            (activeFrontstageDef?.contentGroup?.getContentControls().length ??\n              0) > 1\n        );\n      }\n    );\n  }, [activeFrontstageDef, content]);\n\n  const handleMouseDown = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    UiFramework.content.setActive(content);\n    setIsActive(true);\n  }, [content]);\n\n  React.useEffect(() => {\n    return UiFramework.content.onAvailableContentChangedEvent.addListener(\n      () => {\n        setHasMultipleContents(\n          (activeFrontstageDef &&\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            !!activeFrontstageDef.floatingContentControls?.length) ||\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            (activeFrontstageDef?.contentGroup?.getContentControls().length ??\n              0) > 1\n        );\n      }\n    );\n  }, [activeFrontstageDef]);\n\n  const renderActiveStrip = useRenderActiveStrip(contentIndex);\n  const contentOverlays = useContentOverlayStore();\n\n  const active =\n    renderActiveStrip !== undefined\n      ? renderActiveStrip\n      : isActive && (hasMultipleContents || contentOverlays > 1);\n  return (\n    <ContentOverlay\n      className={classnames(\"uifw-contentlayout-wrapper\", props.className)}\n      style={props.style}\n      active={active}\n      onMouseDown={handleMouseDown}\n      role=\"presentation\"\n    >\n      {content}\n    </ContentOverlay>\n  );\n}\n\nfunction useRenderActiveStrip(contentIndex: number | undefined) {\n  const contentGroup = React.useContext(ContentLayoutContext);\n  const contentProps =\n    contentIndex === undefined\n      ? undefined\n      : contentGroup?.contentPropsList[contentIndex];\n  const renderActiveStrip = contentProps?.renderActiveStrip;\n  const getValue = React.useCallback(() => {\n    if (renderActiveStrip === undefined) return undefined;\n    if (typeof renderActiveStrip === \"boolean\") return renderActiveStrip;\n    return renderActiveStrip.getValue();\n  }, [renderActiveStrip]);\n  const eventIds = React.useMemo(() => {\n    if (renderActiveStrip === undefined) return [];\n    if (typeof renderActiveStrip === \"boolean\") return [];\n    return renderActiveStrip.eventIds;\n  }, [renderActiveStrip]);\n  return useConditionalValue(getValue, eventIds);\n}\n\n/** Properties for the [[SplitContainer]] component */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface SplitContainerProps extends CommonProps {\n  contentA: React.ReactNode;\n  contentB: React.ReactNode;\n  orientation: Orientation;\n  percentage: number;\n  resizable: boolean;\n  minSizeTopLeft: number;\n  minSizeBottomRight: number;\n  splitterStateId?: string;\n  onSplitterChange?: (size: number, percentage: number) => void;\n}\n\n/** Split Container class.\n */\nclass SplitContainer extends React.Component<SplitContainerProps> {\n  private _containerDiv: HTMLDivElement | null = null;\n\n  constructor(props: SplitContainerProps) {\n    super(props);\n  }\n\n  private _onSplitterChange = (size: number): void => {\n    let percentage = 0;\n\n    if (this._containerDiv && size > 0) {\n      if (this.props.orientation === Orientation.Horizontal) {\n        const height = this._containerDiv.getBoundingClientRect().height;\n        if (height > 0) percentage = size / height;\n      } else {\n        const width = this._containerDiv.getBoundingClientRect().width;\n        if (width > 0) percentage = size / width;\n      }\n\n      if (this.props.onSplitterChange)\n        this.props.onSplitterChange(size, percentage);\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const orientation =\n      this.props.orientation === Orientation.Horizontal\n        ? \"horizontal\"\n        : \"vertical\";\n    const defaultSize = `${(this.props.percentage * 100).toString()}%`;\n    const minSizeTopLeft = this.props.minSizeTopLeft;\n    const minSizeBottomRight = -this.props.minSizeBottomRight;\n\n    return (\n      <div\n        ref={(e) => {\n          this._containerDiv = e;\n        }}\n        className={classnames(\n          \"uifw-contentlayout-full-size\",\n          this.props.className\n        )}\n        style={this.props.style}\n      >\n        <SplitPane\n          split={orientation}\n          minSize={minSizeTopLeft}\n          maxSize={minSizeBottomRight}\n          defaultSize={defaultSize}\n          onChange={this._onSplitterChange}\n          allowResize={this.props.resizable}\n        >\n          {this.props.contentA}\n          {this.props.contentB}\n        </SplitPane>\n      </div>\n    );\n  }\n}\n\n/** Properties for [[SingleContentContainer]] component\n */\ninterface SingleContentProps\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  extends CommonProps,\n    Pick<ContentWrapperProps, \"contentIndex\"> {\n  content: React.ReactNode;\n}\n\n/** Single Content Container class. */\nclass SingleContentContainer extends React.Component<SingleContentProps> {\n  public override render(): React.ReactNode {\n    return (\n      <div\n        className={classnames(\n          \"uifw-contentlayout-full-size\",\n          this.props.className\n        )}\n        style={this.props.style}\n        data-testid=\"single-content-container\"\n      >\n        <ContentWrapper\n          content={this.props.content}\n          style={{ height: \"100%\", position: \"relative\" }}\n          contentIndex={this.props.contentIndex}\n        />\n      </div>\n    );\n  }\n}\n\n/** Common interface for HorizontalSplit and VerticalSplit. */\ninterface LayoutSplit {\n  createContentContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode;\n  isLocked: boolean;\n}\n\n/** Minimum split size  */\nconst MIN_SPLIT_SIZE = 6;\n\n/** Base Split class.\n */\nclass BaseSplit {\n  public defaultPercentage: number;\n  public stateId: string = \"\";\n  public isLocked: boolean = false;\n\n  constructor(props: LayoutSplitPropsBase) {\n    this.defaultPercentage = props.percentage;\n\n    if (props.id) this.stateId = props.id;\n\n    if (props.lock) this.isLocked = props.lock;\n  }\n}\n\n/** Horizontal Split class.\n */\nclass HorizontalSplit extends BaseSplit implements LayoutSplit {\n  private _topIndex: number = -1;\n  private _bottomIndex: number = -1;\n  private _topSplit?: LayoutSplit;\n  private _bottomSplit?: LayoutSplit;\n  private _props: LayoutHorizontalSplitProps;\n  private _minSizeTop: number = MIN_SPLIT_SIZE;\n  private _minSizeBottom: number = MIN_SPLIT_SIZE;\n\n  constructor(props: LayoutHorizontalSplitProps) {\n    super(props);\n\n    this._props = props;\n\n    if (typeof props.top === \"number\") {\n      this._topIndex = props.top;\n    } else {\n      this._topSplit = ContentLayoutDef.createSplit(props.top);\n    }\n\n    if (typeof props.bottom === \"number\") {\n      this._bottomIndex = props.bottom;\n    } else {\n      this._bottomSplit = ContentLayoutDef.createSplit(props.bottom);\n    }\n\n    if (props.minSizeTop)\n      this._minSizeTop = Math.max(props.minSizeTop, MIN_SPLIT_SIZE);\n\n    if (props.minSizeBottom)\n      this._minSizeBottom = Math.max(props.minSizeBottom, MIN_SPLIT_SIZE);\n  }\n\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\n    this._props.percentage = percentage;\n  };\n\n  public createContentContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode {\n    if (this.isLocked) resizable = false;\n\n    const topContent = !this._topSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._topIndex]}\n        contentIndex={this._topIndex}\n      />\n    ) : (\n      this._topSplit.createContentContainer(contentNodes, resizable)\n    );\n    const bottomContent = !this._bottomSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._bottomIndex]}\n        contentIndex={this._bottomIndex}\n      />\n    ) : (\n      this._bottomSplit.createContentContainer(contentNodes, resizable)\n    );\n\n    return (\n      <SplitContainer\n        contentA={topContent}\n        contentB={bottomContent}\n        orientation={Orientation.Horizontal}\n        percentage={this.defaultPercentage}\n        resizable={resizable}\n        minSizeTopLeft={this._minSizeTop}\n        minSizeBottomRight={this._minSizeBottom}\n        splitterStateId={this.stateId}\n        onSplitterChange={this._handleSplitterChange}\n      />\n    );\n  }\n}\n\n/** Vertical Split class.\n */\nclass VerticalSplit extends BaseSplit implements LayoutSplit {\n  private _leftIndex: number = -1;\n  private _rightIndex: number = -1;\n  private _leftSplit?: LayoutSplit;\n  private _rightSplit?: LayoutSplit;\n  private _props: LayoutVerticalSplitProps;\n  private _minSizeLeft: number = MIN_SPLIT_SIZE;\n  private _minSizeRight: number = MIN_SPLIT_SIZE;\n\n  constructor(props: LayoutVerticalSplitProps) {\n    super(props);\n\n    this._props = props;\n\n    if (typeof props.left === \"number\") {\n      this._leftIndex = props.left;\n    } else {\n      this._leftSplit = ContentLayoutDef.createSplit(props.left);\n    }\n\n    if (typeof props.right === \"number\") {\n      this._rightIndex = props.right;\n    } else {\n      this._rightSplit = ContentLayoutDef.createSplit(props.right);\n    }\n\n    if (props.minSizeLeft)\n      this._minSizeLeft = Math.max(props.minSizeLeft, MIN_SPLIT_SIZE);\n\n    if (props.minSizeRight)\n      this._minSizeRight = Math.max(props.minSizeRight, MIN_SPLIT_SIZE);\n  }\n\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\n    this._props.percentage = percentage;\n  };\n\n  public createContentContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode {\n    if (this.isLocked) resizable = false;\n\n    const leftContent = !this._leftSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._leftIndex]}\n        contentIndex={this._leftIndex}\n      />\n    ) : (\n      this._leftSplit.createContentContainer(contentNodes, resizable)\n    );\n    const rightContent = !this._rightSplit ? (\n      <ContentWrapper\n        content={contentNodes[this._rightIndex]}\n        contentIndex={this._rightIndex}\n      />\n    ) : (\n      this._rightSplit.createContentContainer(contentNodes, resizable)\n    );\n\n    return (\n      <SplitContainer\n        contentA={leftContent}\n        contentB={rightContent}\n        orientation={Orientation.Vertical}\n        percentage={this.defaultPercentage}\n        resizable={resizable}\n        minSizeTopLeft={this._minSizeLeft}\n        minSizeBottomRight={this._minSizeRight}\n        splitterStateId={this.stateId}\n        onSplitterChange={this._handleSplitterChange}\n      />\n    );\n  }\n}\n\n/** Content Layout Definition class.\n * @public\n */\nexport class ContentLayoutDef {\n  private _layoutProps: ContentLayoutProps;\n  private _rootSplit?: LayoutSplit;\n\n  /** ID for this Content Layout */\n  public id: string = \"\";\n  /** Description of the layout. */\n  public description: string = \"\";\n  constructor(layoutProps: ContentLayoutProps) {\n    this._layoutProps = layoutProps;\n    this.id = layoutProps.id;\n    if (layoutProps.description !== undefined)\n      this.description = layoutProps.description;\n  }\n\n  /** @deprecated in 4.16.0. Used internally. */\n  public get rootSplit(): LayoutSplit | undefined {\n    return this._rootSplit;\n  }\n\n  /** Creates [[ContentLayoutProps]] for JSON purposes\n   * @public\n   */\n  public toJSON(): ContentLayoutProps {\n    return this._layoutProps;\n  }\n\n  /** Fill a layout container with React nodes for each content view.\n   * @deprecated in 4.16.0. Used internally.\n   */\n  public fillLayoutContainer(\n    contentNodes: React.ReactNode[],\n    resizable: boolean\n  ): React.ReactNode | undefined {\n    this._rootSplit = ContentLayoutDef.createSplit(this._layoutProps);\n\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (this.rootSplit) {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      return this.rootSplit.createContentContainer(contentNodes, resizable);\n    }\n\n    if (contentNodes.length > 0)\n      return (\n        <SingleContentContainer content={contentNodes[0]} contentIndex={0} />\n      );\n\n    return undefined;\n  }\n\n  /** Gets the indexes of content views used in this Content Layout. */\n  public getUsedContentIndexes(): number[] {\n    let allContentIndexes: number[] = [];\n\n    if (!this._layoutProps.horizontalSplit && !this._layoutProps.verticalSplit)\n      allContentIndexes.push(0);\n    else {\n      allContentIndexes = allContentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(this._layoutProps.horizontalSplit)\n      );\n      allContentIndexes = allContentIndexes.concat(\n        this.getVerticalSplitContentIndexes(this._layoutProps.verticalSplit)\n      );\n    }\n\n    const uniqueContentIndexes = [...new Set(allContentIndexes)];\n\n    return uniqueContentIndexes;\n  }\n\n  private getHorizontalSplitContentIndexes(\n    splitProps?: LayoutHorizontalSplitProps\n  ): number[] {\n    let contentIndexes: number[] = [];\n\n    if (!splitProps) return contentIndexes;\n\n    if (typeof splitProps.top === \"number\") contentIndexes.push(splitProps.top);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.top.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.top.verticalSplit)\n      );\n    }\n\n    if (typeof splitProps.bottom === \"number\")\n      contentIndexes.push(splitProps.bottom);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.bottom.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.bottom.verticalSplit)\n      );\n    }\n\n    return contentIndexes;\n  }\n\n  private getVerticalSplitContentIndexes(\n    splitProps?: LayoutVerticalSplitProps\n  ): number[] {\n    let contentIndexes: number[] = [];\n\n    if (!splitProps) return contentIndexes;\n\n    if (typeof splitProps.left === \"number\")\n      contentIndexes.push(splitProps.left);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.left.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.left.verticalSplit)\n      );\n    }\n\n    if (typeof splitProps.right === \"number\")\n      contentIndexes.push(splitProps.right);\n    else {\n      contentIndexes = contentIndexes.concat(\n        this.getHorizontalSplitContentIndexes(splitProps.right.horizontalSplit)\n      );\n      contentIndexes = contentIndexes.concat(\n        this.getVerticalSplitContentIndexes(splitProps.right.verticalSplit)\n      );\n    }\n\n    return contentIndexes;\n  }\n\n  /** @internal */\n  public static createSplit(\n    fragmentDef: LayoutFragmentProps\n  ): LayoutSplit | undefined {\n    if (fragmentDef.horizontalSplit) {\n      return new HorizontalSplit(fragmentDef.horizontalSplit);\n    } else if (fragmentDef.verticalSplit) {\n      return new VerticalSplit(fragmentDef.verticalSplit);\n    }\n\n    return undefined;\n  }\n}\n\n/** Content Layout Activated Event Args class.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ContentLayoutActivatedEventArgs {\n  contentLayout: ContentLayoutDef;\n  contentGroup: ContentGroup;\n}\n\n/** Content Layout Activated Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ContentLayoutActivatedEvent extends UiEvent<ContentLayoutActivatedEventArgs> {}\n\n/** Properties for the [[ContentLayout]] React component.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ContentLayoutComponentProps extends CommonProps {\n  contentLayout: ContentLayoutDef;\n  contentGroup: ContentGroup;\n}\n\n/** Content Layout React component.\n * @public\n */\nexport function ContentLayout(props: ContentLayoutComponentProps) {\n  const { stableContentLayout } = usePreviewFeatures();\n  const [contentLayoutDef, setContentLayoutDef] =\n    React.useState<ContentLayoutDef>(props.contentLayout);\n  const [contentGroupId, setContentGroupId] = React.useState<\n    ContentGroup[\"id\"]\n  >(props.contentGroup.groupId);\n  const [contentGroup, setContentGroup] = React.useState<ContentGroup>(\n    props.contentGroup\n  );\n  const [contentNodes, setContentNodes] = React.useState<React.ReactNode[]>(\n    () => {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      return props.contentGroup.getContentNodes();\n    }\n  );\n\n  React.useEffect(() => {\n    return UiFramework.frontstages.onContentLayoutActivatedEvent.addListener(\n      (args) => {\n        setContentLayoutDef(args.contentLayout);\n        setContentGroupId(args.contentGroup.groupId);\n        setContentGroup(args.contentGroup);\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        setContentNodes(args.contentGroup.getContentNodes());\n      }\n    );\n  }, []);\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const contentContainer = contentLayoutDef.fillLayoutContainer(\n    contentNodes,\n    true\n  );\n  if (!contentContainer) return null;\n\n  return (\n    <div\n      id=\"uifw-contentlayout-div\"\n      className={props.className}\n      style={props.style}\n      key={\n        stableContentLayout\n          ? undefined\n          : `${contentGroupId}-${contentLayoutDef.id}`\n      }\n      onMouseDown={() => {\n        UiFramework.content.setMouseDown(true);\n      }}\n      onMouseUp={() => {\n        UiFramework.content.setMouseDown(false);\n      }}\n      role=\"presentation\"\n    >\n      <ContentLayoutContext.Provider value={contentGroup}>\n        {contentContainer}\n      </ContentLayoutContext.Provider>\n    </div>\n  );\n}\n\nconst ContentLayoutContext = React.createContext<ContentGroup | undefined>(\n  undefined\n);\nContentLayoutContext.displayName = \"uifw:ContentLayoutContext\";\n"]}

package/lib/appui-react/content/IModelViewport.js

@@ -42,36 +42,19 @@ export function ViewOverlayHost({ viewport, featureOptions, userSuppliedOverlay,
  * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#ViewportComponent} component instead.
  */
 export class IModelViewportControl extends ViewportContentControl {
+    _options;
     static get id() {
         return "UiFramework.IModelViewportControl";
     }
+    _featureOptions = {};
+    _viewState;
+    _iModelConnection;
+    _alwaysUseSuppliedViewState;
+    _userSuppliedViewOverlay;
     constructor(info, _options) {
         _options = _options ?? {};
         super(info, _options);
         this._options = _options;
-        this._featureOptions = {};
-        /**
-         * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().
-         * It is called by ViewportComponent on a mount to resolve the viewState.
-         */
-        this._determineViewState = () => {
-            let viewState;
-            if (this.viewport && !this._alwaysUseSuppliedViewState)
-                viewState = this.viewport.view;
-            else if (this._viewState) {
-                if (typeof this._viewState === "function")
-                    viewState = this._viewState();
-                else
-                    viewState = this._viewState;
-            }
-            else
-                throw new UiError(UiFramework.loggerCategory("IModelViewport"), "No ViewState could be determined");
-            return viewState;
-        };
-        /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */
-        this._getViewOverlay = (vp) => {
-            return (React.createElement(ViewOverlayHost, { viewport: vp, featureOptions: this._featureOptions, userSuppliedOverlay: this._userSuppliedViewOverlay, "data-testid": "ViewOverlay" }));
-        };
         this._options = _options;
         if (_options.featureOptions)
             this._featureOptions = _options.featureOptions;
@@ -109,6 +92,24 @@ export class IModelViewportControl extends ViewportContentControl {
             this.initializeReactNode();
         return this.getKeyedReactNode();
     }
+    /**
+     * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().
+     * It is called by ViewportComponent on a mount to resolve the viewState.
+     */
+    _determineViewState = () => {
+        let viewState;
+        if (this.viewport && !this._alwaysUseSuppliedViewState)
+            viewState = this.viewport.view;
+        else if (this._viewState) {
+            if (typeof this._viewState === "function")
+                viewState = this._viewState();
+            else
+                viewState = this._viewState;
+        }
+        else
+            throw new UiError(UiFramework.loggerCategory("IModelViewport"), "No ViewState could be determined");
+        return viewState;
+    };
     /** Get the React component that will contain the Viewport */
     getImodelConnectedViewportReactElement() {
         return (React.createElement(IModelConnectedViewport, { viewportRef: (v) => {
@@ -139,6 +140,10 @@ export class IModelViewportControl extends ViewportContentControl {
     getReactElementForViewSelectorChange(iModelConnection, _unusedViewDefinitionId, viewState, _name) {
         return this.getImodelViewportReactElement(iModelConnection, viewState);
     }
+    /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */
+    _getViewOverlay = (vp) => {
+        return (React.createElement(ViewOverlayHost, { viewport: vp, featureOptions: this._featureOptions, userSuppliedOverlay: this._userSuppliedViewOverlay, "data-testid": "ViewOverlay" }));
+    };
     /** Get the NavigationAidControl associated with this ContentControl */
     get navigationAidControl() {
         if (this.viewport)

package/lib/appui-react/content/IModelViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"IModelViewport.js","sourceRoot":"","sources":["../../../src/appui-react/content/IModelViewport.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport * as React from \"react\";\nimport type { Id64String } from \"@itwin/core-bentley\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport type {\n  ViewportProps,\n  ViewStateProp,\n} from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FillCentered } from \"@itwin/core-react\";\n\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { DefaultViewOverlay } from \"./DefaultViewOverlay.js\";\nimport { ViewportContentControl } from \"./ViewportContentControl.js\";\nimport { StandardRotationNavigationAidControl } from \"../navigationaids/StandardRotationNavigationAid.js\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport { ConfigurableUiContext } from \"../configurableui/ConfigurableUiContent.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Viewport that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\n * @note Requires redux provider.\n * @public\n * @deprecated in 4.15.0. Use {@link @itwin/imodel-components-react#ViewportComponent} instead.\n */\nexport function IModelConnectedViewport(\n  props: Omit<ViewportProps, \"imodel\" | \"viewState\">\n) {\n  const iModel = useReduxFrameworkState(\n    (state) => state?.sessionState.iModelConnection\n  );\n  const viewState = useReduxFrameworkState(\n    (state) => state?.sessionState.defaultViewState\n  );\n  if (!iModel) return null;\n  return <ViewportComponent imodel={iModel} viewState={viewState} {...props} />;\n}\n\n/** [[IModelViewportControl]] options. These options are set in the applicationData property of the [[ContentProps]].\n * @public\n * @deprecated in 4.16.0. Used in a deprecated class {@link IModelViewportControl}.\n */\nexport interface IModelViewportControlOptions {\n  /** ViewState or a function to return a ViewState */\n  viewState?: ViewStateProp;\n  /** IModelConnection of data in Viewport */\n  iModelConnection?: IModelConnection | (() => IModelConnection);\n  /** Map of options that can be used to enable/disable features within the view */\n  featureOptions?: { [key: string]: any };\n  /** Optional background color which may be used if viewState and iModelConnection are undefined */\n  bgColor?: string;\n  /** Optional property to always use the supplied `viewState` property instead of using viewport.view when set */\n  alwaysUseSuppliedViewState?: boolean;\n  /** Optional property to supply custom view overlay. Uses when caller want to supply custom overlay component. */\n  supplyViewOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n  /** Optional property to defer reactNode initialization until first reactNode property is needed. Useful when subClassing the `IModelViewportControl`. */\n  deferNodeInitialization?: boolean;\n}\n\ninterface ViewOverlayHostProps {\n  viewport: ScreenViewport;\n  featureOptions?: { [key: string]: any };\n  userSuppliedOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n}\n\n/** @internal */\nexport function ViewOverlayHost({\n  viewport,\n  featureOptions,\n  userSuppliedOverlay,\n}: ViewOverlayHostProps) {\n  const reduxDisplayViewOverlay = useReduxFrameworkState(\n    (state) => state?.configurableUiState.viewOverlayDisplay\n  );\n  const configurableUi = React.useContext(ConfigurableUiContext);\n  const displayViewOverlay =\n    configurableUi?.viewOverlay ?? reduxDisplayViewOverlay ?? true;\n  if (!displayViewOverlay) return null;\n  return userSuppliedOverlay ? (\n    <React.Fragment>{userSuppliedOverlay(viewport)}</React.Fragment>\n  ) : (\n    <DefaultViewOverlay viewport={viewport} featureOptions={featureOptions} />\n  );\n}\n\n/** iModel Viewport Control\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#ViewportComponent} component instead.\n */\nexport class IModelViewportControl extends ViewportContentControl {\n  public static get id() {\n    return \"UiFramework.IModelViewportControl\";\n  }\n  protected _featureOptions: { [key: string]: boolean | string } = {};\n  protected _viewState: ViewStateProp | undefined;\n  protected _iModelConnection: IModelConnection | undefined;\n  protected _alwaysUseSuppliedViewState: boolean;\n  private _userSuppliedViewOverlay?: (\n    _viewport: ScreenViewport\n  ) => React.ReactNode;\n\n  constructor(\n    info: ConfigurableCreateInfo,\n    protected _options: IModelViewportControlOptions\n  ) {\n    _options = _options ?? {};\n    super(info, _options);\n    this._options = _options;\n\n    if (_options.featureOptions) this._featureOptions = _options.featureOptions;\n    this._alwaysUseSuppliedViewState =\n      _options.alwaysUseSuppliedViewState ?? false;\n    this._userSuppliedViewOverlay = _options.supplyViewOverlay;\n\n    if (!_options.deferNodeInitialization) this.initializeReactNode();\n  }\n\n  protected initializeReactNode() {\n    const options = this._options;\n\n    if (options.viewState) this._viewState = options.viewState;\n\n    const iModelConnection =\n      typeof options.iModelConnection === \"function\"\n        ? options.iModelConnection()\n        : options.iModelConnection;\n\n    if (this._viewState && iModelConnection) {\n      /** Passing _determineViewState as a function reference; it is not called here. */\n      this._reactNode = this.getImodelViewportReactElement(\n        iModelConnection,\n        this._determineViewState\n      );\n    } else {\n      if (\n        UiFramework.getIModelConnection() &&\n        UiFramework.getDefaultViewState()\n      ) {\n        this._reactNode = this.getImodelConnectedViewportReactElement();\n      } else {\n        this._reactNode = this.getNoContentReactElement(options);\n        this.setIsReady();\n      }\n    }\n  }\n\n  protected override getReactNode(): React.ReactNode {\n    if (\n      !React.isValidElement(this._reactNode) &&\n      this._options.deferNodeInitialization\n    )\n      this.initializeReactNode();\n\n    return this.getKeyedReactNode();\n  }\n\n  /**\n   * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().\n   * It is called by ViewportComponent on a mount to resolve the viewState.\n   */\n  private _determineViewState = (): ViewState => {\n    let viewState: ViewState;\n\n    if (this.viewport && !this._alwaysUseSuppliedViewState)\n      viewState = this.viewport.view;\n    else if (this._viewState) {\n      if (typeof this._viewState === \"function\") viewState = this._viewState();\n      else viewState = this._viewState;\n    } else\n      throw new UiError(\n        UiFramework.loggerCategory(\"IModelViewport\"),\n        \"No ViewState could be determined\"\n      );\n\n    return viewState!;\n  };\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelConnectedViewportReactElement(): React.ReactNode {\n    return (\n      <IModelConnectedViewport\n        viewportRef={(v) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelViewportReactElement(\n    iModelConnection: IModelConnection,\n    viewState: ViewStateProp\n  ): React.ReactNode {\n    return (\n      <ViewportComponent\n        viewState={viewState}\n        imodel={iModelConnection}\n        controlId={this.controlId}\n        viewportRef={(v) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will be shown when no iModel data is available */\n  protected getNoContentReactElement(\n    _options: IModelViewportControlOptions\n  ): React.ReactNode {\n    return (\n      <FillCentered>{UiFramework.translate(\"general.no-content\")}</FillCentered>\n    );\n  }\n\n  /** Get the React.Element for a ViewSelector change. */\n  public override getReactElementForViewSelectorChange(\n    iModelConnection: IModelConnection,\n    _unusedViewDefinitionId: Id64String,\n    viewState: ViewState,\n    _name: string\n  ): React.ReactNode {\n    return this.getImodelViewportReactElement(iModelConnection, viewState);\n  }\n\n  /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */\n  protected _getViewOverlay = (vp: ScreenViewport): React.ReactNode => {\n    return (\n      <ViewOverlayHost\n        viewport={vp}\n        featureOptions={this._featureOptions}\n        userSuppliedOverlay={this._userSuppliedViewOverlay}\n        data-testid=\"ViewOverlay\"\n      />\n    );\n  };\n\n  /** Get the NavigationAidControl associated with this ContentControl */\n  public override get navigationAidControl(): string {\n    if (this.viewport) return super.navigationAidControl;\n    else return StandardRotationNavigationAidControl.navigationAidId;\n  }\n}\n"]}
+{"version":3,"file":"IModelViewport.js","sourceRoot":"","sources":["../../../src/appui-react/content/IModelViewport.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport * as React from \"react\";\nimport type { Id64String } from \"@itwin/core-bentley\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport type {\n  ViewportProps,\n  ViewStateProp,\n} from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FillCentered } from \"@itwin/core-react\";\n\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { DefaultViewOverlay } from \"./DefaultViewOverlay.js\";\nimport { ViewportContentControl } from \"./ViewportContentControl.js\";\nimport { StandardRotationNavigationAidControl } from \"../navigationaids/StandardRotationNavigationAid.js\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport { ConfigurableUiContext } from \"../configurableui/ConfigurableUiContent.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Viewport that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\n * @note Requires redux provider.\n * @public\n * @deprecated in 4.15.0. Use {@link @itwin/imodel-components-react#ViewportComponent} instead.\n */\nexport function IModelConnectedViewport(\n  props: Omit<ViewportProps, \"imodel\" | \"viewState\">\n) {\n  const iModel = useReduxFrameworkState(\n    (state) => state?.sessionState.iModelConnection\n  );\n  const viewState = useReduxFrameworkState(\n    (state) => state?.sessionState.defaultViewState\n  );\n  if (!iModel) return null;\n  return <ViewportComponent imodel={iModel} viewState={viewState} {...props} />;\n}\n\n/** [[IModelViewportControl]] options. These options are set in the applicationData property of the [[ContentProps]].\n * @public\n * @deprecated in 4.16.0. Used in a deprecated class {@link IModelViewportControl}.\n */\nexport interface IModelViewportControlOptions {\n  /** ViewState or a function to return a ViewState */\n  viewState?: ViewStateProp;\n  /** IModelConnection of data in Viewport */\n  iModelConnection?: IModelConnection | (() => IModelConnection);\n  /** Map of options that can be used to enable/disable features within the view */\n  featureOptions?: { [key: string]: any };\n  /** Optional background color which may be used if viewState and iModelConnection are undefined */\n  bgColor?: string;\n  /** Optional property to always use the supplied `viewState` property instead of using viewport.view when set */\n  alwaysUseSuppliedViewState?: boolean;\n  /** Optional property to supply custom view overlay. Uses when caller want to supply custom overlay component. */\n  supplyViewOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n  /** Optional property to defer reactNode initialization until first reactNode property is needed. Useful when subClassing the `IModelViewportControl`. */\n  deferNodeInitialization?: boolean;\n}\n\ninterface ViewOverlayHostProps {\n  viewport: ScreenViewport;\n  featureOptions?: { [key: string]: any };\n  userSuppliedOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n}\n\n/** @internal */\nexport function ViewOverlayHost({\n  viewport,\n  featureOptions,\n  userSuppliedOverlay,\n}: ViewOverlayHostProps) {\n  const reduxDisplayViewOverlay = useReduxFrameworkState(\n    (state) => state?.configurableUiState.viewOverlayDisplay\n  );\n  const configurableUi = React.useContext(ConfigurableUiContext);\n  const displayViewOverlay =\n    configurableUi?.viewOverlay ?? reduxDisplayViewOverlay ?? true;\n  if (!displayViewOverlay) return null;\n  return userSuppliedOverlay ? (\n    <React.Fragment>{userSuppliedOverlay(viewport)}</React.Fragment>\n  ) : (\n    <DefaultViewOverlay viewport={viewport} featureOptions={featureOptions} />\n  );\n}\n\n/** iModel Viewport Control\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#ViewportComponent} component instead.\n */\nexport class IModelViewportControl extends ViewportContentControl {\n  public static get id() {\n    return \"UiFramework.IModelViewportControl\";\n  }\n  protected _featureOptions: { [key: string]: boolean | string } = {};\n  protected _viewState: ViewStateProp | undefined;\n  protected _iModelConnection: IModelConnection | undefined;\n  protected _alwaysUseSuppliedViewState: boolean;\n  private _userSuppliedViewOverlay?: (\n    _viewport: ScreenViewport\n  ) => React.ReactNode;\n\n  constructor(\n    info: ConfigurableCreateInfo,\n    protected _options: IModelViewportControlOptions\n  ) {\n    _options = _options ?? {};\n    super(info, _options);\n    this._options = _options;\n\n    if (_options.featureOptions) this._featureOptions = _options.featureOptions;\n    this._alwaysUseSuppliedViewState =\n      _options.alwaysUseSuppliedViewState ?? false;\n    this._userSuppliedViewOverlay = _options.supplyViewOverlay;\n\n    if (!_options.deferNodeInitialization) this.initializeReactNode();\n  }\n\n  protected initializeReactNode() {\n    const options = this._options;\n\n    if (options.viewState) this._viewState = options.viewState;\n\n    const iModelConnection =\n      typeof options.iModelConnection === \"function\"\n        ? options.iModelConnection()\n        : options.iModelConnection;\n\n    if (this._viewState && iModelConnection) {\n      /** Passing _determineViewState as a function reference; it is not called here. */\n      this._reactNode = this.getImodelViewportReactElement(\n        iModelConnection,\n        this._determineViewState\n      );\n    } else {\n      if (\n        UiFramework.getIModelConnection() &&\n        UiFramework.getDefaultViewState()\n      ) {\n        this._reactNode = this.getImodelConnectedViewportReactElement();\n      } else {\n        this._reactNode = this.getNoContentReactElement(options);\n        this.setIsReady();\n      }\n    }\n  }\n\n  protected override getReactNode(): React.ReactNode {\n    if (\n      !React.isValidElement(this._reactNode) &&\n      this._options.deferNodeInitialization\n    )\n      this.initializeReactNode();\n\n    return this.getKeyedReactNode();\n  }\n\n  /**\n   * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().\n   * It is called by ViewportComponent on a mount to resolve the viewState.\n   */\n  private _determineViewState = (): ViewState => {\n    let viewState: ViewState;\n\n    if (this.viewport && !this._alwaysUseSuppliedViewState)\n      viewState = this.viewport.view;\n    else if (this._viewState) {\n      if (typeof this._viewState === \"function\") viewState = this._viewState();\n      else viewState = this._viewState;\n    } else\n      throw new UiError(\n        UiFramework.loggerCategory(\"IModelViewport\"),\n        \"No ViewState could be determined\"\n      );\n\n    return viewState!;\n  };\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelConnectedViewportReactElement(): React.ReactNode {\n    return (\n      <IModelConnectedViewport\n        viewportRef={(v) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelViewportReactElement(\n    iModelConnection: IModelConnection,\n    viewState: ViewStateProp\n  ): React.ReactNode {\n    return (\n      <ViewportComponent\n        viewState={viewState}\n        imodel={iModelConnection}\n        controlId={this.controlId}\n        viewportRef={(v) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will be shown when no iModel data is available */\n  protected getNoContentReactElement(\n    _options: IModelViewportControlOptions\n  ): React.ReactNode {\n    return (\n      <FillCentered>{UiFramework.translate(\"general.no-content\")}</FillCentered>\n    );\n  }\n\n  /** Get the React.Element for a ViewSelector change. */\n  public override getReactElementForViewSelectorChange(\n    iModelConnection: IModelConnection,\n    _unusedViewDefinitionId: Id64String,\n    viewState: ViewState,\n    _name: string\n  ): React.ReactNode {\n    return this.getImodelViewportReactElement(iModelConnection, viewState);\n  }\n\n  /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */\n  protected _getViewOverlay = (vp: ScreenViewport): React.ReactNode => {\n    return (\n      <ViewOverlayHost\n        viewport={vp}\n        featureOptions={this._featureOptions}\n        userSuppliedOverlay={this._userSuppliedViewOverlay}\n        data-testid=\"ViewOverlay\"\n      />\n    );\n  };\n\n  /** Get the NavigationAidControl associated with this ContentControl */\n  public override get navigationAidControl(): string {\n    if (this.viewport) return super.navigationAidControl;\n    else return StandardRotationNavigationAidControl.navigationAidId;\n  }\n}\n"]}

package/lib/appui-react/content/InternalContentLayoutManager.js

@@ -12,6 +12,7 @@ import { ContentLayoutDef } from "./ContentLayout.js";
  * @internal
  */
 export class InternalContentLayoutManager {
+    static _layoutDefs = new Map();
     /** build a layout key that is unique for group layout combination */
     static getKey(props) {
         return `${props.contentGroupId}-${props.layoutId}`;
@@ -95,5 +96,4 @@ export class InternalContentLayoutManager {
         }
     }
 }
-InternalContentLayoutManager._layoutDefs = new Map();
 //# sourceMappingURL=InternalContentLayoutManager.js.map