@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

package/lib/cjs/core-react/dialog/Dialog.js

@@ -0,0 +1,334 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = exports.DialogAlignment = void 0;
+require("./Dialog.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const DivWithOutsideClick_1 = require("../base/DivWithOutsideClick");
+const UiCore_1 = require("../UiCore");
+const FocusTrap_1 = require("../focustrap/FocusTrap");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+// cspell:ignore focustrap
+/** Enum for dialog alignment
+ * @public
+ */
+var DialogAlignment;
+(function (DialogAlignment) {
+    DialogAlignment["TopLeft"] = "top-left";
+    DialogAlignment["Top"] = "top";
+    DialogAlignment["TopRight"] = "top-right";
+    DialogAlignment["Left"] = "left";
+    DialogAlignment["Center"] = "center";
+    DialogAlignment["Right"] = "right";
+    DialogAlignment["BottomLeft"] = "bottom-left";
+    DialogAlignment["Bottom"] = "bottom";
+    DialogAlignment["BottomRight"] = "bottom-right";
+})(DialogAlignment = exports.DialogAlignment || (exports.DialogAlignment = {}));
+/**
+ * Dialog React component with optional resizing and dragging functionality
+ * @public
+ */
+class Dialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this._parentDocument = document;
+        this._containerRef = React.createRef();
+        this.handleRefSet = (containerDiv) => {
+            if (containerDiv)
+                this._parentDocument = containerDiv.ownerDocument;
+        };
+        this._handleKeyUp = (event) => {
+            if (event.key === appui_abstract_1.SpecialKey.Escape && this.props.opened && this.props.onEscape) {
+                this.props.onEscape();
+            }
+        };
+        this._handleContainerPointerDown = (event) => {
+            if (!this.props.modal) {
+                if (this.props.onModelessPointerDown && this.props.modelessId)
+                    this.props.onModelessPointerDown(event, this.props.modelessId);
+            }
+        };
+        this._handleStartResizeRight = (event) => {
+            event.preventDefault();
+            this.setState({ rightResizing: true });
+            const parentWindow = this.getParentWindow();
+            parentWindow.addEventListener("pointermove", this._handlePointerMove, true);
+        };
+        this._handleStartResizeDown = (event) => {
+            event.preventDefault();
+            this.setState({ downResizing: true });
+            const parentWindow = this.getParentWindow();
+            parentWindow.addEventListener("pointermove", this._handlePointerMove, true);
+        };
+        this._handleStartResizeDownRight = (event) => {
+            event.preventDefault();
+            this.setState({ downResizing: true, rightResizing: true });
+            const parentWindow = this.getParentWindow();
+            parentWindow.addEventListener("pointermove", this._handlePointerMove, true);
+        };
+        this._handleStartMove = (event) => {
+            if (!this.props.movable)
+                return;
+            event.preventDefault();
+            // istanbul ignore else
+            if (this._containerRef.current) {
+                const rect = this._containerRef.current.getBoundingClientRect();
+                const grabOffsetX = event.clientX - rect.left;
+                const grabOffsetY = event.clientY - rect.top;
+                this.setState({
+                    grabOffsetX,
+                    grabOffsetY,
+                    moving: true,
+                });
+                const parentWindow = this.getParentWindow();
+                parentWindow.addEventListener("pointermove", this._handlePointerMove, true);
+            }
+        };
+        this._handlePointerMove = (event) => {
+            if ((!this.props.resizable && !this.props.movable) || !this._containerRef.current)
+                return;
+            const { minWidth, maxWidth, minHeight, maxHeight, movable } = this.props;
+            let { x, y, width, height } = this.state;
+            // istanbul ignore else
+            if (x === undefined) { // if x is undefined, so is y, width, and height
+                const rect = this._containerRef.current.getBoundingClientRect();
+                width = rect.width, height = rect.height, x = rect.left, y = rect.top;
+            }
+            if (this.props.resizable) {
+                if (this.state.rightResizing) {
+                    const pointerX = event.clientX;
+                    width = pointerX - x;
+                    // istanbul ignore else
+                    if (typeof minWidth === "number")
+                        width = Math.max(width, minWidth);
+                    if (maxWidth !== undefined && typeof maxWidth === "number")
+                        width = Math.min(width, maxWidth);
+                }
+                if (this.state.downResizing) {
+                    const pointerY = event.clientY;
+                    height = pointerY - y;
+                    // istanbul ignore else
+                    if (typeof minHeight === "number")
+                        height = Math.max(height, minHeight);
+                    if (maxHeight !== undefined && typeof maxHeight === "number")
+                        height = Math.min(height, maxHeight);
+                }
+                this.setState({ width, height });
+            }
+            if (movable && this.state.moving) {
+                x = event.clientX - this.state.grabOffsetX;
+                y = event.clientY - this.state.grabOffsetY;
+                this.setState({ x, y, positionSet: true });
+            }
+        };
+        this._handlePointerUp = (_event) => {
+            if (!this.props.movable && !this.props.resizable)
+                return;
+            // istanbul ignore else
+            if (this._containerRef.current) {
+                this.setState({
+                    rightResizing: false,
+                    downResizing: false,
+                    moving: false,
+                    grabOffsetX: 0,
+                    grabOffsetY: 0,
+                });
+            }
+            const parentWindow = this.getParentWindow();
+            parentWindow.removeEventListener("pointermove", this._handlePointerMove, true);
+        };
+        this.state = {
+            rightResizing: false,
+            downResizing: false,
+            moving: false,
+            grabOffsetX: 0,
+            grabOffsetY: 0,
+            positionSet: props.x !== undefined || props.y !== undefined,
+        };
+    }
+    getParentWindow() {
+        var _a;
+        // istanbul ignore next
+        return (_a = this._parentDocument.defaultView) !== null && _a !== void 0 ? _a : window;
+    }
+    componentWillUnmount() {
+        const parentWindow = this.getParentWindow();
+        parentWindow.removeEventListener("pointerup", this._handlePointerUp, true);
+        parentWindow.removeEventListener("pointermove", this._handlePointerMove, true);
+        this._parentDocument.removeEventListener("keyup", this._handleKeyUp, true);
+    }
+    componentDidMount() {
+        const parentWindow = this.getParentWindow();
+        parentWindow.addEventListener("pointerup", this._handlePointerUp, true);
+        this._parentDocument.addEventListener("keyup", this._handleKeyUp, true);
+    }
+    render() {
+        const { opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, // eslint-disable-line @typescript-eslint/no-unused-vars
+        minWidth, minHeight, x, y, width, height, maxHeight, maxWidth, backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName, modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, // eslint-disable-line @typescript-eslint/no-unused-vars
+        hideHeader, header, ...props } = this.props;
+        const containerStyle = {
+            margin: "",
+            left: x, top: y,
+            width, height,
+        };
+        if (this.state.x !== undefined || this.state.y !== undefined) {
+            // istanbul ignore else
+            if (this.state.x !== undefined) {
+                containerStyle.marginLeft = "0";
+                containerStyle.marginRight = "0";
+                containerStyle.left = this.state.x;
+            }
+            // istanbul ignore else
+            if (this.state.y !== undefined) {
+                containerStyle.marginTop = "0";
+                containerStyle.marginBottom = "0";
+                containerStyle.top = this.state.y;
+            }
+        }
+        if (this.state.width !== undefined || this.state.height !== undefined) {
+            // istanbul ignore else
+            if (this.state.width !== undefined)
+                containerStyle.width = this.state.width;
+            // istanbul ignore else
+            if (this.state.height !== undefined)
+                containerStyle.height = this.state.height;
+        }
+        const minMaxStyle = {};
+        minMaxStyle.minWidth = (typeof minWidth === "number") ? `${minWidth}px` : minWidth;
+        minMaxStyle.minHeight = (typeof minHeight === "number") ? `${minHeight}px` : minHeight;
+        if (maxWidth !== undefined)
+            minMaxStyle.maxWidth = (typeof maxWidth === "number") ? `${maxWidth}px` : maxWidth;
+        if (maxHeight !== undefined)
+            minMaxStyle.maxHeight = (typeof maxHeight === "number") ? `${maxHeight}px` : maxHeight;
+        const buttons = this.getFooterButtons(this.props);
+        const footerElement = footer || (buttons.length > 0 && React.createElement("div", { className: "core-dialog-buttons" }, buttons));
+        const divStyle = {
+            ...backgroundStyle,
+            ...style,
+        };
+        const headerElement = header || (React.createElement("div", { className: (0, classnames_1.default)("core-dialog-head", { "core-dialog-movable": movable }, { "core-dialog-modal": modal }), "data-testid": "core-dialog-head", onPointerDown: this._handleStartMove },
+            React.createElement("div", { className: "core-dialog-title", "data-testid": "core-dialog-title", style: titleStyle }, title),
+            React.createElement("button", { className: "core-focus-trap-ignore-initial core-dialog-close icon icon-close", "data-testid": "core-dialog-close", onClick: onClose })));
+        return (React.createElement("div", { ref: this.handleRefSet, className: (0, classnames_1.default)("core-dialog", !modal && "core-dialog-hidden", opened && "core-dialog-opened", className), style: divStyle, "data-testid": "core-dialog-root", ...props }, opened &&
+            React.createElement(DivWithOutsideClick_1.DivWithOutsideClick, { onOutsideClick: onOutsideClick },
+                React.createElement(FocusTrap_1.FocusTrap, { active: trapFocus && modal, returnFocusOnDeactivate: true },
+                    React.createElement("div", { className: (0, classnames_1.default)("core-dialog-container", this.getCSSClassNameFromAlignment(alignment)), style: { ...containerStyle, ...minMaxStyle }, "data-testid": "core-dialog-container", onPointerDown: this._handleContainerPointerDown },
+                        React.createElement("div", { className: "core-dialog-area", ref: this._containerRef, style: minMaxStyle },
+                            !hideHeader &&
+                                headerElement,
+                            React.createElement("div", { className: (0, classnames_1.default)("core-dialog-content", { "core-dialog-content-no-inset": !inset }, contentClassName), style: contentStyle }, this.props.children),
+                            footerElement &&
+                                React.createElement("div", { className: "core-dialog-footer", style: footerStyle }, footerElement),
+                            React.createElement("div", { className: (0, classnames_1.default)("core-dialog-drag", "core-dialog-drag-right", { "core-dialog-drag-enabled": resizable }), "data-testid": "core-dialog-drag-right", onPointerDown: this._handleStartResizeRight }),
+                            React.createElement("div", { className: (0, classnames_1.default)("core-dialog-drag", "core-dialog-drag-bottom-mid", { "core-dialog-drag-enabled": resizable }), "data-testid": "core-dialog-drag-bottom", onPointerDown: this._handleStartResizeDown }),
+                            React.createElement("div", { className: (0, classnames_1.default)("core-dialog-drag", "core-dialog-drag-bottom-right", { "core-dialog-drag-enabled": resizable }), "data-testid": "core-dialog-drag-bottom-right", onPointerDown: this._handleStartResizeDownRight })))))));
+    }
+    getCSSClassNameFromAlignment(alignment) {
+        let className = "";
+        // Drop the alignment CSS class if the Dialog has been sized or moved.
+        if (this.state.positionSet)
+            return "";
+        // istanbul ignore next
+        if (!alignment)
+            alignment = DialogAlignment.Center;
+        switch (alignment) {
+            case DialogAlignment.TopLeft:
+                className = "core-dialog-top-left";
+                break;
+            case DialogAlignment.Top:
+                className = "core-dialog-top";
+                break;
+            case DialogAlignment.TopRight:
+                className = "core-dialog-top-right";
+                break;
+            case DialogAlignment.Left:
+                className = "core-dialog-left";
+                break;
+            case DialogAlignment.Center:
+                className = "core-dialog-center";
+                break;
+            case DialogAlignment.Right:
+                className = "core-dialog-right";
+                break;
+            case DialogAlignment.BottomLeft:
+                className = "core-dialog-bottom-left";
+                break;
+            case DialogAlignment.Bottom:
+                className = "core-dialog-bottom";
+                break;
+            case DialogAlignment.BottomRight:
+                className = "core-dialog-bottom-right";
+                break;
+        }
+        return className;
+    }
+    getFooterButtons(props) {
+        const buttons = [];
+        if (props.buttonCluster) {
+            props.buttonCluster.forEach((button, index) => {
+                let buttonText = "";
+                let buttonClass = (0, classnames_1.default)("core-dialog-button", `dialog-button-${button.type}`, button.className);
+                switch (button.type) {
+                    case appui_abstract_1.DialogButtonType.OK:
+                        buttonText = UiCore_1.UiCore.translate("dialog.ok");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle || "iui-cta");
+                        break;
+                    case appui_abstract_1.DialogButtonType.Retry:
+                        buttonText = UiCore_1.UiCore.translate("dialog.retry");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle || "iui-cta");
+                        break;
+                    case appui_abstract_1.DialogButtonType.Yes:
+                        buttonText = UiCore_1.UiCore.translate("dialog.yes");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle || "iui-cta");
+                        break;
+                    case appui_abstract_1.DialogButtonType.No:
+                        buttonText = UiCore_1.UiCore.translate("dialog.no");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
+                        break;
+                    case appui_abstract_1.DialogButtonType.Cancel:
+                        buttonText = UiCore_1.UiCore.translate("dialog.cancel");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
+                        break;
+                    case appui_abstract_1.DialogButtonType.Close:
+                        buttonText = UiCore_1.UiCore.translate("dialog.close");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
+                        break;
+                    case appui_abstract_1.DialogButtonType.Next:
+                        buttonText = UiCore_1.UiCore.translate("dialog.next");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle || "iui-cta");
+                        break;
+                    case appui_abstract_1.DialogButtonType.Previous:
+                        buttonText = UiCore_1.UiCore.translate("dialog.previous");
+                        buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle || "iui-cta");
+                        break;
+                }
+                if (button.label)
+                    buttonText = button.label;
+                buttons.push(React.createElement(itwinui_react_1.Button, { className: buttonClass, disabled: button.disabled, key: index.toString(), onClick: button.onClick }, buttonText));
+            });
+        }
+        return buttons;
+    }
+}
+exports.Dialog = Dialog;
+Dialog.defaultProps = {
+    alignment: DialogAlignment.Center,
+    minWidth: 300,
+    minHeight: 100,
+    width: "50%",
+    hideHeader: false,
+    resizable: false,
+    movable: false,
+    modal: true,
+    inset: true,
+    trapFocus: false,
+};
+//# sourceMappingURL=Dialog.js.map

