react-native-grab 0.0.2 → 0.0.4

package/dist/esm/react-native/__tests__/dom-traversal.test.js

@@ -0,0 +1,158 @@
+import { describe, expect, it } from "vitest";
+import { startSession } from "../dom-traversal";
+import { appendChild, createMockNode, createRoot, finalizeTree } from "./mock-dom";
+const createSession = (root) => {
+    return startSession({
+        anchorRef: { current: root },
+        skipRefs: [],
+    });
+};
+const hitNameAt = (root, x, y) => {
+    const session = createSession(root);
+    const hit = session.move({ x, y });
+    session.stop();
+    return hit?.node ? hit.node.name : null;
+};
+describe("dom traversal hit testing", () => {
+    it("uses child-first fallback for pointerEvents:auto", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 100, height: 100 } });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe("child");
+        expect(hitNameAt(root, 2, 2)).toBe("root");
+    });
+    it("respects pointerEvents box-only", () => {
+        const root = createRoot({
+            rect: { x: 0, y: 0, width: 100, height: 100 },
+            pointerEvents: "box-only",
+        });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe("root");
+    });
+    it("respects pointerEvents box-none", () => {
+        const root = createRoot({
+            rect: { x: 0, y: 0, width: 100, height: 100 },
+            pointerEvents: "box-none",
+        });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe("child");
+        expect(hitNameAt(root, 5, 5)).toBe(null);
+    });
+    it("respects pointerEvents none", () => {
+        const root = createRoot({
+            rect: { x: 0, y: 0, width: 100, height: 100 },
+            pointerEvents: "none",
+        });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe(null);
+    });
+    it("honors zIndex for overlapping siblings", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 120, height: 120 } });
+        const back = createMockNode({
+            name: "back",
+            rect: { x: 20, y: 20, width: 80, height: 80 },
+            style: { zIndex: 0 },
+        });
+        const front = createMockNode({
+            name: "front",
+            rect: { x: 20, y: 20, width: 80, height: 80 },
+            style: { zIndex: 10, position: "absolute" },
+        });
+        appendChild(root, back);
+        appendChild(root, front);
+        finalizeTree(root);
+        expect(hitNameAt(root, 40, 40)).toBe("front");
+    });
+    it("can hit absolute children outside parent bounds when overflow is visible", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 220, height: 220 } });
+        const parent = createMockNode({
+            name: "parent",
+            rect: { x: 50, y: 50, width: 100, height: 100 },
+            style: { overflow: "visible" },
+        });
+        const badge = createMockNode({
+            name: "badge",
+            rect: { x: 130, y: 35, width: 30, height: 20 },
+            style: { position: "absolute", zIndex: 2 },
+        });
+        appendChild(root, parent);
+        appendChild(parent, badge);
+        finalizeTree(root);
+        expect(hitNameAt(root, 135, 40)).toBe("badge");
+    });
+    it("clips outside-parent hits when overflow is hidden", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 220, height: 220 } });
+        const parent = createMockNode({
+            name: "parent",
+            rect: { x: 50, y: 50, width: 100, height: 100 },
+            style: { overflow: "hidden" },
+        });
+        const badge = createMockNode({
+            name: "badge",
+            rect: { x: 130, y: 35, width: 30, height: 20 },
+            style: { position: "absolute", zIndex: 2 },
+        });
+        appendChild(root, parent);
+        appendChild(parent, badge);
+        finalizeTree(root);
+        expect(hitNameAt(root, 135, 40)).toBe("root");
+    });
+    it("treats right/bottom edges as out-of-bounds", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 100, height: 100 } });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 30, 15)).toBe("root");
+        expect(hitNameAt(root, 15, 30)).toBe("root");
+    });
+    it("selects an absolute badge in a card fixture similar to explore screen", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 360, height: 640 } });
+        const card = createMockNode({
+            name: "card",
+            rect: { x: 40, y: 120, width: 200, height: 140 },
+            style: { overflow: "visible", borderRadius: 12 },
+        });
+        const image = createMockNode({
+            name: "image",
+            rect: { x: 40, y: 120, width: 200, height: 88 },
+        });
+        const content = createMockNode({
+            name: "content",
+            rect: { x: 40, y: 208, width: 200, height: 52 },
+        });
+        const badge = createMockNode({
+            name: "badge",
+            rect: { x: 180, y: 110, width: 64, height: 24 },
+            style: { position: "absolute", zIndex: 20 },
+        });
+        appendChild(root, card);
+        appendChild(card, badge);
+        appendChild(card, image);
+        appendChild(card, content);
+        finalizeTree(root);
+        expect(hitNameAt(root, 190, 116)).toBe("badge");
+    });
+});
+//# sourceMappingURL=dom-traversal.test.js.map

