react-native-grab 1.0.0 → 1.1.0

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/context-menu.js

@@ -0,0 +1,237 @@
+"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) => {
+    const { width: screenWidth, height: screenHeight } = 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, 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);
+    }, [
+        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 backdropRegions = (0, react_1.useMemo)(() => {
+        const { width: screenWidth, height: screenHeight } = 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,
+                },
+            },
+        ];
+    }, [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: [backdropRegions.map((region) => ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { pointerEvents: "none", style: [
+                    region.style,
+                    styles.backdrop,
+                    {
+                        opacity: animation.interpolate({
+                            inputRange: [0, 1],
+                            outputRange: [0, 1],
+                        }),
+                    },
+                ] }, `backdrop-${region.key}`))), backdropRegions.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: 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,
+    },
+    backdrop: {
+        backgroundColor: "rgba(0, 0, 0, 0.06)",
+    },
+    menu: {
+        position: "absolute",
+        zIndex: 11,
+        minWidth: 176,
+        borderRadius: 14,
+        backgroundColor: "#FFFFFF",
+        overflow: "hidden",
+        shadowColor: "#000000",
+        shadowOffset: { width: 0, height: 10 },
+        shadowOpacity: 0.16,
+        shadowRadius: 24,
+        elevation: 10,
+    },
+    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/focus-effect.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setFocusEffect = exports.getFocusEffect = void 0;
+const react_1 = require("react");
+const getDefaultFocusEffectFactory = () => {
+    try {
+        return require("expo-router").useFocusEffect;
+    }
+    catch {
+        // Nothing we can do about it, it's not installed in the project.
+    }
+    try {
+        return require("@react-navigation/native").useFocusEffect;
+    }
+    catch {
+        // Nothing we can do about it, it's not installed in the project.
+    }
+    console.warn("[react-native-grab] No supported router found — falling back to useEffect. This may cause issues. Provide a custom focus effect using the setFocusEffect function.");
+    const useFallbackFocusEffect = (cb) => {
+        (0, react_1.useEffect)(() => {
+            return cb();
+        }, [cb]);
+    };
+    return useFallbackFocusEffect;
+};
+let cachedFocusEffect = null;
+const getFocusEffect = () => {
+    if (!cachedFocusEffect) {
+        cachedFocusEffect = getDefaultFocusEffectFactory();
+    }
+    return cachedFocusEffect;
+};
+exports.getFocusEffect = getFocusEffect;
+const setFocusEffect = (impl) => {
+    cachedFocusEffect = impl;
+};
+exports.setFocusEffect = setFocusEffect;
+//# sourceMappingURL=focus-effect.js.map

package/dist/cjs/react-native/focus-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-effect.js","sourceRoot":"","sources":["../../../src/react-native/focus-effect.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,MAAM,4BAA4B,GAAG,GAA+B,EAAE;IACpE,IAAI,CAAC;QACH,OAAO,OAAO,CAAC,aAAa,CAAC,CAAC,cAAc,CAAC;IAC/C,CAAC;IAAC,MAAM,CAAC;QACP,iEAAiE;IACnE,CAAC;IAED,IAAI,CAAC;QACH,OAAO,OAAO,CAAC,0BAA0B,CAAC,CAAC,cAAc,CAAC;IAC5D,CAAC;IAAC,MAAM,CAAC;QACP,iEAAiE;IACnE,CAAC;IAED,OAAO,CAAC,IAAI,CACV,oKAAoK,CACrK,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,EAAc,EAAE,EAAE;QAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,OAAO,EAAE,EAAE,CAAC;QACd,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,OAAO,sBAAsB,CAAC;AAChC,CAAC,CAAC;AAEF,IAAI,iBAAiB,GAAsC,IAAI,CAAC;AAEzD,MAAM,cAAc,GAAG,GAA+B,EAAE;IAC7D,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,iBAAiB,GAAG,4BAA4B,EAAE,CAAC;IACrD,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AANW,QAAA,cAAc,kBAMzB;AAEK,MAAM,cAAc,GAAG,CAAC,IAA8B,EAAE,EAAE;IAC/D,iBAAiB,GAAG,IAAI,CAAC;AAC3B,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB"}

