react-native-grab 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/cjs/react-native/context-menu.js +237 -0
- package/dist/cjs/react-native/context-menu.js.map +1 -0
- package/dist/cjs/react-native/focus-effect.js +38 -0
- package/dist/cjs/react-native/focus-effect.js.map +1 -0
- package/dist/cjs/react-native/grab-control-bar.js +101 -0
- package/dist/cjs/react-native/grab-control-bar.js.map +1 -0
- package/dist/cjs/react-native/grab-controller.js +14 -1
- package/dist/cjs/react-native/grab-controller.js.map +1 -1
- package/dist/cjs/react-native/grab-overlay.js +206 -10
- package/dist/cjs/react-native/grab-overlay.js.map +1 -1
- package/dist/cjs/react-native/grab-screen.js +2 -16
- package/dist/cjs/react-native/grab-screen.js.map +1 -1
- package/dist/cjs/react-native/index.js +4 -1
- package/dist/cjs/react-native/index.js.map +1 -1
- package/dist/cjs/react-native/open.js +21 -0
- package/dist/cjs/react-native/open.js.map +1 -0
- package/dist/esm/react-native/context-menu.js +233 -0
- package/dist/esm/react-native/context-menu.js.map +1 -0
- package/dist/esm/react-native/focus-effect.js +33 -0
- package/dist/esm/react-native/focus-effect.js.map +1 -0
- package/dist/esm/react-native/grab-control-bar.js +97 -0
- package/dist/esm/react-native/grab-control-bar.js.map +1 -0
- package/dist/esm/react-native/grab-controller.js +11 -0
- package/dist/esm/react-native/grab-controller.js.map +1 -1
- package/dist/esm/react-native/grab-overlay.js +209 -13
- package/dist/esm/react-native/grab-overlay.js.map +1 -1
- package/dist/esm/react-native/grab-screen.js +2 -16
- package/dist/esm/react-native/grab-screen.js.map +1 -1
- package/dist/esm/react-native/index.js +3 -0
- package/dist/esm/react-native/index.js.map +1 -1
- package/dist/esm/react-native/open.js +14 -0
- package/dist/esm/react-native/open.js.map +1 -0
- package/dist/types/react-native/context-menu.d.ts +38 -0
- package/dist/types/react-native/context-menu.d.ts.map +1 -0
- package/dist/types/react-native/focus-effect.d.ts +3 -0
- package/dist/types/react-native/focus-effect.d.ts.map +1 -0
- package/dist/types/react-native/grab-control-bar.d.ts +13 -0
- package/dist/types/react-native/grab-control-bar.d.ts.map +1 -0
- package/dist/types/react-native/grab-controller.d.ts +3 -0
- package/dist/types/react-native/grab-controller.d.ts.map +1 -1
- package/dist/types/react-native/grab-overlay.d.ts.map +1 -1
- package/dist/types/react-native/grab-screen.d.ts.map +1 -1
- package/dist/types/react-native/index.d.ts +1 -0
- package/dist/types/react-native/index.d.ts.map +1 -1
- package/dist/types/react-native/open.d.ts +7 -0
- package/dist/types/react-native/open.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Children, createContext, isValidElement, useContext, useEffect, useMemo, useRef, useState, } from "react";
|
|
3
|
+
import { Animated, Dimensions, Easing, Pressable, StyleSheet, Text, View, } from "react-native";
|
|
4
|
+
const SCREEN_EDGE_MARGIN = 8;
|
|
5
|
+
const ContextMenuContext = createContext(null);
|
|
6
|
+
const getAlignedLeft = (anchorX, menuWidth, horizontalAlignment) => {
|
|
7
|
+
switch (horizontalAlignment) {
|
|
8
|
+
case "left":
|
|
9
|
+
return anchorX;
|
|
10
|
+
case "right":
|
|
11
|
+
return anchorX - menuWidth;
|
|
12
|
+
case "center":
|
|
13
|
+
default:
|
|
14
|
+
return anchorX - menuWidth / 2;
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const getAlignedTop = (anchorY, menuHeight, verticalAlignment) => {
|
|
18
|
+
switch (verticalAlignment) {
|
|
19
|
+
case "center":
|
|
20
|
+
return anchorY - menuHeight / 2;
|
|
21
|
+
case "bottom":
|
|
22
|
+
return anchorY - menuHeight;
|
|
23
|
+
case "top":
|
|
24
|
+
default:
|
|
25
|
+
return anchorY;
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const getMenuPosition = (anchor, menuWidth, menuHeight, horizontalAlignment, verticalAlignment, offset) => {
|
|
29
|
+
const { width: screenWidth, height: screenHeight } = Dimensions.get("window");
|
|
30
|
+
const preferredLeft = getAlignedLeft(anchor.x, menuWidth, horizontalAlignment) + offset.x;
|
|
31
|
+
const preferredTop = getAlignedTop(anchor.y, menuHeight, verticalAlignment) + offset.y;
|
|
32
|
+
return {
|
|
33
|
+
left: Math.min(Math.max(SCREEN_EDGE_MARGIN, preferredLeft), screenWidth - menuWidth - SCREEN_EDGE_MARGIN),
|
|
34
|
+
top: Math.min(Math.max(SCREEN_EDGE_MARGIN, preferredTop), screenHeight - menuHeight - SCREEN_EDGE_MARGIN),
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
const ContextMenuItem = ({ children, destructive = false, disabled = false, onPress, }) => {
|
|
38
|
+
const context = useContext(ContextMenuContext);
|
|
39
|
+
if (!context) {
|
|
40
|
+
throw new Error("ContextMenu.Item must be rendered inside ContextMenu.");
|
|
41
|
+
}
|
|
42
|
+
return (_jsx(Pressable, { accessibilityRole: "menuitem", disabled: disabled, onPress: () => {
|
|
43
|
+
context.onClose();
|
|
44
|
+
onPress();
|
|
45
|
+
}, style: ({ pressed }) => [
|
|
46
|
+
styles.item,
|
|
47
|
+
pressed && !disabled && styles.itemPressed,
|
|
48
|
+
disabled && styles.itemDisabled,
|
|
49
|
+
], children: _jsx(Text, { style: [styles.itemText, destructive && styles.destructiveText], children: children }) }));
|
|
50
|
+
};
|
|
51
|
+
export const ContextMenu = ({ anchor, children, cutout = null, horizontalAlignment = "center", offset = { x: 0, y: 10 }, onClose, verticalAlignment = "top", visible, }) => {
|
|
52
|
+
const [isRendered, setIsRendered] = useState(visible);
|
|
53
|
+
const [menuSize, setMenuSize] = useState({ width: 0, height: 0 });
|
|
54
|
+
const [renderedAnchor, setRenderedAnchor] = useState(anchor);
|
|
55
|
+
const animation = useRef(new Animated.Value(visible ? 1 : 0)).current;
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
if (visible) {
|
|
58
|
+
setIsRendered(true);
|
|
59
|
+
}
|
|
60
|
+
if (anchor) {
|
|
61
|
+
setRenderedAnchor(anchor);
|
|
62
|
+
}
|
|
63
|
+
Animated.timing(animation, {
|
|
64
|
+
toValue: visible ? 1 : 0,
|
|
65
|
+
duration: visible ? 180 : 140,
|
|
66
|
+
easing: visible ? Easing.out(Easing.cubic) : Easing.in(Easing.cubic),
|
|
67
|
+
useNativeDriver: true,
|
|
68
|
+
}).start(({ finished }) => {
|
|
69
|
+
if (finished && !visible) {
|
|
70
|
+
setIsRendered(false);
|
|
71
|
+
setRenderedAnchor(null);
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}, [anchor, animation, visible]);
|
|
75
|
+
const handleLayout = (event) => {
|
|
76
|
+
const { width, height } = event.nativeEvent.layout;
|
|
77
|
+
if (width === menuSize.width && height === menuSize.height) {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
setMenuSize({ width, height });
|
|
81
|
+
};
|
|
82
|
+
const position = useMemo(() => {
|
|
83
|
+
if (!renderedAnchor) {
|
|
84
|
+
return { left: SCREEN_EDGE_MARGIN, top: SCREEN_EDGE_MARGIN };
|
|
85
|
+
}
|
|
86
|
+
return getMenuPosition(renderedAnchor, menuSize.width, menuSize.height, horizontalAlignment, verticalAlignment, offset);
|
|
87
|
+
}, [
|
|
88
|
+
horizontalAlignment,
|
|
89
|
+
menuSize.height,
|
|
90
|
+
menuSize.width,
|
|
91
|
+
offset,
|
|
92
|
+
renderedAnchor,
|
|
93
|
+
verticalAlignment,
|
|
94
|
+
]);
|
|
95
|
+
const renderedItems = useMemo(() => Children.toArray(children).filter((child) => isValidElement(child)), [children]);
|
|
96
|
+
const backdropRegions = useMemo(() => {
|
|
97
|
+
const { width: screenWidth, height: screenHeight } = Dimensions.get("window");
|
|
98
|
+
if (!cutout) {
|
|
99
|
+
return [
|
|
100
|
+
{
|
|
101
|
+
key: "full",
|
|
102
|
+
style: StyleSheet.absoluteFillObject,
|
|
103
|
+
},
|
|
104
|
+
];
|
|
105
|
+
}
|
|
106
|
+
const left = Math.max(0, cutout.x);
|
|
107
|
+
const top = Math.max(0, cutout.y);
|
|
108
|
+
const right = Math.min(screenWidth, cutout.x + cutout.width);
|
|
109
|
+
const bottom = Math.min(screenHeight, cutout.y + cutout.height);
|
|
110
|
+
return [
|
|
111
|
+
{
|
|
112
|
+
key: "top",
|
|
113
|
+
style: {
|
|
114
|
+
position: "absolute",
|
|
115
|
+
top: 0,
|
|
116
|
+
left: 0,
|
|
117
|
+
right: 0,
|
|
118
|
+
height: top,
|
|
119
|
+
},
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
key: "left",
|
|
123
|
+
style: {
|
|
124
|
+
position: "absolute",
|
|
125
|
+
top,
|
|
126
|
+
left: 0,
|
|
127
|
+
width: left,
|
|
128
|
+
height: Math.max(0, bottom - top),
|
|
129
|
+
},
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
key: "right",
|
|
133
|
+
style: {
|
|
134
|
+
position: "absolute",
|
|
135
|
+
top,
|
|
136
|
+
left: right,
|
|
137
|
+
right: 0,
|
|
138
|
+
height: Math.max(0, bottom - top),
|
|
139
|
+
},
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
key: "bottom",
|
|
143
|
+
style: {
|
|
144
|
+
position: "absolute",
|
|
145
|
+
top: bottom,
|
|
146
|
+
left: 0,
|
|
147
|
+
right: 0,
|
|
148
|
+
bottom: 0,
|
|
149
|
+
},
|
|
150
|
+
},
|
|
151
|
+
];
|
|
152
|
+
}, [cutout]);
|
|
153
|
+
if (!isRendered || !renderedAnchor || renderedItems.length === 0) {
|
|
154
|
+
return null;
|
|
155
|
+
}
|
|
156
|
+
return (_jsxs(View, { pointerEvents: "box-none", style: styles.overlay, children: [backdropRegions.map((region) => (_jsx(Animated.View, { pointerEvents: "none", style: [
|
|
157
|
+
region.style,
|
|
158
|
+
styles.backdrop,
|
|
159
|
+
{
|
|
160
|
+
opacity: animation.interpolate({
|
|
161
|
+
inputRange: [0, 1],
|
|
162
|
+
outputRange: [0, 1],
|
|
163
|
+
}),
|
|
164
|
+
},
|
|
165
|
+
] }, `backdrop-${region.key}`))), backdropRegions.map((region) => (_jsx(Pressable, { accessibilityLabel: "Close context menu", onPress: onClose, style: region.style }, `pressable-${region.key}`))), _jsx(ContextMenuContext.Provider, { value: { onClose }, children: _jsx(Animated.View, { onLayout: handleLayout, style: [
|
|
166
|
+
styles.menu,
|
|
167
|
+
position,
|
|
168
|
+
{
|
|
169
|
+
opacity: animation,
|
|
170
|
+
transform: [
|
|
171
|
+
{
|
|
172
|
+
translateY: animation.interpolate({
|
|
173
|
+
inputRange: [0, 1],
|
|
174
|
+
outputRange: [-10, 0],
|
|
175
|
+
}),
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
scale: animation.interpolate({
|
|
179
|
+
inputRange: [0, 1],
|
|
180
|
+
outputRange: [0.94, 1],
|
|
181
|
+
}),
|
|
182
|
+
},
|
|
183
|
+
],
|
|
184
|
+
},
|
|
185
|
+
], children: renderedItems.map((child, index) => (_jsx(View, { style: index > 0 ? styles.itemBorder : undefined, children: child }, index))) }) })] }));
|
|
186
|
+
};
|
|
187
|
+
ContextMenu.Item = ContextMenuItem;
|
|
188
|
+
const styles = StyleSheet.create({
|
|
189
|
+
overlay: {
|
|
190
|
+
...StyleSheet.absoluteFillObject,
|
|
191
|
+
zIndex: 10,
|
|
192
|
+
elevation: 10,
|
|
193
|
+
},
|
|
194
|
+
backdrop: {
|
|
195
|
+
backgroundColor: "rgba(0, 0, 0, 0.06)",
|
|
196
|
+
},
|
|
197
|
+
menu: {
|
|
198
|
+
position: "absolute",
|
|
199
|
+
zIndex: 11,
|
|
200
|
+
minWidth: 176,
|
|
201
|
+
borderRadius: 14,
|
|
202
|
+
backgroundColor: "#FFFFFF",
|
|
203
|
+
overflow: "hidden",
|
|
204
|
+
shadowColor: "#000000",
|
|
205
|
+
shadowOffset: { width: 0, height: 10 },
|
|
206
|
+
shadowOpacity: 0.16,
|
|
207
|
+
shadowRadius: 24,
|
|
208
|
+
elevation: 10,
|
|
209
|
+
},
|
|
210
|
+
item: {
|
|
211
|
+
paddingHorizontal: 14,
|
|
212
|
+
paddingVertical: 12,
|
|
213
|
+
},
|
|
214
|
+
itemBorder: {
|
|
215
|
+
borderTopWidth: StyleSheet.hairlineWidth,
|
|
216
|
+
borderTopColor: "rgba(17, 17, 17, 0.12)",
|
|
217
|
+
},
|
|
218
|
+
itemPressed: {
|
|
219
|
+
backgroundColor: "rgba(17, 17, 17, 0.06)",
|
|
220
|
+
},
|
|
221
|
+
itemDisabled: {
|
|
222
|
+
opacity: 0.5,
|
|
223
|
+
},
|
|
224
|
+
itemText: {
|
|
225
|
+
color: "#111111",
|
|
226
|
+
fontSize: 14,
|
|
227
|
+
fontWeight: "500",
|
|
228
|
+
},
|
|
229
|
+
destructiveText: {
|
|
230
|
+
color: "#C43D2F",
|
|
231
|
+
},
|
|
232
|
+
});
|
|
233
|
+
//# sourceMappingURL=context-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../src/react-native/context-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
const getDefaultFocusEffectFactory = () => {
|
|
3
|
+
try {
|
|
4
|
+
return require("expo-router").useFocusEffect;
|
|
5
|
+
}
|
|
6
|
+
catch {
|
|
7
|
+
// Nothing we can do about it, it's not installed in the project.
|
|
8
|
+
}
|
|
9
|
+
try {
|
|
10
|
+
return require("@react-navigation/native").useFocusEffect;
|
|
11
|
+
}
|
|
12
|
+
catch {
|
|
13
|
+
// Nothing we can do about it, it's not installed in the project.
|
|
14
|
+
}
|
|
15
|
+
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.");
|
|
16
|
+
const useFallbackFocusEffect = (cb) => {
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
return cb();
|
|
19
|
+
}, [cb]);
|
|
20
|
+
};
|
|
21
|
+
return useFallbackFocusEffect;
|
|
22
|
+
};
|
|
23
|
+
let cachedFocusEffect = null;
|
|
24
|
+
export const getFocusEffect = () => {
|
|
25
|
+
if (!cachedFocusEffect) {
|
|
26
|
+
cachedFocusEffect = getDefaultFocusEffectFactory();
|
|
27
|
+
}
|
|
28
|
+
return cachedFocusEffect;
|
|
29
|
+
};
|
|
30
|
+
export const setFocusEffect = (impl) => {
|
|
31
|
+
cachedFocusEffect = impl;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=focus-effect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"focus-effect.js","sourceRoot":"","sources":["../../../src/react-native/focus-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;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,SAAS,CAAC,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;AAEhE,MAAM,CAAC,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;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAA8B,EAAE,EAAE;IAC/D,iBAAiB,GAAG,IAAI,CAAC;AAC3B,CAAC,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { Animated, Easing, Image, Pressable, StyleSheet, View, } from "react-native";
|
|
4
|
+
const BAR_HEIGHT = 36;
|
|
5
|
+
const BAR_WIDTH = 108;
|
|
6
|
+
const SLOT_WIDTH = 36;
|
|
7
|
+
// Icons from https://lucide.dev/
|
|
8
|
+
const DRAG_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAsElEQVR4AdySMQqAMAxFxUWv6eiJHL2mbr5AyfAhQ0PaQUnhhzR5pvx1Gfz9D3DwYk87ppEelnfX9Ikuxm3tmEZ6WN5dU4BPqxIKOBn8tmMa6WF5d00BN+P2dkwjPSzvrinAp1WJ6YCUFdk27NMNUlYEEPYpgLu1oYCUFfmlsE8BKSsCCPsUwN3amA4I7cZeqZpuENoNQKqmAObUhgJCu4FN1RQQ2g1AqqYA5tTGcMAHAAD//+qsAJ8AAAAGSURBVAMAklJIMadtfagAAAAASUVORK5CYII=";
|
|
9
|
+
const HIDE_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABMElEQVR4AezRy20CMRAGYJQiUkcuSQu5pNxc0kJySR1Uwf+hNQ+tx14hIS4gDzue/7UML7s7f54B0wU/bEW/eTX1mufs4OCqFXf0C97D/k4xyKN7YDi4XUIV8BX2X4qQAaNcr44ZDAeX5orgUgXsAxIQMmDEMOPj0ZvBcHBpjuDlVxWAQ0DIgBFDxkpvBsPBpVnVKACZkAEjhj8ZKr0ZDCfj/pkFUDFg9J/L21J6M1hG9dkSUKs3IFsC2s69vTdXev8DbBgzC2DAqO38M27K/s1gOBn3zyiAkAEjhm3n9q43g+HgdhOqAAJCBowYMm4mejMYDi5Nw0/PKoCAkAEjhifR0pjBcHBpFuj8qAIwCBkwcu8VDAe3h++qgI+wFYO0w4ODq1bEKmBFvHXwDJhu7gAAAP//FX4TdAAAAAZJREFUAwAkFUAxInh9owAAAABJRU5ErkJggg==";
|
|
10
|
+
const INSPECT_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABNUlEQVR4AezUYU7DMAwFYMPFKCcDTgacDPxFc5ROZazRNu3Hor46cWy/vDTpc1y53ZxgSUGfiZ9JyH3P3P6MCkwIQNIDdnbkvmUOmyZiJHhpnoiPtE+TkJupgYRdESzNE0FJTLbKXSp/VFC+i9oHwb/beXdb5JS4KyxsKXBUoc3tVeCuOILOObjxx0TGMEXQkvL1dUCadqkQlTK+jr0KuvSs8HpA+UoZsmkFVp51QzEwVsyvBRFENttH0epXkf6zHkUFKsICMt8HjOHba+8WyalVKmrMWi0LFgCUTStQoIorqs9X34XlWxEI4GzMOidQKmwTCOWrGsYN4xYJ4JTgJGyhyKtQrV5e+fQ7RgIBSNgecKIzxsnbDB0JBFih/XPstmBeHIhTGEa/uY5jgj5xZkdh+DP8FwAA//94DFv3AAAABklEQVQDANreSTEI+d7fAAAAAElFTkSuQmCC";
|
|
11
|
+
export const GrabControlBar = ({ dragHandlePanHandlers, isSessionEnabled, isVisible, onHidden, onPressHide, onPressSelect, containerStyle, style, }) => {
|
|
12
|
+
const [isRendered, setIsRendered] = useState(isVisible);
|
|
13
|
+
const visibilityProgress = useRef(new Animated.Value(isVisible ? 1 : 0)).current;
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (isVisible) {
|
|
16
|
+
setIsRendered(true);
|
|
17
|
+
}
|
|
18
|
+
Animated.timing(visibilityProgress, {
|
|
19
|
+
toValue: isVisible ? 1 : 0,
|
|
20
|
+
duration: 180,
|
|
21
|
+
easing: Easing.out(Easing.cubic),
|
|
22
|
+
useNativeDriver: true,
|
|
23
|
+
}).start(({ finished }) => {
|
|
24
|
+
if (finished && !isVisible) {
|
|
25
|
+
setIsRendered(false);
|
|
26
|
+
onHidden?.();
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
}, [isVisible, onHidden, visibilityProgress]);
|
|
30
|
+
const containerAnimatedStyle = useMemo(() => ({
|
|
31
|
+
opacity: visibilityProgress,
|
|
32
|
+
transform: [
|
|
33
|
+
{
|
|
34
|
+
translateY: visibilityProgress.interpolate({
|
|
35
|
+
inputRange: [0, 1],
|
|
36
|
+
outputRange: [-10, 0],
|
|
37
|
+
}),
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
scale: visibilityProgress.interpolate({
|
|
41
|
+
inputRange: [0, 1],
|
|
42
|
+
outputRange: [0.92, 1],
|
|
43
|
+
}),
|
|
44
|
+
},
|
|
45
|
+
],
|
|
46
|
+
}), [visibilityProgress]);
|
|
47
|
+
if (!isRendered) {
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
return (_jsx(Animated.View, { pointerEvents: isVisible ? "auto" : "none", style: containerStyle, children: _jsx(Animated.View, { style: containerAnimatedStyle, children: _jsxs(Animated.View, { style: [styles.container, style], children: [_jsx(View, { accessibilityHint: "Drag to reposition the React Native Grab controls.", accessibilityLabel: "Move controls", accessibilityRole: "adjustable", style: styles.slot, ...dragHandlePanHandlers, children: _jsx(Image, { source: { uri: DRAG_ICON_IMAGE_URL }, style: styles.dragIcon }) }), _jsx(View, { style: styles.divider }), _jsx(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: _jsx(Image, { source: { uri: INSPECT_ICON_IMAGE_URL }, style: [styles.inspectIcon, isSessionEnabled && styles.inspectIconActive] }) }), _jsx(View, { style: styles.divider }), _jsx(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: _jsx(Image, { source: { uri: HIDE_ICON_IMAGE_URL }, style: styles.arrowIcon }) })] }) }) }));
|
|
51
|
+
};
|
|
52
|
+
const styles = StyleSheet.create({
|
|
53
|
+
container: {
|
|
54
|
+
height: BAR_HEIGHT,
|
|
55
|
+
width: BAR_WIDTH,
|
|
56
|
+
borderRadius: BAR_HEIGHT / 2,
|
|
57
|
+
backgroundColor: "#FFFFFF",
|
|
58
|
+
flexDirection: "row",
|
|
59
|
+
alignItems: "center",
|
|
60
|
+
overflow: "hidden",
|
|
61
|
+
shadowColor: "#000000",
|
|
62
|
+
shadowOffset: { width: 0, height: 6 },
|
|
63
|
+
shadowOpacity: 0.18,
|
|
64
|
+
shadowRadius: 16,
|
|
65
|
+
elevation: 8,
|
|
66
|
+
},
|
|
67
|
+
slot: {
|
|
68
|
+
width: SLOT_WIDTH,
|
|
69
|
+
height: BAR_HEIGHT,
|
|
70
|
+
alignItems: "center",
|
|
71
|
+
justifyContent: "center",
|
|
72
|
+
},
|
|
73
|
+
divider: {
|
|
74
|
+
width: StyleSheet.hairlineWidth,
|
|
75
|
+
height: 14,
|
|
76
|
+
backgroundColor: "rgba(17, 17, 17, 0.14)",
|
|
77
|
+
},
|
|
78
|
+
pressedButton: {
|
|
79
|
+
backgroundColor: "rgba(17, 17, 17, 0.08)",
|
|
80
|
+
},
|
|
81
|
+
dragIcon: {
|
|
82
|
+
width: 12,
|
|
83
|
+
height: 12,
|
|
84
|
+
},
|
|
85
|
+
inspectIcon: {
|
|
86
|
+
width: 16,
|
|
87
|
+
height: 16,
|
|
88
|
+
},
|
|
89
|
+
inspectIconActive: {
|
|
90
|
+
opacity: 0.72,
|
|
91
|
+
},
|
|
92
|
+
arrowIcon: {
|
|
93
|
+
width: 16,
|
|
94
|
+
height: 16,
|
|
95
|
+
},
|
|
96
|
+
});
|
|
97
|
+
//# sourceMappingURL=grab-control-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grab-control-bar.js","sourceRoot":"","sources":["../../../src/react-native/grab-control-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EACL,QAAQ,EACR,MAAM,EAEN,KAAK,EACL,SAAS,EACT,UAAU,EACV,IAAI,GAGL,MAAM,cAAc,CAAC;AAEtB,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,iCAAiC;AACjC,MAAM,mBAAmB,GACvB,wWAAwW,CAAC;AAC3W,MAAM,mBAAmB,GACvB,ohBAAohB,CAAC;AACvhB,MAAM,sBAAsB,GAC1B,whBAAwhB,CAAC;AAa3hB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,qBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,KAAK,GACe,EAAE,EAAE;IACxB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE;YAClC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;YAChC,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YACxB,IAAI,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC3B,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,QAAQ,EAAE,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE9C,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,kBAAkB;QAC3B,SAAS,EAAE;YACT;gBACE,UAAU,EAAE,kBAAkB,CAAC,WAAW,CAAC;oBACzC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oBAClB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;iBACtB,CAAC;aACH;YACD;gBACE,KAAK,EAAE,kBAAkB,CAAC,WAAW,CAAC;oBACpC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oBAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iBACvB,CAAC;aACH;SACF;KACF,CAAC,EACF,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,cAAc,YAC9E,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,sBAAsB,YAC1C,MAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,aAC7C,KAAC,IAAI,IACH,iBAAiB,EAAC,oDAAoD,EACtE,kBAAkB,EAAC,eAAe,EAClC,iBAAiB,EAAC,YAAY,EAC9B,KAAK,EAAE,MAAM,CAAC,IAAI,KACd,qBAAqB,YAEzB,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,GAClE,EAEP,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI,EAE/B,KAAC,SAAS,IACR,iBAAiB,EAAC,sDAAsD,EACxE,kBAAkB,EAAC,gBAAgB,EACnC,iBAAiB,EAAC,QAAQ,EAC1B,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,aAAa,CAAC,YAEtE,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,EACvC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,IAAI,MAAM,CAAC,iBAAiB,CAAC,GACzE,GACQ,EAEZ,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI,EAE/B,KAAC,SAAS,IACR,iBAAiB,EAAC,uCAAuC,EACzD,kBAAkB,EAAC,eAAe,EAClC,iBAAiB,EAAC,QAAQ,EAC1B,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,aAAa,CAAC,YAEtE,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,GAC9D,IACE,GACF,GACF,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,UAAU,GAAG,CAAC;QAC5B,eAAe,EAAE,SAAS;QAC1B,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;KACb;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;QAClB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,UAAU,CAAC,aAAa;QAC/B,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,wBAAwB;KAC1C;IACD,aAAa,EAAE;QACb,eAAe,EAAE,wBAAwB;KAC1C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,WAAW,EAAE;QACX,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
let enableGrabbingHandler = null;
|
|
2
|
+
let toggleGrabMenuHandler = null;
|
|
2
3
|
export const setEnableGrabbingHandler = (handler) => {
|
|
3
4
|
enableGrabbingHandler = handler;
|
|
4
5
|
};
|
|
6
|
+
export const setToggleGrabMenuHandler = (handler) => {
|
|
7
|
+
toggleGrabMenuHandler = handler;
|
|
8
|
+
};
|
|
5
9
|
export const enableGrabbing = () => {
|
|
6
10
|
if (!enableGrabbingHandler) {
|
|
7
11
|
console.error("[react-native-grab] Cannot enable grabbing. Ensure ReactNativeGrabRoot is mounted.");
|
|
@@ -9,4 +13,11 @@ export const enableGrabbing = () => {
|
|
|
9
13
|
}
|
|
10
14
|
enableGrabbingHandler();
|
|
11
15
|
};
|
|
16
|
+
export const toggleGrabMenu = () => {
|
|
17
|
+
if (!toggleGrabMenuHandler) {
|
|
18
|
+
console.error("[react-native-grab] Cannot toggle menu. Ensure ReactNativeGrabRoot is mounted.");
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
toggleGrabMenuHandler();
|
|
22
|
+
};
|
|
12
23
|
//# sourceMappingURL=grab-controller.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grab-controller.js","sourceRoot":"","sources":["../../../src/react-native/grab-controller.ts"],"names":[],"mappings":"
|
|
1
|
+
{"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;AAE/D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAqC,EAAE,EAAE;IAChF,qBAAqB,GAAG,OAAO,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAqC,EAAE,EAAE;IAChF,qBAAqB,GAAG,OAAO,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,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;AAEF,MAAM,CAAC,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"}
|