package/lib/cjs/core-react/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.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 Dialog\n */\n\nimport \"./Dialog.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { DialogButtonDef, DialogButtonType, SpecialKey } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport { UiCore } from \"../UiCore\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Omit } from \"../utils/typeUtils\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport { Button } from \"@itwin/itwinui-react\";\n\n// cspell:ignore focustrap\n\n/** Enum for dialog alignment\n * @public\n */\nexport enum DialogAlignment {\n  TopLeft = \"top-left\", Top = \"top\", TopRight = \"top-right\",\n  Left = \"left\", Center = \"center\", Right = \"right\",\n  BottomLeft = \"bottom-left\", Bottom = \"bottom\", BottomRight = \"bottom-right\",\n}\n\n/** Properties for the [[Dialog]] component\n * @public\n */\nexport interface DialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">, CommonProps {\n  /** Indicates whether to show dialog or not */\n  opened: boolean;\n\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\n  resizable?: boolean;\n  /** Indicates whether the user can move dialog with cursor. Default: false */\n  movable?: boolean;\n  /** Indicates whether the content should be inset. Default: true */\n  inset?: boolean;\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\n  trapFocus?: boolean;\n\n  /** Whether the hide the header. Default: false */\n  hideHeader?: boolean;\n  /** Override for the header */\n  header?: React.ReactNode;\n  /** Title to show in title bar of dialog */\n  title?: string | JSX.Element;\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\n  footer?: string | JSX.Element;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** Default alignment of dialog. Default: DialogAlignment.Center */\n  alignment?: DialogAlignment;\n  /** Initial x/left position of dialog in px. */\n  x?: number;\n  /** Initial y/top position of dialog in px. */\n  y?: number;\n\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for Esc key */\n  onEscape?: () => void;\n  /** Triggered when a click is triggered outside of this dialog. */\n  onOutsideClick?: (event: MouseEvent) => any;\n\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\n  width?: string | number;\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  height?: string | number;\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n\n  /** Whether to show background overlay. Default: true.\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\n   */\n  modal?: boolean;\n  /** An id for a modeless dialog */\n  modelessId?: string;\n  /** Pointer Down event handler when modeless (modal = false) */\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\n\n  /** Custom CSS Style for overlay */\n  backgroundStyle?: React.CSSProperties;\n  /** Custom CSS Style for title */\n  titleStyle?: React.CSSProperties;\n  /** Custom CSS Style for footer */\n  footerStyle?: React.CSSProperties;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n}\n\n/** @internal */\ninterface DialogState {\n  rightResizing: boolean;\n  downResizing: boolean;\n  moving: boolean;\n  grabOffsetX: number;\n  grabOffsetY: number;\n  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\n  positionSet: boolean;\n}\n\n/**\n * Dialog React component with optional resizing and dragging functionality\n * @public\n */\nexport class Dialog extends React.Component<DialogProps, DialogState> {\n  private _parentDocument = document;\n  private _containerRef = React.createRef<HTMLDivElement>();\n  public static defaultProps: Partial<DialogProps> = {\n    alignment: DialogAlignment.Center,\n    minWidth: 300,\n    minHeight: 100,\n    width: \"50%\",\n    hideHeader: false,\n    resizable: false,\n    movable: false,\n    modal: true,\n    inset: true,\n    trapFocus: false,\n  };\n\n  /** @internal */\n  public override readonly state: Readonly<DialogState>;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      rightResizing: false,\n      downResizing: false,\n      moving: false,\n      grabOffsetX: 0,\n      grabOffsetY: 0,\n      positionSet: props.x !== undefined || props.y !== undefined,\n    };\n  }\n\n  private getParentWindow() {\n    // istanbul ignore next\n    return this._parentDocument.defaultView ?? window;\n  }\n\n  public override componentWillUnmount(): void {\n    const parentWindow = this.getParentWindow();\n    parentWindow.removeEventListener(\"pointerup\", this._handlePointerUp, true);\n    parentWindow.removeEventListener(\"pointermove\", this._handlePointerMove, true);\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public override componentDidMount(): void {\n    const parentWindow = this.getParentWindow();\n    parentWindow.addEventListener(\"pointerup\", this._handlePointerUp, true);\n    this._parentDocument.addEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\n    if (containerDiv)\n      this._parentDocument = containerDiv.ownerDocument;\n  };\n\n  public override render(): JSX.Element {\n    const {\n      opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, // eslint-disable-line @typescript-eslint/no-unused-vars\n      minWidth, minHeight, x, y, width, height, maxHeight, maxWidth,\n      backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName,\n      modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, // eslint-disable-line @typescript-eslint/no-unused-vars\n      hideHeader, header, ...props } = this.props;\n\n    const containerStyle: React.CSSProperties = {\n      margin: \"\",\n      left: x, top: y,\n      width, height,\n    };\n\n    if (this.state.x !== undefined || this.state.y !== undefined) {\n      // istanbul ignore else\n      if (this.state.x !== undefined) {\n        containerStyle.marginLeft = \"0\";\n        containerStyle.marginRight = \"0\";\n        containerStyle.left = this.state.x;\n      }\n      // istanbul ignore else\n      if (this.state.y !== undefined) {\n        containerStyle.marginTop = \"0\";\n        containerStyle.marginBottom = \"0\";\n        containerStyle.top = this.state.y;\n      }\n    }\n\n    if (this.state.width !== undefined || this.state.height !== undefined) {\n      // istanbul ignore else\n      if (this.state.width !== undefined)\n        containerStyle.width = this.state.width;\n      // istanbul ignore else\n      if (this.state.height !== undefined)\n        containerStyle.height = this.state.height;\n    }\n\n    const minMaxStyle: React.CSSProperties = {};\n    minMaxStyle.minWidth = (typeof minWidth === \"number\") ? `${minWidth}px` : minWidth;\n    minMaxStyle.minHeight = (typeof minHeight === \"number\") ? `${minHeight}px` : minHeight;\n    if (maxWidth !== undefined)\n      minMaxStyle.maxWidth = (typeof maxWidth === \"number\") ? `${maxWidth}px` : maxWidth;\n    if (maxHeight !== undefined)\n      minMaxStyle.maxHeight = (typeof maxHeight === \"number\") ? `${maxHeight}px` : maxHeight;\n\n    const buttons = this.getFooterButtons(this.props);\n\n    const footerElement: React.ReactNode = footer || (buttons.length > 0 && <div className={\"core-dialog-buttons\"}>{buttons}</div>);\n\n    const divStyle: React.CSSProperties = {\n      ...backgroundStyle,\n      ...style,\n    };\n\n    const headerElement = header || (\n      <div\n        className={classnames(\n          \"core-dialog-head\",\n          { \"core-dialog-movable\": movable },\n          { \"core-dialog-modal\": modal }\n        )}\n        data-testid=\"core-dialog-head\"\n        onPointerDown={this._handleStartMove}>\n        <div className={\"core-dialog-title\"} data-testid=\"core-dialog-title\" style={titleStyle}>{title}</div>\n        <button\n          className={\"core-focus-trap-ignore-initial core-dialog-close icon icon-close\"}\n          data-testid=\"core-dialog-close\"\n          onClick={onClose}\n        />\n      </div>\n    );\n\n    return (\n      <div ref={this.handleRefSet}\n        className={classnames(\n          \"core-dialog\",\n          !modal && \"core-dialog-hidden\",\n          opened && \"core-dialog-opened\",\n          className,\n        )}\n        style={divStyle}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        { opened &&\n          <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n            <FocusTrap active={trapFocus && modal} returnFocusOnDeactivate={true}>\n              <div\n                className={classnames(\"core-dialog-container\", this.getCSSClassNameFromAlignment(alignment))}\n                style={{ ...containerStyle, ...minMaxStyle }}\n                data-testid=\"core-dialog-container\"\n                onPointerDown={this._handleContainerPointerDown}\n              >\n                <div className={\"core-dialog-area\"} ref={this._containerRef} style={minMaxStyle}>\n                  {!hideHeader &&\n                    headerElement\n                  }\n                  <div\n                    className={classnames(\n                      \"core-dialog-content\",\n                      { \"core-dialog-content-no-inset\": !inset },\n                      contentClassName)}\n                    style={contentStyle}>\n                    {this.props.children}\n                  </div>\n                  {footerElement &&\n                    <div className={\"core-dialog-footer\"} style={footerStyle}>\n                      {footerElement}\n                    </div>\n                  }\n                  <div\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-right\", { \"core-dialog-drag-enabled\": resizable })}\n                    data-testid=\"core-dialog-drag-right\"\n                    onPointerDown={this._handleStartResizeRight}\n                  />\n                  <div\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-bottom-mid\", { \"core-dialog-drag-enabled\": resizable })}\n                    data-testid=\"core-dialog-drag-bottom\"\n                    onPointerDown={this._handleStartResizeDown}\n                  />\n                  <div\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-bottom-right\", { \"core-dialog-drag-enabled\": resizable })}\n                    data-testid=\"core-dialog-drag-bottom-right\"\n                    onPointerDown={this._handleStartResizeDownRight}\n                  />\n                </div>\n              </div>\n            </FocusTrap>\n          </DivWithOutsideClick>\n        }\n      </div>\n    );\n  }\n\n  private getCSSClassNameFromAlignment(alignment?: DialogAlignment): string {\n    let className = \"\";\n\n    // Drop the alignment CSS class if the Dialog has been sized or moved.\n    if (this.state.positionSet)\n      return \"\";\n\n    // istanbul ignore next\n    if (!alignment)\n      alignment = DialogAlignment.Center;\n\n    switch (alignment) {\n      case DialogAlignment.TopLeft:\n        className = \"core-dialog-top-left\";\n        break;\n      case DialogAlignment.Top:\n        className = \"core-dialog-top\";\n        break;\n      case DialogAlignment.TopRight:\n        className = \"core-dialog-top-right\";\n        break;\n      case DialogAlignment.Left:\n        className = \"core-dialog-left\";\n        break;\n      case DialogAlignment.Center:\n        className = \"core-dialog-center\";\n        break;\n      case DialogAlignment.Right:\n        className = \"core-dialog-right\";\n        break;\n      case DialogAlignment.BottomLeft:\n        className = \"core-dialog-bottom-left\";\n        break;\n      case DialogAlignment.Bottom:\n        className = \"core-dialog-bottom\";\n        break;\n      case DialogAlignment.BottomRight:\n        className = \"core-dialog-bottom-right\";\n        break;\n    }\n\n    return className;\n  }\n\n  private getFooterButtons(props: DialogProps) {\n    const buttons: React.ReactNode[] = [];\n    if (props.buttonCluster) {\n      props.buttonCluster.forEach((button: DialogButtonDef, index: number) => {\n        let buttonText = \"\";\n        let buttonClass = classnames(\"core-dialog-button\", `dialog-button-${button.type}`, button.className);\n\n        switch (button.type) {\n          case DialogButtonType.OK:\n            buttonText = UiCore.translate(\"dialog.ok\");\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\n            break;\n          case DialogButtonType.Retry:\n            buttonText = UiCore.translate(\"dialog.retry\");\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\n            break;\n          case DialogButtonType.Yes:\n            buttonText = UiCore.translate(\"dialog.yes\");\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\n            break;\n          case DialogButtonType.No:\n            buttonText = UiCore.translate(\"dialog.no\");\n            buttonClass = classnames(buttonClass, button.buttonStyle);\n            break;\n          case DialogButtonType.Cancel:\n            buttonText = UiCore.translate(\"dialog.cancel\");\n            buttonClass = classnames(buttonClass, button.buttonStyle);\n            break;\n          case DialogButtonType.Close:\n            buttonText = UiCore.translate(\"dialog.close\");\n            buttonClass = classnames(buttonClass, button.buttonStyle);\n            break;\n          case DialogButtonType.Next:\n            buttonText = UiCore.translate(\"dialog.next\");\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\n            break;\n          case DialogButtonType.Previous:\n            buttonText = UiCore.translate(\"dialog.previous\");\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\n            break;\n        }\n\n        if (button.label)\n          buttonText = button.label;\n\n        buttons.push(<Button className={buttonClass} disabled={button.disabled} key={index.toString()} onClick={button.onClick}>{buttonText}</Button>);\n      });\n    }\n    return buttons;\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (event.key === SpecialKey.Escape && this.props.opened && this.props.onEscape) {\n      this.props.onEscape();\n    }\n  };\n\n  private _handleContainerPointerDown = (event: React.PointerEvent): void => {\n    if (!this.props.modal) {\n      if (this.props.onModelessPointerDown && this.props.modelessId)\n        this.props.onModelessPointerDown(event, this.props.modelessId);\n    }\n  };\n\n  private _handleStartResizeRight = (event: React.PointerEvent): void => {\n    event.preventDefault();\n    this.setState({ rightResizing: true });\n    const parentWindow = this.getParentWindow();\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\n  };\n\n  private _handleStartResizeDown = (event: React.PointerEvent): void => {\n    event.preventDefault();\n    this.setState({ downResizing: true });\n    const parentWindow = this.getParentWindow();\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\n  };\n\n  private _handleStartResizeDownRight = (event: React.PointerEvent): void => {\n    event.preventDefault();\n    this.setState({ downResizing: true, rightResizing: true });\n    const parentWindow = this.getParentWindow();\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\n  };\n\n  private _handleStartMove = (event: React.PointerEvent): void => {\n    if (!this.props.movable)\n      return;\n\n    event.preventDefault();\n    // istanbul ignore else\n    if (this._containerRef.current) {\n      const rect = this._containerRef.current.getBoundingClientRect();\n      const grabOffsetX = event.clientX - rect.left;\n      const grabOffsetY = event.clientY - rect.top;\n      this.setState({\n        grabOffsetX,\n        grabOffsetY,\n        moving: true,\n      });\n\n      const parentWindow = this.getParentWindow();\n      parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\n    }\n  };\n\n  private _handlePointerMove = (event: PointerEvent): void => {\n    if ((!this.props.resizable && !this.props.movable) || !this._containerRef.current)\n      return;\n\n    const { minWidth, maxWidth, minHeight, maxHeight, movable } = this.props;\n    let { x, y, width, height } = this.state;\n\n    // istanbul ignore else\n    if (x === undefined) { // if x is undefined, so is y, width, and height\n      const rect = this._containerRef.current.getBoundingClientRect();\n      width = rect.width, height = rect.height, x = rect.left, y = rect.top;\n    }\n\n    if (this.props.resizable) {\n      if (this.state.rightResizing) {\n        const pointerX = event.clientX;\n        width = pointerX - x;\n        // istanbul ignore else\n        if (typeof minWidth === \"number\")\n          width = Math.max(width, minWidth);\n        if (maxWidth !== undefined && typeof maxWidth === \"number\")\n          width = Math.min(width, maxWidth);\n      }\n\n      if (this.state.downResizing) {\n        const pointerY = event.clientY;\n        height = pointerY - y!;\n        // istanbul ignore else\n        if (typeof minHeight === \"number\")\n          height = Math.max(height, minHeight);\n        if (maxHeight !== undefined && typeof maxHeight === \"number\")\n          height = Math.min(height, maxHeight);\n      }\n\n      this.setState({ width, height });\n    }\n\n    if (movable && this.state.moving) {\n      x = event.clientX - this.state.grabOffsetX;\n      y = event.clientY - this.state.grabOffsetY;\n      this.setState({ x, y, positionSet: true });\n    }\n  };\n\n  private _handlePointerUp = (_event: PointerEvent): void => {\n    if (!this.props.movable && !this.props.resizable)\n      return;\n\n    // istanbul ignore else\n    if (this._containerRef.current) {\n      this.setState({\n        rightResizing: false,\n        downResizing: false,\n        moving: false,\n        grabOffsetX: 0,\n        grabOffsetY: 0,\n      });\n    }\n\n    const parentWindow = this.getParentWindow();\n    parentWindow.removeEventListener(\"pointermove\", this._handlePointerMove, true);\n  };\n}\n"]}

