@itwin/core-react 4.2.0 → 4.3.0-dev.1

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

@@ -11,10 +11,8 @@ import * as React from "react";
 import { DialogButtonType, SpecialKey } from "@itwin/appui-abstract";
 import { DivWithOutsideClick } from "../base/DivWithOutsideClick";
 import { UiCore } from "../UiCore";
-import { FocusTrap } from "../focustrap/FocusTrap";
+import { Dialog as BaseDialog } from "@itwin/itwinui-react";
 import { Button } from "@itwin/itwinui-react";
-import { Icon } from "../icons/IconComponent";
-import { SvgClose } from "@itwin/itwinui-icons-react";
 // cspell:ignore focustrap
 /** Enum for dialog alignment
  * @public
@@ -40,28 +38,7 @@ class Dialog extends React.Component {
         super(props);
         this._parentDocument = document;
         this._containerRef = React.createRef();
-        /** Keep title bar of movable Dialog at least partially visible */
         // istanbul ignore next
-        this._handleAppWindowResize = () => {
-            if (!this._containerRef.current || !this.props.movable)
-                return;
-            const parentWindow = this.getParentWindow();
-            const { x, y } = this.state;
-            let newX;
-            let newY;
-            if (undefined !== y && undefined !== x) {
-                if (y > parentWindow.innerHeight - 32)
-                    newY = parentWindow.innerHeight - 32;
-                if (x > parentWindow.innerWidth - 32)
-                    newX = parentWindow.innerWidth - 32;
-            }
-            if (newX !== undefined || newY !== undefined)
-                this.setState({
-                    x: newX !== undefined ? newX : x,
-                    y: newY !== undefined ? newY : y,
-                    positionSet: true,
-                });
-        };
         this.handleRefSet = (containerDiv) => {
             if (containerDiv)
                 this._parentDocument = containerDiv.ownerDocument;
@@ -97,29 +74,11 @@ class Dialog extends React.Component {
             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)
+            // istanbul ignore next
+            if (!this.props.resizable || !this._containerRef.current)
                 return;
-            const { minWidth, maxWidth, minHeight, maxHeight, movable } = this.props;
+            const { minWidth, maxWidth, minHeight, maxHeight } = this.props;
             let { x, y, width, height } = this.state;
             // istanbul ignore else
             if (x === undefined) {
@@ -130,57 +89,34 @@ class Dialog extends React.Component {
                     (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 (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);
             }
-            // istanbul ignore next
-            if (movable && this.state.moving) {
-                x = event.clientX - this.state.grabOffsetX;
-                y = event.clientY - this.state.grabOffsetY;
-                if (y < 0)
-                    y = 0;
-                if (event.view) {
-                    if (y > event.view.innerHeight - 32)
-                        y = event.view.innerHeight - 32;
-                    if (x > event.view.innerWidth - 32)
-                        x = event.view.innerWidth - 32;
-                    if (width) {
-                        if (x < 0 - width + 32)
-                            x = 0 - width + 32;
-                    }
-                }
-                this.setState({ x, y, positionSet: true });
+            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 });
         };
         this._handlePointerUp = (_event) => {
-            if (!this.props.movable && !this.props.resizable)
+            if (!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();
@@ -189,10 +125,6 @@ class Dialog extends React.Component {
         this.state = {
             rightResizing: false,
             downResizing: false,
-            moving: false,
-            grabOffsetX: 0,
-            grabOffsetY: 0,
-            positionSet: props.x !== undefined || props.y !== undefined,
         };
     }
     getParentWindow() {
@@ -204,118 +136,89 @@ class Dialog extends React.Component {
         parentWindow.removeEventListener("pointerup", this._handlePointerUp, true);
         parentWindow.removeEventListener("pointermove", this._handlePointerMove, true);
         this._parentDocument.removeEventListener("keyup", this._handleKeyUp, true);
-        parentWindow.addEventListener("resize", this._handleAppWindowResize);
     }
     componentDidMount() {
         const parentWindow = this.getParentWindow();
         parentWindow.addEventListener("pointerup", this._handlePointerUp, true);
         this._parentDocument.addEventListener("keyup", this._handleKeyUp, true);
-        parentWindow.addEventListener("resize", this._handleAppWindowResize);
     }
     render() {
         const { opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, minWidth, minHeight, x, y, width, height, maxHeight, maxWidth, backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName, modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, hideHeader, header, ...props } = this.props;
+        let initialOffset = {};
+        if (x || y) {
+            initialOffset = {
+                left: x ?? 0,
+                top: y ?? 0,
+                transform: "none",
+            };
+        }
         const containerStyle = {
+            ...initialOffset,
             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;
-        }
+        // 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 = {
             minWidth,
             minHeight,
             maxWidth,
             maxHeight,
         };
-        const buttons = this.getFooterButtons(buttonCluster);
-        const footerElement = footer ||
-            (buttons && buttons.length > 0 && (React.createElement("div", { className: "core-dialog-buttons" }, buttons)));
-        const divStyle = {
-            ...backgroundStyle,
-            ...style,
+        const dialogBaseContainerStyle = {
+            ...containerStyle,
+            ...minMaxStyle,
         };
-        const headerElement = header || (React.createElement("div", { className: classnames("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", "data-testid": "core-dialog-close", onClick: onClose },
-                React.createElement(Icon, { iconSpec: React.createElement(SvgClose, null) }))));
-        return (React.createElement("div", { ref: this.handleRefSet, className: classnames("core-dialog", !modal && "core-dialog-hidden", opened && "core-dialog-opened", className), style: divStyle, "data-testid": "core-dialog-root", ...props }, opened && (React.createElement(DivWithOutsideClick, { onOutsideClick: onOutsideClick },
-            React.createElement(FocusTrap, { active: trapFocus && modal, returnFocusOnDeactivate: true },
-                React.createElement("div", { className: classnames("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: classnames("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: classnames("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: classnames("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: classnames("core-dialog-drag", "core-dialog-drag-bottom-right", { "core-dialog-drag-enabled": resizable }), "data-testid": "core-dialog-drag-bottom-right", onPointerDown: this._handleStartResizeDownRight }))))))));
+        const buttons = this.getFooterButtons(buttonCluster, "high-visibility", true);
+        return (React.createElement(BaseDialog, { isOpen: opened, onClose: onClose, closeOnExternalClick: false, closeOnEsc: false, style: style, className: classnames("core-dialog", className), isDraggable: movable, trapFocus: trapFocus && /* istanbul ignore next */ modal, preventDocumentScroll: true, "data-testid": "core-dialog-root", ...props },
+            modal && React.createElement(BaseDialog.Backdrop, { style: backgroundStyle }),
+            React.createElement(DivWithOutsideClick, { onOutsideClick: onOutsideClick },
+                React.createElement(BaseDialog.Main, { ref: this._containerRef, className: classnames("core-dialog-main", alignment && this.getCSSClassNameFromAlignment(alignment)), "data-testid": "core-dialog-container", style: dialogBaseContainerStyle, onPointerDown: this._handleContainerPointerDown },
+                    !hideHeader &&
+                        (header || (React.createElement(BaseDialog.TitleBar, { titleText: title, style: titleStyle, "data-testid": "core-dialog-head" }))),
+                    React.createElement(BaseDialog.Content, { className: contentClassName, style: { padding: inset ? undefined : 0, ...contentStyle } }, this.props.children),
+                    footer || (React.createElement(BaseDialog.ButtonBar, { style: footerStyle }, buttons)),
+                    resizable && (React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: classnames("core-dialog-resize-bar", "core-drag-right"), onPointerDown: this._handleStartResizeRight, "data-testid": "core-dialog-drag-right" }),
+                        React.createElement("div", { className: classnames("core-dialog-resize-bar", "core-drag-bottom-right"), onPointerDown: this._handleStartResizeDownRight, "data-testid": "core-dialog-drag-bottom-right" }),
+                        React.createElement("div", { className: classnames("core-dialog-resize-bar", "core-drag-bottom"), onPointerDown: this._handleStartResizeDown, "data-testid": "core-dialog-drag-bottom" })))))));
     }
     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;
+                return "core-align-top-left";
             case DialogAlignment.Top:
-                className = "core-dialog-top";
-                break;
+                return "core-align-top";
             case DialogAlignment.TopRight:
-                className = "core-dialog-top-right";
-                break;
+                return "core-align-top-right";
             case DialogAlignment.Left:
-                className = "core-dialog-left";
-                break;
+                return "core-align-left";
             case DialogAlignment.Center:
-                className = "core-dialog-center";
-                break;
+                return "core-align-center";
             case DialogAlignment.Right:
-                className = "core-dialog-right";
-                break;
+                return "core-align-right";
             case DialogAlignment.BottomLeft:
-                className = "core-dialog-bottom-left";
-                break;
+                return "core-align-bottom-left";
             case DialogAlignment.Bottom:
-                className = "core-dialog-bottom";
-                break;
+                return "core-align-bottom";
             case DialogAlignment.BottomRight:
-                className = "core-dialog-bottom-right";
-                break;
+                return "core-align-bottom-right";
         }
