react-native-grab 1.0.0 → 1.1.1

package/README.md

@@ -74,6 +74,14 @@ export default function AppLayout() {
 - `ReactNativeGrabScreen`: When using native navigators (native stack, native tabs), wrap **each screen** with this component for accurate selection.
 - `ReactNativeGrabContextProvider`: Adds custom metadata to grabbed elements. Nested providers are shallow-merged and child keys override parent keys. This provider is a no-op in production builds.
 - `enableGrabbing()`: Programmatically enables grabbing flow.
+- `setFocusEffect(impl)`: Overrides the hook used by `ReactNativeGrabScreen` to detect when a screen is focused. By default the library auto-detects `useFocusEffect` from `expo-router` or `@react-navigation/native`. Call `setFocusEffect` once at app startup when neither package is present (e.g. a custom router) or when you want explicit control over which implementation is used.
+
+```ts
+import { setFocusEffect } from "react-native-grab";
+import { useFocusEffect } from "my-custom-router";
+
+setFocusEffect(useFocusEffect);
+```
 
 When grab context is available for a selected element, copied output includes an additional `Context:` JSON block appended after the existing element preview and stack trace lines.
 

package/dist/cjs/react-native/__tests__/grab-context-description.test.js

@@ -6,6 +6,8 @@ const grab_context_1 = require("../grab-context");
 vitest_1.vi.mock("../get-rendered-by", () => ({
     getRenderedBy: vitest_1.vi.fn(async () => []),
 }));
+const get_rendered_by_1 = require("../get-rendered-by");
+const mockedGetRenderedBy = vitest_1.vi.mocked(get_rendered_by_1.getRenderedBy);
 const createHostFiber = (props, parent = null) => ({
     type: "Text",
     memoizedProps: props,
@@ -22,6 +24,74 @@ const createContextProviderFiber = (value, parent = null) => ({
     _debugStack: new Error(),
     _debugOwner: null,
 });
+const frame = (name) => ({
+    name,
+    file: null,
+    line: null,
+    column: null,
+    collapse: false,
+});
+(0, vitest_1.describe)("isHostLikeComponentName", () => {
+    (0, vitest_1.it)("treats View and Text as host-like", () => {
+        for (const name of description_1.GRAB_HOST_LIKE_COMPONENT_NAMES) {
+            (0, vitest_1.expect)((0, description_1.isHostLikeComponentName)(name)).toBe(true);
+        }
+        (0, vitest_1.expect)((0, description_1.isHostLikeComponentName)("InstallTabs")).toBe(false);
+    });
+    (0, vitest_1.it)("trims names before matching", () => {
+        (0, vitest_1.expect)((0, description_1.isHostLikeComponentName)("  Text  ")).toBe(true);
+    });
+});
+(0, vitest_1.describe)("getGrabSelectionTitle", () => {
+    (0, vitest_1.it)("skips host-like owners to show Text (in InstallTabs)", () => {
+        const fiber = createHostFiber({ children: "x" });
+        (0, vitest_1.expect)((0, description_1.getGrabSelectionTitle)(fiber, [frame("Text"), frame("InstallTabs")])).toBe("Text (in InstallTabs)");
+    });
+    (0, vitest_1.it)("skips multiple host-like owners", () => {
+        const viewFiber = {
+            type: "View",
+            memoizedProps: {},
+            return: null,
+            stateNode: null,
+            _debugStack: new Error(),
+            _debugOwner: null,
+        };
+        (0, vitest_1.expect)((0, description_1.getGrabSelectionTitle)(viewFiber, [frame("View"), frame("Text"), frame("Screen")])).toBe("View (in Screen)");
+    });
+    (0, vitest_1.it)("returns host only when every owner is host-like", () => {
+        const viewFiber = {
+            type: "View",
+            memoizedProps: {},
+            return: null,
+            stateNode: null,
+            _debugStack: new Error(),
+            _debugOwner: null,
+        };
+        (0, vitest_1.expect)((0, description_1.getGrabSelectionTitle)(viewFiber, [frame("View"), frame("Text")])).toBe("View");
+    });
+    (0, vitest_1.it)("returns Selected element when host is unknown", () => {
+        const fiber = {
+            type: () => null,
+            memoizedProps: {},
+            return: null,
+            stateNode: null,
+            _debugStack: new Error(),
+            _debugOwner: null,
+        };
+        (0, vitest_1.expect)((0, description_1.getGrabSelectionTitle)(fiber, [])).toBe("Selected element");
+    });
+    (0, vitest_1.it)("uses host-like name from renderedBy when the fiber has no string host", () => {
+        const fiber = {
+            type: () => null,
+            memoizedProps: {},
+            return: null,
+            stateNode: null,
+            _debugStack: new Error(),
+            _debugOwner: null,
+        };
+        (0, vitest_1.expect)((0, description_1.getGrabSelectionTitle)(fiber, [frame("Text"), frame("InstallTabs")])).toBe("Text (in InstallTabs)");
+    });
+});
 (0, vitest_1.describe)("composeGrabContextValue", () => {
     (0, vitest_1.it)("returns shallow copy when parent context does not exist", () => {
         const result = (0, grab_context_1.composeGrabContextValue)(null, { screen: "home", attempt: 1 });
@@ -38,6 +108,10 @@ const createContextProviderFiber = (value, parent = null) => ({
     });
 });
 (0, vitest_1.describe)("getDescription with grab context", () => {
+    (0, vitest_1.beforeEach)(() => {
+        mockedGetRenderedBy.mockReset();
+        mockedGetRenderedBy.mockResolvedValue([]);
+    });
     (0, vitest_1.it)("keeps current output format when no context provider is in ancestors", async () => {
         const selectedFiber = createHostFiber({ children: "Hello" });
         const description = await (0, description_1.getDescription)(selectedFiber);
@@ -45,6 +119,13 @@ const createContextProviderFiber = (value, parent = null) => ({
         (0, vitest_1.expect)(description).toContain("Hello");
         (0, vitest_1.expect)(description).not.toContain("Context:");
     });
+    (0, vitest_1.it)("uses first non-host-like renderedBy name for the preview tag", async () => {
+        mockedGetRenderedBy.mockResolvedValue([frame("Text"), frame("InstallTabs")]);
+        const selectedFiber = createHostFiber({ children: "Hello" });
+        const description = await (0, description_1.getDescription)(selectedFiber);
+        (0, vitest_1.expect)(description.startsWith("<InstallTabs")).toBe(true);
+        (0, vitest_1.expect)(description).toContain("Hello");
+    });
     (0, vitest_1.it)("appends Context block from nearest provider value", async () => {
         const parentProvider = createContextProviderFiber({ screen: "home", locale: "en" });
         const childProvider = createContextProviderFiber({ locale: "pl", section: "cta" }, parentProvider);

package/dist/cjs/react-native/__tests__/grab-context-description.test.js.map

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

package/dist/cjs/react-native/containers.js

@@ -1,41 +1,123 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFocusedScreenShadowNode = exports.getAppRootShadowNode = exports.setAppRootRef = exports.setFocusedScreenRef = void 0;
+exports.useSelectionOwnersStore = exports.useIsResolvedGrabSelectionOwner = exports.useResolvedGrabSelectionOwnerId = exports.getResolvedGrabSelectionOwnerId = exports.getResolvedGrabSelectionOwner = exports.getGrabSelectionOwner = exports.clearGrabSelectionOwnerFocus = exports.setGrabSelectionOwnerFocused = exports.unregisterGrabSelectionOwner = exports.registerGrabSelectionOwner = exports.createGrabSelectionOwnerId = void 0;
+const react_1 = require("react");
 const react_native_1 = require("react-native");
 const fabric_1 = require("./fabric");
-let focusedScreenShadowNode = null;
-let appRootShadowNode = null;
-const setFocusedScreenRef = (ref) => {
-    // @ts-expect-error - findNodeHandle is not typed correctly
-    const nativeTag = (0, react_native_1.findNodeHandle)(ref);
-    if (!nativeTag) {
-        throw new Error("Failed to find native tag for focused screen");
+let ownerIdCounter = 0;
+let registrationOrder = 0;
+let focusedScreenOwnerId = null;
+const owners = new Map();
+const listeners = new Set();
+const notify = () => {
+    for (const listener of listeners) {
+        listener();
     }
-    focusedScreenShadowNode = (0, fabric_1.getFabricUIManager)().findShadowNodeByTag_DEPRECATED(nativeTag);
 };
-exports.setFocusedScreenRef = setFocusedScreenRef;
-const setAppRootRef = (ref) => {
+const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+const getSnapshot = () => ({
+    owners: new Map(owners),
+    focusedScreenOwnerId,
+});
+const getOwnerShadowNode = (ref, errorMessage) => {
     // @ts-expect-error - findNodeHandle is not typed correctly
     const nativeTag = (0, react_native_1.findNodeHandle)(ref);
     if (!nativeTag) {
-        throw new Error("Failed to find native tag for app root");
+        throw new Error(errorMessage);
     }
-    appRootShadowNode = (0, fabric_1.getFabricUIManager)().findShadowNodeByTag_DEPRECATED(nativeTag);
+    return (0, fabric_1.getFabricUIManager)().findShadowNodeByTag_DEPRECATED(nativeTag);
+};
+const getFallbackRootOwner = () => {
+    const rootOwners = Array.from(owners.values()).filter((owner) => owner.kind === "root");
+    rootOwners.sort((left, right) => right.registrationOrder - left.registrationOrder);
+    return rootOwners[0] ?? null;
 };
-exports.setAppRootRef = setAppRootRef;
-const getAppRootShadowNode = () => {
-    if (!appRootShadowNode) {
-        throw new Error("You seem to forgot to wrap your app root with ReactNativeGrabRoot.");
+const createGrabSelectionOwnerId = (kind) => {
+    ownerIdCounter += 1;
+    return `react-native-grab-${kind}-${ownerIdCounter}`;
+};
+exports.createGrabSelectionOwnerId = createGrabSelectionOwnerId;
+const registerGrabSelectionOwner = (id, kind, ref) => {
+    const shadowNode = getOwnerShadowNode(ref, kind === "root"
+        ? "Failed to find native tag for app root"
+        : "Failed to find native tag for screen");
+    registrationOrder += 1;
+    owners.set(id, {
+        id,
+        kind,
+        shadowNode,
+        registrationOrder,
+    });
+    notify();
+};
+exports.registerGrabSelectionOwner = registerGrabSelectionOwner;
+const unregisterGrabSelectionOwner = (id) => {
+    const removedOwner = owners.get(id);
+    if (!removedOwner) {
+        return;
+    }
+    owners.delete(id);
+    if (focusedScreenOwnerId === id) {
+        focusedScreenOwnerId = null;
     }
-    return appRootShadowNode;
+    notify();
 };
-exports.getAppRootShadowNode = getAppRootShadowNode;
-const getFocusedScreenShadowNode = () => {
-    if (!focusedScreenShadowNode) {
-        // No native screens, so there will be only the app root.
-        return (0, exports.getAppRootShadowNode)();
+exports.unregisterGrabSelectionOwner = unregisterGrabSelectionOwner;
+const setGrabSelectionOwnerFocused = (id, isFocused) => {
+    const owner = owners.get(id);
+    if (!owner || owner.kind !== "screen") {
+        return;
+    }
+    if (isFocused) {
+        focusedScreenOwnerId = id;
+    }
+    else if (focusedScreenOwnerId === id) {
+        focusedScreenOwnerId = null;
     }
-    return focusedScreenShadowNode;
+    notify();
+};
+exports.setGrabSelectionOwnerFocused = setGrabSelectionOwnerFocused;
+const clearGrabSelectionOwnerFocus = (id) => {
+    if (focusedScreenOwnerId !== id) {
+        return;
+    }
+    focusedScreenOwnerId = null;
+    notify();
+};
+exports.clearGrabSelectionOwnerFocus = clearGrabSelectionOwnerFocus;
+const getGrabSelectionOwner = (id) => {
+    return owners.get(id) ?? null;
+};
+exports.getGrabSelectionOwner = getGrabSelectionOwner;
+const getResolvedGrabSelectionOwner = () => {
+    if (focusedScreenOwnerId) {
+        const focusedOwner = owners.get(focusedScreenOwnerId);
+        if (focusedOwner) {
+            return focusedOwner;
+        }
+    }
+    return getFallbackRootOwner();
+};
+exports.getResolvedGrabSelectionOwner = getResolvedGrabSelectionOwner;
+const getResolvedGrabSelectionOwnerId = () => {
+    return (0, exports.getResolvedGrabSelectionOwner)()?.id ?? null;
+};
+exports.getResolvedGrabSelectionOwnerId = getResolvedGrabSelectionOwnerId;
+const useResolvedGrabSelectionOwnerId = () => {
+    return (0, react_1.useSyncExternalStore)(subscribe, () => (0, exports.getResolvedGrabSelectionOwnerId)(), () => null);
+};
+exports.useResolvedGrabSelectionOwnerId = useResolvedGrabSelectionOwnerId;
+const useIsResolvedGrabSelectionOwner = (id) => {
+    return (0, react_1.useSyncExternalStore)(subscribe, () => (0, exports.getResolvedGrabSelectionOwnerId)() === id, () => false);
+};
+exports.useIsResolvedGrabSelectionOwner = useIsResolvedGrabSelectionOwner;
+const useSelectionOwnersStore = () => {
+    return (0, react_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 };
-exports.getFocusedScreenShadowNode = getFocusedScreenShadowNode;
+exports.useSelectionOwnersStore = useSelectionOwnersStore;
 //# sourceMappingURL=containers.js.map

package/dist/cjs/react-native/containers.js.map

@@ -1 +1 @@
-{"version":3,"file":"containers.js","sourceRoot":"","sources":["../../../src/react-native/containers.ts"],"names":[],"mappings":";;;AAAA,+CAAuE;AAEvE,qCAA8C;AAE9C,IAAI,uBAAuB,GAAiC,IAAI,CAAC;AACjE,IAAI,iBAAiB,GAAiC,IAAI,CAAC;AAEpD,MAAM,mBAAmB,GAAG,CAAC,GAAuB,EAAE,EAAE;IAC7D,2DAA2D;IAC3D,MAAM,SAAS,GAAG,IAAA,6BAAc,EAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IAED,uBAAuB,GAAG,IAAA,2BAAkB,GAAE,CAAC,8BAA8B,CAAC,SAAS,CAAC,CAAC;AAC3F,CAAC,CAAC;AATW,QAAA,mBAAmB,uBAS9B;AAEK,MAAM,aAAa,GAAG,CAAC,GAAuB,EAAE,EAAE;IACvD,2DAA2D;IAC3D,MAAM,SAAS,GAAG,IAAA,6BAAc,EAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAC5D,CAAC;IAED,iBAAiB,GAAG,IAAA,2BAAkB,GAAE,CAAC,8BAA8B,CAAC,SAAS,CAAC,CAAC;AACrF,CAAC,CAAC;AATW,QAAA,aAAa,iBASxB;AAEK,MAAM,oBAAoB,GAAG,GAA0B,EAAE;IAC9D,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;IACxF,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AACK,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC7B,yDAAyD;QACzD,OAAO,IAAA,4BAAoB,GAAE,CAAC;IAChC,CAAC;IAED,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAPW,QAAA,0BAA0B,8BAOrC"}
+{"version":3,"file":"containers.js","sourceRoot":"","sources":["../../../src/react-native/containers.ts"],"names":[],"mappings":"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"}

package/dist/cjs/react-native/context-menu.js

@@ -0,0 +1,229 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const SCREEN_EDGE_MARGIN = 8;
+const ContextMenuContext = (0, react_1.createContext)(null);
+const getAlignedLeft = (anchorX, menuWidth, horizontalAlignment) => {
+    switch (horizontalAlignment) {
+        case "left":
+            return anchorX;
+        case "right":
+            return anchorX - menuWidth;
+        case "center":
+        default:
+            return anchorX - menuWidth / 2;
+    }
+};
+const getAlignedTop = (anchorY, menuHeight, verticalAlignment) => {
+    switch (verticalAlignment) {
+        case "center":
+            return anchorY - menuHeight / 2;
+        case "bottom":
+            return anchorY - menuHeight;
+        case "top":
+        default:
+            return anchorY;
+    }
+};
+const getMenuPosition = (anchor, menuWidth, menuHeight, horizontalAlignment, verticalAlignment, offset, bounds) => {
+    const { width: screenWidth, height: screenHeight } = bounds ?? react_native_1.Dimensions.get("window");
+    const preferredLeft = getAlignedLeft(anchor.x, menuWidth, horizontalAlignment) + offset.x;
+    const preferredTop = getAlignedTop(anchor.y, menuHeight, verticalAlignment) + offset.y;
+    return {
+        left: Math.min(Math.max(SCREEN_EDGE_MARGIN, preferredLeft), screenWidth - menuWidth - SCREEN_EDGE_MARGIN),
+        top: Math.min(Math.max(SCREEN_EDGE_MARGIN, preferredTop), screenHeight - menuHeight - SCREEN_EDGE_MARGIN),
+    };
+};
+const ContextMenuItem = ({ children, destructive = false, disabled = false, onPress, }) => {
+    const context = (0, react_1.useContext)(ContextMenuContext);
+    if (!context) {
+        throw new Error("ContextMenu.Item must be rendered inside ContextMenu.");
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "menuitem", disabled: disabled, onPress: () => {
+            context.onClose();
+            onPress();
+        }, style: ({ pressed }) => [
+            styles.item,
+            pressed && !disabled && styles.itemPressed,
+            disabled && styles.itemDisabled,
+        ], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.itemText, destructive && styles.destructiveText], children: children }) }));
+};
+const ContextMenu = ({ anchor, bounds = null, children, cutout = null, horizontalAlignment = "center", offset = { x: 0, y: 10 }, onClose, verticalAlignment = "top", visible, }) => {
+    const [isRendered, setIsRendered] = (0, react_1.useState)(visible);
+    const [menuSize, setMenuSize] = (0, react_1.useState)({ width: 0, height: 0 });
+    const [renderedAnchor, setRenderedAnchor] = (0, react_1.useState)(anchor);
+    const animation = (0, react_1.useRef)(new react_native_1.Animated.Value(visible ? 1 : 0)).current;
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            setIsRendered(true);
+        }
+        if (anchor) {
+            setRenderedAnchor(anchor);
+        }
+        react_native_1.Animated.timing(animation, {
+            toValue: visible ? 1 : 0,
+            duration: visible ? 180 : 140,
+            easing: visible ? react_native_1.Easing.out(react_native_1.Easing.cubic) : react_native_1.Easing.in(react_native_1.Easing.cubic),
+            useNativeDriver: true,
+        }).start(({ finished }) => {
+            if (finished && !visible) {
+                setIsRendered(false);
+                setRenderedAnchor(null);
+            }
+        });
+    }, [anchor, animation, visible]);
+    const handleLayout = (event) => {
+        const { width, height } = event.nativeEvent.layout;
+        if (width === menuSize.width && height === menuSize.height) {
+            return;
+        }
+        setMenuSize({ width, height });
+    };
+    const position = (0, react_1.useMemo)(() => {
+        if (!renderedAnchor) {
+            return { left: SCREEN_EDGE_MARGIN, top: SCREEN_EDGE_MARGIN };
+        }
+        return getMenuPosition(renderedAnchor, menuSize.width, menuSize.height, horizontalAlignment, verticalAlignment, offset, bounds);
+    }, [
+        bounds,
+        horizontalAlignment,
+        menuSize.height,
+        menuSize.width,
+        offset,
+        renderedAnchor,
+        verticalAlignment,
+    ]);
+    const renderedItems = (0, react_1.useMemo)(() => react_1.Children.toArray(children).filter((child) => (0, react_1.isValidElement)(child)), [children]);
+    const dismissalRegions = (0, react_1.useMemo)(() => {
+        const { width: screenWidth, height: screenHeight } = bounds ?? react_native_1.Dimensions.get("window");
+        if (!cutout) {
+            return [
+                {
+                    key: "full",
+                    style: react_native_1.StyleSheet.absoluteFillObject,
+                },
+            ];
+        }
+        const left = Math.max(0, cutout.x);
+        const top = Math.max(0, cutout.y);
+        const right = Math.min(screenWidth, cutout.x + cutout.width);
+        const bottom = Math.min(screenHeight, cutout.y + cutout.height);
+        return [
+            {
+                key: "top",
+                style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    height: top,
+                },
+            },
+            {
+                key: "left",
+                style: {
+                    position: "absolute",
+                    top,
+                    left: 0,
+                    width: left,
+                    height: Math.max(0, bottom - top),
+                },
+            },
+            {
+                key: "right",
+                style: {
+                    position: "absolute",
+                    top,
+                    left: right,
+                    right: 0,
+                    height: Math.max(0, bottom - top),
+                },
+            },
+            {
+                key: "bottom",
+                style: {
+                    position: "absolute",
+                    top: bottom,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                },
+            },
+        ];
+    }, [bounds, cutout]);
+    if (!isRendered || !renderedAnchor || renderedItems.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { pointerEvents: "box-none", style: styles.overlay, children: [dismissalRegions.map((region) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityLabel: "Close context menu", onPress: onClose, style: region.style }, `pressable-${region.key}`))), (0, jsx_runtime_1.jsx)(ContextMenuContext.Provider, { value: { onClose }, children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { onLayout: handleLayout, style: [
+                        styles.menu,
+                        position,
+                        {
+                            opacity: animation,
+                            transform: [
+                                {
+                                    translateY: animation.interpolate({
+                                        inputRange: [0, 1],
+                                        outputRange: [-10, 0],
+                                    }),
+                                },
+                                {
+                                    scale: animation.interpolate({
+                                        inputRange: [0, 1],
+                                        outputRange: [0.94, 1],
+                                    }),
+                                },
+                            ],
+                        },
+                    ], children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.menuContent, children: renderedItems.map((child, index) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: index > 0 ? styles.itemBorder : undefined, children: child }, index))) }) }) })] }));
+};
+exports.ContextMenu = ContextMenu;
+exports.ContextMenu.Item = ContextMenuItem;
+const styles = react_native_1.StyleSheet.create({
+    overlay: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        zIndex: 10,
+        elevation: 10,
+    },
+    menu: {
+        position: "absolute",
+        zIndex: 11,
+        minWidth: 176,
+        borderRadius: 14,
+        shadowColor: "#000000",
+        shadowOffset: { width: 0, height: 10 },
+        shadowOpacity: 0.16,
+        shadowRadius: 24,
+        elevation: 10,
+    },
+    menuContent: {
+        borderRadius: 14,
+        backgroundColor: "#FFFFFF",
+        overflow: "hidden",
+    },
+    item: {
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+    },
+    itemBorder: {
+        borderTopWidth: react_native_1.StyleSheet.hairlineWidth,
+        borderTopColor: "rgba(17, 17, 17, 0.12)",
+    },
+    itemPressed: {
+        backgroundColor: "rgba(17, 17, 17, 0.06)",
+    },
+    itemDisabled: {
+        opacity: 0.5,
+    },
+    itemText: {
+        color: "#111111",
+        fontSize: 14,
+        fontWeight: "500",
+    },
+    destructiveText: {
+        color: "#C43D2F",
+    },
+});
+//# sourceMappingURL=context-menu.js.map

