@itwin/core-react 4.2.1 → 4.3.0

package/CHANGELOG.md

@@ -1,11 +1,14 @@
 # Change Log - @itwin/core-react
 
-This log was last generated on Wed, 05 Jul 2023 07:56:27 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Jul 2023 10:16:20 GMT and should not be manually modified.
 
-## 4.2.1
-Wed, 05 Jul 2023 07:56:27 GMT
+## 4.3.0
+Mon, 17 Jul 2023 10:16:20 GMT
 
-_Version update only_
+### Updates
+
+- Update sinon to 15.2.0 and @types/sinon to 10.0.15
+- Standardize core-react `Dialog` visuals and behavior by making iTwinUI `Dialog` its base component.
 
 ## 4.2.0
 Tue, 27 Jun 2023 14:50:22 GMT

package/lib/cjs/core-react/_geometry.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @mixin triangle-common {
   width: 0;
   height: 0;

package/lib/cjs/core-react/_math.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @function sqrt($x, $iterations: 10) {
   $sqr: 1;
 

package/lib/cjs/core-react/_typography.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "./style/opacity.scss";
 
 $title-weight: var(--iui-font-weight-normal);

package/lib/cjs/core-react/autosuggest/AutoSuggest.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../scrollbar";
 @import "../inputs/variables";
 

package/lib/cjs/core-react/badge/Badge.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../style/themecolors";
 
 $icon-size: 16px;

package/lib/cjs/core-react/badge/NewBadge.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../style/themecolors";
 
 .core-new-badge {

package/lib/cjs/core-react/base/base.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../_scrollbar";
 
 @mixin uicore-centered {

package/lib/cjs/core-react/base/index.scss

@@ -1,5 +1,5 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "./base";

package/lib/cjs/core-react/classes.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "./style/index";
 @import "./base/classes";
 @import "./expandable/classes";

package/lib/cjs/core-react/colorthemes.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 // cspell:ignore colorvariables
 
 /** @note: This file should only be imported by UiCore.ts.

package/lib/cjs/core-react/colorvariables.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 
 // cspell:ignore mediumgray titlebar toolbutton outoffocus
 

package/lib/cjs/core-react/contextmenu/ContextMenu.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../icons/variables";
 @import "../inputs/variables";
 @import "../style/baseline";

package/lib/cjs/core-react/dialog/Dialog.d.ts

@@ -45,7 +45,7 @@ export interface DialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement
     footer?: string | React.ReactElement;
     /** List of DialogButtonDef objects specifying buttons and associated onClick events */
     buttonCluster?: DialogButtonDef[];
-    /** Default alignment of dialog. Default: DialogAlignment.Center */
+    /** Default alignment of dialog. */
     alignment?: DialogAlignment;
     /** Initial x/left position of dialog in px. */
     x?: number;
@@ -63,9 +63,9 @@ export interface DialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement
     height?: string | number;
     /** 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 */
     minWidth?: string | number;
-    /** 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 */
+    /** 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 */
     minHeight?: string | number;
-    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    /** 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% */
     maxWidth?: string | number;
     /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
     maxHeight?: string | number;
@@ -92,14 +92,10 @@ export interface DialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement
 interface DialogState {
     rightResizing: boolean;
     downResizing: boolean;
-    moving: boolean;
-    grabOffsetX: number;
-    grabOffsetY: number;
     x?: number;
     y?: number;
     width?: number;
     height?: number;
-    positionSet: boolean;
 }
 /**
  * Dialog React component with optional resizing and dragging functionality
@@ -114,8 +110,6 @@ export declare class Dialog extends React.Component<DialogProps, DialogState> {
     constructor(props: DialogProps);
     private getParentWindow;
     componentWillUnmount(): void;
-    /** Keep title bar of movable Dialog at least partially visible */
-    private _handleAppWindowResize;
     componentDidMount(): void;
     handleRefSet: (containerDiv: HTMLDivElement | null) => void;
     render(): React.ReactElement;
@@ -126,7 +120,6 @@ export declare class Dialog extends React.Component<DialogProps, DialogState> {
     private _handleStartResizeRight;
     private _handleStartResizeDown;
     private _handleStartResizeDownRight;
-    private _handleStartMove;
     private _handlePointerMove;
     private _handlePointerUp;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.tsx"],"names":[],"mappings":"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"}

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

@@ -14,10 +14,8 @@ 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");
-const IconComponent_1 = require("../icons/IconComponent");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_2 = require("@itwin/itwinui-react");
 // cspell:ignore focustrap
 /** Enum for dialog alignment
  * @public
@@ -43,28 +41,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;
@@ -100,29 +77,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) {
@@ -133,57 +92,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();
@@ -192,10 +128,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() {
@@ -208,118 +140,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 !== null && x !== void 0 ? x : 0,
+                top: y !== null && y !== void 0 ? 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: (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", "data-testid": "core-dialog-close", onClick: onClose },
-                React.createElement(IconComponent_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgClose, null) }))));
-        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 }))))))));
+        const buttons = this.getFooterButtons(buttonCluster, "high-visibility", true);
+        return (React.createElement(itwinui_react_1.Dialog, { isOpen: opened, onClose: onClose, closeOnExternalClick: false, closeOnEsc: false, style: style, className: (0, classnames_1.default)("core-dialog", className), isDraggable: movable, trapFocus: trapFocus && /* istanbul ignore next */ modal, preventDocumentScroll: true, "data-testid": "core-dialog-root", ...props },
+            modal && React.createElement(itwinui_react_1.Dialog.Backdrop, { style: backgroundStyle }),
+            React.createElement(DivWithOutsideClick_1.DivWithOutsideClick, { onOutsideClick: onOutsideClick },
+                React.createElement(itwinui_react_1.Dialog.Main, { ref: this._containerRef, className: (0, classnames_1.default)("core-dialog-main", alignment && this.getCSSClassNameFromAlignment(alignment)), "data-testid": "core-dialog-container", style: dialogBaseContainerStyle, onPointerDown: this._handleContainerPointerDown },
+                    !hideHeader &&
+                        (header || (React.createElement(itwinui_react_1.Dialog.TitleBar, { titleText: title, style: titleStyle, "data-testid": "core-dialog-head" }))),
+                    React.createElement(itwinui_react_1.Dialog.Content, { className: contentClassName, style: { padding: inset ? undefined : 0, ...contentStyle } }, this.props.children),
+                    footer || (React.createElement(itwinui_react_1.Dialog.ButtonBar, { style: footerStyle }, buttons)),
+                    resizable && (React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: (0, classnames_1.default)("core-dialog-resize-bar", "core-drag-right"), onPointerDown: this._handleStartResizeRight, "data-testid": "core-dialog-drag-right" }),
+                        React.createElement("div", { className: (0, classnames_1.default)("core-dialog-resize-bar", "core-drag-bottom-right"), onPointerDown: this._handleStartResizeDownRight, "data-testid": "core-dialog-drag-bottom-right" }),
+                        React.createElement("div", { className: (0, classnames_1.default)("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 = (0, classnames_1.default)(!noCoreButtonClasses && "core-dialog-button", !noCoreButtonClasses && `dialog-button-${button.type}`, button.className);
             let usePrimaryStyleType = false;
             switch (button.type) {
@@ -363,15 +266,15 @@ class Dialog extends React.Component {
             }
             if (button.label)
                 buttonText = button.label;
-            buttons.push(React.createElement(itwinui_react_1.Button, { className: buttonClass, disabled: button.disabled, styleType: usePrimaryStyleType ? primaryStyleType : undefined, key: index.toString(), onClick: button.onClick }, buttonText));
+            buttons.push(React.createElement(itwinui_react_2.Button, { className: buttonClass, disabled: button.disabled, styleType: usePrimaryStyleType ? primaryStyleType : undefined, key: index.toString(), onClick: button.onClick }, buttonText));
         });
         return buttons;
     }
 }
 Dialog.defaultProps = {
-    alignment: DialogAlignment.Center,
     minWidth: 300,
-    minHeight: 100,
+    minHeight: 135,
+    maxWidth: "100%",
     width: "50%",
     hideHeader: false,
     resizable: false,