@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1,344 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+// cSpell:ignore contentlayout
+import "./ContentLayout.scss";
+import classnames from "classnames";
+import * as React from "react";
+import SplitPane from "react-split-pane";
+import { Orientation, UiEvent } from "@itwin/core-react";
+import { FrontstageManager } from "../frontstage/FrontstageManager";
+import { UiShowHideManager } from "../utils/UiShowHideManager";
+import { ContentViewManager } from "./ContentViewManager";
+/** ContentWrapper React component.
+ */
+class ContentWrapper extends React.Component {
+    constructor(props) {
+        super(props);
+        this._handleMouseDown = (_event) => {
+            // event.preventDefault();
+            ContentViewManager.setActiveContent(this.state.content);
+        };
+        this._handleActiveContentChanged = (args) => {
+            const isActive = this.state.content === args.activeContent;
+            if (this.state.isActive !== isActive) {
+                this.setState({ isActive });
+            }
+        };
+        this.state = {
+            content: this.props.content,
+            isActive: this.props.content === ContentViewManager.getActiveContent(),
+        };
+    }
+    render() {
+        const overlayClassName = classnames("uifw-contentlayout-overlay-div", this.state.isActive ? "uifw-contentlayout-overlay-active" : "uifw-contentlayout-overlay-inactive");
+        return (React.createElement("div", { className: classnames("uifw-contentlayout-wrapper", this.props.className), style: this.props.style, onMouseDown: this._handleMouseDown, onMouseMove: UiShowHideManager.handleContentMouseMove, role: "presentation" },
+            this.state.content,
+            React.createElement("div", { className: overlayClassName })));
+    }
+    componentDidMount() {
+        ContentViewManager.onActiveContentChangedEvent.addListener(this._handleActiveContentChanged);
+    }
+    componentWillUnmount() {
+        ContentViewManager.onActiveContentChangedEvent.removeListener(this._handleActiveContentChanged);
+    }
+    // istanbul ignore next
+    componentDidUpdate(prevProps, _prevState) {
+        if (this.props.content !== prevProps.content) {
+            this.setState((_, props) => ({ content: props.content, isActive: props.content === ContentViewManager.getActiveContent() }));
+        }
+    }
+}
+/** Split Container class.
+ */
+class SplitContainer extends React.Component {
+    constructor(props) {
+        super(props);
+        this._containerDiv = null;
+        this._onSplitterChange = (size) => {
+            let percentage = 0;
+            // istanbul ignore else
+            if (this._containerDiv && size > 0) {
+                if (this.props.orientation === Orientation.Horizontal) {
+                    const height = this._containerDiv.getBoundingClientRect().height;
+                    // istanbul ignore if
+                    if (height > 0)
+                        percentage = size / height;
+                }
+                else {
+                    const width = this._containerDiv.getBoundingClientRect().width;
+                    // istanbul ignore if
+                    if (width > 0)
+                        percentage = size / width;
+                }
+                // istanbul ignore else
+                if (this.props.onSplitterChange)
+                    this.props.onSplitterChange(size, percentage);
+            }
+        };
+    }
+    render() {
+        const orientation = (this.props.orientation === Orientation.Horizontal) ? "horizontal" : "vertical";
+        const defaultSize = `${(this.props.percentage * 100).toString()}%`;
+        const minSizeTopLeft = this.props.minSizeTopLeft;
+        const minSizeBottomRight = -(this.props.minSizeBottomRight);
+        return (React.createElement("div", { ref: (e) => { this._containerDiv = e; }, className: classnames("uifw-contentlayout-full-size", this.props.className), style: this.props.style },
+            React.createElement(SplitPane, { split: orientation, minSize: minSizeTopLeft, maxSize: minSizeBottomRight, defaultSize: defaultSize, onChange: this._onSplitterChange, allowResize: this.props.resizable },
+                this.props.contentA,
+                this.props.contentB)));
+    }
+}
+/** Single Content Container class.
+ */
+class SingleContentContainer extends React.Component {
+    render() {
+        return (React.createElement("div", { className: classnames("uifw-contentlayout-full-size", this.props.className), style: this.props.style, "data-testid": "single-content-container", onMouseMove: UiShowHideManager.handleContentMouseMove }, this.props.content));
+    }
+}
+/** Minimum split size  */
+const MIN_SPLIT_SIZE = 6;
+/** Base Split class.
+ */
+class BaseSplit {
+    constructor(props) {
+        this.stateId = "";
+        this.isLocked = false;
+        this.defaultPercentage = props.percentage;
+        // istanbul ignore else
+        if (props.id)
+            this.stateId = props.id;
+        // istanbul ignore else
+        if (props.lock)
+            this.isLocked = props.lock;
+    }
+}
+/** Horizontal Split class.
+ */
+class HorizontalSplit extends BaseSplit {
+    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;
+        }
+        else {
+            this._topSplit = ContentLayoutDef.createSplit(props.top);
+        }
+        if (typeof props.bottom === "number") {
+            this._bottomIndex = props.bottom;
+        }
+        else {
+            this._bottomSplit = ContentLayoutDef.createSplit(props.bottom);
+        }
+        if (props.minSizeTop)
+            this._minSizeTop = Math.max(props.minSizeTop, MIN_SPLIT_SIZE);
+        if (props.minSizeBottom)
+            this._minSizeBottom = Math.max(props.minSizeBottom, MIN_SPLIT_SIZE);
+    }
+    createContentContainer(contentNodes, resizable) {
+        if (this.isLocked)
+            resizable = false;
+        const topContent = (!this._topSplit) ?
+            React.createElement(ContentWrapper, { content: contentNodes[this._topIndex] }) :
+            this._topSplit.createContentContainer(contentNodes, resizable);
+        const bottomContent = (!this._bottomSplit) ?
+            React.createElement(ContentWrapper, { content: contentNodes[this._bottomIndex] }) :
+            this._bottomSplit.createContentContainer(contentNodes, resizable);
+        return (React.createElement(SplitContainer, { contentA: topContent, contentB: bottomContent, orientation: Orientation.Horizontal, percentage: this.defaultPercentage, resizable: resizable, minSizeTopLeft: this._minSizeTop, minSizeBottomRight: this._minSizeBottom, splitterStateId: this.stateId, onSplitterChange: this._handleSplitterChange }));
+    }
+}
+/** Vertical Split class.
+ */
+class VerticalSplit extends BaseSplit {
+    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;
+        }
+        else {
+            this._leftSplit = ContentLayoutDef.createSplit(props.left);
+        }
+        if (typeof props.right === "number") {
+            this._rightIndex = props.right;
+        }
+        else {
+            this._rightSplit = ContentLayoutDef.createSplit(props.right);
+        }
+        if (props.minSizeLeft)
+            this._minSizeLeft = Math.max(props.minSizeLeft, MIN_SPLIT_SIZE);
+        if (props.minSizeRight)
+            this._minSizeRight = Math.max(props.minSizeRight, MIN_SPLIT_SIZE);
+    }
+    createContentContainer(contentNodes, resizable) {
+        if (this.isLocked)
+            resizable = false;
+        const leftContent = (!this._leftSplit) ?
+            React.createElement(ContentWrapper, { content: contentNodes[this._leftIndex] }) :
+            this._leftSplit.createContentContainer(contentNodes, resizable);
+        const rightContent = (!this._rightSplit) ?
+            React.createElement(ContentWrapper, { content: contentNodes[this._rightIndex] }) :
+            this._rightSplit.createContentContainer(contentNodes, resizable);
+        return (React.createElement(SplitContainer, { contentA: leftContent, contentB: rightContent, orientation: Orientation.Vertical, percentage: this.defaultPercentage, resizable: resizable, minSizeTopLeft: this._minSizeLeft, minSizeBottomRight: this._minSizeRight, splitterStateId: this.stateId, onSplitterChange: this._handleSplitterChange }));
+    }
+}
+/** Content Layout Definition class.
+ * @public
+ */
+export class ContentLayoutDef {
+    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)
+            this.description = layoutProps.description;
+    }
+    get rootSplit() { return this._rootSplit; }
+    /** Creates [[ContentLayoutProps]] for JSON purposes
+     * @public
+     */
+    toJSON() { return this._layoutProps; }
+    /** Fill a layout container with React nodes for each content view
+     */
+    fillLayoutContainer(contentNodes, resizable) {
+        this._rootSplit = ContentLayoutDef.createSplit(this._layoutProps);
+        if (this.rootSplit) {
+            return this.rootSplit.createContentContainer(contentNodes, resizable);
+        }
+        if (contentNodes.length > 0)
+            return React.createElement(SingleContentContainer, { content: contentNodes[0] });
+        return undefined;
+    }
+    /** Gets the indexes of content views used in this Content Layout
+     */
+    getUsedContentIndexes() {
+        let allContentIndexes = [];
+        if (!this._layoutProps.horizontalSplit && !this._layoutProps.verticalSplit)
+            allContentIndexes.push(0);
+        else {
+            allContentIndexes = allContentIndexes.concat(this.getHorizontalSplitContentIndexes(this._layoutProps.horizontalSplit));
+            allContentIndexes = allContentIndexes.concat(this.getVerticalSplitContentIndexes(this._layoutProps.verticalSplit));
+        }
+        const uniqueContentIndexes = [...new Set(allContentIndexes)];
+        return uniqueContentIndexes;
+    }
+    getHorizontalSplitContentIndexes(splitProps) {
+        let contentIndexes = [];
+        if (!splitProps)
+            return contentIndexes;
+        if (typeof splitProps.top === "number")
+            contentIndexes.push(splitProps.top);
+        else {
+            contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.top.horizontalSplit));
+            contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.top.verticalSplit));
+        }
+        if (typeof splitProps.bottom === "number")
+            contentIndexes.push(splitProps.bottom);
+        else {
+            contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.bottom.horizontalSplit));
+            contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.bottom.verticalSplit));
+        }
+        return contentIndexes;
+    }
+    getVerticalSplitContentIndexes(splitProps) {
+        let contentIndexes = [];
+        if (!splitProps)
+            return contentIndexes;
+        if (typeof splitProps.left === "number")
+            contentIndexes.push(splitProps.left);
+        else {
+            contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.left.horizontalSplit));
+            contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.left.verticalSplit));
+        }
+        if (typeof splitProps.right === "number")
+            contentIndexes.push(splitProps.right);
+        else {
+            contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.right.horizontalSplit));
+            contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.right.verticalSplit));
+        }
+        return contentIndexes;
+    }
+    /** @internal */
+    static createSplit(fragmentDef) {
+        if (fragmentDef.horizontalSplit) {
+            return new HorizontalSplit(fragmentDef.horizontalSplit);
+        }
+        else if (fragmentDef.verticalSplit) {
+            return new VerticalSplit(fragmentDef.verticalSplit);
+        }
+        return undefined;
+    }
+}
+/** Content Layout Activated Event class.
+ * @public
+ */
+export class ContentLayoutActivatedEvent extends UiEvent {
+}
+/** Content Layout React component.
+ * @public
+ */
+export class ContentLayout extends React.Component {
+    constructor(props) {
+        super(props);
+        this._handleContentLayoutActivated = (args) => {
+            const contentLayoutDef = args.contentLayout;
+            const contentGroup = args.contentGroup;
+            const contentNodes = contentGroup.getContentNodes();
+            const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);
+            this.setState({
+                contentLayoutDef: args.contentLayout,
+                contentContainer,
+                contentGroupId: contentGroup.groupId,
+            });
+        };
+        this._onMouseDown = (_event) => {
+            ContentViewManager.setMouseDown(true);
+        };
+        this._onMouseUp = (_event) => {
+            ContentViewManager.setMouseDown(false);
+        };
+        const contentLayoutDef = this.props.contentLayout;
+        const contentGroup = this.props.contentGroup;
+        const contentNodes = contentGroup.getContentNodes();
+        const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);
+        this.state = {
+            contentLayoutDef: this.props.contentLayout,
+            contentContainer,
+            contentGroupId: this.props.contentGroup.groupId,
+        };
+    }
+    componentDidMount() {
+        FrontstageManager.onContentLayoutActivatedEvent.addListener(this._handleContentLayoutActivated);
+    }
+    componentWillUnmount() {
+        FrontstageManager.onContentLayoutActivatedEvent.removeListener(this._handleContentLayoutActivated);
+    }
+    render() {
+        if (this.state.contentContainer) {
+            return (React.createElement("div", { id: "uifw-contentlayout-div", className: this.props.className, style: this.props.style, key: `${this.state.contentGroupId}-${this.state.contentLayoutDef.id}`, onMouseDown: this._onMouseDown, onMouseUp: this._onMouseUp, role: "presentation" }, this.state.contentContainer));
+        }
+        return null;
+    }
+}
+//# sourceMappingURL=ContentLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLayout.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\n// cSpell:ignore contentlayout\r\n\r\nimport \"./ContentLayout.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport SplitPane from \"react-split-pane\";\r\nimport { CommonProps, Orientation, UiEvent } from \"@itwin/core-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ContentGroup } from \"./ContentGroup\";\r\nimport { ContentLayoutProps, LayoutFragmentProps, LayoutHorizontalSplitProps, LayoutSplitPropsBase, LayoutVerticalSplitProps } from \"@itwin/appui-abstract\";\r\nimport { ActiveContentChangedEventArgs, ContentViewManager } from \"./ContentViewManager\";\r\n\r\n/** Properties for [[ContentWrapper]] */\r\ninterface ContentWrapperProps extends CommonProps {\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** State for [[ContentWrapper]] */\r\ninterface ContentWrapperState {\r\n  content: React.ReactNode;\r\n  isActive: boolean;\r\n}\r\n\r\n/** ContentWrapper React component.\r\n */\r\nclass ContentWrapper extends React.Component<ContentWrapperProps, ContentWrapperState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContentWrapperState>;\r\n\r\n  constructor(props: ContentWrapperProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      content: this.props.content,\r\n      isActive: this.props.content === ContentViewManager.getActiveContent(),\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const overlayClassName = classnames(\r\n      \"uifw-contentlayout-overlay-div\",\r\n      this.state.isActive ? \"uifw-contentlayout-overlay-active\" : \"uifw-contentlayout-overlay-inactive\",\r\n    );\r\n\r\n    return (\r\n      <div className={classnames(\"uifw-contentlayout-wrapper\", this.props.className)} style={this.props.style}\r\n        onMouseDown={this._handleMouseDown} onMouseMove={UiShowHideManager.handleContentMouseMove} role=\"presentation\"\r\n      >\r\n        {this.state.content}\r\n        <div className={overlayClassName} />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleMouseDown = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    // event.preventDefault();\r\n\r\n    ContentViewManager.setActiveContent(this.state.content);\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    ContentViewManager.onActiveContentChangedEvent.addListener(this._handleActiveContentChanged);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    ContentViewManager.onActiveContentChangedEvent.removeListener(this._handleActiveContentChanged);\r\n  }\r\n\r\n  private _handleActiveContentChanged = (args: ActiveContentChangedEventArgs) => {\r\n    const isActive = this.state.content === args.activeContent;\r\n    if (this.state.isActive !== isActive) {\r\n      this.setState({ isActive });\r\n    }\r\n  };\r\n\r\n  // istanbul ignore next\r\n  public override componentDidUpdate(prevProps: ContentWrapperProps, _prevState: ContentWrapperState) {\r\n    if (this.props.content !== prevProps.content) {\r\n      this.setState((_, props) => ({ content: props.content, isActive: props.content === ContentViewManager.getActiveContent() }));\r\n    }\r\n  }\r\n\r\n}\r\n\r\n/** Properties for the [[SplitContainer]] component */\r\ninterface SplitContainerProps extends CommonProps {\r\n  contentA: React.ReactNode;\r\n  contentB: React.ReactNode;\r\n  orientation: Orientation;\r\n  percentage: number;\r\n  resizable: boolean;\r\n  minSizeTopLeft: number;\r\n  minSizeBottomRight: number;\r\n  splitterStateId?: string;\r\n  onSplitterChange?: (size: number, percentage: number) => void;\r\n}\r\n\r\n/** Split Container class.\r\n */\r\nclass SplitContainer extends React.Component<SplitContainerProps> {\r\n  private _containerDiv: HTMLDivElement | null = null;\r\n\r\n  constructor(props: SplitContainerProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onSplitterChange = (size: number): void => {\r\n    let percentage = 0;\r\n\r\n    // istanbul ignore else\r\n    if (this._containerDiv && size > 0) {\r\n      if (this.props.orientation === Orientation.Horizontal) {\r\n        const height = this._containerDiv.getBoundingClientRect().height;\r\n        // istanbul ignore if\r\n        if (height > 0)\r\n          percentage = size / height;\r\n      } else {\r\n        const width = this._containerDiv.getBoundingClientRect().width;\r\n        // istanbul ignore if\r\n        if (width > 0)\r\n          percentage = size / width;\r\n      }\r\n\r\n      // istanbul ignore else\r\n      if (this.props.onSplitterChange)\r\n        this.props.onSplitterChange(size, percentage);\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const orientation = (this.props.orientation === Orientation.Horizontal) ? \"horizontal\" : \"vertical\";\r\n    const defaultSize = `${(this.props.percentage * 100).toString()}%`;\r\n    const minSizeTopLeft = this.props.minSizeTopLeft;\r\n    const minSizeBottomRight = -(this.props.minSizeBottomRight);\r\n\r\n    return (\r\n      <div ref={(e) => { this._containerDiv = e; }}\r\n        className={classnames(\"uifw-contentlayout-full-size\", this.props.className)}\r\n        style={this.props.style}\r\n      >\r\n        <SplitPane split={orientation}\r\n          minSize={minSizeTopLeft} maxSize={minSizeBottomRight} defaultSize={defaultSize}\r\n          onChange={this._onSplitterChange} allowResize={this.props.resizable}\r\n        >\r\n          {this.props.contentA}\r\n          {this.props.contentB}\r\n        </SplitPane>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for [[SingleContentContainer]] component\r\n */\r\ninterface SingleContentProps extends CommonProps {\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** Single Content Container class.\r\n */\r\nclass SingleContentContainer extends React.Component<SingleContentProps> {\r\n\r\n  public override render(): React.ReactNode {\r\n\r\n    return (\r\n      <div className={classnames(\"uifw-contentlayout-full-size\", this.props.className)} style={this.props.style} data-testid=\"single-content-container\"\r\n        onMouseMove={UiShowHideManager.handleContentMouseMove}\r\n      >\r\n        {this.props.content}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** Common interface for HorizontalSplit and VerticalSplit\r\n */\r\ninterface LayoutSplit {\r\n  createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode;\r\n  isLocked: boolean;\r\n}\r\n\r\n/** Minimum split size  */\r\nconst MIN_SPLIT_SIZE = 6;\r\n\r\n/** Base Split class.\r\n */\r\nclass BaseSplit {\r\n  public defaultPercentage: number;\r\n  public stateId: string = \"\";\r\n  public isLocked: boolean = false;\r\n\r\n  constructor(props: LayoutSplitPropsBase) {\r\n    this.defaultPercentage = props.percentage;\r\n\r\n    // istanbul ignore else\r\n    if (props.id)\r\n      this.stateId = props.id;\r\n\r\n    // istanbul ignore else\r\n    if (props.lock)\r\n      this.isLocked = props.lock;\r\n  }\r\n}\r\n\r\n/** Horizontal Split class.\r\n */\r\nclass HorizontalSplit extends BaseSplit implements LayoutSplit {\r\n  private _topIndex: number = -1;\r\n  private _bottomIndex: number = -1;\r\n  private _topSplit?: LayoutSplit;\r\n  private _bottomSplit?: LayoutSplit;\r\n  private _props: LayoutHorizontalSplitProps;\r\n  private _minSizeTop: number = MIN_SPLIT_SIZE;\r\n  private _minSizeBottom: number = MIN_SPLIT_SIZE;\r\n\r\n  constructor(props: LayoutHorizontalSplitProps) {\r\n    super(props);\r\n\r\n    this._props = props;\r\n\r\n    if (typeof props.top === \"number\") {\r\n      this._topIndex = props.top;\r\n    } else {\r\n      this._topSplit = ContentLayoutDef.createSplit(props.top);\r\n    }\r\n\r\n    if (typeof props.bottom === \"number\") {\r\n      this._bottomIndex = props.bottom;\r\n    } else {\r\n      this._bottomSplit = ContentLayoutDef.createSplit(props.bottom);\r\n    }\r\n\r\n    if (props.minSizeTop)\r\n      this._minSizeTop = Math.max(props.minSizeTop, MIN_SPLIT_SIZE);\r\n\r\n    if (props.minSizeBottom)\r\n      this._minSizeBottom = Math.max(props.minSizeBottom, MIN_SPLIT_SIZE);\r\n  }\r\n\r\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\r\n    this._props.percentage = percentage;\r\n  };\r\n\r\n  public createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode {\r\n    if (this.isLocked)\r\n      resizable = false;\r\n\r\n    const topContent = (!this._topSplit) ?\r\n      <ContentWrapper content={contentNodes[this._topIndex]} /> :\r\n      this._topSplit.createContentContainer(contentNodes, resizable);\r\n    const bottomContent = (!this._bottomSplit) ?\r\n      <ContentWrapper content={contentNodes[this._bottomIndex]} /> :\r\n      this._bottomSplit.createContentContainer(contentNodes, resizable);\r\n\r\n    return (\r\n      <SplitContainer\r\n        contentA={topContent}\r\n        contentB={bottomContent}\r\n        orientation={Orientation.Horizontal}\r\n        percentage={this.defaultPercentage}\r\n        resizable={resizable}\r\n        minSizeTopLeft={this._minSizeTop}\r\n        minSizeBottomRight={this._minSizeBottom}\r\n        splitterStateId={this.stateId}\r\n        onSplitterChange={this._handleSplitterChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Vertical Split class.\r\n */\r\nclass VerticalSplit extends BaseSplit implements LayoutSplit {\r\n  private _leftIndex: number = -1;\r\n  private _rightIndex: number = -1;\r\n  private _leftSplit?: LayoutSplit;\r\n  private _rightSplit?: LayoutSplit;\r\n  private _props: LayoutVerticalSplitProps;\r\n  private _minSizeLeft: number = MIN_SPLIT_SIZE;\r\n  private _minSizeRight: number = MIN_SPLIT_SIZE;\r\n\r\n  constructor(props: LayoutVerticalSplitProps) {\r\n    super(props);\r\n\r\n    this._props = props;\r\n\r\n    if (typeof props.left === \"number\") {\r\n      this._leftIndex = props.left;\r\n    } else {\r\n      this._leftSplit = ContentLayoutDef.createSplit(props.left);\r\n    }\r\n\r\n    if (typeof props.right === \"number\") {\r\n      this._rightIndex = props.right;\r\n    } else {\r\n      this._rightSplit = ContentLayoutDef.createSplit(props.right);\r\n    }\r\n\r\n    if (props.minSizeLeft)\r\n      this._minSizeLeft = Math.max(props.minSizeLeft, MIN_SPLIT_SIZE);\r\n\r\n    if (props.minSizeRight)\r\n      this._minSizeRight = Math.max(props.minSizeRight, MIN_SPLIT_SIZE);\r\n  }\r\n\r\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\r\n    this._props.percentage = percentage;\r\n  };\r\n\r\n  public createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode {\r\n    if (this.isLocked)\r\n      resizable = false;\r\n\r\n    const leftContent = (!this._leftSplit) ?\r\n      <ContentWrapper content={contentNodes[this._leftIndex]} /> :\r\n      this._leftSplit.createContentContainer(contentNodes, resizable);\r\n    const rightContent = (!this._rightSplit) ?\r\n      <ContentWrapper content={contentNodes[this._rightIndex]} /> :\r\n      this._rightSplit.createContentContainer(contentNodes, resizable);\r\n\r\n    return (\r\n      <SplitContainer\r\n        contentA={leftContent}\r\n        contentB={rightContent}\r\n        orientation={Orientation.Vertical}\r\n        percentage={this.defaultPercentage}\r\n        resizable={resizable}\r\n        minSizeTopLeft={this._minSizeLeft}\r\n        minSizeBottomRight={this._minSizeRight}\r\n        splitterStateId={this.stateId}\r\n        onSplitterChange={this._handleSplitterChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Content Layout Definition class.\r\n * @public\r\n */\r\nexport class ContentLayoutDef {\r\n  private _layoutProps: ContentLayoutProps;\r\n  private _rootSplit?: LayoutSplit;\r\n\r\n  /** ID for this Content Layout */\r\n  public id: string = \"\";\r\n  /** Description of the layout. */\r\n  public description: string = \"\";\r\n  constructor(layoutProps: ContentLayoutProps) {\r\n    this._layoutProps = layoutProps;\r\n    this.id = layoutProps.id;\r\n    if (layoutProps.description !== undefined)\r\n      this.description = layoutProps.description;\r\n  }\r\n\r\n  public get rootSplit(): LayoutSplit | undefined { return this._rootSplit; }\r\n\r\n  /** Creates [[ContentLayoutProps]] for JSON purposes\r\n   * @public\r\n   */\r\n  public toJSON(): ContentLayoutProps { return this._layoutProps; }\r\n\r\n  /** Fill a layout container with React nodes for each content view\r\n   */\r\n  public fillLayoutContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode | undefined {\r\n    this._rootSplit = ContentLayoutDef.createSplit(this._layoutProps);\r\n\r\n    if (this.rootSplit) {\r\n      return this.rootSplit.createContentContainer(contentNodes, resizable);\r\n    }\r\n\r\n    if (contentNodes.length > 0)\r\n      return <SingleContentContainer content={contentNodes[0]} />;\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Gets the indexes of content views used in this Content Layout\r\n   */\r\n  public getUsedContentIndexes(): number[] {\r\n    let allContentIndexes: number[] = [];\r\n\r\n    if (!this._layoutProps.horizontalSplit && !this._layoutProps.verticalSplit)\r\n      allContentIndexes.push(0);\r\n    else {\r\n      allContentIndexes = allContentIndexes.concat(this.getHorizontalSplitContentIndexes(this._layoutProps.horizontalSplit));\r\n      allContentIndexes = allContentIndexes.concat(this.getVerticalSplitContentIndexes(this._layoutProps.verticalSplit));\r\n    }\r\n\r\n    const uniqueContentIndexes = [...new Set(allContentIndexes)];\r\n\r\n    return uniqueContentIndexes;\r\n  }\r\n\r\n  private getHorizontalSplitContentIndexes(splitProps?: LayoutHorizontalSplitProps): number[] {\r\n    let contentIndexes: number[] = [];\r\n\r\n    if (!splitProps)\r\n      return contentIndexes;\r\n\r\n    if (typeof splitProps.top === \"number\")\r\n      contentIndexes.push(splitProps.top);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.top.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.top.verticalSplit));\r\n    }\r\n\r\n    if (typeof splitProps.bottom === \"number\")\r\n      contentIndexes.push(splitProps.bottom);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.bottom.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.bottom.verticalSplit));\r\n    }\r\n\r\n    return contentIndexes;\r\n  }\r\n\r\n  private getVerticalSplitContentIndexes(splitProps?: LayoutVerticalSplitProps): number[] {\r\n    let contentIndexes: number[] = [];\r\n\r\n    if (!splitProps)\r\n      return contentIndexes;\r\n\r\n    if (typeof splitProps.left === \"number\")\r\n      contentIndexes.push(splitProps.left);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.left.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.left.verticalSplit));\r\n    }\r\n\r\n    if (typeof splitProps.right === \"number\")\r\n      contentIndexes.push(splitProps.right);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.right.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.right.verticalSplit));\r\n    }\r\n\r\n    return contentIndexes;\r\n  }\r\n\r\n  /** @internal */\r\n  public static createSplit(fragmentDef: LayoutFragmentProps): LayoutSplit | undefined {\r\n    if (fragmentDef.horizontalSplit) {\r\n      return new HorizontalSplit(fragmentDef.horizontalSplit);\r\n    } else if (fragmentDef.verticalSplit) {\r\n      return new VerticalSplit(fragmentDef.verticalSplit);\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n}\r\n\r\n/** Content Layout Activated Event Args class.\r\n * @public\r\n */\r\nexport interface ContentLayoutActivatedEventArgs {\r\n  contentLayout: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n}\r\n\r\n/** Content Layout Activated Event class.\r\n * @public\r\n */\r\nexport class ContentLayoutActivatedEvent extends UiEvent<ContentLayoutActivatedEventArgs> { }\r\n\r\n/** State for the [[ContentLayout]].\r\n */\r\ninterface ContentLayoutState {\r\n  contentLayoutDef: ContentLayoutDef;\r\n  contentContainer?: React.ReactNode;\r\n  contentGroupId?: string;\r\n}\r\n\r\n/** Properties for the [[ContentLayout]] React component.\r\n * @public\r\n */\r\nexport interface ContentLayoutComponentProps extends CommonProps {\r\n  contentLayout: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n  isInFooterMode: boolean;\r\n}\r\n\r\n/** Content Layout React component.\r\n * @public\r\n */\r\nexport class ContentLayout extends React.Component<ContentLayoutComponentProps, ContentLayoutState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContentLayoutState>;\r\n\r\n  constructor(props: ContentLayoutComponentProps) {\r\n    super(props);\r\n\r\n    const contentLayoutDef = this.props.contentLayout;\r\n    const contentGroup = this.props.contentGroup;\r\n\r\n    const contentNodes = contentGroup.getContentNodes();\r\n    const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);\r\n\r\n    this.state = {\r\n      contentLayoutDef: this.props.contentLayout,\r\n      contentContainer,\r\n      contentGroupId: this.props.contentGroup.groupId,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    FrontstageManager.onContentLayoutActivatedEvent.addListener(this._handleContentLayoutActivated);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    FrontstageManager.onContentLayoutActivatedEvent.removeListener(this._handleContentLayoutActivated);\r\n  }\r\n\r\n  private _handleContentLayoutActivated = (args: ContentLayoutActivatedEventArgs) => {\r\n    const contentLayoutDef = args.contentLayout;\r\n    const contentGroup = args.contentGroup;\r\n\r\n    const contentNodes = contentGroup.getContentNodes();\r\n    const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);\r\n\r\n    this.setState({\r\n      contentLayoutDef: args.contentLayout,\r\n      contentContainer,\r\n      contentGroupId: contentGroup.groupId,\r\n    });\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (this.state.contentContainer) {\r\n      return (\r\n        <div id=\"uifw-contentlayout-div\" className={this.props.className} style={this.props.style}\r\n          key={`${this.state.contentGroupId}-${this.state.contentLayoutDef.id}`}\r\n          onMouseDown={this._onMouseDown} onMouseUp={this._onMouseUp} role=\"presentation\"\r\n        >\r\n          {this.state.contentContainer}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  private _onMouseDown = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    ContentViewManager.setMouseDown(true);\r\n  };\r\n\r\n  private _onMouseUp = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    ContentViewManager.setMouseDown(false);\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/content/ContentLayout.scss

