@tamagui/toast 2.7.7 → 3.0.0-beta.643.1
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/dist/cjs/ToastComposable.cjs +773 -882
- package/dist/cjs/ToastComposable.native.cjs +924 -0
- package/dist/cjs/ToastComposable.native.js +854 -966
- package/dist/cjs/ToastComposable.native.js.map +1 -1
- package/dist/cjs/ToastItemFrame.cjs +48 -119
- package/dist/cjs/ToastItemFrame.native.cjs +76 -0
- package/dist/cjs/ToastItemFrame.native.js +50 -120
- package/dist/cjs/ToastItemFrame.native.js.map +1 -1
- package/dist/cjs/ToastState.cjs +281 -290
- package/dist/cjs/ToastState.native.cjs +312 -0
- package/dist/cjs/ToastState.native.js +280 -290
- package/dist/cjs/ToastState.native.js.map +1 -1
- package/dist/cjs/createNativeToast.cjs +38 -44
- package/dist/cjs/createNativeToast.native.cjs +54 -0
- package/dist/cjs/createNativeToast.native.js +36 -40
- package/dist/cjs/createNativeToast.native.js.map +1 -1
- package/dist/cjs/dispatchNativeToast.cjs +32 -35
- package/dist/cjs/dispatchNativeToast.native.cjs +48 -0
- package/dist/cjs/dispatchNativeToast.native.js +34 -36
- package/dist/cjs/dispatchNativeToast.native.js.map +1 -1
- package/dist/cjs/index.cjs +25 -12
- package/dist/cjs/index.native.cjs +35 -0
- package/dist/cjs/index.native.js +26 -12
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +10 -11
- package/dist/cjs/types.native.cjs +19 -0
- package/dist/cjs/types.native.js +10 -10
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useAnimatedDragGesture.cjs +197 -194
- package/dist/cjs/useAnimatedDragGesture.native.cjs +210 -0
- package/dist/cjs/useAnimatedDragGesture.native.js +179 -191
- package/dist/cjs/useAnimatedDragGesture.native.js.map +1 -1
- package/dist/cjs/useReducedMotion.cjs +47 -55
- package/dist/cjs/useReducedMotion.native.cjs +74 -0
- package/dist/cjs/useReducedMotion.native.js +53 -60
- package/dist/cjs/useReducedMotion.native.js.map +1 -1
- package/dist/cjs/useToastAnimations.cjs +198 -270
- package/dist/cjs/useToastAnimations.native.cjs +229 -0
- package/dist/cjs/useToastAnimations.native.js +205 -276
- package/dist/cjs/useToastAnimations.native.js.map +1 -1
- package/dist/esm/ToastComposable.mjs +752 -854
- package/dist/esm/ToastComposable.mjs.map +1 -1
- package/dist/esm/ToastComposable.native.js +834 -940
- package/dist/esm/ToastComposable.native.js.map +1 -1
- package/dist/esm/ToastItemFrame.mjs +31 -99
- package/dist/esm/ToastItemFrame.mjs.map +1 -1
- package/dist/esm/ToastItemFrame.native.js +34 -102
- package/dist/esm/ToastItemFrame.native.js.map +1 -1
- package/dist/esm/ToastState.mjs +266 -273
- package/dist/esm/ToastState.mjs.map +1 -1
- package/dist/esm/ToastState.native.js +265 -274
- package/dist/esm/ToastState.native.js.map +1 -1
- package/dist/esm/createNativeToast.mjs +22 -26
- package/dist/esm/createNativeToast.mjs.map +1 -1
- package/dist/esm/createNativeToast.native.js +21 -23
- package/dist/esm/createNativeToast.native.js.map +1 -1
- package/dist/esm/dispatchNativeToast.mjs +19 -17
- package/dist/esm/dispatchNativeToast.mjs.map +1 -1
- package/dist/esm/dispatchNativeToast.native.js +21 -19
- package/dist/esm/dispatchNativeToast.native.js.map +1 -1
- package/dist/esm/index.js +5 -2
- package/dist/esm/index.mjs +5 -2
- package/dist/esm/index.native.js +5 -2
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.native.js +0 -2
- package/dist/esm/useAnimatedDragGesture.mjs +181 -168
- package/dist/esm/useAnimatedDragGesture.mjs.map +1 -1
- package/dist/esm/useAnimatedDragGesture.native.js +163 -166
- package/dist/esm/useAnimatedDragGesture.native.js.map +1 -1
- package/dist/esm/useReducedMotion.mjs +31 -29
- package/dist/esm/useReducedMotion.mjs.map +1 -1
- package/dist/esm/useReducedMotion.native.js +37 -35
- package/dist/esm/useReducedMotion.native.js.map +1 -1
- package/dist/esm/useToastAnimations.mjs +183 -245
- package/dist/esm/useToastAnimations.mjs.map +1 -1
- package/dist/esm/useToastAnimations.native.js +190 -252
- package/dist/esm/useToastAnimations.native.js.map +1 -1
- package/dist/jsx/ToastComposable.mjs +752 -854
- package/dist/jsx/ToastComposable.mjs.map +1 -1
- package/dist/jsx/ToastComposable.native.cjs +924 -0
- package/dist/jsx/ToastComposable.native.js +854 -966
- package/dist/jsx/ToastComposable.native.js.map +1 -1
- package/dist/jsx/ToastItemFrame.mjs +31 -99
- package/dist/jsx/ToastItemFrame.mjs.map +1 -1
- package/dist/jsx/ToastItemFrame.native.cjs +76 -0
- package/dist/jsx/ToastItemFrame.native.js +50 -120
- package/dist/jsx/ToastItemFrame.native.js.map +1 -1
- package/dist/jsx/ToastState.mjs +266 -273
- package/dist/jsx/ToastState.mjs.map +1 -1
- package/dist/jsx/ToastState.native.cjs +312 -0
- package/dist/jsx/ToastState.native.js +280 -290
- package/dist/jsx/ToastState.native.js.map +1 -1
- package/dist/jsx/createNativeToast.mjs +22 -26
- package/dist/jsx/createNativeToast.mjs.map +1 -1
- package/dist/jsx/createNativeToast.native.cjs +54 -0
- package/dist/jsx/createNativeToast.native.js +36 -40
- package/dist/jsx/createNativeToast.native.js.map +1 -1
- package/dist/jsx/dispatchNativeToast.mjs +19 -17
- package/dist/jsx/dispatchNativeToast.mjs.map +1 -1
- package/dist/jsx/dispatchNativeToast.native.cjs +48 -0
- package/dist/jsx/dispatchNativeToast.native.js +34 -36
- package/dist/jsx/dispatchNativeToast.native.js.map +1 -1
- package/dist/jsx/index.js +5 -2
- package/dist/jsx/index.mjs +5 -2
- package/dist/jsx/index.native.cjs +35 -0
- package/dist/jsx/index.native.js +26 -12
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.mjs +0 -2
- package/dist/jsx/types.native.cjs +19 -0
- package/dist/jsx/types.native.js +10 -10
- package/dist/jsx/types.native.js.map +1 -1
- package/dist/jsx/useAnimatedDragGesture.mjs +181 -168
- package/dist/jsx/useAnimatedDragGesture.mjs.map +1 -1
- package/dist/jsx/useAnimatedDragGesture.native.cjs +210 -0
- package/dist/jsx/useAnimatedDragGesture.native.js +179 -191
- package/dist/jsx/useAnimatedDragGesture.native.js.map +1 -1
- package/dist/jsx/useReducedMotion.mjs +31 -29
- package/dist/jsx/useReducedMotion.mjs.map +1 -1
- package/dist/jsx/useReducedMotion.native.cjs +74 -0
- package/dist/jsx/useReducedMotion.native.js +53 -60
- package/dist/jsx/useReducedMotion.native.js.map +1 -1
- package/dist/jsx/useToastAnimations.mjs +183 -245
- package/dist/jsx/useToastAnimations.mjs.map +1 -1
- package/dist/jsx/useToastAnimations.native.cjs +229 -0
- package/dist/jsx/useToastAnimations.native.js +205 -276
- package/dist/jsx/useToastAnimations.native.js.map +1 -1
- package/package.json +20 -37
- package/src/ToastComposable.tsx +55 -97
- package/src/ToastItemFrame.tsx +22 -81
- package/src/ToastState.ts +1 -0
- package/src/index.ts +34 -2
- package/src/types.ts +11 -0
- package/src/useAnimatedDragGesture.native.ts +1 -1
- package/src/useAnimatedDragGesture.ts +1 -1
- package/src/useToastAnimations.ts +20 -36
- package/types/ToastComposable.d.ts +124 -47
- package/types/ToastComposable.d.ts.map +1 -1
- package/types/ToastItemFrame.d.ts +52 -21
- package/types/ToastItemFrame.d.ts.map +1 -1
- package/types/ToastState.d.ts +15 -11
- package/types/ToastState.d.ts.map +1 -1
- package/types/index.d.ts +6 -2
- package/types/index.d.ts.map +1 -1
- package/types/types.d.ts +1 -0
- package/types/types.d.ts.map +1 -1
- package/types/useAnimatedDragGesture.d.ts +1 -1
- package/types/useAnimatedDragGesture.d.ts.map +1 -1
- package/types/useAnimatedDragGesture.native.d.ts +1 -1
- package/types/useAnimatedDragGesture.native.d.ts.map +1 -1
- package/types/useToastAnimations.d.ts +2 -8
- package/types/useToastAnimations.d.ts.map +1 -1
- package/dist/cjs/Toast.cjs +0 -178
- package/dist/cjs/Toast.native.js +0 -181
- package/dist/cjs/Toast.native.js.map +0 -1
- package/dist/cjs/ToastAnnounce.cjs +0 -103
- package/dist/cjs/ToastAnnounce.native.js +0 -111
- package/dist/cjs/ToastAnnounce.native.js.map +0 -1
- package/dist/cjs/ToastImperative.cjs +0 -119
- package/dist/cjs/ToastImperative.native.js +0 -130
- package/dist/cjs/ToastImperative.native.js.map +0 -1
- package/dist/cjs/ToastImpl.cjs +0 -354
- package/dist/cjs/ToastImpl.native.js +0 -364
- package/dist/cjs/ToastImpl.native.js.map +0 -1
- package/dist/cjs/ToastPortal.cjs +0 -49
- package/dist/cjs/ToastPortal.native.js +0 -52
- package/dist/cjs/ToastPortal.native.js.map +0 -1
- package/dist/cjs/ToastProvider.cjs +0 -150
- package/dist/cjs/ToastProvider.native.js +0 -161
- package/dist/cjs/ToastProvider.native.js.map +0 -1
- package/dist/cjs/ToastViewport.cjs +0 -319
- package/dist/cjs/ToastViewport.native.js +0 -343
- package/dist/cjs/ToastViewport.native.js.map +0 -1
- package/dist/cjs/Toaster.cjs +0 -87
- package/dist/cjs/Toaster.native.js +0 -91
- package/dist/cjs/Toaster.native.js.map +0 -1
- package/dist/cjs/constants.cjs +0 -30
- package/dist/cjs/constants.native.js +0 -33
- package/dist/cjs/constants.native.js.map +0 -1
- package/dist/cjs/v2.cjs +0 -36
- package/dist/cjs/v2.native.js +0 -39
- package/dist/cjs/v2.native.js.map +0 -1
- package/dist/esm/Toast.mjs +0 -137
- package/dist/esm/Toast.mjs.map +0 -1
- package/dist/esm/Toast.native.js +0 -137
- package/dist/esm/Toast.native.js.map +0 -1
- package/dist/esm/ToastAnnounce.mjs +0 -66
- package/dist/esm/ToastAnnounce.mjs.map +0 -1
- package/dist/esm/ToastAnnounce.native.js +0 -71
- package/dist/esm/ToastAnnounce.native.js.map +0 -1
- package/dist/esm/ToastImperative.mjs +0 -80
- package/dist/esm/ToastImperative.mjs.map +0 -1
- package/dist/esm/ToastImperative.native.js +0 -88
- package/dist/esm/ToastImperative.native.js.map +0 -1
- package/dist/esm/ToastImpl.mjs +0 -316
- package/dist/esm/ToastImpl.mjs.map +0 -1
- package/dist/esm/ToastImpl.native.js +0 -329
- package/dist/esm/ToastImpl.native.js.map +0 -1
- package/dist/esm/ToastPortal.mjs +0 -24
- package/dist/esm/ToastPortal.mjs.map +0 -1
- package/dist/esm/ToastPortal.native.js +0 -24
- package/dist/esm/ToastPortal.native.js.map +0 -1
- package/dist/esm/ToastProvider.mjs +0 -110
- package/dist/esm/ToastProvider.mjs.map +0 -1
- package/dist/esm/ToastProvider.native.js +0 -118
- package/dist/esm/ToastProvider.native.js.map +0 -1
- package/dist/esm/ToastViewport.mjs +0 -280
- package/dist/esm/ToastViewport.mjs.map +0 -1
- package/dist/esm/ToastViewport.native.js +0 -301
- package/dist/esm/ToastViewport.native.js.map +0 -1
- package/dist/esm/Toaster.mjs +0 -51
- package/dist/esm/Toaster.mjs.map +0 -1
- package/dist/esm/Toaster.native.js +0 -52
- package/dist/esm/Toaster.native.js.map +0 -1
- package/dist/esm/constants.mjs +0 -4
- package/dist/esm/constants.mjs.map +0 -1
- package/dist/esm/constants.native.js +0 -4
- package/dist/esm/constants.native.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js.map +0 -1
- package/dist/esm/v2.mjs +0 -6
- package/dist/esm/v2.mjs.map +0 -1
- package/dist/esm/v2.native.js +0 -6
- package/dist/esm/v2.native.js.map +0 -1
- package/dist/jsx/Toast.mjs +0 -137
- package/dist/jsx/Toast.mjs.map +0 -1
- package/dist/jsx/Toast.native.js +0 -181
- package/dist/jsx/Toast.native.js.map +0 -1
- package/dist/jsx/ToastAnnounce.mjs +0 -66
- package/dist/jsx/ToastAnnounce.mjs.map +0 -1
- package/dist/jsx/ToastAnnounce.native.js +0 -111
- package/dist/jsx/ToastAnnounce.native.js.map +0 -1
- package/dist/jsx/ToastImperative.mjs +0 -80
- package/dist/jsx/ToastImperative.mjs.map +0 -1
- package/dist/jsx/ToastImperative.native.js +0 -130
- package/dist/jsx/ToastImperative.native.js.map +0 -1
- package/dist/jsx/ToastImpl.mjs +0 -316
- package/dist/jsx/ToastImpl.mjs.map +0 -1
- package/dist/jsx/ToastImpl.native.js +0 -364
- package/dist/jsx/ToastImpl.native.js.map +0 -1
- package/dist/jsx/ToastPortal.mjs +0 -24
- package/dist/jsx/ToastPortal.mjs.map +0 -1
- package/dist/jsx/ToastPortal.native.js +0 -52
- package/dist/jsx/ToastPortal.native.js.map +0 -1
- package/dist/jsx/ToastProvider.mjs +0 -110
- package/dist/jsx/ToastProvider.mjs.map +0 -1
- package/dist/jsx/ToastProvider.native.js +0 -161
- package/dist/jsx/ToastProvider.native.js.map +0 -1
- package/dist/jsx/ToastViewport.mjs +0 -280
- package/dist/jsx/ToastViewport.mjs.map +0 -1
- package/dist/jsx/ToastViewport.native.js +0 -343
- package/dist/jsx/ToastViewport.native.js.map +0 -1
- package/dist/jsx/Toaster.mjs +0 -51
- package/dist/jsx/Toaster.mjs.map +0 -1
- package/dist/jsx/Toaster.native.js +0 -91
- package/dist/jsx/Toaster.native.js.map +0 -1
- package/dist/jsx/constants.mjs +0 -4
- package/dist/jsx/constants.mjs.map +0 -1
- package/dist/jsx/constants.native.js +0 -33
- package/dist/jsx/constants.native.js.map +0 -1
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/types.mjs.map +0 -1
- package/dist/jsx/v2.mjs +0 -6
- package/dist/jsx/v2.mjs.map +0 -1
- package/dist/jsx/v2.native.js +0 -39
- package/dist/jsx/v2.native.js.map +0 -1
- package/src/Toast.tsx +0 -219
- package/src/ToastAnnounce.tsx +0 -103
- package/src/ToastImperative.tsx +0 -192
- package/src/ToastImpl.tsx +0 -514
- package/src/ToastPortal.tsx +0 -19
- package/src/ToastProvider.tsx +0 -204
- package/src/ToastViewport.tsx +0 -430
- package/src/Toaster.tsx +0 -181
- package/src/constants.ts +0 -2
- package/src/v2.ts +0 -31
- package/types/Toast.d.ts +0 -84
- package/types/Toast.d.ts.map +0 -1
- package/types/ToastAnnounce.d.ts +0 -18
- package/types/ToastAnnounce.d.ts.map +0 -1
- package/types/ToastImperative.d.ts +0 -95
- package/types/ToastImperative.d.ts.map +0 -1
- package/types/ToastImpl.d.ts +0 -109
- package/types/ToastImpl.d.ts.map +0 -1
- package/types/ToastPortal.d.ts +0 -8
- package/types/ToastPortal.d.ts.map +0 -1
- package/types/ToastProvider.d.ts +0 -92
- package/types/ToastProvider.d.ts.map +0 -1
- package/types/ToastViewport.d.ts +0 -75
- package/types/ToastViewport.d.ts.map +0 -1
- package/types/Toaster.d.ts +0 -112
- package/types/Toaster.d.ts.map +0 -1
- package/types/constants.d.ts +0 -3
- package/types/constants.d.ts.map +0 -1
- package/types/v2.d.ts +0 -10
- package/types/v2.d.ts.map +0 -1
- package/v2/index.cjs +0 -2
- package/v2/index.js +0 -2
- package/v2/index.native.cjs +0 -2
- package/v2/index.native.js +0 -2
|
@@ -1,185 +1,182 @@
|
|
|
1
1
|
import { getGestureHandler } from "@tamagui/native";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { PanResponder } from "react-native";
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
var VELOCITY_THRESHOLD = .11;
|
|
5
6
|
var GESTURE_GRANT_THRESHOLD = 10;
|
|
6
7
|
function resisted(delta) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
var maxResist = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 25;
|
|
9
|
+
if (delta >= 0) return delta;
|
|
10
|
+
var pastBoundary = Math.abs(delta);
|
|
11
|
+
var resistedDistance = Math.sqrt(pastBoundary) * 2;
|
|
12
|
+
return -Math.min(resistedDistance, maxResist);
|
|
12
13
|
}
|
|
13
14
|
var EXIT_DRAG_CAP = 80;
|
|
14
15
|
function cappedExit(delta) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
if (Math.abs(delta) <= EXIT_DRAG_CAP) return delta;
|
|
17
|
+
var sign = delta > 0 ? 1 : -1;
|
|
18
|
+
var overshoot = Math.abs(delta) - EXIT_DRAG_CAP;
|
|
19
|
+
return sign * (EXIT_DRAG_CAP + Math.sqrt(overshoot) * 2);
|
|
19
20
|
}
|
|
20
21
|
function computeOffset(direction, dx, dy) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
22
|
+
var offsetX = 0;
|
|
23
|
+
var offsetY = 0;
|
|
24
|
+
if (direction === "right") {
|
|
25
|
+
offsetX = dx > 0 ? cappedExit(dx) : resisted(dx);
|
|
26
|
+
} else if (direction === "left") {
|
|
27
|
+
offsetX = dx < 0 ? cappedExit(dx) : -resisted(-dx);
|
|
28
|
+
} else if (direction === "down") {
|
|
29
|
+
offsetY = dy > 0 ? cappedExit(dy) : resisted(dy);
|
|
30
|
+
} else if (direction === "up") {
|
|
31
|
+
offsetY = dy < 0 ? cappedExit(dy) : -resisted(-dy);
|
|
32
|
+
} else if (direction === "horizontal") {
|
|
33
|
+
offsetX = cappedExit(dx);
|
|
34
|
+
} else if (direction === "vertical") {
|
|
35
|
+
offsetY = cappedExit(dy);
|
|
36
|
+
}
|
|
37
|
+
return {
|
|
38
|
+
offsetX,
|
|
39
|
+
offsetY
|
|
40
|
+
};
|
|
40
41
|
}
|
|
41
42
|
function computeExitDirection(direction, dx, dy) {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
if (direction === "right" && dx > 0) return "right";
|
|
44
|
+
if (direction === "left" && dx < 0) return "left";
|
|
45
|
+
if (direction === "horizontal") {
|
|
46
|
+
if (Math.abs(dx) > Math.abs(dy)) return dx > 0 ? "right" : "left";
|
|
47
|
+
}
|
|
48
|
+
if (direction === "down" && dy > 0) return "down";
|
|
49
|
+
if (direction === "up" && dy < 0) return "up";
|
|
50
|
+
if (direction === "vertical") {
|
|
51
|
+
if (Math.abs(dy) > Math.abs(dx)) return dy > 0 ? "down" : "up";
|
|
52
|
+
}
|
|
53
|
+
return null;
|
|
53
54
|
}
|
|
54
55
|
function shouldGrantGestureMove(dir, dx, dy) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
56
|
+
var absDx = Math.abs(dx);
|
|
57
|
+
var absDy = Math.abs(dy);
|
|
58
|
+
if ((dir === "horizontal" || dir === "left" || dir === "right") && absDx > GESTURE_GRANT_THRESHOLD && absDx > absDy) {
|
|
59
|
+
return true;
|
|
60
|
+
}
|
|
61
|
+
if ((dir === "vertical" || dir === "up" || dir === "down") && absDy > GESTURE_GRANT_THRESHOLD && absDy > absDx) {
|
|
62
|
+
return true;
|
|
63
|
+
}
|
|
64
|
+
return false;
|
|
64
65
|
}
|
|
65
66
|
function useAnimatedDragGesture(options) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
return {
|
|
179
|
-
isDragging,
|
|
180
|
-
gestureHandlers: (_panResponder_panHandlers = panResponder === null || panResponder === void 0 ? void 0 : panResponder.panHandlers) !== null && _panResponder_panHandlers !== void 0 ? _panResponder_panHandlers : {},
|
|
181
|
-
gesture
|
|
182
|
-
};
|
|
67
|
+
var { direction, threshold, disabled } = options;
|
|
68
|
+
var [isDragging, setIsDragging] = React.useState(false);
|
|
69
|
+
var isHorizontal = direction === "left" || direction === "right" || direction === "horizontal";
|
|
70
|
+
var gestureRef = React.useRef(null);
|
|
71
|
+
var onDragMoveRef = React.useRef(options.onDragMove);
|
|
72
|
+
var onDragStartRef = React.useRef(options.onDragStart);
|
|
73
|
+
var onDismissRef = React.useRef(options.onDismiss);
|
|
74
|
+
var onCancelRef = React.useRef(options.onCancel);
|
|
75
|
+
onDragMoveRef.current = options.onDragMove;
|
|
76
|
+
onDragStartRef.current = options.onDragStart;
|
|
77
|
+
onDismissRef.current = options.onDismiss;
|
|
78
|
+
onCancelRef.current = options.onCancel;
|
|
79
|
+
var rnghEnabled = getGestureHandler().isEnabled;
|
|
80
|
+
var gesture = React.useMemo(function() {
|
|
81
|
+
if (!rnghEnabled || disabled) return null;
|
|
82
|
+
var { Gesture } = getGestureHandler().state;
|
|
83
|
+
if (!Gesture) return null;
|
|
84
|
+
var pan = Gesture.Pan().withRef(gestureRef).shouldCancelWhenOutside(false).runOnJS(true);
|
|
85
|
+
if (isHorizontal) {
|
|
86
|
+
pan.activeOffsetX([-10, 10]);
|
|
87
|
+
pan.failOffsetY([-20, 20]);
|
|
88
|
+
} else {
|
|
89
|
+
pan.activeOffsetY([-10, 10]);
|
|
90
|
+
pan.failOffsetX([-20, 20]);
|
|
91
|
+
}
|
|
92
|
+
pan.onStart(function() {
|
|
93
|
+
var _onDragStartRef_current;
|
|
94
|
+
setIsDragging(true);
|
|
95
|
+
(_onDragStartRef_current = onDragStartRef.current) === null || _onDragStartRef_current === void 0 ? void 0 : _onDragStartRef_current.call(onDragStartRef);
|
|
96
|
+
}).onChange(function(event) {
|
|
97
|
+
var { offsetX, offsetY } = computeOffset(direction, event.translationX, event.translationY);
|
|
98
|
+
onDragMoveRef.current(offsetX, offsetY);
|
|
99
|
+
}).onEnd(function(event) {
|
|
100
|
+
var dx = event.translationX;
|
|
101
|
+
var dy = event.translationY;
|
|
102
|
+
var relevantDelta = isHorizontal ? dx : dy;
|
|
103
|
+
var relevantVelocity = isHorizontal ? Math.abs(event.velocityX / 1e3) : Math.abs(event.velocityY / 1e3);
|
|
104
|
+
var passedThreshold = Math.abs(relevantDelta) >= threshold;
|
|
105
|
+
var hasVelocity = relevantVelocity > VELOCITY_THRESHOLD;
|
|
106
|
+
var exitDirection = computeExitDirection(direction, dx, dy);
|
|
107
|
+
var shouldDismiss = exitDirection && (passedThreshold || hasVelocity);
|
|
108
|
+
setIsDragging(false);
|
|
109
|
+
if (shouldDismiss && exitDirection) {
|
|
110
|
+
onDismissRef.current(exitDirection, relevantVelocity);
|
|
111
|
+
} else {
|
|
112
|
+
onCancelRef.current();
|
|
113
|
+
}
|
|
114
|
+
}).onFinalize(function() {
|
|
115
|
+
setIsDragging(false);
|
|
116
|
+
});
|
|
117
|
+
return pan;
|
|
118
|
+
}, [
|
|
119
|
+
disabled,
|
|
120
|
+
direction,
|
|
121
|
+
threshold,
|
|
122
|
+
isHorizontal,
|
|
123
|
+
rnghEnabled
|
|
124
|
+
]);
|
|
125
|
+
var panResponder = React.useMemo(function() {
|
|
126
|
+
if (rnghEnabled || disabled) return null;
|
|
127
|
+
return PanResponder.create({
|
|
128
|
+
onMoveShouldSetPanResponder: function(_e, g) {
|
|
129
|
+
return shouldGrantGestureMove(direction, g.dx, g.dy);
|
|
130
|
+
},
|
|
131
|
+
onMoveShouldSetPanResponderCapture: function(_e, g) {
|
|
132
|
+
return shouldGrantGestureMove(direction, g.dx, g.dy);
|
|
133
|
+
},
|
|
134
|
+
onPanResponderTerminationRequest: function() {
|
|
135
|
+
return false;
|
|
136
|
+
},
|
|
137
|
+
onPanResponderGrant: function() {
|
|
138
|
+
var _onDragStartRef_current;
|
|
139
|
+
setIsDragging(true);
|
|
140
|
+
(_onDragStartRef_current = onDragStartRef.current) === null || _onDragStartRef_current === void 0 ? void 0 : _onDragStartRef_current.call(onDragStartRef);
|
|
141
|
+
},
|
|
142
|
+
onPanResponderMove: function(_e, g) {
|
|
143
|
+
var { offsetX, offsetY } = computeOffset(direction, g.dx, g.dy);
|
|
144
|
+
onDragMoveRef.current(offsetX, offsetY);
|
|
145
|
+
},
|
|
146
|
+
onPanResponderRelease: function(_e, g) {
|
|
147
|
+
var { dx, dy, vx, vy } = g;
|
|
148
|
+
var relevantDelta = isHorizontal ? dx : dy;
|
|
149
|
+
var relevantVelocity = isHorizontal ? Math.abs(vx) : Math.abs(vy);
|
|
150
|
+
var passedThreshold = Math.abs(relevantDelta) >= threshold;
|
|
151
|
+
var hasVelocity = relevantVelocity > VELOCITY_THRESHOLD;
|
|
152
|
+
var exitDirection = computeExitDirection(direction, dx, dy);
|
|
153
|
+
var shouldDismiss = exitDirection && (passedThreshold || hasVelocity);
|
|
154
|
+
setIsDragging(false);
|
|
155
|
+
if (shouldDismiss && exitDirection) {
|
|
156
|
+
onDismissRef.current(exitDirection, relevantVelocity);
|
|
157
|
+
} else {
|
|
158
|
+
onCancelRef.current();
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
onPanResponderTerminate: function() {
|
|
162
|
+
setIsDragging(false);
|
|
163
|
+
onCancelRef.current();
|
|
164
|
+
}
|
|
165
|
+
});
|
|
166
|
+
}, [
|
|
167
|
+
disabled,
|
|
168
|
+
direction,
|
|
169
|
+
threshold,
|
|
170
|
+
isHorizontal,
|
|
171
|
+
rnghEnabled
|
|
172
|
+
]);
|
|
173
|
+
var _panResponder_panHandlers;
|
|
174
|
+
return {
|
|
175
|
+
isDragging,
|
|
176
|
+
gestureHandlers: (_panResponder_panHandlers = panResponder === null || panResponder === void 0 ? void 0 : panResponder.panHandlers) !== null && _panResponder_panHandlers !== void 0 ? _panResponder_panHandlers : {},
|
|
177
|
+
gesture
|
|
178
|
+
};
|
|
183
179
|
}
|
|
180
|
+
|
|
184
181
|
export { useAnimatedDragGesture };
|
|
185
182
|
//# sourceMappingURL=useAnimatedDragGesture.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getGestureHandler","React","PanResponder","VELOCITY_THRESHOLD","GESTURE_GRANT_THRESHOLD","resisted","delta","maxResist","arguments","length","pastBoundary","Math","abs","resistedDistance","sqrt","min","EXIT_DRAG_CAP","cappedExit","sign","overshoot","computeOffset","direction","dx","dy","offsetX","offsetY","computeExitDirection","shouldGrantGestureMove","dir","absDx","absDy","useAnimatedDragGesture","options","threshold","disabled","isDragging","setIsDragging","useState","isHorizontal","gestureRef","useRef","onDragMoveRef","onDragMove","onDragStartRef","onDragStart","onDismissRef","onDismiss","onCancelRef","onCancel","current","rnghEnabled","isEnabled","gesture","useMemo","Gesture","state","pan","Pan","withRef","shouldCancelWhenOutside","runOnJS","activeOffsetX","failOffsetY","activeOffsetY","failOffsetX","onStart","_onDragStartRef_current","call","onChange","event","translationX","translationY","onEnd","relevantDelta","relevantVelocity","velocityX","velocityY","passedThreshold","hasVelocity","exitDirection","shouldDismiss","onFinalize","panResponder","create","onMoveShouldSetPanResponder","_e","g","onMoveShouldSetPanResponderCapture","onPanResponderTerminationRequest","onPanResponderGrant","onPanResponderMove","onPanResponderRelease","vx","vy","onPanResponderTerminate","_panResponder_panHandlers","gestureHandlers","panHandlers"],"sources":["../../src/useAnimatedDragGesture.native.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"useAnimatedDragGesture.native.js","names":[],"sources":["esm/useAnimatedDragGesture.native.js"],"sourcesContent":["import { getGestureHandler } from \"@tamagui/native\";\nimport * as React from \"react\";\nimport { PanResponder } from \"react-native\";\nvar VELOCITY_THRESHOLD = 0.11;\nvar GESTURE_GRANT_THRESHOLD = 10;\nfunction resisted(delta) {\n var maxResist = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 25;\n if (delta >= 0) return delta;\n var pastBoundary = Math.abs(delta);\n var resistedDistance = Math.sqrt(pastBoundary) * 2;\n return -Math.min(resistedDistance, maxResist);\n}\nvar EXIT_DRAG_CAP = 80;\nfunction cappedExit(delta) {\n if (Math.abs(delta) <= EXIT_DRAG_CAP) return delta;\n var sign = delta > 0 ? 1 : -1;\n var overshoot = Math.abs(delta) - EXIT_DRAG_CAP;\n return sign * (EXIT_DRAG_CAP + Math.sqrt(overshoot) * 2);\n}\nfunction computeOffset(direction, dx, dy) {\n var offsetX = 0;\n var offsetY = 0;\n if (direction === \"right\") {\n offsetX = dx > 0 ? cappedExit(dx) : resisted(dx);\n } else if (direction === \"left\") {\n offsetX = dx < 0 ? cappedExit(dx) : -resisted(-dx);\n } else if (direction === \"down\") {\n offsetY = dy > 0 ? cappedExit(dy) : resisted(dy);\n } else if (direction === \"up\") {\n offsetY = dy < 0 ? cappedExit(dy) : -resisted(-dy);\n } else if (direction === \"horizontal\") {\n offsetX = cappedExit(dx);\n } else if (direction === \"vertical\") {\n offsetY = cappedExit(dy);\n }\n return {\n offsetX,\n offsetY\n };\n}\nfunction computeExitDirection(direction, dx, dy) {\n if (direction === \"right\" && dx > 0) return \"right\";\n if (direction === \"left\" && dx < 0) return \"left\";\n if (direction === \"horizontal\") {\n if (Math.abs(dx) > Math.abs(dy)) return dx > 0 ? \"right\" : \"left\";\n }\n if (direction === \"down\" && dy > 0) return \"down\";\n if (direction === \"up\" && dy < 0) return \"up\";\n if (direction === \"vertical\") {\n if (Math.abs(dy) > Math.abs(dx)) return dy > 0 ? \"down\" : \"up\";\n }\n return null;\n}\nfunction shouldGrantGestureMove(dir, dx, dy) {\n var absDx = Math.abs(dx);\n var absDy = Math.abs(dy);\n if ((dir === \"horizontal\" || dir === \"left\" || dir === \"right\") && absDx > GESTURE_GRANT_THRESHOLD && absDx > absDy) {\n return true;\n }\n if ((dir === \"vertical\" || dir === \"up\" || dir === \"down\") && absDy > GESTURE_GRANT_THRESHOLD && absDy > absDx) {\n return true;\n }\n return false;\n}\nfunction useAnimatedDragGesture(options) {\n var { direction, threshold, disabled } = options;\n var [isDragging, setIsDragging] = React.useState(false);\n var isHorizontal = direction === \"left\" || direction === \"right\" || direction === \"horizontal\";\n var gestureRef = React.useRef(null);\n var onDragMoveRef = React.useRef(options.onDragMove);\n var onDragStartRef = React.useRef(options.onDragStart);\n var onDismissRef = React.useRef(options.onDismiss);\n var onCancelRef = React.useRef(options.onCancel);\n onDragMoveRef.current = options.onDragMove;\n onDragStartRef.current = options.onDragStart;\n onDismissRef.current = options.onDismiss;\n onCancelRef.current = options.onCancel;\n var rnghEnabled = getGestureHandler().isEnabled;\n var gesture = React.useMemo(function() {\n if (!rnghEnabled || disabled) return null;\n var { Gesture } = getGestureHandler().state;\n if (!Gesture) return null;\n var pan = Gesture.Pan().withRef(gestureRef).shouldCancelWhenOutside(false).runOnJS(true);\n if (isHorizontal) {\n pan.activeOffsetX([\n -10,\n 10\n ]);\n pan.failOffsetY([\n -20,\n 20\n ]);\n } else {\n pan.activeOffsetY([\n -10,\n 10\n ]);\n pan.failOffsetX([\n -20,\n 20\n ]);\n }\n pan.onStart(function() {\n var _onDragStartRef_current;\n setIsDragging(true);\n (_onDragStartRef_current = onDragStartRef.current) === null || _onDragStartRef_current === void 0 ? void 0 : _onDragStartRef_current.call(onDragStartRef);\n }).onChange(function(event) {\n var { offsetX, offsetY } = computeOffset(direction, event.translationX, event.translationY);\n onDragMoveRef.current(offsetX, offsetY);\n }).onEnd(function(event) {\n var dx = event.translationX;\n var dy = event.translationY;\n var relevantDelta = isHorizontal ? dx : dy;\n var relevantVelocity = isHorizontal ? Math.abs(event.velocityX / 1e3) : Math.abs(event.velocityY / 1e3);\n var passedThreshold = Math.abs(relevantDelta) >= threshold;\n var hasVelocity = relevantVelocity > VELOCITY_THRESHOLD;\n var exitDirection = computeExitDirection(direction, dx, dy);\n var shouldDismiss = exitDirection && (passedThreshold || hasVelocity);\n setIsDragging(false);\n if (shouldDismiss && exitDirection) {\n onDismissRef.current(exitDirection, relevantVelocity);\n } else {\n onCancelRef.current();\n }\n }).onFinalize(function() {\n setIsDragging(false);\n });\n return pan;\n }, [\n disabled,\n direction,\n threshold,\n isHorizontal,\n rnghEnabled\n ]);\n var panResponder = React.useMemo(function() {\n if (rnghEnabled || disabled) return null;\n return PanResponder.create({\n onMoveShouldSetPanResponder: function(_e, g) {\n return shouldGrantGestureMove(direction, g.dx, g.dy);\n },\n onMoveShouldSetPanResponderCapture: function(_e, g) {\n return shouldGrantGestureMove(direction, g.dx, g.dy);\n },\n onPanResponderTerminationRequest: function() {\n return false;\n },\n onPanResponderGrant: function() {\n var _onDragStartRef_current;\n setIsDragging(true);\n (_onDragStartRef_current = onDragStartRef.current) === null || _onDragStartRef_current === void 0 ? void 0 : _onDragStartRef_current.call(onDragStartRef);\n },\n onPanResponderMove: function(_e, g) {\n var { offsetX, offsetY } = computeOffset(direction, g.dx, g.dy);\n onDragMoveRef.current(offsetX, offsetY);\n },\n onPanResponderRelease: function(_e, g) {\n var { dx, dy, vx, vy } = g;\n var relevantDelta = isHorizontal ? dx : dy;\n var relevantVelocity = isHorizontal ? Math.abs(vx) : Math.abs(vy);\n var passedThreshold = Math.abs(relevantDelta) >= threshold;\n var hasVelocity = relevantVelocity > VELOCITY_THRESHOLD;\n var exitDirection = computeExitDirection(direction, dx, dy);\n var shouldDismiss = exitDirection && (passedThreshold || hasVelocity);\n setIsDragging(false);\n if (shouldDismiss && exitDirection) {\n onDismissRef.current(exitDirection, relevantVelocity);\n } else {\n onCancelRef.current();\n }\n },\n onPanResponderTerminate: function() {\n setIsDragging(false);\n onCancelRef.current();\n }\n });\n }, [\n disabled,\n direction,\n threshold,\n isHorizontal,\n rnghEnabled\n ]);\n var _panResponder_panHandlers;\n return {\n isDragging,\n gestureHandlers: (_panResponder_panHandlers = panResponder === null || panResponder === void 0 ? void 0 : panResponder.panHandlers) !== null && _panResponder_panHandlers !== void 0 ? _panResponder_panHandlers : {},\n gesture\n };\n}\nexport {\n useAnimatedDragGesture\n};\n//# sourceMappingURL=useAnimatedDragGesture.native.js.map\n"],"mappings":"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"}
|
|
@@ -1,38 +1,40 @@
|
|
|
1
1
|
import { isWeb } from "@tamagui/constants";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
|
|
3
4
|
let cachedResult = null;
|
|
4
5
|
function getReducedMotion() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
if (cachedResult !== null) return cachedResult;
|
|
7
|
+
if (!isWeb) {
|
|
8
|
+
cachedResult = false;
|
|
9
|
+
return false;
|
|
10
|
+
}
|
|
11
|
+
if (typeof window === "undefined") {
|
|
12
|
+
return false;
|
|
13
|
+
}
|
|
14
|
+
cachedResult = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? false;
|
|
15
|
+
return cachedResult;
|
|
15
16
|
}
|
|
16
17
|
function useReducedMotion(forceReducedMotion) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
18
|
+
const [reducedMotion, setReducedMotion] = React.useState(() => forceReducedMotion ?? getReducedMotion());
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
if (forceReducedMotion !== void 0) {
|
|
21
|
+
setReducedMotion(forceReducedMotion);
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
if (!isWeb || typeof window === "undefined") return;
|
|
25
|
+
const mediaQuery = window.matchMedia?.("(prefers-reduced-motion: reduce)");
|
|
26
|
+
if (!mediaQuery) return;
|
|
27
|
+
const handleChange = (e) => {
|
|
28
|
+
cachedResult = e.matches;
|
|
29
|
+
setReducedMotion(e.matches);
|
|
30
|
+
};
|
|
31
|
+
mediaQuery.addEventListener?.("change", handleChange);
|
|
32
|
+
return () => {
|
|
33
|
+
mediaQuery.removeEventListener?.("change", handleChange);
|
|
34
|
+
};
|
|
35
|
+
}, [forceReducedMotion]);
|
|
36
|
+
return reducedMotion;
|
|
36
37
|
}
|
|
38
|
+
|
|
37
39
|
export { useReducedMotion };
|
|
38
40
|
//# sourceMappingURL=useReducedMotion.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useReducedMotion.js","names":[],"sources":["esm/useReducedMotion.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport * as React from \"react\";\nlet cachedResult = null;\nfunction getReducedMotion() {\n if (cachedResult !== null) return cachedResult;\n if (!isWeb) {\n cachedResult = false;\n return false;\n }\n if (typeof window === \"undefined\") {\n return false;\n }\n cachedResult = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches ?? false;\n return cachedResult;\n}\nfunction useReducedMotion(forceReducedMotion) {\n const [reducedMotion, setReducedMotion] = React.useState(\n () => forceReducedMotion ?? getReducedMotion()\n );\n React.useEffect(() => {\n if (forceReducedMotion !== void 0) {\n setReducedMotion(forceReducedMotion);\n return;\n }\n if (!isWeb || typeof window === \"undefined\") return;\n const mediaQuery = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\");\n if (!mediaQuery) return;\n const handleChange = (e) => {\n cachedResult = e.matches;\n setReducedMotion(e.matches);\n };\n mediaQuery.addEventListener?.(\"change\", handleChange);\n return () => {\n mediaQuery.removeEventListener?.(\"change\", handleChange);\n };\n }, [forceReducedMotion]);\n return reducedMotion;\n}\nexport {\n useReducedMotion\n};\n//# sourceMappingURL=useReducedMotion.js.map\n"],"mappings":";;;;AAEA,IAAI,eAAe;AACnB,SAAS,mBAAmB;CAC1B,IAAI,iBAAiB,MAAM,OAAO;CAClC,IAAI,CAAC,OAAO;EACV,eAAe;EACf,OAAO;CACT;CACA,IAAI,OAAO,WAAW,aAAa;EACjC,OAAO;CACT;CACA,eAAe,OAAO,aAAa,kCAAkC,GAAG,WAAW;CACnF,OAAO;AACT;AACA,SAAS,iBAAiB,oBAAoB;CAC5C,MAAM,CAAC,eAAe,oBAAoB,MAAM,eACxC,sBAAsB,iBAAiB,CAC/C;CACA,MAAM,gBAAgB;EACpB,IAAI,uBAAuB,KAAK,GAAG;GACjC,iBAAiB,kBAAkB;GACnC;EACF;EACA,IAAI,CAAC,SAAS,OAAO,WAAW,aAAa;EAC7C,MAAM,aAAa,OAAO,aAAa,kCAAkC;EACzE,IAAI,CAAC,YAAY;EACjB,MAAM,gBAAgB,MAAM;GAC1B,eAAe,EAAE;GACjB,iBAAiB,EAAE,OAAO;EAC5B;EACA,WAAW,mBAAmB,UAAU,YAAY;EACpD,aAAa;GACX,WAAW,sBAAsB,UAAU,YAAY;EACzD;CACF,GAAG,CAAC,kBAAkB,CAAC;CACvB,OAAO;AACT"}
|
|
@@ -1,44 +1,46 @@
|
|
|
1
1
|
import { isWeb } from "@tamagui/constants";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
|
|
3
4
|
var cachedResult = null;
|
|
4
5
|
function getReducedMotion() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
6
|
+
var _window_matchMedia, _window_matchMedia1, _window;
|
|
7
|
+
if (cachedResult !== null) return cachedResult;
|
|
8
|
+
if (!isWeb) {
|
|
9
|
+
cachedResult = false;
|
|
10
|
+
return false;
|
|
11
|
+
}
|
|
12
|
+
if (typeof window === "undefined") {
|
|
13
|
+
return false;
|
|
14
|
+
}
|
|
15
|
+
var _window_matchMedia_matches;
|
|
16
|
+
cachedResult = (_window_matchMedia_matches = (_window_matchMedia1 = (_window = window).matchMedia) === null || _window_matchMedia1 === void 0 ? void 0 : (_window_matchMedia = _window_matchMedia1.call(_window, "(prefers-reduced-motion: reduce)")) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.matches) !== null && _window_matchMedia_matches !== void 0 ? _window_matchMedia_matches : false;
|
|
17
|
+
return cachedResult;
|
|
17
18
|
}
|
|
18
19
|
function useReducedMotion(forceReducedMotion) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
20
|
+
var [reducedMotion, setReducedMotion] = React.useState(function() {
|
|
21
|
+
return forceReducedMotion !== null && forceReducedMotion !== void 0 ? forceReducedMotion : getReducedMotion();
|
|
22
|
+
});
|
|
23
|
+
React.useEffect(function() {
|
|
24
|
+
var _window_matchMedia, _window, _mediaQuery_addEventListener;
|
|
25
|
+
if (forceReducedMotion !== void 0) {
|
|
26
|
+
setReducedMotion(forceReducedMotion);
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
if (!isWeb || typeof window === "undefined") return;
|
|
30
|
+
var mediaQuery = (_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, "(prefers-reduced-motion: reduce)");
|
|
31
|
+
if (!mediaQuery) return;
|
|
32
|
+
var handleChange = function(e) {
|
|
33
|
+
cachedResult = e.matches;
|
|
34
|
+
setReducedMotion(e.matches);
|
|
35
|
+
};
|
|
36
|
+
(_mediaQuery_addEventListener = mediaQuery.addEventListener) === null || _mediaQuery_addEventListener === void 0 ? void 0 : _mediaQuery_addEventListener.call(mediaQuery, "change", handleChange);
|
|
37
|
+
return function() {
|
|
38
|
+
var _mediaQuery_removeEventListener;
|
|
39
|
+
(_mediaQuery_removeEventListener = mediaQuery.removeEventListener) === null || _mediaQuery_removeEventListener === void 0 ? void 0 : _mediaQuery_removeEventListener.call(mediaQuery, "change", handleChange);
|
|
40
|
+
};
|
|
41
|
+
}, [forceReducedMotion]);
|
|
42
|
+
return reducedMotion;
|
|
42
43
|
}
|
|
44
|
+
|
|
43
45
|
export { useReducedMotion };
|
|
44
46
|
//# sourceMappingURL=useReducedMotion.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useReducedMotion.native.js","names":[],"sources":["esm/useReducedMotion.native.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport * as React from \"react\";\nvar cachedResult = null;\nfunction getReducedMotion() {\n var _window_matchMedia, _window_matchMedia1, _window;\n if (cachedResult !== null) return cachedResult;\n if (!isWeb) {\n cachedResult = false;\n return false;\n }\n if (typeof window === \"undefined\") {\n return false;\n }\n var _window_matchMedia_matches;\n cachedResult = (_window_matchMedia_matches = (_window_matchMedia1 = (_window = window).matchMedia) === null || _window_matchMedia1 === void 0 ? void 0 : (_window_matchMedia = _window_matchMedia1.call(_window, \"(prefers-reduced-motion: reduce)\")) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.matches) !== null && _window_matchMedia_matches !== void 0 ? _window_matchMedia_matches : false;\n return cachedResult;\n}\nfunction useReducedMotion(forceReducedMotion) {\n var [reducedMotion, setReducedMotion] = React.useState(function() {\n return forceReducedMotion !== null && forceReducedMotion !== void 0 ? forceReducedMotion : getReducedMotion();\n });\n React.useEffect(function() {\n var _window_matchMedia, _window, _mediaQuery_addEventListener;\n if (forceReducedMotion !== void 0) {\n setReducedMotion(forceReducedMotion);\n return;\n }\n if (!isWeb || typeof window === \"undefined\") return;\n var mediaQuery = (_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, \"(prefers-reduced-motion: reduce)\");\n if (!mediaQuery) return;\n var handleChange = function(e) {\n cachedResult = e.matches;\n setReducedMotion(e.matches);\n };\n (_mediaQuery_addEventListener = mediaQuery.addEventListener) === null || _mediaQuery_addEventListener === void 0 ? void 0 : _mediaQuery_addEventListener.call(mediaQuery, \"change\", handleChange);\n return function() {\n var _mediaQuery_removeEventListener;\n (_mediaQuery_removeEventListener = mediaQuery.removeEventListener) === null || _mediaQuery_removeEventListener === void 0 ? void 0 : _mediaQuery_removeEventListener.call(mediaQuery, \"change\", handleChange);\n };\n }, [\n forceReducedMotion\n ]);\n return reducedMotion;\n}\nexport {\n useReducedMotion\n};\n//# sourceMappingURL=useReducedMotion.js.map\n"],"mappings":";;;;AAEA,IAAI,eAAe;AACnB,SAAS,mBAAmB;CAC1B,IAAI,oBAAoB,qBAAqB;CAC7C,IAAI,iBAAiB,MAAM,OAAO;CAClC,IAAI,CAAC,OAAO;EACV,eAAe;EACf,OAAO;CACT;CACA,IAAI,OAAO,WAAW,aAAa;EACjC,OAAO;CACT;CACA,IAAI;CACJ,gBAAgB,8BAA8B,uBAAuB,UAAU,QAAQ,gBAAgB,QAAQ,wBAAwB,KAAK,IAAI,KAAK,KAAK,qBAAqB,oBAAoB,KAAK,SAAS,kCAAkC,OAAO,QAAQ,uBAAuB,KAAK,IAAI,KAAK,IAAI,mBAAmB,aAAa,QAAQ,+BAA+B,KAAK,IAAI,6BAA6B;CACxZ,OAAO;AACT;AACA,SAAS,iBAAiB,oBAAoB;CAC5C,IAAI,CAAC,eAAe,oBAAoB,MAAM,SAAS,WAAW;EAChE,OAAO,uBAAuB,QAAQ,uBAAuB,KAAK,IAAI,qBAAqB,iBAAiB;CAC9G,CAAC;CACD,MAAM,UAAU,WAAW;EACzB,IAAI,oBAAoB,SAAS;EACjC,IAAI,uBAAuB,KAAK,GAAG;GACjC,iBAAiB,kBAAkB;GACnC;EACF;EACA,IAAI,CAAC,SAAS,OAAO,WAAW,aAAa;EAC7C,IAAI,cAAc,sBAAsB,UAAU,QAAQ,gBAAgB,QAAQ,uBAAuB,KAAK,IAAI,KAAK,IAAI,mBAAmB,KAAK,SAAS,kCAAkC;EAC9L,IAAI,CAAC,YAAY;EACjB,IAAI,eAAe,SAAS,GAAG;GAC7B,eAAe,EAAE;GACjB,iBAAiB,EAAE,OAAO;EAC5B;EACA,CAAC,+BAA+B,WAAW,sBAAsB,QAAQ,iCAAiC,KAAK,IAAI,KAAK,IAAI,6BAA6B,KAAK,YAAY,UAAU,YAAY;EAChM,OAAO,WAAW;GAChB,IAAI;GACJ,CAAC,kCAAkC,WAAW,yBAAyB,QAAQ,oCAAoC,KAAK,IAAI,KAAK,IAAI,gCAAgC,KAAK,YAAY,UAAU,YAAY;EAC9M;CACF,GAAG,CACD,kBACF,CAAC;CACD,OAAO;AACT"}
|