package/dist/esm/react-native/__tests__/dom-traversal.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-traversal.test.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/dom-traversal.test.ts"],"names":[],"mappings":"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"}

package/dist/esm/react-native/__tests__/mock-dom.js

@@ -0,0 +1,58 @@
+const createFiberHandle = (style, pointerEvents, extraProps) => {
+    return {
+        tag: 5,
+        stateNode: {
+            canonical: {
+                currentProps: {
+                    ...extraProps,
+                    ...(pointerEvents ? { pointerEvents } : null),
+                    ...(style ? { style } : null),
+                },
+            },
+        },
+    };
+};
+export const createMockNode = ({ name, rect, style, pointerEvents, hasFiber = true, tagName = "RN:View", props = {}, }) => {
+    const node = {
+        name,
+        tagName,
+        parentElement: null,
+        children: [],
+        childElementCount: 0,
+        getBoundingClientRect: () => rect,
+        contains(target) {
+            if (!target)
+                return false;
+            if (target === node)
+                return true;
+            return node.children.some((child) => child.contains(target));
+        },
+        __internalInstanceHandle: hasFiber
+            ? createFiberHandle(style, pointerEvents, props)
+            : undefined,
+    };
+    return node;
+};
+export const appendChild = (parent, child) => {
+    parent.children.push(child);
+    parent.childElementCount = parent.children.length;
+    child.parentElement = parent;
+};
+const setRootView = (node, root) => {
+    node.__rootView = root;
+    for (const child of node.children) {
+        setRootView(child, root);
+    }
+};
+export const createRoot = ({ name = "root", rect = { x: 0, y: 0, width: 400, height: 800 }, style, pointerEvents, props, } = {}) => {
+    const root = createMockNode({ name, rect, style, pointerEvents, props });
+    root.ownerDocument = {
+        documentElement: root,
+    };
+    setRootView(root, root);
+    return root;
+};
+export const finalizeTree = (root) => {
+    setRootView(root, root);
+};
+//# sourceMappingURL=mock-dom.js.map

package/dist/esm/react-native/__tests__/mock-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-dom.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/mock-dom.ts"],"names":[],"mappings":"AAkBA,MAAM,iBAAiB,GAAG,CACxB,KAA0C,EAC1C,aAA+C,EAC/C,UAAmC,EACnC,EAAE;IACF,OAAO;QACL,GAAG,EAAE,CAAC;QACN,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,YAAY,EAAE;oBACZ,GAAG,UAAU;oBACb,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC7C,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;iBAC9B;aACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,EAAE,GACM,EAAY,EAAE;IAC9B,MAAM,IAAI,GAAG;QACX,IAAI;QACJ,OAAO;QACP,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,EAAgB;QAC1B,iBAAiB,EAAE,CAAC;QACpB,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI;QACjC,QAAQ,CAAC,MAAqC;YAC5C,IAAI,CAAC,MAAM;gBAAE,OAAO,KAAK,CAAC;YAC1B,IAAI,MAAM,KAAK,IAAI;gBAAE,OAAO,IAAI,CAAC;YACjC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAC/D,CAAC;QACD,wBAAwB,EAAE,QAAQ;YAChC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC;YAChD,CAAC,CAAC,SAAS;KACK,CAAC;IAErB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAgB,EAAE,KAAe,EAAE,EAAE;IAC/D,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,CAAC,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAClD,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAc,EAAE,IAAc,EAAE,EAAE;IACrD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACvB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAC9C,KAAK,EACL,aAAa,EACb,KAAK,MAIH,EAAE,EAAY,EAAE;IAClB,MAAM,IAAI,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IACzE,IAAI,CAAC,aAAa,GAAG;QACnB,eAAe,EAAE,IAAI;KACtB,CAAC;IACF,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAc,EAAE,EAAE;IAC7C,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC1B,CAAC,CAAC"}