package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogButtonDef.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/DialogButtonDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;IAGI;AACJ,oBAAY,gBAAgB;IAC1B,IAAI,KAAK;IACT,KAAK,UAAU;IACf,EAAE,OAAO;IACT,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,KAAK,UAAU;IACf,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB;AAED;;;IAGI;AACJ,oBAAY,iBAAiB;IAC3B,IAAI,KAAK;IACT,OAAO,YAAY;IACnB,MAAM,gBAAgB;IACtB,IAAI,wBAAwB;CAC7B;AAED;;;IAGI;AACJ,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,IAAI,EAAE,gBAAgB,CAAC;IACvB,gCAAgC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/cjs/core-react/dialog/DialogButtonDef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogButtonDef.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/DialogButtonDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;IAGI;AACJ,IAAY,gBAUX;AAVD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,6BAAS,CAAA;IACT,qCAAiB,CAAA;IACjB,+BAAW,CAAA;IACX,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,yCAAqB,CAAA;AACvB,CAAC,EAVW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAU3B;AAED;;;IAGI;AACJ,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,wCAAmB,CAAA;IACnB,2CAAsB,CAAA;IACtB,iDAA4B,CAAA;AAC9B,CAAC,EALW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAK5B","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 Dialog\n */\n\n/** Enum for button types. Determines button label, and default button style.\n  * @public\n  * @deprecated Use DialogButtonType in bentley/appui-abstract instead\n  */\nexport enum DialogButtonType {\n  None = \"\",\n  Close = \"close\",\n  OK = \"ok\",\n  Cancel = \"cancel\",\n  Yes = \"yes\",\n  No = \"no\",\n  Retry = \"retry\",\n  Next = \"next\",\n  Previous = \"previous\"\n}\n\n/** Enum for button style.\n  * @public\n  * @deprecated Use DialogButtonStyle in bentley/appui-abstract instead\n  */\nexport enum DialogButtonStyle {\n  None = \"\",\n  Primary = \"iui-cta\",\n  Hollow = \"iui-default\",\n  Blue = \"iui-high-visibility\",\n}\n\n/** Interface for a dialog button in a button cluster\n  * @public\n  * @deprecated Use DialogButtonDef in bentley/appui-abstract instead\n  */\nexport interface DialogButtonDef {\n  /** type of button */\n  type: DialogButtonType;             // eslint-disable-line deprecation/deprecation\n  /** Triggered on button click */\n  onClick: () => void;\n  /** Which button style to decorate button width */\n  buttonStyle?: DialogButtonStyle;    // eslint-disable-line deprecation/deprecation\n  /** Disable the button */\n  disabled?: boolean;\n  /** Custom label */\n  label?: string;\n  /** Custom CSS class */\n  className?: string;\n}\n"]}

