@itwin/appui-react 4.17.6 → 5.0.0-dev.3

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

@@ -0,0 +1,386 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { UiEvent } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/components-react";
+import { SplitPane } from "./split-pane/SplitPane.js";
+import { useActiveFrontstageDef } from "../frontstage/FrontstageDef.js";
+import { UiFramework } from "../UiFramework.js";
+import { ContentOverlay, useContentOverlayStore } from "./ContentOverlay.js";
+import { useConditionalValue } from "../hooks/useConditionalValue.js";
+/** ContentWrapper React component.
+ * @internal
+ */
+export function ContentWrapper(props) {
+    const { content, contentIndex } = props;
+    const activeFrontstageDef = useActiveFrontstageDef();
+    const [isActive, setIsActive] = React.useState(() => {
+        // eslint-disable-next-line deprecation/deprecation
+        return content === UiFramework.content.getActive();
+    });
+    const contentControlKey = (contentControl) => {
+        let controlId;
+        if (contentControl && contentControl.key) {
+            const key = contentControl.key;
+            // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id
+            controlId = key.split("::", 1)[0];
+        }
+        return controlId;
+    };
+    const [hasMultipleContents, setHasMultipleContents] = React.useState(() => (activeFrontstageDef &&
+        // eslint-disable-next-line deprecation/deprecation
+        !!activeFrontstageDef.floatingContentControls?.length) ||
+        // eslint-disable-next-line deprecation/deprecation
+        (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1);
+    React.useEffect(() => {
+        // eslint-disable-next-line deprecation/deprecation
+        setIsActive(content === UiFramework.content.getActive());
+    }, [content]);
+    React.useEffect(() => {
+        return UiFramework.content.onActiveContentChangedEvent.addListener((args) => {
+            // eslint-disable-next-line deprecation/deprecation
+            const contentIsIdentical = content === args.activeContent;
+            if (contentIsIdentical) {
+                setIsActive(contentIsIdentical);
+            }
+            else {
+                const contentId = contentControlKey(content);
+                // eslint-disable-next-line deprecation/deprecation
+                const activeContentId = contentControlKey(args.activeContent);
+                setIsActive(!!contentId && contentId === activeContentId);
+            }
+            setHasMultipleContents((activeFrontstageDef &&
+                // eslint-disable-next-line deprecation/deprecation
+                !!activeFrontstageDef.floatingContentControls?.length) ||
+                (activeFrontstageDef?.contentGroup?.contentPropsList.length ?? 0) >
+                    1);
+        });
+    }, [activeFrontstageDef, content]);
+    const handleMouseDown = React.useCallback(() => {
+        // eslint-disable-next-line deprecation/deprecation
+        UiFramework.content.setActive(content);
+        setIsActive(true);
+    }, [content]);
+    React.useEffect(() => {
+        return UiFramework.content.onAvailableContentChangedEvent.addListener(() => {
+            setHasMultipleContents((activeFrontstageDef &&
+                // eslint-disable-next-line deprecation/deprecation
+                !!activeFrontstageDef.floatingContentControls?.length) ||
+                // eslint-disable-next-line deprecation/deprecation
+                (activeFrontstageDef?.contentGroup?.getContentControls().length ??
+                    0) > 1);
+        });
+    }, [activeFrontstageDef]);
+    const renderActiveStrip = useRenderActiveStrip(contentIndex);
+    const contentOverlays = useContentOverlayStore();
+    const active = renderActiveStrip !== undefined
+        ? renderActiveStrip
+        : isActive && (hasMultipleContents || contentOverlays > 1);
+    return (React.createElement(ContentOverlay, { className: classnames("uifw-contentlayout-wrapper", props.className), style: props.style, active: active, onMouseDown: handleMouseDown, onMouseMove: UiFramework.visibility.handleContentMouseMove, role: "presentation" }, content));
+}
+function useRenderActiveStrip(contentIndex) {
+    const contentGroup = React.useContext(ContentLayoutContext);
+    const contentProps = contentIndex === undefined
+        ? undefined
+        : contentGroup?.contentPropsList[contentIndex];
+    const renderActiveStrip = contentProps?.renderActiveStrip;
+    const getValue = React.useCallback(() => {
+        if (renderActiveStrip === undefined)
+            return undefined;
+        if (typeof renderActiveStrip === "boolean")
+            return renderActiveStrip;
+        return renderActiveStrip.getValue();
+    }, [renderActiveStrip]);
+    const eventIds = React.useMemo(() => {
+        if (renderActiveStrip === undefined)
+            return [];
+        if (typeof renderActiveStrip === "boolean")
+            return [];
+        return renderActiveStrip.eventIds;
+    }, [renderActiveStrip]);
+    return useConditionalValue(getValue, eventIds);
+}
+/** Split Container class.
+ */
+class SplitContainer extends React.Component {
+    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);
+            }
+        };
+    }
+    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: UiFramework.visibility.handleContentMouseMove },
+            React.createElement(ContentWrapper, { content: this.props.content, style: { height: "100%", position: "relative" }, contentIndex: this.props.contentIndex })));
+    }
+}
+/** Minimum split size  */
+const MIN_SPLIT_SIZE = 6;
+/** Base Split class.
+ */
+class BaseSplit {
+    constructor(props) {
+        this.stateId = "";
+        this.isLocked = false;
+        this.defaultPercentage = props.percentage;
+        if (props.id)
+            this.stateId = props.id;
+        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], contentIndex: this._topIndex })) : (this._topSplit.createContentContainer(contentNodes, resizable));
+        const bottomContent = !this._bottomSplit ? (React.createElement(ContentWrapper, { content: contentNodes[this._bottomIndex], contentIndex: 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], contentIndex: this._leftIndex })) : (this._leftSplit.createContentContainer(contentNodes, resizable));
+        const rightContent = !this._rightSplit ? (React.createElement(ContentWrapper, { content: contentNodes[this._rightIndex], contentIndex: 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;
+    }
+    /** @deprecated in 4.16.0. Used internally. */
+    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.
+     * @deprecated in 4.16.0. Used internally.
+     */
+    fillLayoutContainer(contentNodes, resizable) {
+        this._rootSplit = ContentLayoutDef.createSplit(this._layoutProps);
+        // eslint-disable-next-line deprecation/deprecation
+        if (this.rootSplit) {
+            // eslint-disable-next-line deprecation/deprecation
+            return this.rootSplit.createContentContainer(contentNodes, resizable);
+        }
+        if (contentNodes.length > 0)
+            return (React.createElement(SingleContentContainer, { content: contentNodes[0], contentIndex: 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
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export class ContentLayoutActivatedEvent extends UiEvent {
+}
+/** Content Layout React component.
+ * @public
+ */
+export function ContentLayout(props) {
+    const [contentLayoutDef, setContentLayoutDef] = React.useState(props.contentLayout);
+    const [contentGroupId, setContentGroupId] = React.useState(props.contentGroup.groupId);
+    const [contentGroup, setContentGroup] = React.useState(props.contentGroup);
+    const [contentNodes, setContentNodes] = React.useState(() => {
+        // eslint-disable-next-line deprecation/deprecation
+        return props.contentGroup.getContentNodes();
+    });
+    React.useEffect(() => {
+        return UiFramework.frontstages.onContentLayoutActivatedEvent.addListener((args) => {
+            setContentLayoutDef(args.contentLayout);
+            setContentGroupId(args.contentGroup.groupId);
+            setContentGroup(args.contentGroup);
+            // eslint-disable-next-line deprecation/deprecation
+            setContentNodes(args.contentGroup.getContentNodes());
+        });
+    }, []);
+    // eslint-disable-next-line deprecation/deprecation
+    const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);
+    if (contentContainer) {
+        return (React.createElement("div", { id: "uifw-contentlayout-div", className: props.className, style: props.style, key: `${contentGroupId}-${contentLayoutDef.id}`, onMouseDown: () => {
+                UiFramework.content.setMouseDown(true);
+            }, onMouseUp: () => {
+                UiFramework.content.setMouseDown(false);
+            }, role: "presentation" },
+            React.createElement(ContentLayoutContext.Provider, { value: contentGroup }, contentContainer)));
+    }
+    return null;
+}
+const ContentLayoutContext = React.createContext(undefined);
+ContentLayoutContext.displayName = "uifw:ContentLayoutContext";
+//# sourceMappingURL=ContentLayout.js.map

package/lib/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":["/*---------------------------------------------------------------------------------------------\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\n// cSpell:ignore contentlayout\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\";\n\n/** Properties for [[ContentWrapper]] */\n// eslint-disable-next-line deprecation/deprecation\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 deprecation/deprecation\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 deprecation/deprecation\n        !!activeFrontstageDef.floatingContentControls?.length) ||\n      // eslint-disable-next-line deprecation/deprecation\n      (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1\n  );\n\n  React.useEffect(() => {\n    // eslint-disable-next-line deprecation/deprecation\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 deprecation/deprecation\n        const contentIsIdentical = content === args.activeContent;\n        if (contentIsIdentical) {\n          setIsActive(contentIsIdentical);\n        } else {\n          const contentId = contentControlKey(content);\n          // eslint-disable-next-line deprecation/deprecation\n          const activeContentId = contentControlKey(args.activeContent);\n          setIsActive(!!contentId && contentId === activeContentId);\n        }\n\n        setHasMultipleContents(\n          (activeFrontstageDef &&\n            // eslint-disable-next-line deprecation/deprecation\n            !!activeFrontstageDef.floatingContentControls?.length) ||\n            (activeFrontstageDef?.contentGroup?.contentPropsList.length ?? 0) >\n              1\n        );\n      }\n    );\n  }, [activeFrontstageDef, content]);\n\n  const handleMouseDown = React.useCallback(() => {\n    // eslint-disable-next-line deprecation/deprecation\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 deprecation/deprecation\n            !!activeFrontstageDef.floatingContentControls?.length) ||\n            // eslint-disable-next-line deprecation/deprecation\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      onMouseMove={UiFramework.visibility.handleContentMouseMove}\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 deprecation/deprecation\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 deprecation/deprecation\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        onMouseMove={UiFramework.visibility.handleContentMouseMove}\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 deprecation/deprecation\n    if (this.rootSplit) {\n      // eslint-disable-next-line deprecation/deprecation\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 deprecation/deprecation\nexport class ContentLayoutActivatedEvent extends UiEvent<ContentLayoutActivatedEventArgs> {}\n\n/** Properties for the [[ContentLayout]] React component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\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 [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 deprecation/deprecation\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 deprecation/deprecation\n        setContentNodes(args.contentGroup.getContentNodes());\n      }\n    );\n  }, []);\n\n  // eslint-disable-next-line deprecation/deprecation\n  const contentContainer = contentLayoutDef.fillLayoutContainer(\n    contentNodes,\n    true\n  );\n  if (contentContainer) {\n    return (\n      <div\n        id=\"uifw-contentlayout-div\"\n        className={props.className}\n        style={props.style}\n        key={`${contentGroupId}-${contentLayoutDef.id}`}\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\n  return null;\n}\n\nconst ContentLayoutContext = React.createContext<ContentGroup | undefined>(\n  undefined\n);\nContentLayoutContext.displayName = \"uifw:ContentLayoutContext\";\n"]}

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

@@ -0,0 +1,106 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/base/base" as *;
+
+#uifw-contentlayout-div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  pointer-events: auto;
+
+  .Pane2 {
+    height: 100%;
+  }
+
+  .Resizer {
+    background-color: var(--iui-color-border);
+    box-sizing: border-box;
+    background-clip: padding-box;
+    margin: 0;
+    transition: all var(--iui-duration-1) ease;
+
+    &.horizontal {
+      height: 1px;
+      min-height: 1px;
+      width: 100%;
+      cursor: ns-resize;
+
+      > .nz-resizer-grip {
+        height: 5px;
+        width: 100%;
+        top: -2px;
+
+        &:before {
+          content: "";
+          position: absolute;
+          width: 100%;
+          height: 11px;
+        }
+      }
+    }
+
+    &.vertical {
+      width: 1px;
+      min-width: 1px;
+      height: 100%;
+      cursor: ew-resize;
+
+      > .nz-resizer-grip {
+        height: 100%;
+        width: 5px;
+        left: -2px;
+
+        &:before {
+          content: "";
+          position: absolute;
+          width: 11px;
+          height: 100%;
+        }
+      }
+    }
+
+    &.horizontal,
+    &.vertical {
+      > .nz-resizer-grip {
+        background-color: transparent;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        display: flex;
+        z-index: 1;
+        transition: background-color var(--iui-duration-1) ease;
+
+        &:hover {
+          background-color: var(--iui-color-border-accent);
+        }
+      }
+    }
+
+    &.disabled {
+      cursor: not-allowed;
+
+      > .nz-resizer-grip {
+        &:hover {
+          border-color: transparent;
+        }
+      }
+    }
+  }
+
+  .uifw-contentlayout-full-size {
+    @include uicore-full-size;
+  }
+}
+
+div.uifw-contentlayout-full-size div.SplitPane div.Pane {
+  overflow: hidden;
+}
+
+.uifw-contentlayout-wrapper {
+  width: 100%;
+  height: 100%;
+}

package/lib/appui-react/content/ContentLayoutProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLayoutProps.d.ts","sourceRoot":"","sources":["../../../src/appui-react/content/ContentLayoutProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,gGAAgG;IAChG,UAAU,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,yCAAyC;IACzC,eAAe,CAAC,EAAE,0BAA0B,CAAC;CAC9C;AAED;;;;GAIG;AACH,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IACpE,uCAAuC;IACvC,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACnC,wCAAwC;IACxC,KAAK,EAAE,mBAAmB,GAAG,MAAM,CAAC;IAEpC,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA2B,SAAQ,oBAAoB;IACtE,sCAAsC;IACtC,GAAG,EAAE,mBAAmB,GAAG,MAAM,CAAC;IAClC,yCAAyC;IACzC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAAC;IAErC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLayoutProps.js","sourceRoot":"","sources":["../../../src/appui-react/content/ContentLayoutProps.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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\n/** Base interface for layout split properties\n * @public\n */\nexport interface LayoutSplitPropsBase {\n  /** The id used to save the current state of the splitter */\n  id: string;\n  /** The percentage of this layout that should be occupied by the top/left fragment by default */\n  percentage: number;\n  /** Used to lock splitter into fixed position. Defaults to false. */\n  lock?: boolean;\n}\n\n/** Properties for a layout fragment\n * @public\n */\nexport interface LayoutFragmentProps {\n  /** Vertical split layout properties */\n  verticalSplit?: LayoutVerticalSplitProps;\n  /** Horizontal split layout properties */\n  horizontalSplit?: LayoutHorizontalSplitProps;\n}\n\n/** Properties for a vertical layout split.\n * When a member is a [[LayoutFragmentProps]], it creates a nested split pane.\n * When a number, it represents an index into a [[ContentGroup]].\n * @public\n */\nexport interface LayoutVerticalSplitProps extends LayoutSplitPropsBase {\n  /** Left layout fragment properties. */\n  left: LayoutFragmentProps | number;\n  /** Right layout fragment properties. */\n  right: LayoutFragmentProps | number;\n\n  /** Minimum size of the left fragment. */\n  minSizeLeft?: number;\n  /** Minimum size of the right fragment. */\n  minSizeRight?: number;\n}\n\n/** Properties for a horizontal layout split\n * When a member is a [[LayoutFragmentProps]], it creates a nested split pane.\n * When a number, it represents an index into a [[ContentGroup]].\n * @public\n */\nexport interface LayoutHorizontalSplitProps extends LayoutSplitPropsBase {\n  /** Top layout fragment properties. */\n  top: LayoutFragmentProps | number;\n  /** Bottom layout fragment properties. */\n  bottom: LayoutFragmentProps | number;\n\n  /** Minimum size of the top fragment. */\n  minSizeTop?: number;\n  /** Minimum size of the bottom fragment. */\n  minSizeBottom?: number;\n}\n\n/** Properties for a [[ContentLayoutDef]]\n * @public\n */\nexport interface ContentLayoutProps extends LayoutFragmentProps {\n  /** ID for this Content Layout */\n  id: string;\n  /** Description of the layout*/\n  description?: string;\n}\n"]}

package/lib/appui-react/content/ContentOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentOverlay.d.ts","sourceRoot":"","sources":["../../../src/appui-react/content/ContentOverlay.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,eAAO,MAAM,sBAAsB,qEAA0B,CAAC;AAE9D,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC/D,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAgBrB"}

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

@@ -0,0 +1,51 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 "./ContentOverlay.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { create } from "zustand";
+import { useOptionalLayout } from "../layout/base/LayoutStore.js";
+import { getWidgetState } from "../widgets/WidgetDef.js";
+import { TabIdContext } from "../layout/widget/ContentRenderer.js";
+import { WidgetState } from "../widgets/WidgetState.js";
+/** Returns the number of content overlays.
+ * @internal
+ */
+export const useContentOverlayStore = create(() => 0);
+/** Overlay used to identify active content views.
+ * @beta
+ */
+export function ContentOverlay({ className, children, active, ...other }) {
+    useTrackContentOverlay();
+    return (React.createElement("div", { className: classnames("uifw-content-contentOverlay", className), ...other },
+        children,
+        React.createElement("div", { className: classnames("uifw-content-contentOverlay_activeStrip", active && "uifw-active") })));
+}
+function useTrackContentOverlay() {
+    const tabId = React.useContext(TabIdContext);
+    const visible = useOptionalLayout((state) => {
+        if (!state)
+            return true;
+        if (!tabId)
+            return true;
+        const widgetState = getWidgetState(tabId, state);
+        // Do not track content overlays in hidden widgets.
+        if (widgetState === WidgetState.Hidden)
+            return false;
+        return true;
+    });
+    React.useEffect(() => {
+        if (!visible)
+            return;
+        useContentOverlayStore.setState((prev) => prev + 1);
+        return () => {
+            useContentOverlayStore.setState((prev) => prev - 1);
+        };
+    }, [visible]);
+}
+//# sourceMappingURL=ContentOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentOverlay.js","sourceRoot":"","sources":["../../../src/appui-react/content/ContentOverlay.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAS,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAO9D;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACY;IACpB,sBAAsB,EAAE,CAAC;IACzB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAC3D,KAAK;QAER,QAAQ;QACT,6BACE,SAAS,EAAE,UAAU,CACnB,yCAAyC,EACzC,MAAM,IAAI,aAAa,CACxB,GACD,CACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,sBAAsB;IAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAExB,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,mDAAmD;QACnD,IAAI,WAAW,KAAK,WAAW,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAErD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,sBAAsB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,sBAAsB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC","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 \"./ContentOverlay.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { create } from \"zustand\";\nimport { useOptionalLayout } from \"../layout/base/LayoutStore.js\";\nimport { getWidgetState } from \"../widgets/WidgetDef.js\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer.js\";\nimport { WidgetState } from \"../widgets/WidgetState.js\";\n\n/** Returns the number of content overlays.\n * @internal\n */\nexport const useContentOverlayStore = create<number>(() => 0);\n\ninterface ContentOverlayProps extends React.ComponentProps<\"div\"> {\n  /** Describes if the content is active. */\n  active?: boolean;\n}\n\n/** Overlay used to identify active content views.\n * @beta\n */\nexport function ContentOverlay({\n  className,\n  children,\n  active,\n  ...other\n}: ContentOverlayProps) {\n  useTrackContentOverlay();\n  return (\n    <div\n      className={classnames(\"uifw-content-contentOverlay\", className)}\n      {...other}\n    >\n      {children}\n      <div\n        className={classnames(\n          \"uifw-content-contentOverlay_activeStrip\",\n          active && \"uifw-active\"\n        )}\n      />\n    </div>\n  );\n}\n\nfunction useTrackContentOverlay() {\n  const tabId = React.useContext(TabIdContext);\n  const visible = useOptionalLayout((state) => {\n    if (!state) return true;\n    if (!tabId) return true;\n\n    const widgetState = getWidgetState(tabId, state);\n    // Do not track content overlays in hidden widgets.\n    if (widgetState === WidgetState.Hidden) return false;\n\n    return true;\n  });\n  React.useEffect(() => {\n    if (!visible) return;\n    useContentOverlayStore.setState((prev) => prev + 1);\n    return () => {\n      useContentOverlayStore.setState((prev) => prev - 1);\n    };\n  }, [visible]);\n}\n"]}