package/dist/cjs/react-native/context-menu.js.map

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

package/dist/cjs/react-native/description.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDescription = void 0;
+exports.getDescription = exports.getGrabSelectionTitle = exports.isHostLikeComponentName = exports.GRAB_HOST_LIKE_COMPONENT_NAMES = void 0;
 const get_rendered_by_1 = require("./get-rendered-by");
 const grab_context_1 = require("./grab-context");
 const MAX_STACK_LINES = 6;
@@ -15,6 +15,21 @@ const PRIORITY_ATTRS = [
     "accessibilityHint",
     "accessibilityValue",
 ];
+/** Owner names treated as host-like when resolving `Text (in Owner)` for the grab menu. */
+exports.GRAB_HOST_LIKE_COMPONENT_NAMES = ["View", "Text"];
+const HOST_LIKE_NAME_SET = new Set(exports.GRAB_HOST_LIKE_COMPONENT_NAMES);
+const isHostLikeComponentName = (name) => HOST_LIKE_NAME_SET.has(name.trim());
+exports.isHostLikeComponentName = isHostLikeComponentName;
+const firstHostLikeRenderedByName = (renderedBy) => {
+    const frame = renderedBy.find((f) => (0, exports.isHostLikeComponentName)(f.name));
+    const trimmed = frame?.name?.trim();
+    return trimmed && trimmed.length > 0 ? trimmed : null;
+};
+const firstNonHostRenderedByName = (renderedBy) => {
+    const frame = renderedBy.find((f) => !(0, exports.isHostLikeComponentName)(f.name));
+    const trimmed = frame?.name?.trim();
+    return trimmed && trimmed.length > 0 ? trimmed : null;
+};
 const truncate = (value, maxLength) => {
     if (value.length <= maxLength)
         return value;
@@ -109,9 +124,9 @@ const extractPriorityAttrs = (props) => {
     return pairs.length > 0 ? ` ${pairs.join(" ")}` : "";
 };
 const getPreviewComponentName = (node, renderedBy) => {
-    const firstRenderedBy = renderedBy[0]?.name?.trim();
-    if (firstRenderedBy)
-        return firstRenderedBy;
+    const fromRenderedBy = firstNonHostRenderedByName(renderedBy);
+    if (fromRenderedBy)
+        return fromRenderedBy;
     const hostFiber = getHostFiber(node);
     return getHostComponentName(hostFiber);
 };
@@ -169,6 +184,18 @@ const buildContextBlock = (contextValue) => {
     }
     return `\n\nContext:\n${JSON.stringify(contextValue, null, 2)}`;
 };
+const getGrabSelectionTitle = (node, renderedBy) => {
+    const fromFiber = getHostComponentName(getHostFiber(node));
+    const rawHostLabel = firstHostLikeRenderedByName(renderedBy) ?? (fromFiber !== "(unknown)" ? fromFiber : null);
+    const hostUnknown = rawHostLabel == null;
+    const hostLabel = hostUnknown ? "Selected element" : rawHostLabel;
+    const ownerName = firstNonHostRenderedByName(renderedBy);
+    if (ownerName && ownerName !== hostLabel) {
+        return `${hostLabel} (in ${ownerName})`;
+    }
+    return hostLabel;
+};
+exports.getGrabSelectionTitle = getGrabSelectionTitle;
 const getDescription = async (node) => {
     let renderedBy = await (0, get_rendered_by_1.getRenderedBy)(node);
     const preview = buildElementPreview(node, renderedBy);