package/lib/cjs/core-react/dialog/GlobalDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalDialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACrF,OAAO,CAAC,UAAU,CAAC,CAAiB;IAEpC,SAAyB,KAAK,EAAE,iBAAiB,CAE/C;gBAEU,KAAK,EAAE,iBAAiB;IAIpC,OAAO,CAAC,aAAa,CAgBnB;IAEc,oBAAoB;IAOpB,MAAM,IAAI,KAAK,CAAC,SAAS;CAS1C"}

package/lib/cjs/core-react/dialog/GlobalDialog.js

@@ -0,0 +1,54 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalDialog = void 0;
+const React = require("react");
+const ReactDOM = require("react-dom");
+const Dialog_1 = require("./Dialog");
+/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
+ * @public
+ */
+class GlobalDialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            parentDocument: null,
+        };
+        this._handleRefSet = (popupDiv) => {
+            var _a;
+            const parentDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null;
+            if (parentDocument) {
+                this._container = parentDocument.createElement("div");
+                this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : "core-dialog";
+                let rt = parentDocument.getElementById("core-dialog-root");
+                if (!rt) {
+                    rt = parentDocument.createElement("div");
+                    rt.id = "core-dialog-root";
+                    parentDocument.body.appendChild(rt);
+                }
+                rt.appendChild(this._container);
+                // used to support component rendering in pop-out window
+                this.setState({ parentDocument });
+            }
+        };
+    }
+    componentWillUnmount() {
+        // istanbul ignore else
+        if (this._container && this._container.parentElement) { // cleanup
+            this._container.parentElement.removeChild(this._container);
+        }
+    }
+    render() {
+        const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement("div", { ref: this._handleRefSet }, this.state.parentDocument &&
+            ReactDOM.createPortal(React.createElement(Dialog_1.Dialog, { ...props }), this.state.parentDocument.body)));
+    }
+}
+exports.GlobalDialog = GlobalDialog;
+//# sourceMappingURL=GlobalDialog.js.map

