@hanzogui/toast 3.0.2 → 7.3.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/dist/cjs/Toast.cjs +149 -141
- package/dist/cjs/Toast.native.js +149 -142
- package/dist/cjs/Toast.native.js.map +1 -1
- package/dist/cjs/ToastAnnounce.cjs +81 -75
- package/dist/cjs/ToastAnnounce.native.js +86 -80
- package/dist/cjs/ToastAnnounce.native.js.map +1 -1
- package/dist/cjs/ToastComposable.cjs +933 -0
- package/dist/cjs/ToastComposable.native.js +1025 -0
- package/dist/cjs/ToastComposable.native.js.map +1 -0
- package/dist/cjs/ToastImperative.cjs +99 -80
- package/dist/cjs/ToastImperative.native.js +104 -96
- package/dist/cjs/ToastImperative.native.js.map +1 -1
- package/dist/cjs/ToastImpl.cjs +303 -241
- package/dist/cjs/ToastImpl.native.js +311 -273
- package/dist/cjs/ToastImpl.native.js.map +1 -1
- package/dist/cjs/ToastItemFrame.cjs +143 -0
- package/dist/cjs/ToastItemFrame.native.js +148 -0
- package/dist/cjs/ToastItemFrame.native.js.map +1 -0
- package/dist/cjs/ToastPortal.cjs +23 -18
- package/dist/cjs/ToastPortal.native.js +27 -22
- package/dist/cjs/ToastPortal.native.js.map +1 -1
- package/dist/cjs/ToastProvider.cjs +103 -99
- package/dist/cjs/ToastProvider.native.js +108 -106
- package/dist/cjs/ToastProvider.native.js.map +1 -1
- package/dist/cjs/ToastState.cjs +311 -0
- package/dist/cjs/ToastState.native.js +324 -0
- package/dist/cjs/ToastState.native.js.map +1 -0
- package/dist/cjs/ToastViewport.cjs +276 -235
- package/dist/cjs/ToastViewport.native.js +302 -274
- package/dist/cjs/ToastViewport.native.js.map +1 -1
- package/dist/cjs/Toaster.cjs +87 -0
- package/dist/cjs/Toaster.native.js +91 -0
- package/dist/cjs/Toaster.native.js.map +1 -0
- package/dist/cjs/constants.cjs +14 -12
- package/dist/cjs/constants.native.js +14 -12
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/createNativeToast.cjs +43 -35
- package/dist/cjs/createNativeToast.native.js +42 -30
- package/dist/cjs/createNativeToast.native.js.map +1 -1
- package/dist/cjs/dispatchNativeToast.cjs +47 -0
- package/dist/cjs/dispatchNativeToast.native.js +52 -0
- package/dist/cjs/dispatchNativeToast.native.js.map +1 -0
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useAnimatedDragGesture.cjs +214 -0
- package/dist/cjs/useAnimatedDragGesture.native.js +224 -0
- package/dist/cjs/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/cjs/useReducedMotion.cjs +74 -0
- package/dist/cjs/useReducedMotion.native.js +83 -0
- package/dist/cjs/useReducedMotion.native.js.map +1 -0
- package/dist/cjs/useToastAnimations.cjs +294 -0
- package/dist/cjs/useToastAnimations.native.js +304 -0
- package/dist/cjs/useToastAnimations.native.js.map +1 -0
- package/dist/cjs/v2.cjs +36 -0
- package/dist/cjs/v2.native.js +39 -0
- package/dist/cjs/v2.native.js.map +1 -0
- package/dist/esm/Toast.mjs +112 -106
- package/dist/esm/Toast.mjs.map +1 -1
- package/dist/esm/Toast.native.js +112 -107
- package/dist/esm/Toast.native.js.map +1 -1
- package/dist/esm/ToastAnnounce.mjs +46 -42
- package/dist/esm/ToastAnnounce.mjs.map +1 -1
- package/dist/esm/ToastAnnounce.native.js +52 -48
- package/dist/esm/ToastAnnounce.native.js.map +1 -1
- package/dist/esm/ToastComposable.mjs +895 -0
- package/dist/esm/ToastComposable.mjs.map +1 -0
- package/dist/esm/ToastComposable.native.js +984 -0
- package/dist/esm/ToastComposable.native.js.map +1 -0
- package/dist/esm/ToastImperative.mjs +71 -54
- package/dist/esm/ToastImperative.mjs.map +1 -1
- package/dist/esm/ToastImperative.native.js +76 -70
- package/dist/esm/ToastImperative.native.js.map +1 -1
- package/dist/esm/ToastImpl.mjs +261 -201
- package/dist/esm/ToastImpl.mjs.map +1 -1
- package/dist/esm/ToastImpl.native.js +270 -234
- package/dist/esm/ToastImpl.native.js.map +1 -1
- package/dist/esm/ToastItemFrame.mjs +114 -0
- package/dist/esm/ToastItemFrame.mjs.map +1 -0
- package/dist/esm/ToastItemFrame.native.js +116 -0
- package/dist/esm/ToastItemFrame.native.js.map +1 -0
- package/dist/esm/ToastPortal.mjs +8 -5
- package/dist/esm/ToastPortal.mjs.map +1 -1
- package/dist/esm/ToastPortal.native.js +12 -9
- package/dist/esm/ToastPortal.native.js.map +1 -1
- package/dist/esm/ToastProvider.mjs +71 -69
- package/dist/esm/ToastProvider.mjs.map +1 -1
- package/dist/esm/ToastProvider.native.js +77 -77
- package/dist/esm/ToastProvider.native.js.map +1 -1
- package/dist/esm/ToastState.mjs +285 -0
- package/dist/esm/ToastState.mjs.map +1 -0
- package/dist/esm/ToastState.native.js +295 -0
- package/dist/esm/ToastState.native.js.map +1 -0
- package/dist/esm/ToastViewport.mjs +238 -199
- package/dist/esm/ToastViewport.mjs.map +1 -1
- package/dist/esm/ToastViewport.native.js +265 -239
- package/dist/esm/ToastViewport.native.js.map +1 -1
- package/dist/esm/Toaster.mjs +51 -0
- package/dist/esm/Toaster.mjs.map +1 -0
- package/dist/esm/Toaster.native.js +52 -0
- package/dist/esm/Toaster.native.js.map +1 -0
- package/dist/esm/constants.mjs +2 -2
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +2 -2
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/createNativeToast.mjs +29 -24
- package/dist/esm/createNativeToast.mjs.map +1 -1
- package/dist/esm/createNativeToast.native.js +27 -18
- package/dist/esm/createNativeToast.native.js.map +1 -1
- package/dist/esm/dispatchNativeToast.mjs +22 -0
- package/dist/esm/dispatchNativeToast.mjs.map +1 -0
- package/dist/esm/dispatchNativeToast.native.js +24 -0
- package/dist/esm/dispatchNativeToast.native.js.map +1 -0
- package/dist/esm/useAnimatedDragGesture.mjs +178 -0
- package/dist/esm/useAnimatedDragGesture.mjs.map +1 -0
- package/dist/esm/useAnimatedDragGesture.native.js +185 -0
- package/dist/esm/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/esm/useReducedMotion.mjs +38 -0
- package/dist/esm/useReducedMotion.mjs.map +1 -0
- package/dist/esm/useReducedMotion.native.js +44 -0
- package/dist/esm/useReducedMotion.native.js.map +1 -0
- package/dist/esm/useToastAnimations.mjs +258 -0
- package/dist/esm/useToastAnimations.mjs.map +1 -0
- package/dist/esm/useToastAnimations.native.js +265 -0
- package/dist/esm/useToastAnimations.native.js.map +1 -0
- package/dist/esm/v2.mjs +6 -0
- package/dist/esm/v2.mjs.map +1 -0
- package/dist/esm/v2.native.js +6 -0
- package/dist/esm/v2.native.js.map +1 -0
- package/dist/jsx/Toast.mjs +112 -106
- package/dist/jsx/Toast.mjs.map +1 -1
- package/dist/jsx/Toast.native.js +149 -142
- package/dist/jsx/Toast.native.js.map +1 -1
- package/dist/jsx/ToastAnnounce.mjs +46 -42
- package/dist/jsx/ToastAnnounce.mjs.map +1 -1
- package/dist/jsx/ToastAnnounce.native.js +86 -80
- package/dist/jsx/ToastAnnounce.native.js.map +1 -1
- package/dist/jsx/ToastComposable.mjs +895 -0
- package/dist/jsx/ToastComposable.mjs.map +1 -0
- package/dist/jsx/ToastComposable.native.js +1025 -0
- package/dist/jsx/ToastComposable.native.js.map +1 -0
- package/dist/jsx/ToastImperative.mjs +71 -54
- package/dist/jsx/ToastImperative.mjs.map +1 -1
- package/dist/jsx/ToastImperative.native.js +104 -96
- package/dist/jsx/ToastImperative.native.js.map +1 -1
- package/dist/jsx/ToastImpl.mjs +261 -201
- package/dist/jsx/ToastImpl.mjs.map +1 -1
- package/dist/jsx/ToastImpl.native.js +311 -273
- package/dist/jsx/ToastImpl.native.js.map +1 -1
- package/dist/jsx/ToastItemFrame.mjs +114 -0
- package/dist/jsx/ToastItemFrame.mjs.map +1 -0
- package/dist/jsx/ToastItemFrame.native.js +148 -0
- package/dist/jsx/ToastItemFrame.native.js.map +1 -0
- package/dist/jsx/ToastPortal.mjs +8 -5
- package/dist/jsx/ToastPortal.mjs.map +1 -1
- package/dist/jsx/ToastPortal.native.js +27 -22
- package/dist/jsx/ToastPortal.native.js.map +1 -1
- package/dist/jsx/ToastProvider.mjs +71 -69
- package/dist/jsx/ToastProvider.mjs.map +1 -1
- package/dist/jsx/ToastProvider.native.js +108 -106
- package/dist/jsx/ToastProvider.native.js.map +1 -1
- package/dist/jsx/ToastState.mjs +285 -0
- package/dist/jsx/ToastState.mjs.map +1 -0
- package/dist/jsx/ToastState.native.js +324 -0
- package/dist/jsx/ToastState.native.js.map +1 -0
- package/dist/jsx/ToastViewport.mjs +238 -199
- package/dist/jsx/ToastViewport.mjs.map +1 -1
- package/dist/jsx/ToastViewport.native.js +302 -274
- package/dist/jsx/ToastViewport.native.js.map +1 -1
- package/dist/jsx/Toaster.mjs +51 -0
- package/dist/jsx/Toaster.mjs.map +1 -0
- package/dist/jsx/Toaster.native.js +91 -0
- package/dist/jsx/Toaster.native.js.map +1 -0
- package/dist/jsx/constants.mjs +2 -2
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.js +14 -12
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/createNativeToast.mjs +29 -24
- package/dist/jsx/createNativeToast.mjs.map +1 -1
- package/dist/jsx/createNativeToast.native.js +42 -30
- package/dist/jsx/createNativeToast.native.js.map +1 -1
- package/dist/jsx/dispatchNativeToast.mjs +22 -0
- package/dist/jsx/dispatchNativeToast.mjs.map +1 -0
- package/dist/jsx/dispatchNativeToast.native.js +52 -0
- package/dist/jsx/dispatchNativeToast.native.js.map +1 -0
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/useAnimatedDragGesture.mjs +178 -0
- package/dist/jsx/useAnimatedDragGesture.mjs.map +1 -0
- package/dist/jsx/useAnimatedDragGesture.native.js +224 -0
- package/dist/jsx/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/jsx/useReducedMotion.mjs +38 -0
- package/dist/jsx/useReducedMotion.mjs.map +1 -0
- package/dist/jsx/useReducedMotion.native.js +83 -0
- package/dist/jsx/useReducedMotion.native.js.map +1 -0
- package/dist/jsx/useToastAnimations.mjs +258 -0
- package/dist/jsx/useToastAnimations.mjs.map +1 -0
- package/dist/jsx/useToastAnimations.native.js +304 -0
- package/dist/jsx/useToastAnimations.native.js.map +1 -0
- package/dist/jsx/v2.mjs +6 -0
- package/dist/jsx/v2.mjs.map +1 -0
- package/dist/jsx/v2.native.js +39 -0
- package/dist/jsx/v2.native.js.map +1 -0
- package/package.json +43 -24
- package/src/Toast.tsx +2 -2
- package/src/ToastComposable.tsx +1380 -0
- package/src/ToastImpl.tsx +15 -3
- package/src/ToastItemFrame.tsx +136 -0
- package/src/ToastPortal.tsx +2 -2
- package/src/ToastProvider.tsx +8 -1
- package/src/ToastState.ts +398 -0
- package/src/ToastViewport.tsx +6 -5
- package/src/Toaster.tsx +181 -0
- package/src/createNativeToast.native.tsx +4 -0
- package/src/createNativeToast.tsx +18 -24
- package/src/dispatchNativeToast.ts +43 -0
- package/src/useAnimatedDragGesture.native.ts +255 -0
- package/src/useAnimatedDragGesture.ts +319 -0
- package/src/useReducedMotion.ts +59 -0
- package/src/useToastAnimations.ts +377 -0
- package/src/v2.ts +31 -0
- package/types/Toast.d.ts +34 -34
- package/types/Toast.d.ts.map +1 -0
- package/types/ToastAnnounce.d.ts +4 -4
- package/types/ToastAnnounce.d.ts.map +1 -0
- package/types/ToastComposable.d.ts +199 -0
- package/types/ToastComposable.d.ts.map +1 -0
- package/types/ToastImperative.d.ts +3 -3
- package/types/ToastImperative.d.ts.map +1 -0
- package/types/ToastImpl.d.ts +11 -11
- package/types/ToastImpl.d.ts.map +1 -0
- package/types/ToastItemFrame.d.ts +25 -0
- package/types/ToastItemFrame.d.ts.map +1 -0
- package/types/ToastPortal.d.ts +1 -1
- package/types/ToastPortal.d.ts.map +1 -0
- package/types/ToastProvider.d.ts +4 -4
- package/types/ToastProvider.d.ts.map +1 -0
- package/types/ToastState.d.ts +179 -0
- package/types/ToastState.d.ts.map +1 -0
- package/types/ToastViewport.d.ts +10 -10
- package/types/ToastViewport.d.ts.map +1 -0
- package/types/Toaster.d.ts +112 -0
- package/types/Toaster.d.ts.map +1 -0
- package/types/constants.d.ts.map +1 -0
- package/types/createNativeToast.d.ts +5 -0
- package/types/createNativeToast.d.ts.map +1 -0
- package/types/createNativeToast.native.d.ts +1 -0
- package/types/createNativeToast.native.d.ts.map +1 -0
- package/types/dispatchNativeToast.d.ts +12 -0
- package/types/dispatchNativeToast.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
- package/types/types.d.ts.map +1 -0
- package/types/useAnimatedDragGesture.d.ts +33 -0
- package/types/useAnimatedDragGesture.d.ts.map +1 -0
- package/types/useAnimatedDragGesture.native.d.ts +33 -0
- package/types/useAnimatedDragGesture.native.d.ts.map +1 -0
- package/types/useReducedMotion.d.ts +6 -0
- package/types/useReducedMotion.d.ts.map +1 -0
- package/types/useToastAnimations.d.ts +50 -0
- package/types/useToastAnimations.d.ts.map +1 -0
- package/types/v2.d.ts +10 -0
- package/types/v2.d.ts.map +1 -0
- package/v2/index.cjs +2 -0
- package/v2/index.js +2 -0
- package/v2/index.native.cjs +2 -0
- package/v2/index.native.js +2 -0
- package/LICENSE +0 -21
|
@@ -0,0 +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":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { isWeb } from "@hanzogui/constants";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
let cachedResult = null;
|
|
4
|
+
function getReducedMotion() {
|
|
5
|
+
if (cachedResult !== null) return cachedResult;
|
|
6
|
+
if (!isWeb) {
|
|
7
|
+
cachedResult = false;
|
|
8
|
+
return false;
|
|
9
|
+
}
|
|
10
|
+
if (typeof window === "undefined") {
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
cachedResult = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? false;
|
|
14
|
+
return cachedResult;
|
|
15
|
+
}
|
|
16
|
+
function useReducedMotion(forceReducedMotion) {
|
|
17
|
+
const [reducedMotion, setReducedMotion] = React.useState(() => forceReducedMotion ?? getReducedMotion());
|
|
18
|
+
React.useEffect(() => {
|
|
19
|
+
if (forceReducedMotion !== void 0) {
|
|
20
|
+
setReducedMotion(forceReducedMotion);
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
if (!isWeb || typeof window === "undefined") return;
|
|
24
|
+
const mediaQuery = window.matchMedia?.("(prefers-reduced-motion: reduce)");
|
|
25
|
+
if (!mediaQuery) return;
|
|
26
|
+
const handleChange = e => {
|
|
27
|
+
cachedResult = e.matches;
|
|
28
|
+
setReducedMotion(e.matches);
|
|
29
|
+
};
|
|
30
|
+
mediaQuery.addEventListener?.("change", handleChange);
|
|
31
|
+
return () => {
|
|
32
|
+
mediaQuery.removeEventListener?.("change", handleChange);
|
|
33
|
+
};
|
|
34
|
+
}, [forceReducedMotion]);
|
|
35
|
+
return reducedMotion;
|
|
36
|
+
}
|
|
37
|
+
export { useReducedMotion };
|
|
38
|
+
//# sourceMappingURL=useReducedMotion.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isWeb","React","cachedResult","getReducedMotion","window","matchMedia","matches","useReducedMotion","forceReducedMotion","reducedMotion","setReducedMotion","useState","useEffect","mediaQuery","handleChange","e","addEventListener","removeEventListener"],"sources":["../../src/useReducedMotion.ts"],"sourcesContent":[null],"mappings":"AAKA,SAASA,KAAA,QAAa;AACtB,YAAYC,KAAA,MAAW;AAEvB,IAAIC,YAAA,GAA+B;AAEnC,SAASC,iBAAA,EAA4B;EACnC,IAAID,YAAA,KAAiB,MAAM,OAAOA,YAAA;EAElC,IAAI,CAACF,KAAA,EAAO;IAGVE,YAAA,GAAe;IACf,OAAO;EACT;EAEA,IAAI,OAAOE,MAAA,KAAW,aAAa;IACjC,OAAO;EACT;EAEAF,YAAA,GAAeE,MAAA,CAAOC,UAAA,GAAa,kCAAkC,GAAGC,OAAA,IAAW;EACnF,OAAOJ,YAAA;AACT;AAEO,SAASK,iBAAiBC,kBAAA,EAAuC;EACtE,MAAM,CAACC,aAAA,EAAeC,gBAAgB,IAAIT,KAAA,CAAMU,QAAA,CAC9C,MAAMH,kBAAA,IAAsBL,gBAAA,CAAiB,CAC/C;EAEAF,KAAA,CAAMW,SAAA,CAAU,MAAM;IAEpB,IAAIJ,kBAAA,KAAuB,QAAW;MACpCE,gBAAA,CAAiBF,kBAAkB;MACnC;IACF;IAGA,IAAI,CAACR,KAAA,IAAS,OAAOI,MAAA,KAAW,aAAa;IAE7C,MAAMS,UAAA,GAAaT,MAAA,CAAOC,UAAA,GAAa,kCAAkC;IACzE,IAAI,CAACQ,UAAA,EAAY;IAEjB,MAAMC,YAAA,GAAgBC,CAAA,IAA2B;MAC/Cb,YAAA,GAAea,CAAA,CAAET,OAAA;MACjBI,gBAAA,CAAiBK,CAAA,CAAET,OAAO;IAC5B;IAEAO,UAAA,CAAWG,gBAAA,GAAmB,UAAUF,YAAY;IACpD,OAAO,MAAM;MACXD,UAAA,CAAWI,mBAAA,GAAsB,UAAUH,YAAY;IACzD;EACF,GAAG,CAACN,kBAAkB,CAAC;EAEvB,OAAOC,aAAA;AACT","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { isWeb } from "@hanzogui/constants";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
var cachedResult = null;
|
|
4
|
+
function getReducedMotion() {
|
|
5
|
+
var _window_matchMedia, _window_matchMedia1, _window;
|
|
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
|
+
var _window_matchMedia_matches;
|
|
15
|
+
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;
|
|
16
|
+
return cachedResult;
|
|
17
|
+
}
|
|
18
|
+
function useReducedMotion(forceReducedMotion) {
|
|
19
|
+
var [reducedMotion, setReducedMotion] = React.useState(function () {
|
|
20
|
+
return forceReducedMotion !== null && forceReducedMotion !== void 0 ? forceReducedMotion : getReducedMotion();
|
|
21
|
+
});
|
|
22
|
+
React.useEffect(function () {
|
|
23
|
+
var _window_matchMedia, _window, _mediaQuery_addEventListener;
|
|
24
|
+
if (forceReducedMotion !== void 0) {
|
|
25
|
+
setReducedMotion(forceReducedMotion);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
if (!isWeb || typeof window === "undefined") return;
|
|
29
|
+
var mediaQuery = (_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, "(prefers-reduced-motion: reduce)");
|
|
30
|
+
if (!mediaQuery) return;
|
|
31
|
+
var handleChange = function (e) {
|
|
32
|
+
cachedResult = e.matches;
|
|
33
|
+
setReducedMotion(e.matches);
|
|
34
|
+
};
|
|
35
|
+
(_mediaQuery_addEventListener = mediaQuery.addEventListener) === null || _mediaQuery_addEventListener === void 0 ? void 0 : _mediaQuery_addEventListener.call(mediaQuery, "change", handleChange);
|
|
36
|
+
return function () {
|
|
37
|
+
var _mediaQuery_removeEventListener;
|
|
38
|
+
(_mediaQuery_removeEventListener = mediaQuery.removeEventListener) === null || _mediaQuery_removeEventListener === void 0 ? void 0 : _mediaQuery_removeEventListener.call(mediaQuery, "change", handleChange);
|
|
39
|
+
};
|
|
40
|
+
}, [forceReducedMotion]);
|
|
41
|
+
return reducedMotion;
|
|
42
|
+
}
|
|
43
|
+
export { useReducedMotion };
|
|
44
|
+
//# sourceMappingURL=useReducedMotion.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isWeb","React","cachedResult","getReducedMotion","_window_matchMedia","_window_matchMedia1","_window","window","_window_matchMedia_matches","matchMedia","call","matches","useReducedMotion","forceReducedMotion","reducedMotion","setReducedMotion","useState","useEffect","_mediaQuery_addEventListener","mediaQuery","handleChange","e","addEventListener","_mediaQuery_removeEventListener","removeEventListener"],"sources":["../../src/useReducedMotion.ts"],"sourcesContent":[null],"mappings":"AAKA,SAASA,KAAA,QAAa;AACtB,YAAYC,KAAA,MAAW;AAEvB,IAAIC,YAAA,GAA+B;AAEnC,SAASC,iBAAA,EAA4B;EACnC,IAAIC,kBAAiB,EAAAC,mBAAa,EAAAC,OAAA;EAElC,IAAIJ,YAAQ,kBAAAA,YAAA;EAGV,KAAAF,KAAA;IACAE,YAAO;IACT;EAEA;EACE,WAAOK,MAAA;IACT;EAEA;EACA,IAAAC,0BAAO;EACTN,YAAA,IAAAM,0BAAA,IAAAH,mBAAA,IAAAC,OAAA,GAAAC,MAAA,EAAAE,UAAA,cAAAJ,mBAAA,wBAAAD,kBAAA,GAAAC,mBAAA,CAAAK,IAAA,CAAAJ,OAAA,mDAAAF,kBAAA,uBAAAA,kBAAA,CAAAO,OAAA,cAAAH,0BAAA,cAAAA,0BAAA;EAEO,OAASN,YAAA;AACd;AAAgD,SAC9CU,gBAAMA,CAAAC,kBAAsB;EAC9B,KAAAC,aAAA,EAAAC,gBAAA,IAAAd,KAAA,CAAAe,QAAA;IAEA,OAAMH,kBAAgB,aAAAA,kBAAA,cAAAA,kBAAA,GAAAV,gBAAA;EAEpB;EACEF,KAAA,CAAAgB,SAAA,aAAiB;IACjB,IAAAb,kBAAA,EAAAE,OAAA,EAAAY,4BAAA;IACF,IAAAL,kBAAA;MAGAE,gBAAc,CAAAF,kBAAkB;MAEhC;IACA;IAEA,KAAAb,KAAM,WAAeO,MAAC,KAA2B;IAC/C,IAAAY,UAAA,GAAe,CAAAf,kBAAE,IAAAE,OAAA,GAAAC,MAAA,EAAAE,UAAA,cAAAL,kBAAA,uBAAAA,kBAAA,CAAAM,IAAA,CAAAJ,OAAA;IACjB,KAAAa,UAAA;IACF,IAAAC,YAAA,YAAAA,CAAAC,CAAA;MAEAnB,YAAW,GAAAmB,CAAA,CAAAV,OAAA;MACXI,gBAAa,CAAAM,CAAA,CAAAV,OAAA;IACX;IACF,CAAAO,4BAAA,GAAAC,UAAA,CAAAG,gBAAA,cAAAJ,4BAAA,uBAAAA,4BAAA,CAAAR,IAAA,CAAAS,UAAA,YAAAC,YAAA;IACF,OAAI;MAEJ,IAAOG,+BAAA;MACT,CAAAA,+BAAA,GAAAJ,UAAA,CAAAK,mBAAA,cAAAD,+BAAA,uBAAAA,+BAAA,CAAAb,IAAA,CAAAS,UAAA,YAAAC,YAAA","ignoreList":[]}
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
import { isWeb } from "@hanzogui/constants";
|
|
2
|
+
import { useConfiguration, useEvent, View as GuiView } from "@hanzogui/core";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
const SPRING_CONFIG = {
|
|
5
|
+
type: "spring",
|
|
6
|
+
damping: 30,
|
|
7
|
+
stiffness: 400,
|
|
8
|
+
mass: 0.5
|
|
9
|
+
};
|
|
10
|
+
const EXIT_DISTANCE = 200;
|
|
11
|
+
function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
|
|
12
|
+
const {
|
|
13
|
+
damping = 30,
|
|
14
|
+
stiffness = 400,
|
|
15
|
+
mass = 0.5,
|
|
16
|
+
initialVelocityX = 0,
|
|
17
|
+
initialVelocityY = 0,
|
|
18
|
+
fadeOut = false
|
|
19
|
+
} = config;
|
|
20
|
+
let x = fromX;
|
|
21
|
+
let y = fromY;
|
|
22
|
+
let velocityX = initialVelocityX;
|
|
23
|
+
let velocityY = initialVelocityY;
|
|
24
|
+
let animationId = null;
|
|
25
|
+
const targetX = toX;
|
|
26
|
+
const targetY = toY;
|
|
27
|
+
const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;
|
|
28
|
+
function step() {
|
|
29
|
+
const forceX = -stiffness * (x - targetX);
|
|
30
|
+
const forceY = -stiffness * (y - targetY);
|
|
31
|
+
const dampingForceX = -damping * velocityX;
|
|
32
|
+
const dampingForceY = -damping * velocityY;
|
|
33
|
+
const accelerationX = (forceX + dampingForceX) / mass;
|
|
34
|
+
const accelerationY = (forceY + dampingForceY) / mass;
|
|
35
|
+
velocityX += accelerationX * 0.016;
|
|
36
|
+
velocityY += accelerationY * 0.016;
|
|
37
|
+
x += velocityX * 0.016;
|
|
38
|
+
y += velocityY * 0.016;
|
|
39
|
+
element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
40
|
+
if (fadeOut) {
|
|
41
|
+
const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);
|
|
42
|
+
const progress = Math.min(distanceTraveled / totalDistance, 1);
|
|
43
|
+
element.style.opacity = String(1 - progress);
|
|
44
|
+
}
|
|
45
|
+
const distanceX = Math.abs(x - targetX);
|
|
46
|
+
const distanceY = Math.abs(y - targetY);
|
|
47
|
+
const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
|
|
48
|
+
if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
|
|
49
|
+
element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
|
|
50
|
+
if (fadeOut) {
|
|
51
|
+
element.style.opacity = "0";
|
|
52
|
+
}
|
|
53
|
+
onComplete?.();
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
animationId = requestAnimationFrame(step);
|
|
57
|
+
}
|
|
58
|
+
animationId = requestAnimationFrame(step);
|
|
59
|
+
return () => {
|
|
60
|
+
if (animationId) {
|
|
61
|
+
cancelAnimationFrame(animationId);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
function useToastAnimations(options = {}) {
|
|
66
|
+
const {
|
|
67
|
+
onExitComplete,
|
|
68
|
+
reducedMotion,
|
|
69
|
+
swipeAxis = "horizontal"
|
|
70
|
+
} = options;
|
|
71
|
+
const {
|
|
72
|
+
animationDriver
|
|
73
|
+
} = useConfiguration();
|
|
74
|
+
if (!animationDriver) {
|
|
75
|
+
throw new Error("Toast requires an animation driver to be set in GuiProvider");
|
|
76
|
+
}
|
|
77
|
+
const {
|
|
78
|
+
useAnimatedNumber,
|
|
79
|
+
useAnimatedNumberStyle,
|
|
80
|
+
useAnimatedNumbersStyle
|
|
81
|
+
} = animationDriver;
|
|
82
|
+
const AnimatedView = animationDriver.View ?? GuiView;
|
|
83
|
+
const dragRef = React.useRef(null);
|
|
84
|
+
const cancelAnimationRef = React.useRef(null);
|
|
85
|
+
const currentOffsetRef = React.useRef({
|
|
86
|
+
x: 0,
|
|
87
|
+
y: 0
|
|
88
|
+
});
|
|
89
|
+
const useDirectDom = isWeb;
|
|
90
|
+
const translateX = useAnimatedNumber(0);
|
|
91
|
+
const translateY = useAnimatedNumber(0);
|
|
92
|
+
const animatedStyleMulti = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
|
|
93
|
+
"worklet";
|
|
94
|
+
|
|
95
|
+
return {
|
|
96
|
+
transform: [{
|
|
97
|
+
translateX: x
|
|
98
|
+
}, {
|
|
99
|
+
translateY: y
|
|
100
|
+
}]
|
|
101
|
+
};
|
|
102
|
+
}) : null;
|
|
103
|
+
const animatedStyleFallback = useAnimatedNumberStyle(swipeAxis === "vertical" ? translateY : translateX, primary => {
|
|
104
|
+
"worklet";
|
|
105
|
+
|
|
106
|
+
const secondary = swipeAxis === "vertical" ? translateX.getValue() : translateY.getValue();
|
|
107
|
+
return swipeAxis === "vertical" ? {
|
|
108
|
+
transform: [{
|
|
109
|
+
translateX: secondary
|
|
110
|
+
}, {
|
|
111
|
+
translateY: primary
|
|
112
|
+
}]
|
|
113
|
+
} : {
|
|
114
|
+
transform: [{
|
|
115
|
+
translateX: primary
|
|
116
|
+
}, {
|
|
117
|
+
translateY: secondary
|
|
118
|
+
}]
|
|
119
|
+
};
|
|
120
|
+
});
|
|
121
|
+
const animatedStyle = animatedStyleMulti ?? animatedStyleFallback;
|
|
122
|
+
const setDragOffset = useEvent((x, y) => {
|
|
123
|
+
cancelAnimationRef.current?.();
|
|
124
|
+
cancelAnimationRef.current = null;
|
|
125
|
+
currentOffsetRef.current = {
|
|
126
|
+
x,
|
|
127
|
+
y
|
|
128
|
+
};
|
|
129
|
+
if (useDirectDom && dragRef.current) {
|
|
130
|
+
dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
131
|
+
dragRef.current.style.opacity = "1";
|
|
132
|
+
} else {
|
|
133
|
+
translateX.setValue(x, {
|
|
134
|
+
type: "direct"
|
|
135
|
+
});
|
|
136
|
+
translateY.setValue(y, {
|
|
137
|
+
type: "direct"
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
const springBack = useEvent(onComplete => {
|
|
142
|
+
cancelAnimationRef.current?.();
|
|
143
|
+
if (reducedMotion) {
|
|
144
|
+
if (useDirectDom && dragRef.current) {
|
|
145
|
+
dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
|
|
146
|
+
} else {
|
|
147
|
+
translateX.setValue(0, {
|
|
148
|
+
type: "direct"
|
|
149
|
+
});
|
|
150
|
+
translateY.setValue(0, {
|
|
151
|
+
type: "direct"
|
|
152
|
+
});
|
|
153
|
+
}
|
|
154
|
+
currentOffsetRef.current = {
|
|
155
|
+
x: 0,
|
|
156
|
+
y: 0
|
|
157
|
+
};
|
|
158
|
+
onComplete?.();
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
161
|
+
if (useDirectDom && dragRef.current) {
|
|
162
|
+
const {
|
|
163
|
+
x,
|
|
164
|
+
y
|
|
165
|
+
} = currentOffsetRef.current;
|
|
166
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, () => {
|
|
167
|
+
currentOffsetRef.current = {
|
|
168
|
+
x: 0,
|
|
169
|
+
y: 0
|
|
170
|
+
};
|
|
171
|
+
onComplete?.();
|
|
172
|
+
});
|
|
173
|
+
} else {
|
|
174
|
+
translateX.setValue(0, SPRING_CONFIG);
|
|
175
|
+
translateY.setValue(0, SPRING_CONFIG, onComplete);
|
|
176
|
+
}
|
|
177
|
+
});
|
|
178
|
+
const animateOut = useEvent((direction, velocity, onComplete) => {
|
|
179
|
+
cancelAnimationRef.current?.();
|
|
180
|
+
const {
|
|
181
|
+
x: curX,
|
|
182
|
+
y: curY
|
|
183
|
+
} = currentOffsetRef.current;
|
|
184
|
+
let exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
|
|
185
|
+
let exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
|
|
186
|
+
if (direction === "left" && curX < exitX) exitX = curX - 50;else if (direction === "right" && curX > exitX) exitX = curX + 50;
|
|
187
|
+
if (direction === "up" && curY < exitY) exitY = curY - 50;else if (direction === "down" && curY > exitY) exitY = curY + 50;
|
|
188
|
+
if (reducedMotion) {
|
|
189
|
+
if (useDirectDom && dragRef.current) {
|
|
190
|
+
dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
|
|
191
|
+
} else {
|
|
192
|
+
translateX.setValue(exitX, {
|
|
193
|
+
type: "direct"
|
|
194
|
+
});
|
|
195
|
+
translateY.setValue(exitY, {
|
|
196
|
+
type: "direct"
|
|
197
|
+
});
|
|
198
|
+
}
|
|
199
|
+
onComplete?.();
|
|
200
|
+
onExitComplete?.();
|
|
201
|
+
return;
|
|
202
|
+
}
|
|
203
|
+
const velocityScale = (velocity ?? 0) * 500;
|
|
204
|
+
const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
|
|
205
|
+
const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
|
|
206
|
+
const exitConfig = {
|
|
207
|
+
damping: 25,
|
|
208
|
+
stiffness: 350,
|
|
209
|
+
mass: 0.4,
|
|
210
|
+
initialVelocityX,
|
|
211
|
+
initialVelocityY,
|
|
212
|
+
fadeOut: true
|
|
213
|
+
};
|
|
214
|
+
if (useDirectDom && dragRef.current) {
|
|
215
|
+
const {
|
|
216
|
+
x,
|
|
217
|
+
y
|
|
218
|
+
} = currentOffsetRef.current;
|
|
219
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
|
|
220
|
+
onComplete?.();
|
|
221
|
+
onExitComplete?.();
|
|
222
|
+
});
|
|
223
|
+
} else {
|
|
224
|
+
const springConfig = {
|
|
225
|
+
type: "spring",
|
|
226
|
+
damping: 25,
|
|
227
|
+
stiffness: 350,
|
|
228
|
+
mass: 0.4
|
|
229
|
+
};
|
|
230
|
+
translateX.setValue(exitX, springConfig);
|
|
231
|
+
translateY.setValue(exitY, springConfig, () => {
|
|
232
|
+
onComplete?.();
|
|
233
|
+
onExitComplete?.();
|
|
234
|
+
});
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
const stop = useEvent(() => {
|
|
238
|
+
cancelAnimationRef.current?.();
|
|
239
|
+
translateX.stop();
|
|
240
|
+
translateY.stop();
|
|
241
|
+
});
|
|
242
|
+
React.useEffect(() => {
|
|
243
|
+
return () => {
|
|
244
|
+
cancelAnimationRef.current?.();
|
|
245
|
+
};
|
|
246
|
+
}, []);
|
|
247
|
+
return {
|
|
248
|
+
setDragOffset,
|
|
249
|
+
springBack,
|
|
250
|
+
animateOut,
|
|
251
|
+
stop,
|
|
252
|
+
animatedStyle,
|
|
253
|
+
AnimatedView,
|
|
254
|
+
dragRef
|
|
255
|
+
};
|
|
256
|
+
}
|
|
257
|
+
export { useToastAnimations };
|
|
258
|
+
//# sourceMappingURL=useToastAnimations.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isWeb","useConfiguration","useEvent","View","GuiView","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","animatedStyleMulti","animatedStyleFallback","primary","secondary","getValue","animatedStyle","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":[]}
|
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
import { isWeb } from "@hanzogui/constants";
|
|
2
|
+
import { useConfiguration, useEvent, View as GuiView } from "@hanzogui/core";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
var SPRING_CONFIG = {
|
|
5
|
+
type: "spring",
|
|
6
|
+
damping: 30,
|
|
7
|
+
stiffness: 400,
|
|
8
|
+
mass: 0.5
|
|
9
|
+
};
|
|
10
|
+
var EXIT_DISTANCE = 200;
|
|
11
|
+
function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
|
|
12
|
+
var {
|
|
13
|
+
damping = 30,
|
|
14
|
+
stiffness = 400,
|
|
15
|
+
mass = 0.5,
|
|
16
|
+
initialVelocityX = 0,
|
|
17
|
+
initialVelocityY = 0,
|
|
18
|
+
fadeOut = false
|
|
19
|
+
} = config;
|
|
20
|
+
var x = fromX;
|
|
21
|
+
var y = fromY;
|
|
22
|
+
var velocityX = initialVelocityX;
|
|
23
|
+
var velocityY = initialVelocityY;
|
|
24
|
+
var animationId = null;
|
|
25
|
+
var targetX = toX;
|
|
26
|
+
var targetY = toY;
|
|
27
|
+
var totalDistance = Math.sqrt(Math.pow(toX - fromX, 2) + Math.pow(toY - fromY, 2)) || 1;
|
|
28
|
+
function step() {
|
|
29
|
+
var forceX = -stiffness * (x - targetX);
|
|
30
|
+
var forceY = -stiffness * (y - targetY);
|
|
31
|
+
var dampingForceX = -damping * velocityX;
|
|
32
|
+
var dampingForceY = -damping * velocityY;
|
|
33
|
+
var accelerationX = (forceX + dampingForceX) / mass;
|
|
34
|
+
var accelerationY = (forceY + dampingForceY) / mass;
|
|
35
|
+
velocityX += accelerationX * 0.016;
|
|
36
|
+
velocityY += accelerationY * 0.016;
|
|
37
|
+
x += velocityX * 0.016;
|
|
38
|
+
y += velocityY * 0.016;
|
|
39
|
+
element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
40
|
+
if (fadeOut) {
|
|
41
|
+
var distanceTraveled = Math.sqrt(Math.pow(x - fromX, 2) + Math.pow(y - fromY, 2));
|
|
42
|
+
var progress = Math.min(distanceTraveled / totalDistance, 1);
|
|
43
|
+
element.style.opacity = String(1 - progress);
|
|
44
|
+
}
|
|
45
|
+
var distanceX = Math.abs(x - targetX);
|
|
46
|
+
var distanceY = Math.abs(y - targetY);
|
|
47
|
+
var speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
|
|
48
|
+
if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
|
|
49
|
+
element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
|
|
50
|
+
if (fadeOut) {
|
|
51
|
+
element.style.opacity = "0";
|
|
52
|
+
}
|
|
53
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
animationId = requestAnimationFrame(step);
|
|
57
|
+
}
|
|
58
|
+
animationId = requestAnimationFrame(step);
|
|
59
|
+
return function () {
|
|
60
|
+
if (animationId) {
|
|
61
|
+
cancelAnimationFrame(animationId);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
function useToastAnimations() {
|
|
66
|
+
var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
67
|
+
var {
|
|
68
|
+
onExitComplete,
|
|
69
|
+
reducedMotion,
|
|
70
|
+
swipeAxis = "horizontal"
|
|
71
|
+
} = options;
|
|
72
|
+
var {
|
|
73
|
+
animationDriver
|
|
74
|
+
} = useConfiguration();
|
|
75
|
+
if (!animationDriver) {
|
|
76
|
+
throw new Error("Toast requires an animation driver to be set in GuiProvider");
|
|
77
|
+
}
|
|
78
|
+
var {
|
|
79
|
+
useAnimatedNumber,
|
|
80
|
+
useAnimatedNumberStyle,
|
|
81
|
+
useAnimatedNumbersStyle
|
|
82
|
+
} = animationDriver;
|
|
83
|
+
var _animationDriver_View;
|
|
84
|
+
var AnimatedView = (_animationDriver_View = animationDriver.View) !== null && _animationDriver_View !== void 0 ? _animationDriver_View : GuiView;
|
|
85
|
+
var dragRef = React.useRef(null);
|
|
86
|
+
var cancelAnimationRef = React.useRef(null);
|
|
87
|
+
var currentOffsetRef = React.useRef({
|
|
88
|
+
x: 0,
|
|
89
|
+
y: 0
|
|
90
|
+
});
|
|
91
|
+
var useDirectDom = isWeb;
|
|
92
|
+
var translateX = useAnimatedNumber(0);
|
|
93
|
+
var translateY = useAnimatedNumber(0);
|
|
94
|
+
var animatedStyleMulti = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], function (x, y) {
|
|
95
|
+
"worklet";
|
|
96
|
+
|
|
97
|
+
return {
|
|
98
|
+
transform: [{
|
|
99
|
+
translateX: x
|
|
100
|
+
}, {
|
|
101
|
+
translateY: y
|
|
102
|
+
}]
|
|
103
|
+
};
|
|
104
|
+
}) : null;
|
|
105
|
+
var animatedStyleFallback = useAnimatedNumberStyle(swipeAxis === "vertical" ? translateY : translateX, function (primary) {
|
|
106
|
+
"worklet";
|
|
107
|
+
|
|
108
|
+
var secondary = swipeAxis === "vertical" ? translateX.getValue() : translateY.getValue();
|
|
109
|
+
return swipeAxis === "vertical" ? {
|
|
110
|
+
transform: [{
|
|
111
|
+
translateX: secondary
|
|
112
|
+
}, {
|
|
113
|
+
translateY: primary
|
|
114
|
+
}]
|
|
115
|
+
} : {
|
|
116
|
+
transform: [{
|
|
117
|
+
translateX: primary
|
|
118
|
+
}, {
|
|
119
|
+
translateY: secondary
|
|
120
|
+
}]
|
|
121
|
+
};
|
|
122
|
+
});
|
|
123
|
+
var animatedStyle = animatedStyleMulti !== null && animatedStyleMulti !== void 0 ? animatedStyleMulti : animatedStyleFallback;
|
|
124
|
+
var setDragOffset = useEvent(function (x, y) {
|
|
125
|
+
var _cancelAnimationRef_current;
|
|
126
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
127
|
+
cancelAnimationRef.current = null;
|
|
128
|
+
currentOffsetRef.current = {
|
|
129
|
+
x,
|
|
130
|
+
y
|
|
131
|
+
};
|
|
132
|
+
if (useDirectDom && dragRef.current) {
|
|
133
|
+
dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
134
|
+
dragRef.current.style.opacity = "1";
|
|
135
|
+
} else {
|
|
136
|
+
translateX.setValue(x, {
|
|
137
|
+
type: "direct"
|
|
138
|
+
});
|
|
139
|
+
translateY.setValue(y, {
|
|
140
|
+
type: "direct"
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
var springBack = useEvent(function (onComplete) {
|
|
145
|
+
var _cancelAnimationRef_current;
|
|
146
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
147
|
+
if (reducedMotion) {
|
|
148
|
+
if (useDirectDom && dragRef.current) {
|
|
149
|
+
dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
|
|
150
|
+
} else {
|
|
151
|
+
translateX.setValue(0, {
|
|
152
|
+
type: "direct"
|
|
153
|
+
});
|
|
154
|
+
translateY.setValue(0, {
|
|
155
|
+
type: "direct"
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
currentOffsetRef.current = {
|
|
159
|
+
x: 0,
|
|
160
|
+
y: 0
|
|
161
|
+
};
|
|
162
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
if (useDirectDom && dragRef.current) {
|
|
166
|
+
var {
|
|
167
|
+
x,
|
|
168
|
+
y
|
|
169
|
+
} = currentOffsetRef.current;
|
|
170
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, function () {
|
|
171
|
+
currentOffsetRef.current = {
|
|
172
|
+
x: 0,
|
|
173
|
+
y: 0
|
|
174
|
+
};
|
|
175
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
176
|
+
});
|
|
177
|
+
} else {
|
|
178
|
+
translateX.setValue(0, SPRING_CONFIG);
|
|
179
|
+
translateY.setValue(0, SPRING_CONFIG, onComplete);
|
|
180
|
+
}
|
|
181
|
+
});
|
|
182
|
+
var animateOut = useEvent(function (direction, velocity, onComplete) {
|
|
183
|
+
var _cancelAnimationRef_current;
|
|
184
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
185
|
+
var {
|
|
186
|
+
x: curX,
|
|
187
|
+
y: curY
|
|
188
|
+
} = currentOffsetRef.current;
|
|
189
|
+
var exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
|
|
190
|
+
var exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
|
|
191
|
+
if (direction === "left" && curX < exitX) exitX = curX - 50;else if (direction === "right" && curX > exitX) exitX = curX + 50;
|
|
192
|
+
if (direction === "up" && curY < exitY) exitY = curY - 50;else if (direction === "down" && curY > exitY) exitY = curY + 50;
|
|
193
|
+
if (reducedMotion) {
|
|
194
|
+
if (useDirectDom && dragRef.current) {
|
|
195
|
+
dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
|
|
196
|
+
} else {
|
|
197
|
+
translateX.setValue(exitX, {
|
|
198
|
+
type: "direct"
|
|
199
|
+
});
|
|
200
|
+
translateY.setValue(exitY, {
|
|
201
|
+
type: "direct"
|
|
202
|
+
});
|
|
203
|
+
}
|
|
204
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
205
|
+
onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
|
|
206
|
+
return;
|
|
207
|
+
}
|
|
208
|
+
var velocityScale = (velocity !== null && velocity !== void 0 ? velocity : 0) * 500;
|
|
209
|
+
var initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
|
|
210
|
+
var initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
|
|
211
|
+
var exitConfig = {
|
|
212
|
+
damping: 25,
|
|
213
|
+
stiffness: 350,
|
|
214
|
+
mass: 0.4,
|
|
215
|
+
initialVelocityX,
|
|
216
|
+
initialVelocityY,
|
|
217
|
+
fadeOut: true
|
|
218
|
+
};
|
|
219
|
+
if (useDirectDom && dragRef.current) {
|
|
220
|
+
var {
|
|
221
|
+
x,
|
|
222
|
+
y
|
|
223
|
+
} = currentOffsetRef.current;
|
|
224
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, function () {
|
|
225
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
226
|
+
onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
|
|
227
|
+
});
|
|
228
|
+
} else {
|
|
229
|
+
var springConfig = {
|
|
230
|
+
type: "spring",
|
|
231
|
+
damping: 25,
|
|
232
|
+
stiffness: 350,
|
|
233
|
+
mass: 0.4
|
|
234
|
+
};
|
|
235
|
+
translateX.setValue(exitX, springConfig);
|
|
236
|
+
translateY.setValue(exitY, springConfig, function () {
|
|
237
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
238
|
+
onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
|
|
239
|
+
});
|
|
240
|
+
}
|
|
241
|
+
});
|
|
242
|
+
var stop = useEvent(function () {
|
|
243
|
+
var _cancelAnimationRef_current;
|
|
244
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
245
|
+
translateX.stop();
|
|
246
|
+
translateY.stop();
|
|
247
|
+
});
|
|
248
|
+
React.useEffect(function () {
|
|
249
|
+
return function () {
|
|
250
|
+
var _cancelAnimationRef_current;
|
|
251
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
252
|
+
};
|
|
253
|
+
}, []);
|
|
254
|
+
return {
|
|
255
|
+
setDragOffset,
|
|
256
|
+
springBack,
|
|
257
|
+
animateOut,
|
|
258
|
+
stop,
|
|
259
|
+
animatedStyle,
|
|
260
|
+
AnimatedView,
|
|
261
|
+
dragRef
|
|
262
|
+
};
|
|
263
|
+
}
|
|
264
|
+
export { useToastAnimations };
|
|
265
|
+
//# sourceMappingURL=useToastAnimations.native.js.map
|