@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,256 +1,194 @@
|
|
|
1
1
|
import { isWeb } from "@tamagui/constants";
|
|
2
|
-
import {
|
|
2
|
+
import { View, useAnimatedNumber, useAnimatedNumbersStyle, useAnimationDriver, useEvent } from "@tamagui/core";
|
|
3
3
|
import * as React from "react";
|
|
4
|
+
|
|
4
5
|
const SPRING_CONFIG = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
type: "spring",
|
|
7
|
+
damping: 30,
|
|
8
|
+
stiffness: 400,
|
|
9
|
+
mass: .5
|
|
9
10
|
};
|
|
10
11
|
const EXIT_DISTANCE = 200;
|
|
11
12
|
function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
animationId = requestAnimationFrame(step);
|
|
59
|
-
return () => {
|
|
60
|
-
if (animationId) {
|
|
61
|
-
cancelAnimationFrame(animationId);
|
|
62
|
-
}
|
|
63
|
-
};
|
|
13
|
+
const { damping = 30, stiffness = 400, mass = .5, initialVelocityX = 0, initialVelocityY = 0, fadeOut = false } = config;
|
|
14
|
+
let x = fromX;
|
|
15
|
+
let y = fromY;
|
|
16
|
+
let velocityX = initialVelocityX;
|
|
17
|
+
let velocityY = initialVelocityY;
|
|
18
|
+
let animationId = null;
|
|
19
|
+
const targetX = toX;
|
|
20
|
+
const targetY = toY;
|
|
21
|
+
const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;
|
|
22
|
+
function step() {
|
|
23
|
+
const forceX = -stiffness * (x - targetX);
|
|
24
|
+
const forceY = -stiffness * (y - targetY);
|
|
25
|
+
const dampingForceX = -damping * velocityX;
|
|
26
|
+
const dampingForceY = -damping * velocityY;
|
|
27
|
+
const accelerationX = (forceX + dampingForceX) / mass;
|
|
28
|
+
const accelerationY = (forceY + dampingForceY) / mass;
|
|
29
|
+
velocityX += accelerationX * .016;
|
|
30
|
+
velocityY += accelerationY * .016;
|
|
31
|
+
x += velocityX * .016;
|
|
32
|
+
y += velocityY * .016;
|
|
33
|
+
element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
34
|
+
if (fadeOut) {
|
|
35
|
+
const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);
|
|
36
|
+
const progress = Math.min(distanceTraveled / totalDistance, 1);
|
|
37
|
+
element.style.opacity = String(1 - progress);
|
|
38
|
+
}
|
|
39
|
+
const distanceX = Math.abs(x - targetX);
|
|
40
|
+
const distanceY = Math.abs(y - targetY);
|
|
41
|
+
const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
|
|
42
|
+
if (distanceX < .5 && distanceY < .5 && speed < .5) {
|
|
43
|
+
element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
|
|
44
|
+
if (fadeOut) {
|
|
45
|
+
element.style.opacity = "0";
|
|
46
|
+
}
|
|
47
|
+
onComplete?.();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
animationId = requestAnimationFrame(step);
|
|
51
|
+
}
|
|
52
|
+
animationId = requestAnimationFrame(step);
|
|
53
|
+
return () => {
|
|
54
|
+
if (animationId) {
|
|
55
|
+
cancelAnimationFrame(animationId);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
64
58
|
}
|
|
65
59
|
function useToastAnimations(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
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
onComplete?.();
|
|
198
|
-
onExitComplete?.();
|
|
199
|
-
return;
|
|
200
|
-
}
|
|
201
|
-
const velocityScale = (velocity ?? 0) * 500;
|
|
202
|
-
const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
|
|
203
|
-
const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
|
|
204
|
-
const exitConfig = {
|
|
205
|
-
damping: 25,
|
|
206
|
-
stiffness: 350,
|
|
207
|
-
mass: 0.4,
|
|
208
|
-
initialVelocityX,
|
|
209
|
-
initialVelocityY,
|
|
210
|
-
fadeOut: true
|
|
211
|
-
};
|
|
212
|
-
if (useDirectDom && dragRef.current) {
|
|
213
|
-
const {
|
|
214
|
-
x,
|
|
215
|
-
y
|
|
216
|
-
} = currentOffsetRef.current;
|
|
217
|
-
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
|
|
218
|
-
onComplete?.();
|
|
219
|
-
onExitComplete?.();
|
|
220
|
-
});
|
|
221
|
-
} else {
|
|
222
|
-
const springConfig = {
|
|
223
|
-
type: "spring",
|
|
224
|
-
damping: 25,
|
|
225
|
-
stiffness: 350,
|
|
226
|
-
mass: 0.4
|
|
227
|
-
};
|
|
228
|
-
translateX.setValue(exitX, springConfig);
|
|
229
|
-
translateY.setValue(exitY, springConfig, () => {
|
|
230
|
-
onComplete?.();
|
|
231
|
-
onExitComplete?.();
|
|
232
|
-
});
|
|
233
|
-
}
|
|
234
|
-
});
|
|
235
|
-
const stop = useEvent(() => {
|
|
236
|
-
cancelAnimationRef.current?.();
|
|
237
|
-
translateX.stop();
|
|
238
|
-
translateY.stop();
|
|
239
|
-
});
|
|
240
|
-
React.useEffect(() => {
|
|
241
|
-
return () => {
|
|
242
|
-
cancelAnimationRef.current?.();
|
|
243
|
-
};
|
|
244
|
-
}, []);
|
|
245
|
-
return {
|
|
246
|
-
setDragOffset,
|
|
247
|
-
springBack,
|
|
248
|
-
animateOut,
|
|
249
|
-
stop,
|
|
250
|
-
animatedStyle,
|
|
251
|
-
AnimatedView,
|
|
252
|
-
dragRef
|
|
253
|
-
};
|
|
60
|
+
const { onExitComplete, reducedMotion } = options;
|
|
61
|
+
const animationDriver = useAnimationDriver();
|
|
62
|
+
const AnimatedView = animationDriver.View ?? View;
|
|
63
|
+
const dragRef = React.useRef(null);
|
|
64
|
+
const cancelAnimationRef = React.useRef(null);
|
|
65
|
+
const currentOffsetRef = React.useRef({
|
|
66
|
+
x: 0,
|
|
67
|
+
y: 0
|
|
68
|
+
});
|
|
69
|
+
const useDirectDom = isWeb;
|
|
70
|
+
const translateX = useAnimatedNumber(0);
|
|
71
|
+
const translateY = useAnimatedNumber(0);
|
|
72
|
+
const animatedStyle = useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
|
|
73
|
+
"worklet";
|
|
74
|
+
return { transform: [{ translateX: x }, { translateY: y }] };
|
|
75
|
+
});
|
|
76
|
+
const setDragOffset = useEvent((x, y) => {
|
|
77
|
+
cancelAnimationRef.current?.();
|
|
78
|
+
cancelAnimationRef.current = null;
|
|
79
|
+
currentOffsetRef.current = {
|
|
80
|
+
x,
|
|
81
|
+
y
|
|
82
|
+
};
|
|
83
|
+
if (useDirectDom && dragRef.current) {
|
|
84
|
+
dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
85
|
+
dragRef.current.style.opacity = "1";
|
|
86
|
+
} else {
|
|
87
|
+
translateX.setValue(x, { type: "direct" });
|
|
88
|
+
translateY.setValue(y, { type: "direct" });
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
const springBack = useEvent((onComplete) => {
|
|
92
|
+
cancelAnimationRef.current?.();
|
|
93
|
+
if (reducedMotion) {
|
|
94
|
+
if (useDirectDom && dragRef.current) {
|
|
95
|
+
dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
|
|
96
|
+
} else {
|
|
97
|
+
translateX.setValue(0, { type: "direct" });
|
|
98
|
+
translateY.setValue(0, { type: "direct" });
|
|
99
|
+
}
|
|
100
|
+
currentOffsetRef.current = {
|
|
101
|
+
x: 0,
|
|
102
|
+
y: 0
|
|
103
|
+
};
|
|
104
|
+
onComplete?.();
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
if (useDirectDom && dragRef.current) {
|
|
108
|
+
const { x, y } = currentOffsetRef.current;
|
|
109
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, () => {
|
|
110
|
+
currentOffsetRef.current = {
|
|
111
|
+
x: 0,
|
|
112
|
+
y: 0
|
|
113
|
+
};
|
|
114
|
+
onComplete?.();
|
|
115
|
+
});
|
|
116
|
+
} else {
|
|
117
|
+
translateX.setValue(0, SPRING_CONFIG);
|
|
118
|
+
translateY.setValue(0, SPRING_CONFIG, onComplete);
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
const animateOut = useEvent((direction, velocity, onComplete) => {
|
|
122
|
+
cancelAnimationRef.current?.();
|
|
123
|
+
const { x: curX, y: curY } = currentOffsetRef.current;
|
|
124
|
+
let exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
|
|
125
|
+
let exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
|
|
126
|
+
if (direction === "left" && curX < exitX) exitX = curX - 50;
|
|
127
|
+
else if (direction === "right" && curX > exitX) exitX = curX + 50;
|
|
128
|
+
if (direction === "up" && curY < exitY) exitY = curY - 50;
|
|
129
|
+
else if (direction === "down" && curY > exitY) exitY = curY + 50;
|
|
130
|
+
if (reducedMotion) {
|
|
131
|
+
if (useDirectDom && dragRef.current) {
|
|
132
|
+
dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
|
|
133
|
+
} else {
|
|
134
|
+
translateX.setValue(exitX, { type: "direct" });
|
|
135
|
+
translateY.setValue(exitY, { type: "direct" });
|
|
136
|
+
}
|
|
137
|
+
onComplete?.();
|
|
138
|
+
onExitComplete?.();
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
const velocityScale = (velocity ?? 0) * 500;
|
|
142
|
+
const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
|
|
143
|
+
const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
|
|
144
|
+
const exitConfig = {
|
|
145
|
+
damping: 25,
|
|
146
|
+
stiffness: 350,
|
|
147
|
+
mass: .4,
|
|
148
|
+
initialVelocityX,
|
|
149
|
+
initialVelocityY,
|
|
150
|
+
fadeOut: true
|
|
151
|
+
};
|
|
152
|
+
if (useDirectDom && dragRef.current) {
|
|
153
|
+
const { x, y } = currentOffsetRef.current;
|
|
154
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
|
|
155
|
+
onComplete?.();
|
|
156
|
+
onExitComplete?.();
|
|
157
|
+
});
|
|
158
|
+
} else {
|
|
159
|
+
const springConfig = {
|
|
160
|
+
type: "spring",
|
|
161
|
+
damping: 25,
|
|
162
|
+
stiffness: 350,
|
|
163
|
+
mass: .4
|
|
164
|
+
};
|
|
165
|
+
translateX.setValue(exitX, springConfig);
|
|
166
|
+
translateY.setValue(exitY, springConfig, () => {
|
|
167
|
+
onComplete?.();
|
|
168
|
+
onExitComplete?.();
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
});
|
|
172
|
+
const stop = useEvent(() => {
|
|
173
|
+
cancelAnimationRef.current?.();
|
|
174
|
+
translateX.stop();
|
|
175
|
+
translateY.stop();
|
|
176
|
+
});
|
|
177
|
+
React.useEffect(() => {
|
|
178
|
+
return () => {
|
|
179
|
+
cancelAnimationRef.current?.();
|
|
180
|
+
};
|
|
181
|
+
}, []);
|
|
182
|
+
return {
|
|
183
|
+
setDragOffset,
|
|
184
|
+
springBack,
|
|
185
|
+
animateOut,
|
|
186
|
+
stop,
|
|
187
|
+
animatedStyle,
|
|
188
|
+
AnimatedView,
|
|
189
|
+
dragRef
|
|
190
|
+
};
|
|
254
191
|
}
|
|
192
|
+
|
|
255
193
|
export { useToastAnimations };
|
|
256
194
|
//# sourceMappingURL=useToastAnimations.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","useConfiguration","useEvent","View","TamaguiView","React","SPRING_CONFIG","type","damping","stiffness","mass","EXIT_DISTANCE","animateSpring","element","fromX","fromY","toX","toY","config","onComplete","initialVelocityX","initialVelocityY","fadeOut","x","y","velocityX","velocityY","animationId","targetX","targetY","totalDistance","Math","sqrt","step","forceX","forceY","dampingForceX","dampingForceY","accelerationX","accelerationY","style","transform","distanceTraveled","progress","min","opacity","String","distanceX","abs","distanceY","speed","requestAnimationFrame","cancelAnimationFrame","useToastAnimations","options","onExitComplete","reducedMotion","swipeAxis","animationDriver","Error","useAnimatedNumber","useAnimatedNumberStyle","useAnimatedNumbersStyle","AnimatedView","dragRef","useRef","cancelAnimationRef","currentOffsetRef","useDirectDom","translateX","translateY","animatedStyle","primary","secondary","getValue","setDragOffset","current","setValue","springBack","animateOut","direction","velocity","curX","curY","exitX","exitY","velocityScale","exitConfig","springConfig","stop","useEffect"],"sources":["../../src/useToastAnimations.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"useToastAnimations.js","names":["TamaguiView"],"sources":["jsx/useToastAnimations.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport {\n useAnimatedNumber,\n useAnimatedNumbersStyle,\n useAnimationDriver,\n useEvent,\n View as TamaguiView\n} from \"@tamagui/core\";\nimport * as React from \"react\";\nconst SPRING_CONFIG = {\n type: \"spring\",\n damping: 30,\n stiffness: 400,\n mass: 0.5\n};\nconst EXIT_DISTANCE = 200;\nfunction animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {\n const {\n damping = 30,\n stiffness = 400,\n mass = 0.5,\n initialVelocityX = 0,\n initialVelocityY = 0,\n fadeOut = false\n } = config;\n let x = fromX;\n let y = fromY;\n let velocityX = initialVelocityX;\n let velocityY = initialVelocityY;\n let animationId = null;\n const targetX = toX;\n const targetY = toY;\n const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;\n function step() {\n const forceX = -stiffness * (x - targetX);\n const forceY = -stiffness * (y - targetY);\n const dampingForceX = -damping * velocityX;\n const dampingForceY = -damping * velocityY;\n const accelerationX = (forceX + dampingForceX) / mass;\n const accelerationY = (forceY + dampingForceY) / mass;\n velocityX += accelerationX * 0.016;\n velocityY += accelerationY * 0.016;\n x += velocityX * 0.016;\n y += velocityY * 0.016;\n element.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n if (fadeOut) {\n const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);\n const progress = Math.min(distanceTraveled / totalDistance, 1);\n element.style.opacity = String(1 - progress);\n }\n const distanceX = Math.abs(x - targetX);\n const distanceY = Math.abs(y - targetY);\n const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);\n if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {\n element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;\n if (fadeOut) {\n element.style.opacity = \"0\";\n }\n onComplete?.();\n return;\n }\n animationId = requestAnimationFrame(step);\n }\n animationId = requestAnimationFrame(step);\n return () => {\n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n };\n}\nfunction useToastAnimations(options = {}) {\n const { onExitComplete, reducedMotion } = options;\n const animationDriver = useAnimationDriver();\n const AnimatedView = animationDriver.View ?? TamaguiView;\n const dragRef = React.useRef(null);\n const cancelAnimationRef = React.useRef(null);\n const currentOffsetRef = React.useRef({ x: 0, y: 0 });\n const useDirectDom = isWeb;\n const translateX = useAnimatedNumber(0);\n const translateY = useAnimatedNumber(0);\n const animatedStyle = useAnimatedNumbersStyle(\n [translateX, translateY],\n (x, y) => {\n \"worklet\";\n return { transform: [{ translateX: x }, { translateY: y }] };\n }\n );\n const setDragOffset = useEvent((x, y) => {\n cancelAnimationRef.current?.();\n cancelAnimationRef.current = null;\n currentOffsetRef.current = { x, y };\n if (useDirectDom && dragRef.current) {\n dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n dragRef.current.style.opacity = \"1\";\n } else {\n translateX.setValue(x, { type: \"direct\" });\n translateY.setValue(y, { type: \"direct\" });\n }\n });\n const springBack = useEvent((onComplete) => {\n cancelAnimationRef.current?.();\n if (reducedMotion) {\n if (useDirectDom && dragRef.current) {\n dragRef.current.style.transform = \"translate3d(0px, 0px, 0)\";\n } else {\n translateX.setValue(0, { type: \"direct\" });\n translateY.setValue(0, { type: \"direct\" });\n }\n currentOffsetRef.current = { x: 0, y: 0 };\n onComplete?.();\n return;\n }\n if (useDirectDom && dragRef.current) {\n const { x, y } = currentOffsetRef.current;\n cancelAnimationRef.current = animateSpring(\n dragRef.current,\n x,\n y,\n 0,\n 0,\n SPRING_CONFIG,\n () => {\n currentOffsetRef.current = { x: 0, y: 0 };\n onComplete?.();\n }\n );\n } else {\n translateX.setValue(0, SPRING_CONFIG);\n translateY.setValue(0, SPRING_CONFIG, onComplete);\n }\n });\n const animateOut = useEvent(\n (direction, velocity, onComplete) => {\n cancelAnimationRef.current?.();\n const { x: curX, y: curY } = currentOffsetRef.current;\n let exitX = direction === \"left\" ? -EXIT_DISTANCE : direction === \"right\" ? EXIT_DISTANCE : 0;\n let exitY = direction === \"up\" ? -EXIT_DISTANCE : direction === \"down\" ? EXIT_DISTANCE : 0;\n if (direction === \"left\" && curX < exitX) exitX = curX - 50;\n else if (direction === \"right\" && curX > exitX) exitX = curX + 50;\n if (direction === \"up\" && curY < exitY) exitY = curY - 50;\n else if (direction === \"down\" && curY > exitY) exitY = curY + 50;\n if (reducedMotion) {\n if (useDirectDom && dragRef.current) {\n dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;\n } else {\n translateX.setValue(exitX, { type: \"direct\" });\n translateY.setValue(exitY, { type: \"direct\" });\n }\n onComplete?.();\n onExitComplete?.();\n return;\n }\n const velocityScale = (velocity ?? 0) * 500;\n const initialVelocityX = direction === \"left\" ? -velocityScale : direction === \"right\" ? velocityScale : 0;\n const initialVelocityY = direction === \"up\" ? -velocityScale : direction === \"down\" ? velocityScale : 0;\n const exitConfig = {\n damping: 25,\n stiffness: 350,\n mass: 0.4,\n initialVelocityX,\n initialVelocityY,\n fadeOut: true\n };\n if (useDirectDom && dragRef.current) {\n const { x, y } = currentOffsetRef.current;\n cancelAnimationRef.current = animateSpring(\n dragRef.current,\n x,\n y,\n exitX,\n exitY,\n exitConfig,\n () => {\n onComplete?.();\n onExitComplete?.();\n }\n );\n } else {\n const springConfig = {\n type: \"spring\",\n damping: 25,\n stiffness: 350,\n mass: 0.4\n };\n translateX.setValue(exitX, springConfig);\n translateY.setValue(exitY, springConfig, () => {\n onComplete?.();\n onExitComplete?.();\n });\n }\n }\n );\n const stop = useEvent(() => {\n cancelAnimationRef.current?.();\n translateX.stop();\n translateY.stop();\n });\n React.useEffect(() => {\n return () => {\n cancelAnimationRef.current?.();\n };\n }, []);\n return {\n setDragOffset,\n springBack,\n animateOut,\n stop,\n animatedStyle,\n AnimatedView,\n dragRef\n };\n}\nexport {\n useToastAnimations\n};\n//# sourceMappingURL=useToastAnimations.js.map\n"],"mappings":"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"}
|