@itwin/itwinui-react 2.12.20 → 2.12.22

package/esm/core/Dialog/DialogMain.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { FocusTrap, getTranslateValuesFromElement, Resizer, useMergedRefs, useTheme, useIsomorphicLayoutEffect, getTranslateValues, roundByDPR, } from '../utils/index.js';
+import { FocusTrap, getTranslateValuesFromElement, Resizer, useMergedRefs, useTheme, useIsomorphicLayoutEffect, } from '../utils/index.js';
 import { useDialogContext } from './DialogContext.js';
 import { CSSTransition } from 'react-transition-group';
 import { DialogDragContext } from './DialogDragContext.js';
@@ -35,7 +35,6 @@ export const DialogMain = React.forwardRef((props, ref) => {
     useTheme();
     const [style, setStyle] = React.useState();
     const dialogRef = React.useRef(null);
-    const [dialogElement, setDialogElement] = React.useState();
     const hasBeenResized = React.useRef(false);
     const previousFocusedElement = React.useRef();
     const originalBodyOverflow = React.useRef('');
@@ -108,17 +107,13 @@ export const DialogMain = React.forwardRef((props, ref) => {
             ...newStyle,
         }));
     }, []);
-    const roundedTransform = useRoundedTransform({
-        element: dialogElement,
-        transform,
-    });
     const content = (React.createElement("div", { className: cx('iui-dialog', {
             'iui-dialog-default': styleType === 'default',
             'iui-dialog-full-page': styleType === 'fullPage',
             'iui-dialog-visible': isOpen,
             'iui-dialog-draggable': isDraggable,
-        }, className), role: 'dialog', ref: useMergedRefs(dialogRef, ref, setDialogElement), onKeyDown: handleKeyDown, tabIndex: -1, "data-iui-placement": placement, style: {
-            transform: styleType !== 'fullPage' ? roundedTransform : undefined,
+        }, className), role: 'dialog', ref: useMergedRefs(dialogRef, ref), onKeyDown: handleKeyDown, tabIndex: -1, "data-iui-placement": placement, style: {
+            transform: styleType !== 'fullPage' ? transform : undefined,
             ...style,
             ...propStyle,
         }, ...rest },
@@ -151,20 +146,3 @@ export const DialogMain = React.forwardRef((props, ref) => {
             !trapFocus && content)));
 });
 export default DialogMain;
-// ----------------------------------------------------------------------------
-/**
- * Rounds off an element's transform value based on the device's pixel grid, to avoid blurring.
- */
-const useRoundedTransform = ({ element, transform, }) => {
-    const [roundedStyles, setRoundedStyles] = React.useState(transform);
-    useIsomorphicLayoutEffect(() => {
-        if (!element || typeof DOMMatrix === 'undefined') {
-            return;
-        }
-        const [x, y] = transform
-            ? getTranslateValues(transform)
-            : getTranslateValuesFromElement(element);
-        setRoundedStyles(`translate(${roundByDPR(x)}px, ${roundByDPR(y)}px)`);
-    }, [element, transform]);
-    return roundedStyles;
-};