@reshaped/utilities 3.9.1-canary.3 → 3.10.0-canary.5

package/dist/scroll/tests/lock.test.d.ts

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

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

@@ -0,0 +1,81 @@
+import { expect, test, describe, beforeEach, vi, afterEach } from "vitest";
+import { lockScroll } from "../lock.js";
+// Mock the platform module to avoid iOS path
+vi.mock("@/platform", () => ({
+    isIOS: () => false,
+}));
+describe("scroll/lockScroll", () => {
+    beforeEach(() => {
+        // Reset the body styles before each test
+        document.body.style.overflow = "";
+        document.body.style.paddingRight = "";
+        document.body.innerHTML = "";
+    });
+    afterEach(() => {
+        // Clean up
+        document.body.style.overflow = "";
+        document.body.style.paddingRight = "";
+        document.body.innerHTML = "";
+    });
+    test("locks scroll on body", () => {
+        const unlock = lockScroll({});
+        expect(document.body.style.overflow).toBe("hidden");
+        unlock?.();
+        expect(document.body.style.overflow).toBe("");
+    });
+    test("locks scroll on custom container element", () => {
+        const container = document.createElement("div");
+        container.style.overflow = "auto";
+        container.style.height = "200px";
+        document.body.appendChild(container);
+        const unlock = lockScroll({ containerEl: container });
+        expect(container.style.overflow).toBe("hidden");
+        expect(document.body.style.overflow).not.toBe("hidden");
+        unlock?.();
+        expect(container.style.overflow).toBe("auto");
+    });
+    test("finds scrollable container from origin element", () => {
+        const scrollableContainer = document.createElement("div");
+        scrollableContainer.style.overflow = "auto";
+        scrollableContainer.style.height = "200px";
+        document.body.appendChild(scrollableContainer);
+        // Add content to make it scrollable
+        const content = document.createElement("div");
+        content.style.height = "500px";
+        scrollableContainer.appendChild(content);
+        const originEl = document.createElement("div");
+        scrollableContainer.appendChild(originEl);
+        const unlock = lockScroll({ originEl });
+        expect(scrollableContainer.style.overflow).toBe("hidden");
+        unlock?.();
+        expect(scrollableContainer.style.overflow).toBe("auto");
+    });
+    test("unlocks after multiple locks", () => {
+        const unlock1 = lockScroll({});
+        const unlock2 = lockScroll({});
+        expect(document.body.style.overflow).toBe("hidden");
+        unlock1?.();
+        expect(document.body.style.overflow).toBe("");
+        unlock2?.();
+        expect(document.body.style.overflow).toBe("");
+    });
+    test("calls lock callback immediately", () => {
+        const lockCb = vi.fn();
+        lockScroll({ callback: lockCb });
+        expect(lockCb).toHaveBeenCalledTimes(1);
+    });
+    test("calls unlock callback when unlocking", () => {
+        const unlockCb = vi.fn();
+        const unlock = lockScroll({});
+        unlock?.({ callback: unlockCb });
+        expect(unlockCb).toHaveBeenCalledTimes(1);
+    });
+    test("handles origin element when no scrollable container is found (falls back to body)", () => {
+        const originEl = document.createElement("div");
+        document.body.appendChild(originEl);
+        const unlock = lockScroll({ originEl });
+        expect(document.body.style.overflow).toBe("hidden");
+        unlock?.();
+        expect(document.body.style.overflow).toBe("");
+    });
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@reshaped/utilities",
   "description": "Vanilla JS utilities for implementing common UI patterns",
-  "version": "3.9.1-canary.3",
+  "version": "3.10.0-canary.5",
   "license": "MIT",
   "homepage": "https://reshaped.so",
   "repository": {
@@ -27,6 +27,11 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./internal": {
+      "types": "./dist/internal.d.ts",
+      "import": "./dist/internal.js",
+      "default": "./dist/internal.js"
+    },
     "./package.json": "./package.json"
   },
   "peerDependencies": {

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/tests/findClosestFixedContainer.test.js

@@ -1,46 +0,0 @@
-import { expect, test, describe } from "vitest";
-import findClosestFixedContainer from "flyout/utilities/findClosestFixedContainer";
-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);
-    });
-});