package/dist/cjs/react-native/grab-control-bar.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GrabControlBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const BAR_HEIGHT = 36;
+const BAR_WIDTH = 108;
+const SLOT_WIDTH = 36;
+// Icons from https://lucide.dev/
+const DRAG_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAsElEQVR4AdySMQqAMAxFxUWv6eiJHL2mbr5AyfAhQ0PaQUnhhzR5pvx1Gfz9D3DwYk87ppEelnfX9Ikuxm3tmEZ6WN5dU4BPqxIKOBn8tmMa6WF5d00BN+P2dkwjPSzvrinAp1WJ6YCUFdk27NMNUlYEEPYpgLu1oYCUFfmlsE8BKSsCCPsUwN3amA4I7cZeqZpuENoNQKqmAObUhgJCu4FN1RQQ2g1AqqYA5tTGcMAHAAD//+qsAJ8AAAAGSURBVAMAklJIMadtfagAAAAASUVORK5CYII=";
+const HIDE_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABMElEQVR4AezRy20CMRAGYJQiUkcuSQu5pNxc0kJySR1Uwf+hNQ+tx14hIS4gDzue/7UML7s7f54B0wU/bEW/eTX1mufs4OCqFXf0C97D/k4xyKN7YDi4XUIV8BX2X4qQAaNcr44ZDAeX5orgUgXsAxIQMmDEMOPj0ZvBcHBpjuDlVxWAQ0DIgBFDxkpvBsPBpVnVKACZkAEjhj8ZKr0ZDCfj/pkFUDFg9J/L21J6M1hG9dkSUKs3IFsC2s69vTdXev8DbBgzC2DAqO38M27K/s1gOBn3zyiAkAEjhm3n9q43g+HgdhOqAAJCBowYMm4mejMYDi5Nw0/PKoCAkAEjhifR0pjBcHBpFuj8qAIwCBkwcu8VDAe3h++qgI+wFYO0w4ODq1bEKmBFvHXwDJhu7gAAAP//FX4TdAAAAAZJREFUAwAkFUAxInh9owAAAABJRU5ErkJggg==";
+const INSPECT_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABNUlEQVR4AezUYU7DMAwFYMPFKCcDTgacDPxFc5ROZazRNu3Hor46cWy/vDTpc1y53ZxgSUGfiZ9JyH3P3P6MCkwIQNIDdnbkvmUOmyZiJHhpnoiPtE+TkJupgYRdESzNE0FJTLbKXSp/VFC+i9oHwb/beXdb5JS4KyxsKXBUoc3tVeCuOILOObjxx0TGMEXQkvL1dUCadqkQlTK+jr0KuvSs8HpA+UoZsmkFVp51QzEwVsyvBRFENttH0epXkf6zHkUFKsICMt8HjOHba+8WyalVKmrMWi0LFgCUTStQoIorqs9X34XlWxEI4GzMOidQKmwTCOWrGsYN4xYJ4JTgJGyhyKtQrV5e+fQ7RgIBSNgecKIzxsnbDB0JBFih/XPstmBeHIhTGEa/uY5jgj5xZkdh+DP8FwAA//94DFv3AAAABklEQVQDANreSTEI+d7fAAAAAElFTkSuQmCC";
+const GrabControlBar = ({ dragHandlePanHandlers, isSessionEnabled, isVisible, onHidden, onPressHide, onPressSelect, containerStyle, style, }) => {
+    const [isRendered, setIsRendered] = (0, react_1.useState)(isVisible);
+    const visibilityProgress = (0, react_1.useRef)(new react_native_1.Animated.Value(isVisible ? 1 : 0)).current;
+    (0, react_1.useEffect)(() => {
+        if (isVisible) {
+            setIsRendered(true);
+        }
+        react_native_1.Animated.timing(visibilityProgress, {
+            toValue: isVisible ? 1 : 0,
+            duration: 180,
+            easing: react_native_1.Easing.out(react_native_1.Easing.cubic),
+            useNativeDriver: true,
+        }).start(({ finished }) => {
+            if (finished && !isVisible) {
+                setIsRendered(false);
+                onHidden?.();
+            }
+        });
+    }, [isVisible, onHidden, visibilityProgress]);
+    const containerAnimatedStyle = (0, react_1.useMemo)(() => ({
+        opacity: visibilityProgress,
+        transform: [
+            {
+                translateY: visibilityProgress.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [-10, 0],
+                }),
+            },
+            {
+                scale: visibilityProgress.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [0.92, 1],
+                }),
+            },
+        ],
+    }), [visibilityProgress]);
+    if (!isRendered) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { pointerEvents: isVisible ? "auto" : "none", style: containerStyle, children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: containerAnimatedStyle, children: (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, { style: [styles.container, style], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityHint: "Drag to reposition the React Native Grab controls.", accessibilityLabel: "Move controls", accessibilityRole: "adjustable", style: styles.slot, ...dragHandlePanHandlers, children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: DRAG_ICON_IMAGE_URL }, style: styles.dragIcon }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.divider }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityHint: "Starts selecting an element to copy its description.", accessibilityLabel: "Select element", accessibilityRole: "button", hitSlop: 8, onPress: onPressSelect, style: ({ pressed }) => [styles.slot, pressed && styles.pressedButton], children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: INSPECT_ICON_IMAGE_URL }, style: [styles.inspectIcon, isSessionEnabled && styles.inspectIconActive] }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.divider }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityHint: "Hides the React Native Grab controls.", accessibilityLabel: "Hide controls", accessibilityRole: "button", hitSlop: 8, onPress: onPressHide, style: ({ pressed }) => [styles.slot, pressed && styles.pressedButton], children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: HIDE_ICON_IMAGE_URL }, style: styles.arrowIcon }) })] }) }) }));
+};
+exports.GrabControlBar = GrabControlBar;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        height: BAR_HEIGHT,
+        width: BAR_WIDTH,
+        borderRadius: BAR_HEIGHT / 2,
+        backgroundColor: "#FFFFFF",
+        flexDirection: "row",
+        alignItems: "center",
+        overflow: "hidden",
+        shadowColor: "#000000",
+        shadowOffset: { width: 0, height: 6 },
+        shadowOpacity: 0.18,
+        shadowRadius: 16,
+        elevation: 8,
+    },
+    slot: {
+        width: SLOT_WIDTH,
+        height: BAR_HEIGHT,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    divider: {
+        width: react_native_1.StyleSheet.hairlineWidth,
+        height: 14,
+        backgroundColor: "rgba(17, 17, 17, 0.14)",
+    },
+    pressedButton: {
+        backgroundColor: "rgba(17, 17, 17, 0.08)",
+    },
+    dragIcon: {
+        width: 12,
+        height: 12,
+    },
+    inspectIcon: {
+        width: 16,
+        height: 16,
+    },
+    inspectIconActive: {
+        opacity: 0.72,
+    },
+    arrowIcon: {
+        width: 16,
+        height: 16,
+    },
+});
+//# sourceMappingURL=grab-control-bar.js.map

