@jetbrains/ring-ui-built 7.0.125 → 8.0.0-beta.11

package/components/date-picker/use-scroll-behavior.js

@@ -1,20 +1,18 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useState, useRef, useEffectEvent, useEffect, useLayoutEffect } from 'react';
 import units, { isSafariOnIPhone, scrollerReRenderDelayIPhone } from './consts.js';
-import useEventCallback from '../global/use-event-callback.js';
 import 'date-fns/add';
 import 'date-fns';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'util-deprecate';
 
 function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDateSource, arith, scheduleScroll) {
-  const $ = c(39);
-  if ($[0] !== "5ce72fbec5594f0e31b7b5703cf53349d817d9722b565bfa743aaa359a97033d") {
-    for (let $i = 0; $i < 39; $i += 1) {
+  const $ = c(38);
+  if ($[0] !== "a3a62d0eaf68edc8b0ddbd21981a78487012d4433139cd433e355b8f989ab2de") {
+    for (let $i = 0; $i < 38; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "5ce72fbec5594f0e31b7b5703cf53349d817d9722b565bfa743aaa359a97033d";
+    $[0] = "a3a62d0eaf68edc8b0ddbd21981a78487012d4433139cd433e355b8f989ab2de";
   }
   let t0;
   if ($[1] !== arith || $[2] !== scrollDate.date) {
@@ -61,7 +59,7 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
   } else {
     t2 = $[12];
   }
-  const syncSelfState = useEventCallback(t2);
+  const syncSelfState = useEffectEvent(t2);
   const didMountRef = useRef(false);
   let t3;
   if ($[13] !== scrollDate.date || $[14] !== scrollDate.source || $[15] !== selfScrollDateSource || $[16] !== syncSelfState) {
@@ -88,19 +86,18 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
     t3 = $[17];
   }
   let t4;
-  if ($[18] !== scrollDate || $[19] !== selfScrollDateSource || $[20] !== syncSelfState) {
-    t4 = [scrollDate, selfScrollDateSource, syncSelfState];
+  if ($[18] !== scrollDate || $[19] !== selfScrollDateSource) {
+    t4 = [scrollDate, selfScrollDateSource];
     $[18] = scrollDate;
     $[19] = selfScrollDateSource;
-    $[20] = syncSelfState;
-    $[21] = t4;
+    $[20] = t4;
   } else {
-    t4 = $[21];
+    t4 = $[20];
   }
   useEffect(t3, t4);
   const ignoreNextScrollEventRef = useRef(true);
   let t5;
-  if ($[22] !== scrollTop) {
+  if ($[21] !== scrollTop) {
     t5 = function setContainerScrollFromState() {
       const container_0 = containerRef.current;
       if (!container_0) {
@@ -109,24 +106,24 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
       ignoreNextScrollEventRef.current = true;
       container_0.scrollTop = scrollTop;
     };
-    $[22] = scrollTop;
-    $[23] = t5;
+    $[21] = scrollTop;
+    $[22] = t5;
   } else {
-    t5 = $[23];
+    t5 = $[22];
   }
   let t6;
-  if ($[24] !== items || $[25] !== scrollTop) {
+  if ($[23] !== items || $[24] !== scrollTop) {
     t6 = [items, scrollTop];
-    $[24] = items;
-    $[25] = scrollTop;
-    $[26] = t6;
+    $[23] = items;
+    $[24] = scrollTop;
+    $[25] = t6;
   } else {
-    t6 = $[26];
+    t6 = $[25];
   }
   useLayoutEffect(t5, t6);
   const updateStateTimerRef = useRef(null);
   let t7;
-  if ($[27] !== arith || $[28] !== items || $[29] !== locale || $[30] !== onContainerScroll || $[31] !== scheduleScroll || $[32] !== selfScrollDateSource) {
+  if ($[26] !== arith || $[27] !== items || $[28] !== locale || $[29] !== onContainerScroll || $[30] !== scheduleScroll || $[31] !== selfScrollDateSource) {
     t7 = () => {
       scheduleScroll(() => {
         if (updateStateTimerRef.current != null) {
@@ -165,20 +162,19 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
         }
       });
     };
-    $[27] = arith;
-    $[28] = items;
-    $[29] = locale;
-    $[30] = onContainerScroll;
-    $[31] = scheduleScroll;
-    $[32] = selfScrollDateSource;
-    $[33] = t7;
+    $[26] = arith;
+    $[27] = items;
+    $[28] = locale;
+    $[29] = onContainerScroll;
+    $[30] = scheduleScroll;
+    $[31] = selfScrollDateSource;
+    $[32] = t7;
   } else {
-    t7 = $[33];
+    t7 = $[32];
   }
-  const handleScroll = useEventCallback(t7);
+  const handleScroll = useEffectEvent(t7);
   let t8;
-  let t9;
-  if ($[34] !== handleScroll) {
+  if ($[33] !== handleScroll) {
     t8 = () => {
       const container_2 = containerRef.current;
       if (!container_2) {
@@ -193,25 +189,29 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
         }
       };
     };
-    t9 = [handleScroll];
-    $[34] = handleScroll;
-    $[35] = t8;
-    $[36] = t9;
+    $[33] = handleScroll;
+    $[34] = t8;
+  } else {
+    t8 = $[34];
+  }
+  let t9;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = [];
+    $[35] = t9;
   } else {
-    t8 = $[35];
-    t9 = $[36];
+    t9 = $[35];
   }
   useEffect(t8, t9);
   let t10;
-  if ($[37] !== items) {
+  if ($[36] !== items) {
     t10 = {
       containerRef,
       items
     };
-    $[37] = items;
-    $[38] = t10;
+    $[36] = items;
+    $[37] = t10;
   } else {
-    t10 = $[38];
+    t10 = $[37];
   }
   return t10;
 }

package/components/date-picker/weekdays.js

@@ -1,5 +1,5 @@
 import 'core-js/modules/es.array.includes.js';
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import { getDay } from 'date-fns/getDay';
 import { format } from 'date-fns/format';

package/components/date-picker/years.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
@@ -13,15 +13,13 @@ import { ScrollArith } from './scroll-arith.js';
 import { useScrollBehavior } from './use-scroll-behavior.js';
 import { animateDate } from './animate-date.js';
 import scheduleRAF from '../global/schedule-raf.js';
-import { useIntersectionObserver, useVisibility } from './use-intersection-observer.js';
+import { useIntersectionObserverHandle, IntersectionObserverContext, useIsIntersecting } from '../global/intersection-observer-context.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
 import 'date-fns/add';
 import 'date-fns';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../global/use-event-callback.js';
-import 'util-deprecate';
 
 const {
   yearHeight
@@ -36,14 +34,14 @@ const scheduleScroll = scheduleRAF();
 /**
  * Reduces "empty" years during fast scrolling.
  */
-const intersectionObserverScrollMargin = units.calHeight / 2;
+const intersectionObserverRootMargin = units.calHeight / 2;
 function Years(t0) {
-  const $ = c(24);
-  if ($[0] !== "aa5edf1b8146bb2f5048c50f376e591fc6fc5fcb5e70e35dc076528241c541c9") {
-    for (let $i = 0; $i < 24; $i += 1) {
+  const $ = c(25);
+  if ($[0] !== "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702") {
+    for (let $i = 0; $i < 25; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "aa5edf1b8146bb2f5048c50f376e591fc6fc5fcb5e70e35dc076528241c541c9";
+    $[0] = "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702";
   }
   const {
     scrollDate,
@@ -154,81 +152,89 @@ function Years(t0) {
     containerRef,
     items
   } = useScrollBehavior(localScrollDate, syncCalendarScrollDate, undefined, "yearsScroll", scrollArith, scheduleScroll);
-  const intersectionObserverHandle = useIntersectionObserver(containerRef, intersectionObserverScrollMargin);
-  let t7;
-  if ($[12] !== handleYearClick || $[13] !== intersectionObserverHandle || $[14] !== items || $[15] !== localScrollDate.date) {
-    let t8;
-    if ($[17] !== handleYearClick || $[18] !== intersectionObserverHandle || $[19] !== localScrollDate.date) {
-      t8 = year_0 => /*#__PURE__*/jsx(Year, {
+  const t7 = useIntersectionObserverHandle(containerRef, intersectionObserverRootMargin);
+  let t8;
+  if ($[12] !== handleYearClick || $[13] !== items || $[14] !== localScrollDate.date) {
+    let t9;
+    if ($[16] !== handleYearClick || $[17] !== localScrollDate.date) {
+      t9 = year_0 => /*#__PURE__*/jsx(Year, {
         year: year_0,
         scrollDate: localScrollDate.date,
-        handleYearClick: handleYearClick,
-        intersectionObserverHandle: intersectionObserverHandle
+        handleYearClick: handleYearClick
       }, +year_0);
-      $[17] = handleYearClick;
-      $[18] = intersectionObserverHandle;
-      $[19] = localScrollDate.date;
-      $[20] = t8;
+      $[16] = handleYearClick;
+      $[17] = localScrollDate.date;
+      $[18] = t9;
     } else {
-      t8 = $[20];
+      t9 = $[18];
     }
-    t7 = items.map(t8);
+    t8 = items.map(t9);
     $[12] = handleYearClick;
-    $[13] = intersectionObserverHandle;
-    $[14] = items;
-    $[15] = localScrollDate.date;
-    $[16] = t7;
+    $[13] = items;
+    $[14] = localScrollDate.date;
+    $[15] = t8;
   } else {
-    t7 = $[16];
+    t8 = $[15];
   }
-  let t8;
-  if ($[21] !== containerRef || $[22] !== t7) {
-    t8 = /*#__PURE__*/jsx("div", {
+  let t9;
+  if ($[19] !== containerRef || $[20] !== t8) {
+    t9 = /*#__PURE__*/jsx("div", {
       className: styles.years,
       ref: containerRef,
       "data-test": "ring-date-popup--years",
-      children: t7
+      children: t8
+    });
+    $[19] = containerRef;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== t7 || $[23] !== t9) {
+    t10 = /*#__PURE__*/jsx(IntersectionObserverContext, {
+      value: t7,
+      children: t9
     });
-    $[21] = containerRef;
     $[22] = t7;
-    $[23] = t8;
+    $[23] = t9;
+    $[24] = t10;
   } else {
-    t8 = $[23];
+    t10 = $[24];
   }
-  return t8;
+  return t10;
 }
 function Year(t0) {
   const $ = c(24);
-  if ($[0] !== "aa5edf1b8146bb2f5048c50f376e591fc6fc5fcb5e70e35dc076528241c541c9") {
+  if ($[0] !== "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702") {
     for (let $i = 0; $i < 24; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "aa5edf1b8146bb2f5048c50f376e591fc6fc5fcb5e70e35dc076528241c541c9";
+    $[0] = "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702";
   }
   const {
     year,
     scrollDate,
-    handleYearClick,
-    intersectionObserverHandle
+    handleYearClick
   } = t0;
   const buttonRef = useRef(null);
-  const visible = useVisibility(intersectionObserverHandle, buttonRef);
+  const isIntersecting = useIsIntersecting(buttonRef);
   const t1 = +year;
-  const t2 = !visible;
+  const t2 = !isIntersecting;
   let t3;
-  if ($[1] !== scrollDate || $[2] !== visible || $[3] !== year) {
-    t3 = visible && isSameYear(year, scrollDate) && styles.currentYear;
-    $[1] = scrollDate;
-    $[2] = visible;
+  if ($[1] !== isIntersecting || $[2] !== scrollDate || $[3] !== year) {
+    t3 = isIntersecting && isSameYear(year, scrollDate) && styles.currentYear;
+    $[1] = isIntersecting;
+    $[2] = scrollDate;
     $[3] = year;
     $[4] = t3;
   } else {
     t3 = $[4];
   }
   let t4;
-  if ($[5] !== visible || $[6] !== year) {
-    t4 = visible && isThisYear(year) && styles.today;
-    $[5] = visible;
+  if ($[5] !== isIntersecting || $[6] !== year) {
+    t4 = isIntersecting && isThisYear(year) && styles.today;
+    $[5] = isIntersecting;
     $[6] = year;
     $[7] = t4;
   } else {
@@ -244,19 +250,19 @@ function Year(t0) {
     t5 = $[10];
   }
   let t6;
-  if ($[11] !== handleYearClick || $[12] !== visible || $[13] !== year) {
-    t6 = visible ? () => handleYearClick(year) : undefined;
+  if ($[11] !== handleYearClick || $[12] !== isIntersecting || $[13] !== year) {
+    t6 = isIntersecting ? () => handleYearClick(year) : undefined;
     $[11] = handleYearClick;
-    $[12] = visible;
+    $[12] = isIntersecting;
     $[13] = year;
     $[14] = t6;
   } else {
     t6 = $[14];
   }
   let t7;
-  if ($[15] !== visible || $[16] !== year) {
-    t7 = visible ? format(year, "yyyy") : "\xA0";
-    $[15] = visible;
+  if ($[15] !== isIntersecting || $[16] !== year) {
+    t7 = isIntersecting ? format(year, "yyyy") : "\xA0";
+    $[15] = isIntersecting;
     $[16] = year;
     $[17] = t7;
   } else {

package/components/dialog/dialog-body-scroll-preventer.js

@@ -1,2 +1,49 @@
-import 'scrollbar-width';
-export { d as default, p as preventerFactory } from '../_helpers/dialog-body-scroll-preventer.js';
+import scrollbarWidth from 'scrollbar-width';
+import { s as styles } from '../_helpers/dialog.js';
+
+const isPrevented = new Set();
+let previousDocumentWidth = null;
+const prevent = key => {
+  if (isPrevented.has(key)) {
+    return;
+  }
+  isPrevented.add(key);
+  if (isPrevented.size > 1) {
+    return;
+  }
+  const documentHasScroll = document.documentElement.scrollHeight > window.innerHeight || getComputedStyle(document.documentElement).overflowY === 'scroll';
+  document.documentElement.classList.add(styles.documentWithoutScroll);
+  const scrollWidth = scrollbarWidth();
+  const {
+    scrollbarGutter
+  } = getComputedStyle(document.documentElement);
+  const documentHasScrollbarGutter = scrollbarGutter === 'stable' || scrollbarGutter === 'both-edges';
+  if (documentHasScroll && scrollWidth !== null && scrollWidth !== undefined && scrollWidth > 0 && !documentHasScrollbarGutter) {
+    previousDocumentWidth = document.documentElement.style.width;
+    document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
+  }
+};
+const reset = key => {
+  if (isPrevented.size === 0) {
+    return;
+  }
+  isPrevented.delete(key);
+  if (isPrevented.size > 0) {
+    return;
+  }
+  document.documentElement.classList.remove(styles.documentWithoutScroll);
+  if (previousDocumentWidth !== null && previousDocumentWidth !== undefined) {
+    document.documentElement.style.width = previousDocumentWidth;
+    previousDocumentWidth = null;
+  }
+};
+const preventerFactory = key => {
+  const preventerKey = key || Math.random();
+  return {
+    prevent: () => prevent(preventerKey),
+    reset: () => reset(preventerKey)
+  };
+};
+var dialogBodyScrollPreventer = preventerFactory('default-preventer');
+
+export { dialogBodyScrollPreventer as default, preventerFactory };

package/components/dialog/dialog-controls.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { InteractionDirection } from './dialog-geometry';
+interface DialogControlsProps {
+    movable: boolean | undefined;
+    resizable: boolean | undefined;
+    showCloseButton: boolean;
+    closeButtonTitle: string | undefined;
+    onCloseClick: React.MouseEventHandler<HTMLElement>;
+    onStartInteraction: (event: React.PointerEvent<HTMLElement>, direction: InteractionDirection) => void;
+    onStopInteraction: React.PointerEventHandler<HTMLElement>;
+}
+export default function DialogControls({ movable, resizable, showCloseButton, closeButtonTitle, onCloseClick, onStartInteraction, onStopInteraction, }: DialogControlsProps): React.JSX.Element;
+export {};

package/components/dialog/dialog-controls.js

@@ -0,0 +1,113 @@
+import { c } from 'react/compiler-runtime';
+import 'react';
+import closeIcon from '@jetbrains/icons/close';
+import resizeIcon from '@jetbrains/icons/resize-corner-12px';
+import { Button } from '../button/button.js';
+import Icon from '../icon/icon.js';
+import { s as styles } from '../_helpers/dialog.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'classnames';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/chevron-12px-down';
+import '../link/clickable-link.js';
+import '../global/controls-height.js';
+import 'util-deprecate';
+import '../global/configuration.js';
+import '../_helpers/button.classes.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
+import '../global/memoize.js';
+
+const resizeDirections = ['n', 'ne', 'e', 's', 'sw', 'w', 'nw', 'se'];
+function DialogControls(t0) {
+  const $ = c(16);
+  if ($[0] !== "3b5393fdb3ab1f8cc9dae0ff6911750d56209b75ddbd239bbce35cfb2f2ab34c") {
+    for (let $i = 0; $i < 16; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "3b5393fdb3ab1f8cc9dae0ff6911750d56209b75ddbd239bbce35cfb2f2ab34c";
+  }
+  const {
+    movable,
+    resizable,
+    showCloseButton,
+    closeButtonTitle,
+    onCloseClick,
+    onStartInteraction,
+    onStopInteraction
+  } = t0;
+  let t1;
+  if ($[1] !== movable || $[2] !== onStopInteraction) {
+    t1 = movable && /*#__PURE__*/jsx("div", {
+      "aria-hidden": "true",
+      className: styles.moveHandle,
+      "data-ring-dialog-move-handle": "",
+      "data-test": "ring-dialog-move-handle",
+      onLostPointerCapture: onStopInteraction
+    });
+    $[1] = movable;
+    $[2] = onStopInteraction;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== closeButtonTitle || $[5] !== onCloseClick || $[6] !== showCloseButton) {
+    t2 = showCloseButton && /*#__PURE__*/jsx(Button, {
+      icon: closeIcon,
+      "data-test": "ring-dialog-close-button",
+      className: styles.closeButton,
+      iconClassName: styles.closeIcon,
+      onClick: onCloseClick,
+      title: closeButtonTitle,
+      "aria-label": closeButtonTitle || "close dialog"
+    });
+    $[4] = closeButtonTitle;
+    $[5] = onCloseClick;
+    $[6] = showCloseButton;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== onStartInteraction || $[9] !== onStopInteraction || $[10] !== resizable) {
+    t3 = resizable && /*#__PURE__*/jsxs(Fragment, {
+      children: [resizeDirections.map(direction => /*#__PURE__*/jsx("div", {
+        "aria-hidden": "true",
+        className: styles.resizeHandle,
+        "data-resize-direction": direction,
+        "data-test": `ring-dialog-resize-handle-${direction}`,
+        onPointerDown: event => onStartInteraction(event, direction),
+        onPointerUp: onStopInteraction,
+        onPointerCancel: onStopInteraction,
+        onLostPointerCapture: onStopInteraction
+      }, direction)), /*#__PURE__*/jsx(Icon, {
+        "aria-hidden": "true",
+        className: styles.resizeMarker,
+        "data-test": "ring-dialog-resize-marker",
+        glyph: resizeIcon
+      })]
+    });
+    $[8] = onStartInteraction;
+    $[9] = onStopInteraction;
+    $[10] = resizable;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== t1 || $[13] !== t2 || $[14] !== t3) {
+    t4 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t1, t2, t3]
+    });
+    $[12] = t1;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
+}
+
+export { DialogControls as default };

package/components/dialog/dialog-geometry.d.ts

@@ -0,0 +1,31 @@
+export type ResizeDirection = 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw';
+export type InteractionDirection = 'move' | ResizeDirection;
+export interface Geometry {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface DialogState {
+    shortcutsScope: string;
+    geometry: Geometry | null;
+    resized: boolean;
+}
+export interface Interaction {
+    pointerId: number;
+    direction: InteractionDirection;
+    startX: number;
+    startY: number;
+    minWidth: number;
+    minHeight: number;
+    geometry: Geometry;
+}
+export declare const getNativeTabIndex: (autoFocusFirst: boolean | undefined) => -1 | undefined;
+export declare const getTrapDisabled: (trapFocus: boolean, trapDisabled: boolean | undefined) => boolean;
+export declare const getResizeMinimum: (element: Element) => {
+    minWidth: number;
+    minHeight: number;
+};
+export declare const moveGeometry: (start: Geometry, dx: number, dy: number, viewportWidth: number, viewportHeight: number) => Geometry;
+export declare const fitGeometry: (geometry: Geometry, viewportWidth: number, viewportHeight: number) => Geometry;
+export declare const resizeGeometry: ({ geometry: start, direction, minWidth, minHeight }: Interaction, dx: number, dy: number, viewportWidth: number, viewportHeight: number) => Geometry;

package/components/dialog/dialog-geometry.js

@@ -0,0 +1,63 @@
+import 'core-js/modules/es.array.includes.js';
+
+const MIN_WIDTH = 256;
+const MIN_HEIGHT = 160;
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const getNativeTabIndex = autoFocusFirst => autoFocusFirst ? undefined : -1;
+const getTrapDisabled = (trapFocus, trapDisabled) => trapDisabled !== null && trapDisabled !== void 0 ? trapDisabled : !trapFocus;
+const getResizeMinimum = element => {
+  const {
+    minWidth,
+    minHeight
+  } = getComputedStyle(element);
+  const parsedWidth = parseFloat(minWidth);
+  const parsedHeight = parseFloat(minHeight);
+  return {
+    minWidth: Number.isNaN(parsedWidth) ? MIN_WIDTH : parsedWidth,
+    minHeight: Number.isNaN(parsedHeight) ? MIN_HEIGHT : parsedHeight
+  };
+};
+const moveGeometry = (start, dx, dy, viewportWidth, viewportHeight) => ({
+  ...start,
+  left: clamp(start.left + dx, 0, Math.max(0, viewportWidth - start.width)),
+  top: clamp(start.top + dy, 0, Math.max(0, viewportHeight - start.height))
+});
+const fitGeometry = (geometry, viewportWidth, viewportHeight) => {
+  const width = Math.min(geometry.width, viewportWidth);
+  const height = Math.min(geometry.height, viewportHeight);
+  return {
+    left: clamp(geometry.left, 0, Math.max(0, viewportWidth - width)),
+    top: clamp(geometry.top, 0, Math.max(0, viewportHeight - height)),
+    width,
+    height
+  };
+};
+const resizeGeometry = ({
+  geometry: start,
+  direction,
+  minWidth,
+  minHeight
+}, dx, dy, viewportWidth, viewportHeight) => {
+  let left = start.left;
+  let right = start.left + start.width;
+  let top = start.top;
+  let bottom = start.top + start.height;
+  if (direction.includes('w')) {
+    left = clamp(start.left + dx, 0, right - Math.min(minWidth, right));
+  } else if (direction.includes('e')) {
+    right = clamp(right + dx, left + Math.min(minWidth, viewportWidth - left), viewportWidth);
+  }
+  if (direction.includes('n')) {
+    top = clamp(start.top + dy, 0, bottom - Math.min(minHeight, bottom));
+  } else if (direction.includes('s')) {
+    bottom = clamp(bottom + dy, top + Math.min(minHeight, viewportHeight - top), viewportHeight);
+  }
+  return {
+    left,
+    top,
+    width: right - left,
+    height: bottom - top
+  };
+};
+
+export { fitGeometry, getNativeTabIndex, getResizeMinimum, getTrapDisabled, moveGeometry, resizeGeometry };