@hanzogui/toast 7.0.0 → 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 +178 -0
- package/dist/cjs/Toast.native.js +181 -0
- package/dist/cjs/Toast.native.js.map +1 -0
- package/dist/cjs/ToastAnnounce.cjs +103 -0
- package/dist/cjs/ToastAnnounce.native.js +111 -0
- package/dist/cjs/ToastAnnounce.native.js.map +1 -0
- 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 +119 -0
- package/dist/cjs/ToastImperative.native.js +130 -0
- package/dist/cjs/ToastImperative.native.js.map +1 -0
- package/dist/cjs/ToastImpl.cjs +354 -0
- package/dist/cjs/ToastImpl.native.js +364 -0
- package/dist/cjs/ToastImpl.native.js.map +1 -0
- 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 +49 -0
- package/dist/cjs/ToastPortal.native.js +52 -0
- package/dist/cjs/ToastPortal.native.js.map +1 -0
- package/dist/cjs/ToastProvider.cjs +150 -0
- package/dist/cjs/ToastProvider.native.js +161 -0
- package/dist/cjs/ToastProvider.native.js.map +1 -0
- 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 +319 -0
- package/dist/cjs/ToastViewport.native.js +343 -0
- package/dist/cjs/ToastViewport.native.js.map +1 -0
- 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 +30 -0
- package/dist/cjs/constants.native.js +33 -0
- package/dist/cjs/constants.native.js.map +1 -0
- package/dist/cjs/createNativeToast.cjs +59 -0
- package/dist/cjs/createNativeToast.native.js +60 -0
- package/dist/cjs/createNativeToast.native.js.map +1 -0
- 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 +20 -0
- package/dist/cjs/index.native.js +23 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/types.cjs +18 -0
- package/dist/cjs/types.native.js +21 -0
- package/dist/cjs/types.native.js.map +1 -0
- 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 +137 -0
- package/dist/esm/Toast.mjs.map +1 -0
- package/dist/esm/Toast.native.js +137 -0
- package/dist/esm/Toast.native.js.map +1 -0
- package/dist/esm/ToastAnnounce.mjs +66 -0
- package/dist/esm/ToastAnnounce.mjs.map +1 -0
- package/dist/esm/ToastAnnounce.native.js +71 -0
- package/dist/esm/ToastAnnounce.native.js.map +1 -0
- 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 +80 -0
- package/dist/esm/ToastImperative.mjs.map +1 -0
- package/dist/esm/ToastImperative.native.js +88 -0
- package/dist/esm/ToastImperative.native.js.map +1 -0
- package/dist/esm/ToastImpl.mjs +316 -0
- package/dist/esm/ToastImpl.mjs.map +1 -0
- package/dist/esm/ToastImpl.native.js +323 -0
- package/dist/esm/ToastImpl.native.js.map +1 -0
- 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 +24 -0
- package/dist/esm/ToastPortal.mjs.map +1 -0
- package/dist/esm/ToastPortal.native.js +24 -0
- package/dist/esm/ToastPortal.native.js.map +1 -0
- package/dist/esm/ToastProvider.mjs +110 -0
- package/dist/esm/ToastProvider.mjs.map +1 -0
- package/dist/esm/ToastProvider.native.js +118 -0
- package/dist/esm/ToastProvider.native.js.map +1 -0
- 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 +280 -0
- package/dist/esm/ToastViewport.mjs.map +1 -0
- package/dist/esm/ToastViewport.native.js +301 -0
- package/dist/esm/ToastViewport.native.js.map +1 -0
- 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 +4 -0
- package/dist/esm/constants.mjs.map +1 -0
- package/dist/esm/constants.native.js +4 -0
- package/dist/esm/constants.native.js.map +1 -0
- package/dist/esm/createNativeToast.mjs +32 -0
- package/dist/esm/createNativeToast.mjs.map +1 -0
- package/dist/esm/createNativeToast.native.js +30 -0
- package/dist/esm/createNativeToast.native.js.map +1 -0
- 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/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/types.mjs +2 -0
- package/dist/esm/types.mjs.map +1 -0
- package/dist/esm/types.native.js +2 -0
- package/dist/esm/types.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 +137 -0
- package/dist/jsx/Toast.mjs.map +1 -0
- package/dist/jsx/Toast.native.js +181 -0
- package/dist/jsx/Toast.native.js.map +1 -0
- package/dist/jsx/ToastAnnounce.mjs +66 -0
- package/dist/jsx/ToastAnnounce.mjs.map +1 -0
- package/dist/jsx/ToastAnnounce.native.js +111 -0
- package/dist/jsx/ToastAnnounce.native.js.map +1 -0
- 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 +80 -0
- package/dist/jsx/ToastImperative.mjs.map +1 -0
- package/dist/jsx/ToastImperative.native.js +130 -0
- package/dist/jsx/ToastImperative.native.js.map +1 -0
- package/dist/jsx/ToastImpl.mjs +316 -0
- package/dist/jsx/ToastImpl.mjs.map +1 -0
- package/dist/jsx/ToastImpl.native.js +364 -0
- package/dist/jsx/ToastImpl.native.js.map +1 -0
- 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 +24 -0
- package/dist/jsx/ToastPortal.mjs.map +1 -0
- package/dist/jsx/ToastPortal.native.js +52 -0
- package/dist/jsx/ToastPortal.native.js.map +1 -0
- package/dist/jsx/ToastProvider.mjs +110 -0
- package/dist/jsx/ToastProvider.mjs.map +1 -0
- package/dist/jsx/ToastProvider.native.js +161 -0
- package/dist/jsx/ToastProvider.native.js.map +1 -0
- 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 +280 -0
- package/dist/jsx/ToastViewport.mjs.map +1 -0
- package/dist/jsx/ToastViewport.native.js +343 -0
- package/dist/jsx/ToastViewport.native.js.map +1 -0
- 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 +4 -0
- package/dist/jsx/constants.mjs.map +1 -0
- package/dist/jsx/constants.native.js +33 -0
- package/dist/jsx/constants.native.js.map +1 -0
- package/dist/jsx/createNativeToast.mjs +32 -0
- package/dist/jsx/createNativeToast.mjs.map +1 -0
- package/dist/jsx/createNativeToast.native.js +60 -0
- package/dist/jsx/createNativeToast.native.js.map +1 -0
- 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.js +2 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +23 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/dist/jsx/types.mjs +2 -0
- package/dist/jsx/types.mjs.map +1 -0
- package/dist/jsx/types.native.js +21 -0
- package/dist/jsx/types.native.js.map +1 -0
- 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 +26 -24
- package/src/Toast.tsx +5 -5
- package/src/ToastAnnounce.tsx +2 -2
- package/src/ToastComposable.tsx +8 -8
- package/src/ToastImpl.tsx +6 -6
- package/src/ToastItemFrame.tsx +4 -4
- package/src/ToastProvider.tsx +5 -5
- package/src/ToastViewport.tsx +7 -7
- package/src/Toaster.tsx +2 -2
- package/src/useToastAnimations.ts +3 -3
- package/types/Toast.d.ts +14 -14
- package/types/Toast.d.ts.map +1 -0
- package/types/ToastAnnounce.d.ts +3 -3
- package/types/ToastAnnounce.d.ts.map +1 -0
- package/types/ToastComposable.d.ts +15 -15
- package/types/ToastComposable.d.ts.map +1 -0
- package/types/ToastImperative.d.ts +1 -1
- package/types/ToastImperative.d.ts.map +1 -0
- package/types/ToastImpl.d.ts +4 -4
- package/types/ToastImpl.d.ts.map +1 -0
- package/types/ToastItemFrame.d.ts +5 -5
- 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 +7 -7
- package/types/ToastProvider.d.ts.map +1 -0
- package/types/ToastState.d.ts.map +1 -0
- package/types/ToastViewport.d.ts +5 -5
- package/types/ToastViewport.d.ts.map +1 -0
- package/types/Toaster.d.ts +2 -2
- package/types/Toaster.d.ts.map +1 -0
- package/types/constants.d.ts.map +1 -0
- package/types/createNativeToast.d.ts.map +1 -0
- package/types/createNativeToast.native.d.ts.map +1 -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.map +1 -0
- package/types/useAnimatedDragGesture.native.d.ts.map +1 -0
- package/types/useReducedMotion.d.ts.map +1 -0
- package/types/useToastAnimations.d.ts.map +1 -0
- package/types/v2.d.ts.map +1 -0
- package/v2/index.cjs +1 -1
- package/v2/index.native.cjs +1 -1
|
@@ -0,0 +1,294 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
34
|
+
var useToastAnimations_exports = {};
|
|
35
|
+
__export(useToastAnimations_exports, {
|
|
36
|
+
useToastAnimations: () => useToastAnimations
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(useToastAnimations_exports);
|
|
39
|
+
var import_constants = require("@hanzogui/constants");
|
|
40
|
+
var import_core = require("@hanzogui/core");
|
|
41
|
+
var React = __toESM(require("react"), 1);
|
|
42
|
+
const SPRING_CONFIG = {
|
|
43
|
+
type: "spring",
|
|
44
|
+
damping: 30,
|
|
45
|
+
stiffness: 400,
|
|
46
|
+
mass: 0.5
|
|
47
|
+
};
|
|
48
|
+
const EXIT_DISTANCE = 200;
|
|
49
|
+
function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
|
|
50
|
+
const {
|
|
51
|
+
damping = 30,
|
|
52
|
+
stiffness = 400,
|
|
53
|
+
mass = 0.5,
|
|
54
|
+
initialVelocityX = 0,
|
|
55
|
+
initialVelocityY = 0,
|
|
56
|
+
fadeOut = false
|
|
57
|
+
} = config;
|
|
58
|
+
let x = fromX;
|
|
59
|
+
let y = fromY;
|
|
60
|
+
let velocityX = initialVelocityX;
|
|
61
|
+
let velocityY = initialVelocityY;
|
|
62
|
+
let animationId = null;
|
|
63
|
+
const targetX = toX;
|
|
64
|
+
const targetY = toY;
|
|
65
|
+
const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;
|
|
66
|
+
function step() {
|
|
67
|
+
const forceX = -stiffness * (x - targetX);
|
|
68
|
+
const forceY = -stiffness * (y - targetY);
|
|
69
|
+
const dampingForceX = -damping * velocityX;
|
|
70
|
+
const dampingForceY = -damping * velocityY;
|
|
71
|
+
const accelerationX = (forceX + dampingForceX) / mass;
|
|
72
|
+
const accelerationY = (forceY + dampingForceY) / mass;
|
|
73
|
+
velocityX += accelerationX * 0.016;
|
|
74
|
+
velocityY += accelerationY * 0.016;
|
|
75
|
+
x += velocityX * 0.016;
|
|
76
|
+
y += velocityY * 0.016;
|
|
77
|
+
element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
78
|
+
if (fadeOut) {
|
|
79
|
+
const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);
|
|
80
|
+
const progress = Math.min(distanceTraveled / totalDistance, 1);
|
|
81
|
+
element.style.opacity = String(1 - progress);
|
|
82
|
+
}
|
|
83
|
+
const distanceX = Math.abs(x - targetX);
|
|
84
|
+
const distanceY = Math.abs(y - targetY);
|
|
85
|
+
const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
|
|
86
|
+
if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
|
|
87
|
+
element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
|
|
88
|
+
if (fadeOut) {
|
|
89
|
+
element.style.opacity = "0";
|
|
90
|
+
}
|
|
91
|
+
onComplete?.();
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
animationId = requestAnimationFrame(step);
|
|
95
|
+
}
|
|
96
|
+
animationId = requestAnimationFrame(step);
|
|
97
|
+
return () => {
|
|
98
|
+
if (animationId) {
|
|
99
|
+
cancelAnimationFrame(animationId);
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
function useToastAnimations(options = {}) {
|
|
104
|
+
const {
|
|
105
|
+
onExitComplete,
|
|
106
|
+
reducedMotion,
|
|
107
|
+
swipeAxis = "horizontal"
|
|
108
|
+
} = options;
|
|
109
|
+
const {
|
|
110
|
+
animationDriver
|
|
111
|
+
} = (0, import_core.useConfiguration)();
|
|
112
|
+
if (!animationDriver) {
|
|
113
|
+
throw new Error("Toast requires an animation driver to be set in GuiProvider");
|
|
114
|
+
}
|
|
115
|
+
const {
|
|
116
|
+
useAnimatedNumber,
|
|
117
|
+
useAnimatedNumberStyle,
|
|
118
|
+
useAnimatedNumbersStyle
|
|
119
|
+
} = animationDriver;
|
|
120
|
+
const AnimatedView = animationDriver.View ?? import_core.View;
|
|
121
|
+
const dragRef = React.useRef(null);
|
|
122
|
+
const cancelAnimationRef = React.useRef(null);
|
|
123
|
+
const currentOffsetRef = React.useRef({
|
|
124
|
+
x: 0,
|
|
125
|
+
y: 0
|
|
126
|
+
});
|
|
127
|
+
const useDirectDom = import_constants.isWeb;
|
|
128
|
+
const translateX = useAnimatedNumber(0);
|
|
129
|
+
const translateY = useAnimatedNumber(0);
|
|
130
|
+
const animatedStyleMulti = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
|
|
131
|
+
"worklet";
|
|
132
|
+
|
|
133
|
+
return {
|
|
134
|
+
transform: [{
|
|
135
|
+
translateX: x
|
|
136
|
+
}, {
|
|
137
|
+
translateY: y
|
|
138
|
+
}]
|
|
139
|
+
};
|
|
140
|
+
}) : null;
|
|
141
|
+
const animatedStyleFallback = useAnimatedNumberStyle(swipeAxis === "vertical" ? translateY : translateX, primary => {
|
|
142
|
+
"worklet";
|
|
143
|
+
|
|
144
|
+
const secondary = swipeAxis === "vertical" ? translateX.getValue() : translateY.getValue();
|
|
145
|
+
return swipeAxis === "vertical" ? {
|
|
146
|
+
transform: [{
|
|
147
|
+
translateX: secondary
|
|
148
|
+
}, {
|
|
149
|
+
translateY: primary
|
|
150
|
+
}]
|
|
151
|
+
} : {
|
|
152
|
+
transform: [{
|
|
153
|
+
translateX: primary
|
|
154
|
+
}, {
|
|
155
|
+
translateY: secondary
|
|
156
|
+
}]
|
|
157
|
+
};
|
|
158
|
+
});
|
|
159
|
+
const animatedStyle = animatedStyleMulti ?? animatedStyleFallback;
|
|
160
|
+
const setDragOffset = (0, import_core.useEvent)((x, y) => {
|
|
161
|
+
cancelAnimationRef.current?.();
|
|
162
|
+
cancelAnimationRef.current = null;
|
|
163
|
+
currentOffsetRef.current = {
|
|
164
|
+
x,
|
|
165
|
+
y
|
|
166
|
+
};
|
|
167
|
+
if (useDirectDom && dragRef.current) {
|
|
168
|
+
dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
169
|
+
dragRef.current.style.opacity = "1";
|
|
170
|
+
} else {
|
|
171
|
+
translateX.setValue(x, {
|
|
172
|
+
type: "direct"
|
|
173
|
+
});
|
|
174
|
+
translateY.setValue(y, {
|
|
175
|
+
type: "direct"
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
});
|
|
179
|
+
const springBack = (0, import_core.useEvent)(onComplete => {
|
|
180
|
+
cancelAnimationRef.current?.();
|
|
181
|
+
if (reducedMotion) {
|
|
182
|
+
if (useDirectDom && dragRef.current) {
|
|
183
|
+
dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
|
|
184
|
+
} else {
|
|
185
|
+
translateX.setValue(0, {
|
|
186
|
+
type: "direct"
|
|
187
|
+
});
|
|
188
|
+
translateY.setValue(0, {
|
|
189
|
+
type: "direct"
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
currentOffsetRef.current = {
|
|
193
|
+
x: 0,
|
|
194
|
+
y: 0
|
|
195
|
+
};
|
|
196
|
+
onComplete?.();
|
|
197
|
+
return;
|
|
198
|
+
}
|
|
199
|
+
if (useDirectDom && dragRef.current) {
|
|
200
|
+
const {
|
|
201
|
+
x,
|
|
202
|
+
y
|
|
203
|
+
} = currentOffsetRef.current;
|
|
204
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, () => {
|
|
205
|
+
currentOffsetRef.current = {
|
|
206
|
+
x: 0,
|
|
207
|
+
y: 0
|
|
208
|
+
};
|
|
209
|
+
onComplete?.();
|
|
210
|
+
});
|
|
211
|
+
} else {
|
|
212
|
+
translateX.setValue(0, SPRING_CONFIG);
|
|
213
|
+
translateY.setValue(0, SPRING_CONFIG, onComplete);
|
|
214
|
+
}
|
|
215
|
+
});
|
|
216
|
+
const animateOut = (0, import_core.useEvent)((direction, velocity, onComplete) => {
|
|
217
|
+
cancelAnimationRef.current?.();
|
|
218
|
+
const {
|
|
219
|
+
x: curX,
|
|
220
|
+
y: curY
|
|
221
|
+
} = currentOffsetRef.current;
|
|
222
|
+
let exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
|
|
223
|
+
let exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
|
|
224
|
+
if (direction === "left" && curX < exitX) exitX = curX - 50;else if (direction === "right" && curX > exitX) exitX = curX + 50;
|
|
225
|
+
if (direction === "up" && curY < exitY) exitY = curY - 50;else if (direction === "down" && curY > exitY) exitY = curY + 50;
|
|
226
|
+
if (reducedMotion) {
|
|
227
|
+
if (useDirectDom && dragRef.current) {
|
|
228
|
+
dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
|
|
229
|
+
} else {
|
|
230
|
+
translateX.setValue(exitX, {
|
|
231
|
+
type: "direct"
|
|
232
|
+
});
|
|
233
|
+
translateY.setValue(exitY, {
|
|
234
|
+
type: "direct"
|
|
235
|
+
});
|
|
236
|
+
}
|
|
237
|
+
onComplete?.();
|
|
238
|
+
onExitComplete?.();
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
const velocityScale = (velocity ?? 0) * 500;
|
|
242
|
+
const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
|
|
243
|
+
const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
|
|
244
|
+
const exitConfig = {
|
|
245
|
+
damping: 25,
|
|
246
|
+
stiffness: 350,
|
|
247
|
+
mass: 0.4,
|
|
248
|
+
initialVelocityX,
|
|
249
|
+
initialVelocityY,
|
|
250
|
+
fadeOut: true
|
|
251
|
+
};
|
|
252
|
+
if (useDirectDom && dragRef.current) {
|
|
253
|
+
const {
|
|
254
|
+
x,
|
|
255
|
+
y
|
|
256
|
+
} = currentOffsetRef.current;
|
|
257
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
|
|
258
|
+
onComplete?.();
|
|
259
|
+
onExitComplete?.();
|
|
260
|
+
});
|
|
261
|
+
} else {
|
|
262
|
+
const springConfig = {
|
|
263
|
+
type: "spring",
|
|
264
|
+
damping: 25,
|
|
265
|
+
stiffness: 350,
|
|
266
|
+
mass: 0.4
|
|
267
|
+
};
|
|
268
|
+
translateX.setValue(exitX, springConfig);
|
|
269
|
+
translateY.setValue(exitY, springConfig, () => {
|
|
270
|
+
onComplete?.();
|
|
271
|
+
onExitComplete?.();
|
|
272
|
+
});
|
|
273
|
+
}
|
|
274
|
+
});
|
|
275
|
+
const stop = (0, import_core.useEvent)(() => {
|
|
276
|
+
cancelAnimationRef.current?.();
|
|
277
|
+
translateX.stop();
|
|
278
|
+
translateY.stop();
|
|
279
|
+
});
|
|
280
|
+
React.useEffect(() => {
|
|
281
|
+
return () => {
|
|
282
|
+
cancelAnimationRef.current?.();
|
|
283
|
+
};
|
|
284
|
+
}, []);
|
|
285
|
+
return {
|
|
286
|
+
setDragOffset,
|
|
287
|
+
springBack,
|
|
288
|
+
animateOut,
|
|
289
|
+
stop,
|
|
290
|
+
animatedStyle,
|
|
291
|
+
AnimatedView,
|
|
292
|
+
dragRef
|
|
293
|
+
};
|
|
294
|
+
}
|
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __export = (target, all) => {
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
+
get: () => from[key],
|
|
19
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
24
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
36
|
+
var useToastAnimations_exports = {};
|
|
37
|
+
__export(useToastAnimations_exports, {
|
|
38
|
+
useToastAnimations: () => useToastAnimations
|
|
39
|
+
});
|
|
40
|
+
module.exports = __toCommonJS(useToastAnimations_exports);
|
|
41
|
+
var import_constants = require("@hanzogui/constants");
|
|
42
|
+
var import_core = require("@hanzogui/core");
|
|
43
|
+
var React = __toESM(require("react"), 1);
|
|
44
|
+
var SPRING_CONFIG = {
|
|
45
|
+
type: "spring",
|
|
46
|
+
damping: 30,
|
|
47
|
+
stiffness: 400,
|
|
48
|
+
mass: 0.5
|
|
49
|
+
};
|
|
50
|
+
var EXIT_DISTANCE = 200;
|
|
51
|
+
function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
|
|
52
|
+
var {
|
|
53
|
+
damping = 30,
|
|
54
|
+
stiffness = 400,
|
|
55
|
+
mass = 0.5,
|
|
56
|
+
initialVelocityX = 0,
|
|
57
|
+
initialVelocityY = 0,
|
|
58
|
+
fadeOut = false
|
|
59
|
+
} = config;
|
|
60
|
+
var x = fromX;
|
|
61
|
+
var y = fromY;
|
|
62
|
+
var velocityX = initialVelocityX;
|
|
63
|
+
var velocityY = initialVelocityY;
|
|
64
|
+
var animationId = null;
|
|
65
|
+
var targetX = toX;
|
|
66
|
+
var targetY = toY;
|
|
67
|
+
var totalDistance = Math.sqrt(Math.pow(toX - fromX, 2) + Math.pow(toY - fromY, 2)) || 1;
|
|
68
|
+
function step() {
|
|
69
|
+
var forceX = -stiffness * (x - targetX);
|
|
70
|
+
var forceY = -stiffness * (y - targetY);
|
|
71
|
+
var dampingForceX = -damping * velocityX;
|
|
72
|
+
var dampingForceY = -damping * velocityY;
|
|
73
|
+
var accelerationX = (forceX + dampingForceX) / mass;
|
|
74
|
+
var accelerationY = (forceY + dampingForceY) / mass;
|
|
75
|
+
velocityX += accelerationX * 0.016;
|
|
76
|
+
velocityY += accelerationY * 0.016;
|
|
77
|
+
x += velocityX * 0.016;
|
|
78
|
+
y += velocityY * 0.016;
|
|
79
|
+
element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
80
|
+
if (fadeOut) {
|
|
81
|
+
var distanceTraveled = Math.sqrt(Math.pow(x - fromX, 2) + Math.pow(y - fromY, 2));
|
|
82
|
+
var progress = Math.min(distanceTraveled / totalDistance, 1);
|
|
83
|
+
element.style.opacity = String(1 - progress);
|
|
84
|
+
}
|
|
85
|
+
var distanceX = Math.abs(x - targetX);
|
|
86
|
+
var distanceY = Math.abs(y - targetY);
|
|
87
|
+
var speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
|
|
88
|
+
if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
|
|
89
|
+
element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
|
|
90
|
+
if (fadeOut) {
|
|
91
|
+
element.style.opacity = "0";
|
|
92
|
+
}
|
|
93
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
animationId = requestAnimationFrame(step);
|
|
97
|
+
}
|
|
98
|
+
animationId = requestAnimationFrame(step);
|
|
99
|
+
return function () {
|
|
100
|
+
if (animationId) {
|
|
101
|
+
cancelAnimationFrame(animationId);
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
function useToastAnimations() {
|
|
106
|
+
var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
107
|
+
var {
|
|
108
|
+
onExitComplete,
|
|
109
|
+
reducedMotion,
|
|
110
|
+
swipeAxis = "horizontal"
|
|
111
|
+
} = options;
|
|
112
|
+
var {
|
|
113
|
+
animationDriver
|
|
114
|
+
} = (0, import_core.useConfiguration)();
|
|
115
|
+
if (!animationDriver) {
|
|
116
|
+
throw new Error("Toast requires an animation driver to be set in GuiProvider");
|
|
117
|
+
}
|
|
118
|
+
var {
|
|
119
|
+
useAnimatedNumber,
|
|
120
|
+
useAnimatedNumberStyle,
|
|
121
|
+
useAnimatedNumbersStyle
|
|
122
|
+
} = animationDriver;
|
|
123
|
+
var _animationDriver_View;
|
|
124
|
+
var AnimatedView = (_animationDriver_View = animationDriver.View) !== null && _animationDriver_View !== void 0 ? _animationDriver_View : import_core.View;
|
|
125
|
+
var dragRef = React.useRef(null);
|
|
126
|
+
var cancelAnimationRef = React.useRef(null);
|
|
127
|
+
var currentOffsetRef = React.useRef({
|
|
128
|
+
x: 0,
|
|
129
|
+
y: 0
|
|
130
|
+
});
|
|
131
|
+
var useDirectDom = import_constants.isWeb;
|
|
132
|
+
var translateX = useAnimatedNumber(0);
|
|
133
|
+
var translateY = useAnimatedNumber(0);
|
|
134
|
+
var animatedStyleMulti = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], function (x, y) {
|
|
135
|
+
"worklet";
|
|
136
|
+
|
|
137
|
+
return {
|
|
138
|
+
transform: [{
|
|
139
|
+
translateX: x
|
|
140
|
+
}, {
|
|
141
|
+
translateY: y
|
|
142
|
+
}]
|
|
143
|
+
};
|
|
144
|
+
}) : null;
|
|
145
|
+
var animatedStyleFallback = useAnimatedNumberStyle(swipeAxis === "vertical" ? translateY : translateX, function (primary) {
|
|
146
|
+
"worklet";
|
|
147
|
+
|
|
148
|
+
var secondary = swipeAxis === "vertical" ? translateX.getValue() : translateY.getValue();
|
|
149
|
+
return swipeAxis === "vertical" ? {
|
|
150
|
+
transform: [{
|
|
151
|
+
translateX: secondary
|
|
152
|
+
}, {
|
|
153
|
+
translateY: primary
|
|
154
|
+
}]
|
|
155
|
+
} : {
|
|
156
|
+
transform: [{
|
|
157
|
+
translateX: primary
|
|
158
|
+
}, {
|
|
159
|
+
translateY: secondary
|
|
160
|
+
}]
|
|
161
|
+
};
|
|
162
|
+
});
|
|
163
|
+
var animatedStyle = animatedStyleMulti !== null && animatedStyleMulti !== void 0 ? animatedStyleMulti : animatedStyleFallback;
|
|
164
|
+
var setDragOffset = (0, import_core.useEvent)(function (x, y) {
|
|
165
|
+
var _cancelAnimationRef_current;
|
|
166
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
167
|
+
cancelAnimationRef.current = null;
|
|
168
|
+
currentOffsetRef.current = {
|
|
169
|
+
x,
|
|
170
|
+
y
|
|
171
|
+
};
|
|
172
|
+
if (useDirectDom && dragRef.current) {
|
|
173
|
+
dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
|
|
174
|
+
dragRef.current.style.opacity = "1";
|
|
175
|
+
} else {
|
|
176
|
+
translateX.setValue(x, {
|
|
177
|
+
type: "direct"
|
|
178
|
+
});
|
|
179
|
+
translateY.setValue(y, {
|
|
180
|
+
type: "direct"
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
});
|
|
184
|
+
var springBack = (0, import_core.useEvent)(function (onComplete) {
|
|
185
|
+
var _cancelAnimationRef_current;
|
|
186
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
187
|
+
if (reducedMotion) {
|
|
188
|
+
if (useDirectDom && dragRef.current) {
|
|
189
|
+
dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
|
|
190
|
+
} else {
|
|
191
|
+
translateX.setValue(0, {
|
|
192
|
+
type: "direct"
|
|
193
|
+
});
|
|
194
|
+
translateY.setValue(0, {
|
|
195
|
+
type: "direct"
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
currentOffsetRef.current = {
|
|
199
|
+
x: 0,
|
|
200
|
+
y: 0
|
|
201
|
+
};
|
|
202
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
203
|
+
return;
|
|
204
|
+
}
|
|
205
|
+
if (useDirectDom && dragRef.current) {
|
|
206
|
+
var {
|
|
207
|
+
x,
|
|
208
|
+
y
|
|
209
|
+
} = currentOffsetRef.current;
|
|
210
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, function () {
|
|
211
|
+
currentOffsetRef.current = {
|
|
212
|
+
x: 0,
|
|
213
|
+
y: 0
|
|
214
|
+
};
|
|
215
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
216
|
+
});
|
|
217
|
+
} else {
|
|
218
|
+
translateX.setValue(0, SPRING_CONFIG);
|
|
219
|
+
translateY.setValue(0, SPRING_CONFIG, onComplete);
|
|
220
|
+
}
|
|
221
|
+
});
|
|
222
|
+
var animateOut = (0, import_core.useEvent)(function (direction, velocity, onComplete) {
|
|
223
|
+
var _cancelAnimationRef_current;
|
|
224
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
225
|
+
var {
|
|
226
|
+
x: curX,
|
|
227
|
+
y: curY
|
|
228
|
+
} = currentOffsetRef.current;
|
|
229
|
+
var exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
|
|
230
|
+
var exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
|
|
231
|
+
if (direction === "left" && curX < exitX) exitX = curX - 50;else if (direction === "right" && curX > exitX) exitX = curX + 50;
|
|
232
|
+
if (direction === "up" && curY < exitY) exitY = curY - 50;else if (direction === "down" && curY > exitY) exitY = curY + 50;
|
|
233
|
+
if (reducedMotion) {
|
|
234
|
+
if (useDirectDom && dragRef.current) {
|
|
235
|
+
dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
|
|
236
|
+
} else {
|
|
237
|
+
translateX.setValue(exitX, {
|
|
238
|
+
type: "direct"
|
|
239
|
+
});
|
|
240
|
+
translateY.setValue(exitY, {
|
|
241
|
+
type: "direct"
|
|
242
|
+
});
|
|
243
|
+
}
|
|
244
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
245
|
+
onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
|
|
246
|
+
return;
|
|
247
|
+
}
|
|
248
|
+
var velocityScale = (velocity !== null && velocity !== void 0 ? velocity : 0) * 500;
|
|
249
|
+
var initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
|
|
250
|
+
var initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
|
|
251
|
+
var exitConfig = {
|
|
252
|
+
damping: 25,
|
|
253
|
+
stiffness: 350,
|
|
254
|
+
mass: 0.4,
|
|
255
|
+
initialVelocityX,
|
|
256
|
+
initialVelocityY,
|
|
257
|
+
fadeOut: true
|
|
258
|
+
};
|
|
259
|
+
if (useDirectDom && dragRef.current) {
|
|
260
|
+
var {
|
|
261
|
+
x,
|
|
262
|
+
y
|
|
263
|
+
} = currentOffsetRef.current;
|
|
264
|
+
cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, function () {
|
|
265
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
266
|
+
onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
|
|
267
|
+
});
|
|
268
|
+
} else {
|
|
269
|
+
var springConfig = {
|
|
270
|
+
type: "spring",
|
|
271
|
+
damping: 25,
|
|
272
|
+
stiffness: 350,
|
|
273
|
+
mass: 0.4
|
|
274
|
+
};
|
|
275
|
+
translateX.setValue(exitX, springConfig);
|
|
276
|
+
translateY.setValue(exitY, springConfig, function () {
|
|
277
|
+
onComplete === null || onComplete === void 0 ? void 0 : onComplete();
|
|
278
|
+
onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
|
|
279
|
+
});
|
|
280
|
+
}
|
|
281
|
+
});
|
|
282
|
+
var stop = (0, import_core.useEvent)(function () {
|
|
283
|
+
var _cancelAnimationRef_current;
|
|
284
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
285
|
+
translateX.stop();
|
|
286
|
+
translateY.stop();
|
|
287
|
+
});
|
|
288
|
+
React.useEffect(function () {
|
|
289
|
+
return function () {
|
|
290
|
+
var _cancelAnimationRef_current;
|
|
291
|
+
(_cancelAnimationRef_current = cancelAnimationRef.current) === null || _cancelAnimationRef_current === void 0 ? void 0 : _cancelAnimationRef_current.call(cancelAnimationRef);
|
|
292
|
+
};
|
|
293
|
+
}, []);
|
|
294
|
+
return {
|
|
295
|
+
setDragOffset,
|
|
296
|
+
springBack,
|
|
297
|
+
animateOut,
|
|
298
|
+
stop,
|
|
299
|
+
animatedStyle,
|
|
300
|
+
AnimatedView,
|
|
301
|
+
dragRef
|
|
302
|
+
};
|
|
303
|
+
}
|
|
304
|
+
//# sourceMappingURL=useToastAnimations.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useToastAnimations_exports","__export","useToastAnimations","module","exports","import_constants","require","import_core","React","__toESM","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","pow","step","forceX","forceY","dampingForceX","dampingForceY","accelerationX","accelerationY","style","transform","distanceTraveled","progress","min","opacity","String","distanceX","abs","distanceY","speed","requestAnimationFrame","cancelAnimationFrame","options","arguments","length","onExitComplete","reducedMotion","swipeAxis","animationDriver","useConfiguration","Error","useAnimatedNumber","useAnimatedNumberStyle","useAnimatedNumbersStyle","_animationDriver_View","AnimatedView","View","dragRef","useRef","cancelAnimationRef","currentOffsetRef","useDirectDom","isWeb","translateX","translateY","animatedStyleMulti","animatedStyleFallback","primary","secondary","getValue","animatedStyle","setDragOffset","useEvent","_cancelAnimationRef_current","current","call","setValue","springBack","animateOut","direction","velocity","curX","curY","exitX","exitY","velocityScale","exitConfig","springConfig"],"sources":["../../src/useToastAnimations.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/v2.cjs
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
+
get: () => from[key],
|
|
15
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
}), mod);
|
|
23
|
+
var v2_exports = {};
|
|
24
|
+
__export(v2_exports, {
|
|
25
|
+
Toast: () => import_ToastComposable.Toast,
|
|
26
|
+
Toaster: () => import_Toaster.Toaster,
|
|
27
|
+
requestNotificationPermission: () => import_createNativeToast.requestNotificationPermission,
|
|
28
|
+
toast: () => import_ToastState.toast,
|
|
29
|
+
useToastItem: () => import_ToastComposable.useToastItem,
|
|
30
|
+
useToasts: () => import_ToastComposable.useToasts
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(v2_exports);
|
|
33
|
+
var import_ToastComposable = require("./ToastComposable.cjs");
|
|
34
|
+
var import_ToastState = require("./ToastState.cjs");
|
|
35
|
+
var import_Toaster = require("./Toaster.cjs");
|
|
36
|
+
var import_createNativeToast = require("./createNativeToast.cjs");
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var v2_exports = {};
|
|
26
|
+
__export(v2_exports, {
|
|
27
|
+
Toast: () => import_ToastComposable.Toast,
|
|
28
|
+
Toaster: () => import_Toaster.Toaster,
|
|
29
|
+
requestNotificationPermission: () => import_createNativeToast.requestNotificationPermission,
|
|
30
|
+
toast: () => import_ToastState.toast,
|
|
31
|
+
useToastItem: () => import_ToastComposable.useToastItem,
|
|
32
|
+
useToasts: () => import_ToastComposable.useToasts
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(v2_exports);
|
|
35
|
+
var import_ToastComposable = require("./ToastComposable.native.js");
|
|
36
|
+
var import_ToastState = require("./ToastState.native.js");
|
|
37
|
+
var import_Toaster = require("./Toaster.native.js");
|
|
38
|
+
var import_createNativeToast = require("./createNativeToast.native.js");
|
|
39
|
+
//# sourceMappingURL=v2.native.js.map
|