package/dist/cjs/react-native/grab-control-bar.js.map

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

package/dist/cjs/react-native/grab-controller.js

@@ -1,11 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.enableGrabbing = exports.setEnableGrabbingHandler = void 0;
+exports.toggleGrabMenu = exports.enableGrabbing = exports.setToggleGrabMenuHandler = exports.setEnableGrabbingHandler = void 0;
 let enableGrabbingHandler = null;
+let toggleGrabMenuHandler = null;
 const setEnableGrabbingHandler = (handler) => {
     enableGrabbingHandler = handler;
 };
 exports.setEnableGrabbingHandler = setEnableGrabbingHandler;
+const setToggleGrabMenuHandler = (handler) => {
+    toggleGrabMenuHandler = handler;
+};
+exports.setToggleGrabMenuHandler = setToggleGrabMenuHandler;
 const enableGrabbing = () => {
     if (!enableGrabbingHandler) {
         console.error("[react-native-grab] Cannot enable grabbing. Ensure ReactNativeGrabRoot is mounted.");
@@ -14,4 +19,12 @@ const enableGrabbing = () => {
     enableGrabbingHandler();
 };
 exports.enableGrabbing = enableGrabbing;
+const toggleGrabMenu = () => {
+    if (!toggleGrabMenuHandler) {
+        console.error("[react-native-grab] Cannot toggle menu. Ensure ReactNativeGrabRoot is mounted.");
+        return;
+    }
+    toggleGrabMenuHandler();
+};
+exports.toggleGrabMenu = toggleGrabMenu;
 //# sourceMappingURL=grab-controller.js.map

package/dist/cjs/react-native/grab-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"grab-controller.js","sourceRoot":"","sources":["../../../src/react-native/grab-controller.ts"],"names":[],"mappings":";;;AAEA,IAAI,qBAAqB,GAAiC,IAAI,CAAC;AAExD,MAAM,wBAAwB,GAAG,CAAC,OAAqC,EAAE,EAAE;IAChF,qBAAqB,GAAG,OAAO,CAAC;AAClC,CAAC,CAAC;AAFW,QAAA,wBAAwB,4BAEnC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,CAAC,KAAK,CACX,oFAAoF,CACrF,CAAC;QACF,OAAO;IACT,CAAC;IAED,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC;AATW,QAAA,cAAc,kBASzB"}
+{"version":3,"file":"grab-controller.js","sourceRoot":"","sources":["../../../src/react-native/grab-controller.ts"],"names":[],"mappings":";;;AAGA,IAAI,qBAAqB,GAAiC,IAAI,CAAC;AAC/D,IAAI,qBAAqB,GAAiC,IAAI,CAAC;AAExD,MAAM,wBAAwB,GAAG,CAAC,OAAqC,EAAE,EAAE;IAChF,qBAAqB,GAAG,OAAO,CAAC;AAClC,CAAC,CAAC;AAFW,QAAA,wBAAwB,4BAEnC;AAEK,MAAM,wBAAwB,GAAG,CAAC,OAAqC,EAAE,EAAE;IAChF,qBAAqB,GAAG,OAAO,CAAC;AAClC,CAAC,CAAC;AAFW,QAAA,wBAAwB,4BAEnC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,CAAC,KAAK,CACX,oFAAoF,CACrF,CAAC;QACF,OAAO;IACT,CAAC;IAED,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC;AATW,QAAA,cAAc,kBASzB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,CAAC,KAAK,CAAC,gFAAgF,CAAC,CAAC;QAChG,OAAO;IACT,CAAC;IAED,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC;AAPW,QAAA,cAAc,kBAOzB"}