@@ -0,0 +1,99 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/base/base";
+@import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
+@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
+
+$resizer-size: 6px;
+$resizer-size-large: 14px;
+
+#uifw-contentlayout-div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  pointer-events: auto;
+
+  .Pane2 {
+    height: 100%;
+  }
+
+  .Resizer {
+    background: rgb(180, 180, 180);
+    box-sizing: border-box;
+    background-clip: padding-box;
+    margin: 0;
+
+    &:hover {
+      transition: all 2s ease;
+    }
+
+    &.horizontal {
+      height: $resizer-size;
+      min-height: $resizer-size;
+      cursor: ns-resize;
+      width: 100%;
+
+      @include for-tablet-landscape-down {
+        height: $resizer-size-large;
+        min-height: $resizer-size-large;
+      }
+    }
+
+    &.vertical {
+      width: $resizer-size;
+      min-width: $resizer-size;
+      cursor: ew-resize;
+
+      @include for-tablet-landscape-down {
+        width: $resizer-size-large;
+        min-width: $resizer-size-large;
+      }
+    }
+
+    &.disabled {
+      cursor: not-allowed;
+
+      &:hover {
+        border-color: transparent;
+      }
+    }
+  }
+
+  .uifw-contentlayout-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .uifw-contentlayout-overlay-div {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-style: solid;
+      border-width: 2px 0 0 0;
+      box-sizing: border-box;
+      pointer-events: none;
+
+      &.uifw-contentlayout-overlay-active {
+        border-color: $uicore-orange;
+      }
+
+      &.uifw-contentlayout-overlay-inactive {
+        border-color: transparent;
+      }
+    }
+  }
+
+  .uifw-contentlayout-full-size {
+    @include uicore-full-size;
+  }
+}
+
+div.uifw-contentlayout-full-size div.SplitPane div.Pane {
+  overflow: hidden;
+}

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