-        return className;
     }
-    getFooterButtons(buttonCluster, primaryStyleType = "cta", noCoreButtonClasses = false) {
+    getFooterButtons(buttonCluster, 
+    /* istanbul ignore next */ primaryStyleType = "cta", 
+    /* istanbul ignore next */ noCoreButtonClasses = false) {
         if (buttonCluster === undefined)
             return undefined;
         const buttons = [];
         buttonCluster.forEach((button, index) => {
             let buttonText = "";
+            // istanbul ignore next
             let buttonClass = classnames(!noCoreButtonClasses && "core-dialog-button", !noCoreButtonClasses && `dialog-button-${button.type}`, button.className);
             let usePrimaryStyleType = false;
             switch (button.type) {
@@ -365,9 +268,9 @@ class Dialog extends React.Component {
     }
 }
 Dialog.defaultProps = {
-    alignment: DialogAlignment.Center,
     minWidth: 300,
-    minHeight: 100,
+    minHeight: 135,
+    maxWidth: "100%",
     width: "50%",
     hideHeader: false,
     resizable: false,

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

@@ -1 +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 type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DialogButtonType, SpecialKey } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport { UiCore } from \"../UiCore\";\nimport type { CommonProps } from \"../utils/Props\";\nimport type { Omit } from \"../utils/typeUtils\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport type { ButtonProps } from \"@itwin/itwinui-react\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgClose } from \"@itwin/itwinui-icons-react\";\n\n// cspell:ignore focustrap\n\n/** Enum for dialog alignment\n * @public\n */\nexport enum DialogAlignment {\n  TopLeft = \"top-left\",\n  Top = \"top\",\n  TopRight = \"top-right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom-left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom-right\",\n}\n\n/** Properties for the [[Dialog]] component\n * @public\n */\nexport interface DialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    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 | React.ReactElement;\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\n  footer?: string | React.ReactElement;\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(\n      \"pointermove\",\n      this._handlePointerMove,\n      true\n    );\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\n    parentWindow.addEventListener(\"resize\", this._handleAppWindowResize);\n  }\n\n  /** Keep title bar of movable Dialog at least partially visible */\n  // istanbul ignore next\n  private _handleAppWindowResize = (): void => {\n    if (!this._containerRef.current || !this.props.movable) return;\n\n    const parentWindow = this.getParentWindow();\n    const { x, y } = this.state;\n    let newX: number | undefined;\n    let newY: number | undefined;\n\n    if (undefined !== y && undefined !== x) {\n      if (y > parentWindow.innerHeight - 32)\n        newY = parentWindow.innerHeight - 32;\n      if (x > parentWindow.innerWidth - 32) newX = parentWindow.innerWidth - 32;\n    }\n\n    if (newX !== undefined || newY !== undefined)\n      this.setState({\n        x: newX !== undefined ? newX : x,\n        y: newY !== undefined ? newY : y,\n        positionSet: true,\n      });\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    parentWindow.addEventListener(\"resize\", this._handleAppWindowResize);\n  }\n\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\n    if (containerDiv) this._parentDocument = containerDiv.ownerDocument;\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      title,\n      footer,\n      buttonCluster,\n      onClose,\n      onEscape,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      x,\n      y,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      modal,\n      resizable,\n      movable,\n      className,\n      alignment,\n      inset,\n      trapFocus,\n      modelessId,\n      onModelessPointerDown,\n      hideHeader,\n      header,\n      ...props\n    } = this.props;\n\n    const containerStyle: React.CSSProperties = {\n      margin: \"\",\n      left: x,\n      top: y,\n      width,\n      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      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n\n    const buttons = this.getFooterButtons(buttonCluster);\n\n    const footerElement: React.ReactNode =\n      footer ||\n      (buttons && buttons.length > 0 && (\n        <div className={\"core-dialog-buttons\"}>{buttons}</div>\n      ));\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      >\n        <div\n          className={\"core-dialog-title\"}\n          data-testid=\"core-dialog-title\"\n          style={titleStyle}\n        >\n          {title}\n        </div>\n        <button\n          className={\"core-focus-trap-ignore-initial core-dialog-close icon\"}\n          data-testid=\"core-dialog-close\"\n          onClick={onClose}\n        >\n          <Icon iconSpec={<SvgClose />} />\n        </button>\n      </div>\n    );\n\n    return (\n      <div\n        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\n              active={trapFocus && modal}\n              returnFocusOnDeactivate={true}\n            >\n              <div\n                className={classnames(\n                  \"core-dialog-container\",\n                  this.getCSSClassNameFromAlignment(alignment)\n                )}\n                style={{ ...containerStyle, ...minMaxStyle }}\n                data-testid=\"core-dialog-container\"\n                onPointerDown={this._handleContainerPointerDown}\n              >\n                <div\n                  className={\"core-dialog-area\"}\n                  ref={this._containerRef}\n                  style={minMaxStyle}\n                >\n                  {!hideHeader && headerElement}\n                  <div\n                    className={classnames(\n                      \"core-dialog-content\",\n                      { \"core-dialog-content-no-inset\": !inset },\n                      contentClassName\n                    )}\n                    style={contentStyle}\n                  >\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(\n                      \"core-dialog-drag\",\n                      \"core-dialog-drag-right\",\n                      { \"core-dialog-drag-enabled\": resizable }\n                    )}\n                    data-testid=\"core-dialog-drag-right\"\n                    onPointerDown={this._handleStartResizeRight}\n                  />\n                  <div\n                    className={classnames(\n                      \"core-dialog-drag\",\n                      \"core-dialog-drag-bottom-mid\",\n                      { \"core-dialog-drag-enabled\": resizable }\n                    )}\n                    data-testid=\"core-dialog-drag-bottom\"\n                    onPointerDown={this._handleStartResizeDown}\n                  />\n                  <div\n                    className={classnames(\n                      \"core-dialog-drag\",\n                      \"core-dialog-drag-bottom-right\",\n                      { \"core-dialog-drag-enabled\": resizable }\n                    )}\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) return \"\";\n\n    // istanbul ignore next\n    if (!alignment) 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  protected getFooterButtons(\n    buttonCluster: DialogButtonDef[] | undefined,\n    primaryStyleType: ButtonProps[\"styleType\"] = \"cta\",\n    noCoreButtonClasses: boolean = false\n  ): React.ReactNode[] | undefined {\n    if (buttonCluster === undefined) return undefined;\n\n    const buttons: React.ReactNode[] = [];\n    buttonCluster.forEach((button: DialogButtonDef, index: number) => {\n      let buttonText = \"\";\n      let buttonClass = classnames(\n        !noCoreButtonClasses && \"core-dialog-button\",\n        !noCoreButtonClasses && `dialog-button-${button.type}`,\n        button.className\n      );\n      let usePrimaryStyleType = false;\n\n      switch (button.type) {\n        case DialogButtonType.OK:\n          buttonText = UiCore.translate(\"dialog.ok\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\n          break;\n        case DialogButtonType.Retry:\n          buttonText = UiCore.translate(\"dialog.retry\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\n          break;\n        case DialogButtonType.Yes:\n          buttonText = UiCore.translate(\"dialog.yes\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\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);\n          usePrimaryStyleType = true;\n          break;\n        case DialogButtonType.Previous:\n          buttonText = UiCore.translate(\"dialog.previous\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\n          break;\n      }\n\n      if (button.label) buttonText = button.label;\n\n      buttons.push(\n        <Button\n          className={buttonClass}\n          disabled={button.disabled}\n          styleType={usePrimaryStyleType ? primaryStyleType : undefined}\n          key={index.toString()}\n          onClick={button.onClick}\n        >\n          {buttonText}\n        </Button>\n      );\n    });\n    return buttons;\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.key === SpecialKey.Escape &&\n      this.props.opened &&\n      this.props.onEscape\n    ) {\n      this.props.onEscape();\n    }\n  };\n\n  protected _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) 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(\n        \"pointermove\",\n        this._handlePointerMove,\n        true\n      );\n    }\n  };\n\n  private _handlePointerMove = (event: PointerEvent): void => {\n    if (\n      (!this.props.resizable && !this.props.movable) ||\n      !this._containerRef.current\n    )\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) {\n      // if x is undefined, so is y, width, and height\n      const rect = this._containerRef.current.getBoundingClientRect();\n      (width = rect.width),\n        (height = rect.height),\n        (x = rect.left),\n        (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\") 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\") 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    // istanbul ignore next\n    if (movable && this.state.moving) {\n      x = event.clientX - this.state.grabOffsetX;\n      y = event.clientY - this.state.grabOffsetY;\n      if (y < 0) y = 0;\n      if (event.view) {\n        if (y > event.view.innerHeight - 32) y = event.view.innerHeight - 32;\n        if (x > event.view.innerWidth - 32) x = event.view.innerWidth - 32;\n        if (width) {\n          if (x < 0 - width + 32) x = 0 - width + 32;\n        }\n      }\n\n      this.setState({ x, y, positionSet: true });\n    }\n  };\n\n  private _handlePointerUp = (_event: PointerEvent): void => {\n    if (!this.props.movable && !this.props.resizable) 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(\n      \"pointermove\",\n      this._handlePointerMove,\n      true\n    );\n  };\n}\n"]}
+{"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 type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DialogButtonType, SpecialKey } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport { UiCore } from \"../UiCore\";\nimport type { CommonProps } from \"../utils/Props\";\nimport type { Omit } from \"../utils/typeUtils\";\nimport { Dialog as BaseDialog } from \"@itwin/itwinui-react\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport type { ButtonProps } 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\",\n  Top = \"top\",\n  TopRight = \"top-right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom-left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom-right\",\n}\n\n/** Properties for the [[Dialog]] component\n * @public\n */\nexport interface DialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    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 | React.ReactElement;\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\n  footer?: string | React.ReactElement;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** Default alignment of dialog. */\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: 135px */\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. Default: 100% */\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  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\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    minWidth: 300,\n    minHeight: 135,\n    maxWidth: \"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    };\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(\n      \"pointermove\",\n      this._handlePointerMove,\n      true\n    );\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  // istanbul ignore next\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\n    if (containerDiv) this._parentDocument = containerDiv.ownerDocument;\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      title,\n      footer,\n      buttonCluster,\n      onClose,\n      onEscape,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      x,\n      y,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      modal,\n      resizable,\n      movable,\n      className,\n      alignment,\n      inset,\n      trapFocus,\n      modelessId,\n      onModelessPointerDown,\n      hideHeader,\n      header,\n      ...props\n    } = this.props;\n\n    let initialOffset: React.CSSProperties = {};\n    if (x || y) {\n      initialOffset = {\n        left: x ?? 0,\n        top: y ?? 0,\n        transform: \"none\",\n      };\n    }\n\n    const containerStyle: React.CSSProperties = {\n      ...initialOffset,\n      margin: \"\",\n      width,\n      height,\n    };\n\n    // istanbul ignore else\n    if (this.state.width !== undefined) containerStyle.width = this.state.width;\n    // istanbul ignore else\n    if (this.state.height !== undefined)\n      containerStyle.height = this.state.height;\n\n    const minMaxStyle: React.CSSProperties = {\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n    const dialogBaseContainerStyle: React.CSSProperties = {\n      ...containerStyle,\n      ...minMaxStyle,\n    };\n\n    const buttons = this.getFooterButtons(\n      buttonCluster,\n      \"high-visibility\",\n      true\n    );\n\n    return (\n      <BaseDialog\n        isOpen={opened}\n        onClose={onClose}\n        closeOnExternalClick={false}\n        closeOnEsc={false}\n        style={style}\n        className={classnames(\"core-dialog\", className)}\n        isDraggable={movable}\n        trapFocus={trapFocus && /* istanbul ignore next */ modal}\n        preventDocumentScroll={true}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        {modal && <BaseDialog.Backdrop style={backgroundStyle} />}\n        <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n          <BaseDialog.Main\n            ref={this._containerRef}\n            className={classnames(\n              \"core-dialog-main\",\n              alignment && this.getCSSClassNameFromAlignment(alignment)\n            )}\n            data-testid=\"core-dialog-container\"\n            style={dialogBaseContainerStyle}\n            onPointerDown={this._handleContainerPointerDown}\n          >\n            {!hideHeader &&\n              (header || (\n                <BaseDialog.TitleBar\n                  titleText={title}\n                  style={titleStyle}\n                  data-testid=\"core-dialog-head\"\n                />\n              ))}\n            <BaseDialog.Content\n              className={contentClassName}\n              style={{ padding: inset ? undefined : 0, ...contentStyle }}\n            >\n              {this.props.children}\n            </BaseDialog.Content>\n            {footer || (\n              <BaseDialog.ButtonBar style={footerStyle}>\n                {buttons}\n              </BaseDialog.ButtonBar>\n            )}\n            {resizable && (\n              <>\n                <div\n                  className={classnames(\n                    \"core-dialog-resize-bar\",\n                    \"core-drag-right\"\n                  )}\n                  onPointerDown={this._handleStartResizeRight}\n                  data-testid=\"core-dialog-drag-right\"\n                />\n                <div\n                  className={classnames(\n                    \"core-dialog-resize-bar\",\n                    \"core-drag-bottom-right\"\n                  )}\n                  onPointerDown={this._handleStartResizeDownRight}\n                  data-testid=\"core-dialog-drag-bottom-right\"\n                />\n                <div\n                  className={classnames(\n                    \"core-dialog-resize-bar\",\n                    \"core-drag-bottom\"\n                  )}\n                  onPointerDown={this._handleStartResizeDown}\n                  data-testid=\"core-dialog-drag-bottom\"\n                />\n              </>\n            )}\n          </BaseDialog.Main>\n        </DivWithOutsideClick>\n      </BaseDialog>\n    );\n  }\n\n  private getCSSClassNameFromAlignment(alignment: DialogAlignment): string {\n    switch (alignment) {\n      case DialogAlignment.TopLeft:\n        return \"core-align-top-left\";\n      case DialogAlignment.Top:\n        return \"core-align-top\";\n      case DialogAlignment.TopRight:\n        return \"core-align-top-right\";\n      case DialogAlignment.Left:\n        return \"core-align-left\";\n      case DialogAlignment.Center:\n        return \"core-align-center\";\n      case DialogAlignment.Right:\n        return \"core-align-right\";\n      case DialogAlignment.BottomLeft:\n        return \"core-align-bottom-left\";\n      case DialogAlignment.Bottom:\n        return \"core-align-bottom\";\n      case DialogAlignment.BottomRight:\n        return \"core-align-bottom-right\";\n    }\n  }\n\n  protected getFooterButtons(\n    buttonCluster: DialogButtonDef[] | undefined,\n    /* istanbul ignore next */ primaryStyleType: ButtonProps[\"styleType\"] = \"cta\",\n    /* istanbul ignore next */ noCoreButtonClasses: boolean = false\n  ): React.ReactNode[] | undefined {\n    if (buttonCluster === undefined) return undefined;\n\n    const buttons: React.ReactNode[] = [];\n    buttonCluster.forEach((button: DialogButtonDef, index: number) => {\n      let buttonText = \"\";\n      // istanbul ignore next\n      let buttonClass = classnames(\n        !noCoreButtonClasses && \"core-dialog-button\",\n        !noCoreButtonClasses && `dialog-button-${button.type}`,\n        button.className\n      );\n      let usePrimaryStyleType = false;\n\n      switch (button.type) {\n        case DialogButtonType.OK:\n          buttonText = UiCore.translate(\"dialog.ok\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\n          break;\n        case DialogButtonType.Retry:\n          buttonText = UiCore.translate(\"dialog.retry\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\n          break;\n        case DialogButtonType.Yes:\n          buttonText = UiCore.translate(\"dialog.yes\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\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);\n          usePrimaryStyleType = true;\n          break;\n        case DialogButtonType.Previous:\n          buttonText = UiCore.translate(\"dialog.previous\");\n          buttonClass = classnames(buttonClass, button.buttonStyle);\n          usePrimaryStyleType = true;\n          break;\n      }\n\n      if (button.label) buttonText = button.label;\n\n      buttons.push(\n        <Button\n          className={buttonClass}\n          disabled={button.disabled}\n          styleType={usePrimaryStyleType ? primaryStyleType : undefined}\n          key={index.toString()}\n          onClick={button.onClick}\n        >\n          {buttonText}\n        </Button>\n      );\n    });\n    return buttons;\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.key === SpecialKey.Escape &&\n      this.props.opened &&\n      this.props.onEscape\n    ) {\n      this.props.onEscape();\n    }\n  };\n\n  protected _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 _handlePointerMove = (event: PointerEvent): void => {\n    // istanbul ignore next\n    if (!this.props.resizable || !this._containerRef.current) return;\n\n    const { minWidth, maxWidth, minHeight, maxHeight } = this.props;\n    let { x, y, width, height } = this.state;\n\n    // istanbul ignore else\n    if (x === undefined) {\n      // if x is undefined, so is y, width, and height\n      const rect = this._containerRef.current.getBoundingClientRect();\n      (width = rect.width),\n        (height = rect.height),\n        (x = rect.left),\n        (y = rect.top);\n    }\n\n    if (this.state.rightResizing) {\n      const pointerX = event.clientX;\n      width = pointerX - x;\n      // istanbul ignore else\n      if (typeof minWidth === \"number\") 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\") 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  private _handlePointerUp = (_event: PointerEvent): void => {\n    if (!this.props.resizable) return;\n\n    // istanbul ignore else\n    if (this._containerRef.current) {\n      this.setState({\n        rightResizing: false,\n        downResizing: false,\n      });\n    }\n\n    const parentWindow = this.getParentWindow();\n    parentWindow.removeEventListener(\n      \"pointermove\",\n      this._handlePointerMove,\n      true\n    );\n  };\n}\n"]}