package/dist/esm/react-native/__tests__/setup.js

@@ -0,0 +1,41 @@
+import { vi } from "vitest";
+const flattenStyle = (style) => {
+    if (style == null) {
+        return undefined;
+    }
+    if (Array.isArray(style)) {
+        const merged = {};
+        for (const item of style) {
+            const next = flattenStyle(item);
+            if (!next)
+                continue;
+            Object.assign(merged, next);
+        }
+        return merged;
+    }
+    if (typeof style === "object") {
+        return { ...style };
+    }
+    return undefined;
+};
+vi.mock("react-native", () => {
+    return {
+        StyleSheet: {
+            flatten: flattenStyle,
+        },
+    };
+});
+vi.mock("react-native/Libraries/Debugging/DebuggingOverlayRegistry", () => {
+    return {
+        default: {
+            __findLowestParentFromRegistryForInstance(node) {
+                return {
+                    rootViewRef: {
+                        current: node.__rootView ?? node,
+                    },
+                };
+            },
+        },
+    };
+});
+//# sourceMappingURL=setup.js.map

package/dist/esm/react-native/__tests__/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,YAAY,GAAG,CAAC,KAAc,EAAuC,EAAE;IAC3E,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,MAAM,GAA4B,EAAE,CAAC;QAC3C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,IAAI;gBAAE,SAAS;YACpB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,EAAE,GAAI,KAAiC,EAAE,CAAC;IACnD,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE;IAC3B,OAAO;QACL,UAAU,EAAE;YACV,OAAO,EAAE,YAAY;SACtB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,IAAI,CAAC,2DAA2D,EAAE,GAAG,EAAE;IACxE,OAAO;QACL,OAAO,EAAE;YACP,yCAAyC,CAAC,IAA8B;gBACtE,OAAO;oBACL,WAAW,EAAE;wBACX,OAAO,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI;qBACjC;iBACF,CAAC;YACJ,CAAC;SACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/react-native/__tests__/z-index.test.js

@@ -0,0 +1,104 @@
+import { describe, expect, it } from "vitest";
+import { appendChild, createMockNode, createRoot, finalizeTree } from "./mock-dom";
+import { getChildrenInHitTestOrder } from "../z-index";
+describe("getChildrenInHitTestOrder", () => {
+    it("orders by zIndex ascending", () => {
+        const root = createRoot();
+        const c1 = createMockNode({
+            name: "c1",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 3 },
+        });
+        const c2 = createMockNode({
+            name: "c2",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 1 },
+        });
+        const c3 = createMockNode({
+            name: "c3",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 2 },
+        });
+        appendChild(root, c1);
+        appendChild(root, c2);
+        appendChild(root, c3);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "c2",
+            "c3",
+            "c1",
+        ]);
+    });
+    it("supports negative zIndex", () => {
+        const root = createRoot();
+        const low = createMockNode({
+            name: "low",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: -10 },
+        });
+        const mid = createMockNode({
+            name: "mid",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 0 },
+        });
+        const high = createMockNode({
+            name: "high",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 10 },
+        });
+        appendChild(root, mid);
+        appendChild(root, high);
+        appendChild(root, low);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "low",
+            "mid",
+            "high",
+        ]);
+    });
+    it("preserves sibling order when order index matches", () => {
+        const root = createRoot();
+        const a = createMockNode({
+            name: "a",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+        });
+        const b = createMockNode({
+            name: "b",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+        });
+        const c = createMockNode({
+            name: "c",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+        });
+        appendChild(root, a);
+        appendChild(root, b);
+        appendChild(root, c);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "a",
+            "b",
+            "c",
+        ]);
+    });
+    it("puts static nodes before non-static nodes for equal order index", () => {
+        const root = createRoot();
+        const staticNode = createMockNode({
+            name: "static",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { position: "static", zIndex: 999 },
+        });
+        const relativeNode = createMockNode({
+            name: "relative",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { position: "relative" },
+        });
+        appendChild(root, relativeNode);
+        appendChild(root, staticNode);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "static",
+            "relative",
+        ]);
+    });
+});
+//# sourceMappingURL=z-index.test.js.map

package/dist/esm/react-native/__tests__/z-index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index.test.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/z-index.test.ts"],"names":[],"mappings":"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"}