package/lib/cjs/core-react/dialog/GlobalDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sCAAsC;AACtC,qCAA+C;AAgB/C;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAOrF,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAAsB;YAClD,cAAc,EAAE,IAAI;SACrB,CAAC;QAMM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,MAAM,cAAc,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC7G,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAmB,CAAC;gBAC7E,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;oBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACrC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;IAlBF,CAAC;IAoBe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,UAAU;YAChE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5D;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACrG,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CAAC,oBAAC,eAAM,OAAK,KAAK,GAAI,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1E,CACP,CAAC;IACJ,CAAC;CACF;AA7CD,oCA6CC","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 Dialog\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Dialog, DialogProps } from \"./Dialog\";\n\n/** Properties for the [[GlobalDialog]] component\n * @public\n */\nexport interface GlobalDialogProps extends DialogProps {\n  identifier?: string;\n}\n\n/** State properties for the [[GlobalDialog]] component\n * @public\n */\nexport interface GlobalDialogState {\n  parentDocument: Document | null;\n}\n\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\n * @public\n */\nexport class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {\n  private _container?: HTMLDivElement;\n\n  public override readonly state: GlobalDialogState = {\n    parentDocument: null,\n  };\n\n  constructor(props: GlobalDialogProps) {\n    super(props);\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentDocument = popupDiv?.ownerDocument ?? null;\n    if (parentDocument) {\n      this._container = parentDocument.createElement(\"div\");\n      this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : \"core-dialog\";\n      let rt = parentDocument.getElementById(\"core-dialog-root\") as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-dialog-root\";\n        parentDocument.body.appendChild(rt);\n      }\n      rt.appendChild(this._container);\n\n      // used to support component rendering in pop-out window\n      this.setState({ parentDocument });\n    }\n  };\n\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._container && this._container.parentElement) { // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  public override render(): React.ReactNode {\n    const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    return (\n      <div ref={this._handleRefSet}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(<Dialog {...props} />, this.state.parentDocument.body)}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/elementseparator/ElementSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementSeparator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,yBAAyB,CAAC;AAIjC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,4BAA4B;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC7D,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D;AAmKD;;GAEG;AAEH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,gBAqC5D,CAAC"}