@@ -0,0 +1,48 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import { ContentLayoutProps } from "@itwin/appui-abstract";
+import { ContentGroup, ContentGroupProps } from "./ContentGroup";
+import { ContentLayoutDef } from "./ContentLayout";
+/** ContentLayout Manager class.
+ * @public
+ */
+export declare class ContentLayoutManager {
+    private static _layoutDefs;
+    /** build a layout key that is unique for group layout combination */
+    static getLayoutKey(props: {
+        contentGroupId: string;
+        layoutId: string;
+    }): string;
+    /** Return a LayoutDef that is specific to a content group.
+     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
+     */
+    static getLayoutForGroup(contentGroupProps: ContentGroupProps | ContentGroup, overrideContentLayout?: ContentLayoutProps): ContentLayoutDef;
+    /** Finds a Content Layout with a given id.
+     * @param layoutKey  group specific layout id, see `getLayoutKey`
+     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
+     */
+    static findLayout(layoutKey: string): ContentLayoutDef | undefined;
+    /** Adds a Content Layout.
+     * @param layoutId  the id of the Content Layout to add
+     * @param layoutDef  the Content Layout definition to add
+     */
+    static addLayout(layoutId: string, layoutDef: ContentLayoutDef): void;
+    /** Gets the active Content Layout */
+    static get activeLayout(): ContentLayoutDef | undefined;
+    /** Gets the active Content Group */
+    static get activeContentGroup(): ContentGroup | undefined;
+    /** Sets the active Content Layout, Content Group and Content Control.
+     * @param contentLayoutDef  Content layout to make active
+     * @param contentGroup  Content Group to make active
+     */
+    static setActiveLayout(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup): Promise<void>;
+    /** Sets the active Content Group.
+     * @param contentGroup  Content Group to make active
+     */
+    static setActiveContentGroup(contentGroup: ContentGroup): Promise<void>;
+    /** Refreshes the active layout and content group.
+     */
+    static refreshActiveLayout(): void;
+}
+//# sourceMappingURL=ContentLayoutManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLayoutManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayoutManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAC,WAAW,CAAsE;IAEhG,qEAAqE;WACvD,YAAY,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM;IAIvF;;OAEG;WACW,iBAAiB,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,YAAY,EAAE,qBAAqB,CAAC,EAAE,kBAAkB,GAAG,gBAAgB;IAclJ;;;OAGG;WACW,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS;IAIzE;;;OAGG;WACW,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,GAAG,IAAI;IAI5E,qCAAqC;IACrC,WAAkB,YAAY,IAAI,gBAAgB,GAAG,SAAS,CAQ7D;IAED,oCAAoC;IACpC,WAAkB,kBAAkB,IAAI,YAAY,GAAG,SAAS,CAQ/D;IAED;;;OAGG;WACiB,eAAe,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAIlH;;OAEG;WACiB,qBAAqB,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAIpF;OACG;WACW,mBAAmB,IAAI,IAAI;CAY1C"}

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

