@reshaped/utilities 3.11.0-canary.4 → 4.0.0-canary.5

package/dist/a11y/TrapFocus.js

@@ -2,7 +2,7 @@ var _a;
 import keys from "../constants/keys.js";
 import { getShadowRoot } from "../dom/index.js";
 import Chain from "./Chain.js";
-import { getActiveElement, getFocusableElements, focusElement, getFocusData } from "./focus.js";
+import { focusElement, getActiveElement, getFocusableElements, getFocusData } from "./focus.js";
 import { checkKeyboardMode } from "./keyboardMode.js";
 import TrapScreenReader from "./TrapScreenReader.js";
 class TrapFocus {

package/dist/a11y/index.d.ts

@@ -1,4 +1,4 @@
-export { focusableSelector, getActiveElement, getFocusableElements, focusNextElement, focusPreviousElement, focusFirstElement, focusLastElement, } from "./focus";
-export { activateKeyboardMode, deactivateKeyboardMode, checkKeyboardMode } from "./keyboardMode";
+export { focusableSelector, focusFirstElement, focusLastElement, focusNextElement, focusPreviousElement, getActiveElement, getFocusableElements, } from "./focus";
+export { activateKeyboardMode, checkKeyboardMode, deactivateKeyboardMode } from "./keyboardMode";
 export { default as TrapFocus } from "./TrapFocus";
-export type { TrapMode, FocusableElement } from "./types";
+export type { FocusableElement, TrapMode } from "./types";

package/dist/a11y/index.js

@@ -1,3 +1,3 @@
-export { focusableSelector, getActiveElement, getFocusableElements, focusNextElement, focusPreviousElement, focusFirstElement, focusLastElement, } from "./focus.js";
-export { activateKeyboardMode, deactivateKeyboardMode, checkKeyboardMode } from "./keyboardMode.js";
+export { focusableSelector, focusFirstElement, focusLastElement, focusNextElement, focusPreviousElement, getActiveElement, getFocusableElements, } from "./focus.js";
+export { activateKeyboardMode, checkKeyboardMode, deactivateKeyboardMode } from "./keyboardMode.js";
 export { default as TrapFocus } from "./TrapFocus.js";

package/dist/a11y/tests/Chain.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, beforeEach } from "vitest";
+import { beforeEach, describe, expect, test } from "vitest";
 import Chain from "../Chain.js";
 describe("a11y/Chain", () => {
     let chain;

package/dist/a11y/tests/TrapFocus.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, beforeEach, afterEach, vi } from "vitest";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 import TrapFocus from "../TrapFocus.js";
 describe("a11y/TrapFocus", () => {
     let container;

package/dist/a11y/tests/TrapScreenReader.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, beforeEach, afterEach } from "vitest";
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
 import TrapScreenReader from "../TrapScreenReader.js";
 describe("a11y/TrapScreenReader", () => {
     let container;

package/dist/a11y/tests/focus.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe, beforeEach, afterEach } from "vitest";
-import { getActiveElement, focusElement, getFocusableElements, getFocusData, focusNextElement, focusPreviousElement, focusFirstElement, focusLastElement, } from "../focus.js";
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
+import { focusElement, focusFirstElement, focusLastElement, focusNextElement, focusPreviousElement, getActiveElement, getFocusableElements, getFocusData, } from "../focus.js";
 describe("a11y/focus", () => {
     let container;
     beforeEach(() => {

package/dist/a11y/tests/keyboardMode.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe, beforeEach, afterEach } from "vitest";
-import { activateKeyboardMode, deactivateKeyboardMode, checkKeyboardMode, keyboardModeAttribute, } from "../keyboardMode.js";
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
+import { activateKeyboardMode, checkKeyboardMode, deactivateKeyboardMode, keyboardModeAttribute, } from "../keyboardMode.js";
 describe("a11y/keyboardMode", () => {
     beforeEach(() => {
         document.documentElement.removeAttribute(keyboardModeAttribute);

package/dist/css/index.d.ts

@@ -1,2 +1,2 @@
-export { default as classNames, type ClassName } from "./classNames";
+export { type ClassName, default as classNames } from "./classNames";
 export { default as StyleCache } from "./StyleCache";

package/dist/css/tests/StyleCache.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, beforeEach } from "vitest";
+import { beforeEach, describe, expect, test } from "vitest";
 import StyleCache from "../StyleCache.js";
 describe("css/StyleCache", () => {
     let styleCache;

package/dist/css/tests/classNames.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe } from "vitest";
+import { describe, expect, test } from "vitest";
 import classNames from "../classNames.js";
 describe("helpers/classNames", () => {
     test("returns empty string when no arguments are provided", () => {

package/dist/dom/tests/findClosestScrollableContainer.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, afterEach } from "vitest";
+import { afterEach, describe, expect, test } from "vitest";
 import findClosestScrollableContainer from "../findClosestScrollableContainer.js";
 describe("dom/findClosestScrollableContainer", () => {
     afterEach(() => {

package/dist/dom/tests/findParent.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe } from "vitest";
+import { describe, expect, test } from "vitest";
 import findParent from "../findParent.js";
 describe("dom/findParent", () => {
     test("returns null when element has no parent", () => {

package/dist/flyout/Flyout.d.ts

@@ -1,5 +1,5 @@
-import applyPosition from "./utilities/applyPosition";
 import type { Options } from "./types";
+import applyPosition from "./utilities/applyPosition";
 declare class Flyout {
     #private;
     constructor(options: Options);

package/dist/flyout/Flyout.js

@@ -18,7 +18,7 @@ class Flyout {
         return result;
     };
     #addParentScrollHandler = () => {
-        const { trigger, onDeactivate } = this.#options;
+        const { trigger, onDeactivate, fallbackAdjustLayout } = this.#options;
         if (!trigger)
             return;
         const container = findClosestScrollableContainer({ el: trigger });
@@ -26,16 +26,22 @@ class Flyout {
         const handleScroll = rafThrottle(() => {
             if (!this.#active)
                 return;
-            if (!container) {
+            if (!container && !fallbackAdjustLayout) {
                 this.#update();
                 return;
             }
             const triggerBounds = trigger.getBoundingClientRect();
-            const containerBounds = container.getBoundingClientRect();
-            if (triggerBounds.top < containerBounds.top ||
-                triggerBounds.left < containerBounds.left ||
-                triggerBounds.right > containerBounds.right ||
-                triggerBounds.bottom > containerBounds.bottom) {
+            const containerBounds = container?.getBoundingClientRect();
+            const visibilityBounds = {
+                top: containerBounds?.top ?? 0,
+                left: containerBounds?.left ?? 0,
+                right: containerBounds?.right ?? window.innerWidth,
+                bottom: containerBounds?.bottom ?? window.innerHeight,
+            };
+            if (triggerBounds.top < visibilityBounds.top ||
+                triggerBounds.left < visibilityBounds.left ||
+                triggerBounds.right > visibilityBounds.right ||
+                triggerBounds.bottom > visibilityBounds.bottom) {
                 onDeactivate();
             }
             else {

package/dist/flyout/tests/Flyout.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe, beforeEach, afterEach, vi } from "vitest";
-import Flyout from "flyout/Flyout";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import Flyout from "../Flyout.js";
 describe("flyout/Flyout", () => {
     let content;
     let trigger;

package/dist/flyout/utilities/applyPosition.d.ts

@@ -1,4 +1,4 @@
-import type { Position, Options } from "../types";
+import type { Options, Position } from "../types";
 declare const applyPosition: (args: Options & {
     lastUsedPosition: Position | null;
 }) => {

package/dist/flyout/utilities/applyPosition.js

@@ -1,6 +1,6 @@
 import { getShadowRoot } from "../../dom/index.js";
 import isRTL from "../../i18n/isRTL.js";
-import { VIEWPORT_OFFSET, RESET_STYLES } from "../constants.js";
+import { RESET_STYLES, VIEWPORT_OFFSET } from "../constants.js";
 import calculateLayoutAdjustment from "./calculateLayoutAdjustment.js";
 import calculatePosition from "./calculatePosition.js";
 import getPositionFallbacks from "./getPositionFallbacks.js";

package/dist/flyout/utilities/calculateLayoutAdjustment.d.ts

@@ -1,5 +1,5 @@
-import type { CalculatePositionResult } from "./calculatePosition";
 import type { Options } from "../types";
+import type { CalculatePositionResult } from "./calculatePosition";
 type CalculateLayoutAdjustmentArgs = CalculatePositionResult & Pick<Options, "fallbackAdjustLayout" | "fallbackMinHeight" | "width"> & {
     flyoutBounds: DOMRect;
     triggerBounds: DOMRect;

package/dist/flyout/utilities/tests/applyPosition.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe, beforeEach, afterEach, vi } from "vitest";
-import applyPosition from "flyout/utilities/applyPosition";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import applyPosition from "../applyPosition.js";
 describe("flyout/applyPosition", () => {
     let content;
     let trigger;

package/dist/flyout/utilities/tests/calculateLayoutAdjustment.test.js

@@ -1,6 +1,6 @@
-import { expect, test, describe, vi, beforeEach } from "vitest";
-import { VIEWPORT_OFFSET } from "flyout/constants";
-import calculateLayoutAdjustment from "flyout/utilities/calculateLayoutAdjustment";
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { VIEWPORT_OFFSET } from "../../constants.js";
+import calculateLayoutAdjustment from "../calculateLayoutAdjustment.js";
 describe("flyout/calculateLayoutAdjustment", () => {
     const createBounds = (left, top, width, height) => {
         return {

package/dist/flyout/utilities/tests/calculatePosition.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe, vi, beforeEach } from "vitest";
-import calculatePosition from "flyout/utilities/calculatePosition";
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import calculatePosition from "../calculatePosition.js";
 describe("flyout/calculatePosition", () => {
     const createBounds = (left, top, width, height) => {
         return {

package/dist/flyout/utilities/tests/centerBySize.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe } from "vitest";
-import centerBySize from "flyout/utilities/centerBySize";
+import { describe, expect, test } from "vitest";
+import centerBySize from "../centerBySize.js";
 describe("flyout/centerBySize", () => {
     test("centers even value", () => {
         expect(centerBySize(100, 50)).toEqual(25);

package/dist/flyout/utilities/tests/getPositionFallbacks.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe } from "vitest";
-import getPositionFallbacks from "flyout/utilities/getPositionFallbacks";
+import { describe, expect, test } from "vitest";
+import getPositionFallbacks from "../getPositionFallbacks.js";
 describe("flyout/getPositionFallbacks", () => {
     test("returns original position first for top-start", () => {
         const result = getPositionFallbacks("top-start");

package/dist/flyout/utilities/tests/getRTLPosition.test.js

@@ -1,5 +1,5 @@
-import { expect, test, describe } from "vitest";
-import getRTLPosition from "flyout/utilities/getRTLPosition";
+import { describe, expect, test } from "vitest";
+import getRTLPosition from "../getRTLPosition.js";
 describe("flyout/getRTLPosition", () => {
     test("keeps top position", () => {
         expect(getRTLPosition("top")).toEqual("top");

package/dist/flyout/utilities/tests/isFullyVisible.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe } from "vitest";
+import { describe, expect, test } from "vitest";
 import isFullyVisible from "../isFullyVisible.js";
 describe("flyout/isFullyVisible", () => {
     test("returns true when flyout is fully visible within visual container", () => {

package/dist/helpers/rafThrottle.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const rafThrottle = (fn) => {
     let rafId = null;
     let args = null;

package/dist/helpers/tests/rafThrottle.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, beforeEach, vi } from "vitest";
+import { beforeEach, describe, expect, test, vi } from "vitest";
 import rafThrottle from "../rafThrottle.js";
 const waitForNextFrame = () => {
     return new Promise((resolve) => {
@@ -8,7 +8,6 @@ const waitForNextFrame = () => {
     });
 };
 describe("helpers/rafThrottle", () => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let mockFn;
     beforeEach(() => {
         mockFn = vi.fn();

package/dist/i18n/tests/isRTL.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, beforeEach, vi, afterAll } from "vitest";
+import { afterAll, beforeEach, describe, expect, test, vi } from "vitest";
 import isRTL from "../isRTL.js";
 describe("i18n/isRTL", () => {
     beforeEach(() => {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { Flyout } from "./flyout";
 export { TrapFocus } from "./a11y";
-export { lockScroll } from "./scroll";
-export { isRTL } from "./i18n";
-export { classNames, type ClassName } from "./css";
 export { default as keys } from "./constants/keys";
+export { type ClassName, classNames } from "./css";
+export { Flyout } from "./flyout";
+export { isRTL } from "./i18n";
+export { lockScroll } from "./scroll";

package/dist/index.js

@@ -1,6 +1,6 @@
-export { Flyout } from "./flyout/index.js";
 export { TrapFocus } from "./a11y/index.js";
-export { lockScroll } from "./scroll/index.js";
-export { isRTL } from "./i18n/index.js";
-export { classNames } from "./css/index.js";
 export { default as keys } from "./constants/keys.js";
+export { classNames } from "./css/index.js";
+export { Flyout } from "./flyout/index.js";
+export { isRTL } from "./i18n/index.js";
+export { lockScroll } from "./scroll/index.js";

package/dist/internal.d.ts

@@ -4,9 +4,9 @@
  *
  * If you want to use one of these utilities, open an issue or a PR about moving it to the public API file
  */
-export { focusableSelector, getActiveElement, getFocusableElements, focusNextElement, focusPreviousElement, focusFirstElement, focusLastElement, activateKeyboardMode, deactivateKeyboardMode, checkKeyboardMode, } from "./a11y";
-export type { TrapMode, FocusableElement } from "./a11y";
-export { disableScroll, enableScroll } from "./scroll";
+export type { FocusableElement, TrapMode } from "./a11y";
+export { activateKeyboardMode, checkKeyboardMode, deactivateKeyboardMode, focusableSelector, focusFirstElement, focusLastElement, focusNextElement, focusPreviousElement, getActiveElement, getFocusableElements, } from "./a11y";
+export { findParent, getShadowRoot } from "./dom";
 export { rafThrottle } from "./helpers";
-export { getShadowRoot, findParent } from "./dom";
+export { disableScroll, enableScroll } from "./scroll";
 export type { Coordinates } from "./types/global";

package/dist/internal.js

@@ -4,7 +4,7 @@
  *
  * If you want to use one of these utilities, open an issue or a PR about moving it to the public API file
  */
-export { focusableSelector, getActiveElement, getFocusableElements, focusNextElement, focusPreviousElement, focusFirstElement, focusLastElement, activateKeyboardMode, deactivateKeyboardMode, checkKeyboardMode, } from "./a11y/index.js";
-export { disableScroll, enableScroll } from "./scroll/index.js";
+export { activateKeyboardMode, checkKeyboardMode, deactivateKeyboardMode, focusableSelector, focusFirstElement, focusLastElement, focusNextElement, focusPreviousElement, getActiveElement, getFocusableElements, } from "./a11y/index.js";
+export { findParent, getShadowRoot } from "./dom/index.js";
 export { rafThrottle } from "./helpers/index.js";
-export { getShadowRoot, findParent } from "./dom/index.js";
+export { disableScroll, enableScroll } from "./scroll/index.js";

package/dist/platform/index.js

@@ -1,7 +1,6 @@
 const testPlatform = (re) => {
     // Using experimental and deprecated features here since that's the only way to detect platform consistently
     const platform = 
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     window.navigator.userAgentData?.platform || window.navigator.platform;
     return typeof window !== "undefined" ? re.test(platform) : false;

package/dist/scroll/tests/lock.test.js

@@ -1,4 +1,4 @@
-import { expect, test, describe, beforeEach, vi, afterEach } from "vitest";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 import { lockScroll } from "../lock.js";
 // Mock the platform module to avoid iOS path
 vi.mock("@/platform", () => ({

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@reshaped/utilities",
+  "version": "4.0.0-canary.5",
   "description": "Vanilla JS utilities for implementing common UI patterns",
-  "version": "3.11.0-canary.4",
-  "license": "MIT",
   "homepage": "https://reshaped.so",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/reshaped-ui/reshaped.git",
-    "directory": "packages/core"
-  },
   "bugs": {
     "url": "https://github.com/reshaped-ui/reshaped/issues"
   },
+  "license": "MIT",
   "author": {
     "name": "Dmitry Belyaev",
     "email": "blv.dmitry@gmail.com",
     "url": "https://reshaped.so"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/reshaped-ui/reshaped.git",
+    "directory": "packages/core"
+  },
   "files": [
     "dist/**/*"
   ],

package/dist/flyout/utilities/createSafeArea.d.ts

@@ -1,15 +0,0 @@
-import type { Position, Coordinates } from "../types";
-type CreateSafeAreaArgs = {
-    coordinates: Coordinates;
-    content: HTMLElement;
-    trigger: HTMLElement;
-    position: Position;
-    existingSafeArea: HTMLElement | null;
-};
-/**
- * Creates an SVG element representing the safe area triangle
- * from the mouse coordinates to the closest side of the content.
- * The safe area is limited by the trigger's boundaries.
- */
-declare const createSafeArea: (args: CreateSafeAreaArgs) => HTMLElement;
-export default createSafeArea;

package/dist/flyout/utilities/createSafeArea.js

@@ -1,62 +0,0 @@
-/**
- * Creates an SVG element representing the safe area triangle
- * from the mouse coordinates to the closest side of the content.
- * The safe area is limited by the trigger's boundaries.
- */
-const createSafeArea = (args) => {
-    const { coordinates, content, trigger, position, existingSafeArea } = args;
-    const contentBounds = content.getBoundingClientRect();
-    const isHorizontal = position.startsWith("start") || position.startsWith("end");
-    const isLogicalStart = position.startsWith("start") || position.startsWith("top");
-    const BUFFER = 10;
-    let points;
-    if (isHorizontal) {
-        const originX = isLogicalStart ? coordinates.x + BUFFER : coordinates.x - BUFFER;
-        const x = isLogicalStart ? contentBounds.left + contentBounds.width : contentBounds.left;
-        const topCoordinates = { x, y: contentBounds.top };
-        const bottomCoordinates = { x, y: contentBounds.top + contentBounds.height };
-        points = `${originX},${coordinates.y} ${topCoordinates.x},${topCoordinates.y} ${bottomCoordinates.x},${bottomCoordinates.y}`;
-    }
-    else {
-        const originY = isLogicalStart ? coordinates.y + BUFFER : coordinates.y - BUFFER;
-        const y = isLogicalStart ? contentBounds.top + contentBounds.height : contentBounds.top;
-        const leftCoordinates = { x: contentBounds.left, y };
-        const rightCoordinates = { x: contentBounds.left + contentBounds.width, y };
-        points = `${coordinates.x},${originY} ${leftCoordinates.x},${leftCoordinates.y} ${rightCoordinates.x},${rightCoordinates.y}`;
-    }
-    // Calculate SVG viewBox to cover the triangle area
-    const pointCoords = points.split(" ").map((p) => p.split(",").map(Number));
-    const minX = Math.min(...pointCoords.map((p) => p[0]));
-    const maxX = Math.max(...pointCoords.map((p) => p[0]));
-    const minY = Math.min(...pointCoords.map((p) => p[1]));
-    const maxY = Math.max(...pointCoords.map((p) => p[1]));
-    const svgWidth = maxX - minX;
-    const svgHeight = maxY - minY;
-    // Adjust points relative to SVG origin
-    const adjustedPoints = pointCoords.map((p) => `${p[0] - minX},${p[1] - minY}`).join(" ");
-    const styles = `
-		position: fixed;
-		left: ${minX}px;
-		top: ${minY}px;
-		width: ${svgWidth}px;
-		height: ${svgHeight}px;
-		pointer-events: none;
-		z-index: 9999;
-	`;
-    const svgContent = `
-		<svg width="${svgWidth}" height="${svgHeight}" viewBox="0 0 ${svgWidth} ${svgHeight}">
-			<polygon points="${adjustedPoints}" fill="red" opacity="0.5" style="pointer-events: auto;" />
-		</svg>
-	`;
-    if (existingSafeArea) {
-        existingSafeArea.style.cssText = styles;
-        existingSafeArea.innerHTML = svgContent;
-        return existingSafeArea;
-    }
-    const container = document.createElement("div");
-    container.style.cssText = styles;
-    container.innerHTML = svgContent;
-    trigger.appendChild(container);
-    return container;
-};
-export default createSafeArea;

package/dist/flyout/utilities/findClosestFixedContainer.d.ts

@@ -1,5 +0,0 @@
-type Args = {
-    el: HTMLElement | null;
-};
-declare const _default: (args: Args) => HTMLElement;
-export default _default;

package/dist/flyout/utilities/findClosestFixedContainer.js

@@ -1,18 +0,0 @@
-import getShadowRoot from "../../dom/getShadowRoot.js";
-const findClosestPositionContainer = (args) => {
-    const { el, iteration = 0 } = args;
-    const style = el && window.getComputedStyle(el);
-    const position = style?.position;
-    const isFixed = position === "fixed" || position === "sticky";
-    if (iteration === 0) {
-        const shadowRoot = getShadowRoot(el);
-        if (shadowRoot?.firstElementChild)
-            return shadowRoot.firstElementChild;
-    }
-    if (el === document.body || !el)
-        return document.body;
-    if (isFixed)
-        return el;
-    return findClosestPositionContainer({ el: el.parentElement, iteration: iteration + 1 });
-};
-export default (args) => findClosestPositionContainer({ ...args, iteration: 0 });

package/dist/flyout/utilities/findClosestScrollableContainer.d.ts

@@ -1,5 +0,0 @@
-type Args = {
-    el: HTMLElement;
-};
-declare const _default: (args: Args) => HTMLElement | null;
-export default _default;

package/dist/flyout/utilities/findClosestScrollableContainer.js

@@ -1,12 +0,0 @@
-const findClosestScrollableContainer = (args) => {
-    const { el, iteration } = args;
-    const style = el && window.getComputedStyle(el);
-    const overflowY = style.overflowY;
-    const isScrollable = overflowY.includes("scroll") || overflowY.includes("auto");
-    if (!el.parentElement)
-        return null;
-    if (isScrollable && el.scrollHeight > el.clientHeight)
-        return el;
-    return findClosestScrollableContainer({ el: el.parentElement, iteration: iteration + 1 });
-};
-export default (args) => findClosestScrollableContainer({ ...args, iteration: 0 });

package/dist/flyout/utilities/tests/findClosestFixedContainer.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/flyout/utilities/tests/findClosestFixedContainer.test.js

@@ -1,46 +0,0 @@
-import { expect, test, describe } from "vitest";
-import findClosestFixedContainer from "../findClosestFixedContainer.js";
-describe("flyout/findClosestFixedContainer", () => {
-    test("returns document.body when element is null", () => {
-        const result = findClosestFixedContainer({ el: null });
-        expect(result).toBe(document.body);
-    });
-    test("returns document.body when element is document.body", () => {
-        const result = findClosestFixedContainer({ el: document.body });
-        expect(result).toBe(document.body);
-    });
-    test("returns the element itself when it has position fixed", () => {
-        const fixedEl = document.createElement("div");
-        fixedEl.style.position = "fixed";
-        document.body.appendChild(fixedEl);
-        const result = findClosestFixedContainer({ el: fixedEl });
-        expect(result).toBe(fixedEl);
-    });
-    test("returns the element itself when it has position sticky", () => {
-        const stickyEl = document.createElement("div");
-        stickyEl.style.position = "sticky";
-        document.body.appendChild(stickyEl);
-        const result = findClosestFixedContainer({ el: stickyEl });
-        expect(result).toBe(stickyEl);
-    });
-    test("returns grandparent when it has position fixed", () => {
-        const fixedEl = document.createElement("div");
-        fixedEl.style.position = "fixed";
-        const childEl = document.createElement("div");
-        const grandChildEl = document.createElement("div");
-        childEl.appendChild(grandChildEl);
-        fixedEl.appendChild(childEl);
-        document.body.appendChild(fixedEl);
-        const result = findClosestFixedContainer({ el: grandChildEl });
-        expect(result).toBe(fixedEl);
-    });
-    test("returns document.body when no fixed container is found", () => {
-        const staticEl = document.createElement("div");
-        staticEl.style.position = "static";
-        const childEl = document.createElement("div");
-        staticEl.appendChild(childEl);
-        document.body.appendChild(staticEl);
-        const result = findClosestFixedContainer({ el: childEl });
-        expect(result).toBe(document.body);
-    });
-});

package/dist/flyout/utilities/tests/findClosestScrollableContainer.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/flyout/utilities/tests/findClosestScrollableContainer.test.js

@@ -1,66 +0,0 @@
-import { expect, test, describe } from "vitest";
-import findClosestScrollableContainer from "../findClosestScrollableContainer.js";
-describe("flyout/findClosestScrollableContainer", () => {
-    test("returns null when element has no parent", () => {
-        const result = findClosestScrollableContainer({ el: document.documentElement });
-        expect(result).toBe(null);
-    });
-    test("returns the element itself has overflow auto", () => {
-        const scrollableEl = document.createElement("div");
-        scrollableEl.style.overflowY = "auto";
-        scrollableEl.style.height = "100px";
-        const childEl = document.createElement("div");
-        childEl.style.height = "200px";
-        scrollableEl.appendChild(childEl);
-        document.body.appendChild(scrollableEl);
-        const result = findClosestScrollableContainer({ el: scrollableEl });
-        expect(result).toBe(scrollableEl);
-    });
-    test("returns the element itself has overflow scroll", () => {
-        const scrollableEl = document.createElement("div");
-        scrollableEl.style.overflowY = "scroll";
-        scrollableEl.style.height = "100px";
-        const childEl = document.createElement("div");
-        childEl.style.height = "200px";
-        scrollableEl.appendChild(childEl);
-        document.body.appendChild(scrollableEl);
-        const result = findClosestScrollableContainer({ el: scrollableEl });
-        expect(result).toBe(scrollableEl);
-    });
-    test("returns grandparent when it is scrollable", () => {
-        const scrollableEl = document.createElement("div");
-        scrollableEl.style.overflowY = "auto";
-        scrollableEl.style.height = "100px";
-        const childEl = document.createElement("div");
-        childEl.style.height = "200px";
-        const grandChildEl = document.createElement("div");
-        grandChildEl.style.height = "100px";
-        childEl.appendChild(grandChildEl);
-        scrollableEl.appendChild(childEl);
-        document.body.appendChild(scrollableEl);
-        const result = findClosestScrollableContainer({ el: grandChildEl });
-        expect(result).toBe(scrollableEl);
-    });
-    test("returns null when no scrollable container is found", () => {
-        const scrollableEl = document.createElement("div");
-        scrollableEl.style.overflowY = "visible";
-        scrollableEl.style.height = "100px";
-        const childEl = document.createElement("div");
-        childEl.style.height = "200px";
-        scrollableEl.appendChild(childEl);
-        document.body.appendChild(scrollableEl);
-        const result = findClosestScrollableContainer({ el: childEl });
-        expect(result).toBe(null);
-    });
-    test("does not return element with overflow auto but scrollHeight <= clientHeight", () => {
-        const scrollableEl = document.createElement("div");
-        scrollableEl.style.overflowY = "auto";
-        scrollableEl.style.height = "100px";
-        const childEl = document.createElement("div");
-        childEl.style.height = "100px";
-        scrollableEl.appendChild(childEl);
-        document.body.appendChild(scrollableEl);
-        const result = findClosestScrollableContainer({ el: childEl });
-        expect(result).toBe(null);
-    });
-});