@@ -0,0 +1,91 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import { FrontstageManager } from "../frontstage/FrontstageManager";
+import { ContentLayoutDef } from "./ContentLayout";
+/** ContentLayout Manager class.
+ * @public
+ */
+export class ContentLayoutManager {
+    /** build a layout key that is unique for group layout combination */
+    static getLayoutKey(props) {
+        return `${props.contentGroupId}-${props.layoutId}`;
+    }
+    /** Return a LayoutDef that is specific to a content group.
+     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
+     */
+    static getLayoutForGroup(contentGroupProps, overrideContentLayout) {
+        var _a;
+        const layoutId = (_a = overrideContentLayout === null || overrideContentLayout === void 0 ? void 0 : overrideContentLayout.id) !== null && _a !== void 0 ? _a : contentGroupProps.layout.id;
+        const layoutKey = this.getLayoutKey({ contentGroupId: contentGroupProps.id, layoutId });
+        if (!overrideContentLayout && ContentLayoutManager._layoutDefs.has(layoutKey)) {
+            return ContentLayoutManager._layoutDefs.get(layoutKey);
+        }
+        const newContentLayoutProps = { ...contentGroupProps.layout, ...overrideContentLayout };
+        const newLayoutDef = new ContentLayoutDef(newContentLayoutProps);
+        this.addLayout(layoutKey, newLayoutDef);
+        return newLayoutDef;
+    }
+    /** Finds a Content Layout with a given id.
+     * @param layoutKey  group specific layout id, see `getLayoutKey`
+     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
+     */
+    static findLayout(layoutKey) {
+        return ContentLayoutManager._layoutDefs.get(layoutKey);
+    }
+    /** Adds a Content Layout.
+     * @param layoutId  the id of the Content Layout to add
+     * @param layoutDef  the Content Layout definition to add
+     */
+    static addLayout(layoutId, layoutDef) {
+        ContentLayoutManager._layoutDefs.set(layoutId, layoutDef);
+    }
+    /** Gets the active Content Layout */
+    static get activeLayout() {
+        let layoutDef;
+        const activeFrontstageDef = FrontstageManager.activeFrontstageDef;
+        if (activeFrontstageDef)
+            layoutDef = activeFrontstageDef.contentLayoutDef;
+        return layoutDef;
+    }
+    /** Gets the active Content Group */
+    static get activeContentGroup() {
+        let contentGroup;
+        const activeFrontstageDef = FrontstageManager.activeFrontstageDef;
+        if (activeFrontstageDef)
+            contentGroup = activeFrontstageDef.contentGroup;
+        return contentGroup;
+    }
+    /** Sets the active Content Layout, Content Group and Content Control.
+     * @param contentLayoutDef  Content layout to make active
+     * @param contentGroup  Content Group to make active
+     */
+    static async setActiveLayout(contentLayoutDef, contentGroup) {
+        await FrontstageManager.setActiveLayout(contentLayoutDef, contentGroup);
+    }
+    /** Sets the active Content Group.
+     * @param contentGroup  Content Group to make active
+     */
+    static async setActiveContentGroup(contentGroup) {
+        await FrontstageManager.setActiveContentGroup(contentGroup);
+    }
+    /** Refreshes the active layout and content group.
+     */
+    static refreshActiveLayout() {
+        // istanbul ignore else
+        const activeFrontstageDef = FrontstageManager.activeFrontstageDef;
+        if (activeFrontstageDef && activeFrontstageDef.contentLayoutDef && activeFrontstageDef.contentGroup) {
+            FrontstageManager.onContentLayoutActivatedEvent.emit({
+                contentLayout: activeFrontstageDef.contentLayoutDef,
+                contentGroup: activeFrontstageDef.contentGroup,
+            });
+            activeFrontstageDef.contentGroup.refreshContentNodes();
+        }
+    }
+}
+ContentLayoutManager._layoutDefs = new Map();
+//# sourceMappingURL=ContentLayoutManager.js.map