@tamagui/toast 1.61.2 → 1.62.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.js +26 -61
- package/dist/cjs/Toast.js.map +1 -1
- package/dist/cjs/Toast.native.js +141 -0
- package/dist/cjs/Toast.native.js.map +6 -0
- package/dist/cjs/ToastAnnounce.js +18 -40
- package/dist/cjs/ToastAnnounce.js.map +1 -1
- package/dist/cjs/ToastAnnounce.native.js +74 -0
- package/dist/cjs/ToastAnnounce.native.js.map +6 -0
- package/dist/cjs/ToastImperative.js +27 -65
- package/dist/cjs/ToastImperative.js.map +1 -1
- package/dist/cjs/ToastImperative.native.js +74 -0
- package/dist/cjs/ToastImperative.native.js.map +6 -0
- package/dist/cjs/ToastImpl.js +65 -213
- package/dist/cjs/ToastImpl.js.map +1 -1
- package/dist/cjs/ToastImpl.native.js +232 -0
- package/dist/cjs/ToastImpl.native.js.map +6 -0
- package/dist/cjs/ToastProvider.js +18 -41
- package/dist/cjs/ToastProvider.js.map +1 -1
- package/dist/cjs/ToastProvider.native.js +103 -0
- package/dist/cjs/ToastProvider.native.js.map +6 -0
- package/dist/cjs/ToastViewport.js +59 -150
- package/dist/cjs/ToastViewport.js.map +1 -1
- package/dist/cjs/ToastViewport.native.js +260 -0
- package/dist/cjs/ToastViewport.native.js.map +6 -0
- package/dist/cjs/constants.js +5 -9
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/constants.native.js +26 -0
- package/dist/cjs/constants.native.js.map +6 -0
- package/dist/cjs/createNativeToast.js +22 -43
- package/dist/cjs/createNativeToast.js.map +1 -1
- package/dist/cjs/createNativeToast.native.js +12 -21
- package/dist/cjs/createNativeToast.native.js.map +1 -1
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +20 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/types.js +3 -6
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/types.native.js +15 -0
- package/dist/cjs/types.native.js.map +6 -0
- package/dist/esm/Toast.js +19 -37
- package/dist/esm/Toast.js.map +1 -1
- package/dist/esm/ToastAnnounce.js +11 -21
- package/dist/esm/ToastAnnounce.js.map +1 -1
- package/dist/esm/ToastImperative.js +20 -48
- package/dist/esm/ToastImperative.js.map +1 -1
- package/dist/esm/ToastImpl.js +58 -188
- package/dist/esm/ToastImpl.js.map +1 -1
- package/dist/esm/ToastProvider.js +11 -24
- package/dist/esm/ToastProvider.js.map +1 -1
- package/dist/esm/ToastViewport.js +52 -129
- package/dist/esm/ToastViewport.js.map +1 -1
- package/dist/esm/createNativeToast.js +17 -34
- package/dist/esm/createNativeToast.js.map +1 -1
- package/dist/jsx/Toast.js +17 -35
- package/dist/jsx/Toast.js.map +1 -1
- package/dist/jsx/Toast.native.js +127 -0
- package/dist/jsx/Toast.native.js.map +6 -0
- package/dist/jsx/ToastAnnounce.js +10 -20
- package/dist/jsx/ToastAnnounce.js.map +1 -1
- package/dist/jsx/ToastAnnounce.native.js +52 -0
- package/dist/jsx/ToastAnnounce.native.js.map +6 -0
- package/dist/jsx/ToastImperative.js +17 -45
- package/dist/jsx/ToastImperative.js.map +1 -1
- package/dist/jsx/ToastImperative.native.js +45 -0
- package/dist/jsx/ToastImperative.native.js.map +6 -0
- package/dist/jsx/ToastImpl.js +53 -183
- package/dist/jsx/ToastImpl.js.map +1 -1
- package/dist/jsx/ToastImpl.native.js +207 -0
- package/dist/jsx/ToastImpl.native.js.map +6 -0
- package/dist/jsx/ToastProvider.js +10 -23
- package/dist/jsx/ToastProvider.js.map +1 -1
- package/dist/jsx/ToastProvider.native.js +68 -0
- package/dist/jsx/ToastProvider.native.js.map +6 -0
- package/dist/jsx/ToastViewport.js +49 -124
- package/dist/jsx/ToastViewport.js.map +1 -1
- package/dist/jsx/ToastViewport.native.js +225 -0
- package/dist/jsx/ToastViewport.native.js.map +6 -0
- package/dist/jsx/constants.native.js +5 -0
- package/dist/jsx/constants.native.js.map +6 -0
- package/dist/jsx/createNativeToast.js +17 -34
- package/dist/jsx/createNativeToast.js.map +1 -1
- package/dist/jsx/createNativeToast.native.js +7 -13
- package/dist/jsx/createNativeToast.native.js.map +1 -1
- package/dist/jsx/index.native.js +2 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/dist/jsx/types.native.js +1 -0
- package/dist/jsx/types.native.js.map +6 -0
- package/package.json +13 -13
- package/dist/esm/createNativeToast.native.js +0 -19
- package/dist/esm/createNativeToast.native.js.map +0 -6
|
@@ -1,68 +1,40 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
1
|
import { isWeb } from "@tamagui/core";
|
|
3
2
|
import React, { createContext, useContext, useMemo, useRef } from "react";
|
|
4
3
|
import { Platform } from "react-native";
|
|
5
4
|
import { createNativeToast } from "./createNativeToast";
|
|
6
|
-
|
|
7
|
-
const ToastCurrentContext = createContext(null)
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
const useToastState = () => {
|
|
12
|
-
return useContext(ToastCurrentContext);
|
|
13
|
-
};
|
|
14
|
-
const useToast = () => {
|
|
15
|
-
return {
|
|
16
|
-
...useToastController(),
|
|
17
|
-
currentToast: useToastState()
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
const ToastImperativeProvider = ({
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
const ToastContext = createContext({}), ToastCurrentContext = createContext(null), useToastController = () => useContext(ToastContext), useToastState = () => useContext(ToastCurrentContext), useToast = () => ({
|
|
7
|
+
...useToastController(),
|
|
8
|
+
currentToast: useToastState()
|
|
9
|
+
}), ToastImperativeProvider = ({
|
|
21
10
|
children,
|
|
22
11
|
options
|
|
23
12
|
}) => {
|
|
24
|
-
const counterRef = useRef(0)
|
|
25
|
-
const [toast, setToast] = React.useState(null);
|
|
26
|
-
const [lastNativeToastRef, setLastNativeToastRef] = React.useState(null);
|
|
27
|
-
const show = React.useCallback(
|
|
13
|
+
const counterRef = useRef(0), [toast, setToast] = React.useState(null), [lastNativeToastRef, setLastNativeToastRef] = React.useState(null), show = React.useCallback(
|
|
28
14
|
(title, showOptions) => {
|
|
29
|
-
const native =
|
|
30
|
-
const isWebNative = Array.isArray(native) ? native.includes("web") : native === "web";
|
|
31
|
-
const isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile";
|
|
32
|
-
const isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android");
|
|
33
|
-
const isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios");
|
|
34
|
-
const isHandledNatively = native === true || isWeb && isWebNative || !isWeb && isMobileNative || Platform.OS === "android" && isAndroidNative || Platform.OS === "ios" && isIosNative;
|
|
15
|
+
const native = showOptions?.native ?? options.native, isWebNative = Array.isArray(native) ? native.includes("web") : native === "web", isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile", isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android"), isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios"), isHandledNatively = native === !0 || isWeb && isWebNative || !isWeb && isMobileNative || Platform.OS === "android" && isAndroidNative || Platform.OS === "ios" && isIosNative;
|
|
35
16
|
if (isHandledNatively) {
|
|
36
17
|
const nativeToastResult = createNativeToast(title, showOptions ?? {});
|
|
37
|
-
|
|
38
|
-
setLastNativeToastRef(nativeToastResult.nativeToastRef);
|
|
39
|
-
}
|
|
18
|
+
typeof nativeToastResult == "object" && nativeToastResult.nativeToastRef && setLastNativeToastRef(nativeToastResult.nativeToastRef);
|
|
40
19
|
}
|
|
41
|
-
counterRef.current
|
|
42
|
-
|
|
43
|
-
...showOptions == null ? void 0 : showOptions.customData,
|
|
20
|
+
return counterRef.current++, setToast({
|
|
21
|
+
...showOptions?.customData,
|
|
44
22
|
...showOptions,
|
|
45
|
-
viewportName:
|
|
23
|
+
viewportName: showOptions?.viewportName ?? "default",
|
|
46
24
|
title,
|
|
47
25
|
id: counterRef.current.toString(),
|
|
48
26
|
isHandledNatively
|
|
49
|
-
});
|
|
50
|
-
return true;
|
|
27
|
+
}), !0;
|
|
51
28
|
},
|
|
52
29
|
[setToast, options.native]
|
|
53
|
-
)
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
hide,
|
|
62
|
-
nativeToast: lastNativeToastRef,
|
|
63
|
-
options
|
|
64
|
-
};
|
|
65
|
-
}, [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
|
|
30
|
+
), hide = React.useCallback(() => {
|
|
31
|
+
lastNativeToastRef?.close(), setToast(null);
|
|
32
|
+
}, [setToast, lastNativeToastRef]), contextValue = useMemo(() => ({
|
|
33
|
+
show,
|
|
34
|
+
hide,
|
|
35
|
+
nativeToast: lastNativeToastRef,
|
|
36
|
+
options
|
|
37
|
+
}), [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
|
|
66
38
|
return /* @__PURE__ */ jsx(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ToastCurrentContext.Provider, { value: toast, children }) });
|
|
67
39
|
};
|
|
68
40
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastImperative.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAsC,aAAa;AACnD,OAAO,SAAS,eAAe,YAAY,SAAS,cAAc;AAClE,SAAS,gBAAgB;AAEzB,SAAS,yBAAyB;AA4K5B;AAhGN,MAAM,eAAe,cAA6B,CAAC,CAAQ,GACrD,sBAAsB,cAAgC,IAAI,GAEnD,qBAAqB,MACzB,WAAW,YAAY,GAGnB,gBAAgB,MACpB,WAAW,mBAAmB,GAI1B,WAAW,OACf;AAAA,EACL,GAAG,mBAAmB;AAAA,EACtB,cAAc,cAAc;AAC9B,IAWW,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,aAAa,OAAO,CAAC,GAErB,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA2B,IAAI,GAEzD,CAAC,oBAAoB,qBAAqB,IAC9C,MAAM,SAAuC,IAAI,GAE7C,OAAO,MAAM;AAAA,IACjB,CAAC,OAAO,gBAAgB;AACtB,YAAM,SAAS,aAAa,UAAU,QAAQ,QACxC,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW,OACT,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW,UACT,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW,YAC7D,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW,QAEzD,oBACJ,WAAW,MACV,SAAS,eACT,CAAC,SAAS,kBACV,SAAS,OAAO,aAAa,mBAC7B,SAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,oBAAoB,kBAAkB,OAAO,eAAe,CAAC,CAAC;AACpE,QAAI,OAAO,qBAAsB,YAAY,kBAAkB,kBAC7D,sBAAsB,kBAAkB,cAAc;AAAA,MAE1D;AACA,wBAAW,WACX,SAAS;AAAA,QACP,GAAG,aAAa;AAAA,QAChB,GAAG;AAAA,QACH,cAAc,aAAa,gBAAgB;AAAA,QAC3C;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC;AAAA,MACF,CAAC,GACM;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B,GACM,OAAO,MAAM,YAAY,MAAM;AACnC,wBAAoB,MAAM,GAC1B,SAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC,GAE3B,eAAe,QAAQ,OACpB;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,EACF,IACC,CAAC,MAAM,MAAM,oBAAoB,KAAK,UAAU,WAAW,IAAI,CAAC,CAAC;AAEpE,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAC5B,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,OAClC,UACH,GACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/ToastImpl.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
1
|
import { useIsPresent } from "@tamagui/animate-presence";
|
|
3
2
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
4
3
|
import {
|
|
@@ -25,9 +24,10 @@ import {
|
|
|
25
24
|
useToastProviderContext
|
|
26
25
|
} from "./ToastProvider";
|
|
27
26
|
import { VIEWPORT_PAUSE, VIEWPORT_RESUME } from "./ToastViewport";
|
|
27
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
28
28
|
const ToastImplFrame = styled(ThemeableStack, {
|
|
29
29
|
name: "ToastImpl",
|
|
30
|
-
focusable:
|
|
30
|
+
focusable: !0,
|
|
31
31
|
variants: {
|
|
32
32
|
unstyled: {
|
|
33
33
|
false: {
|
|
@@ -46,17 +46,15 @@ const ToastImplFrame = styled(ThemeableStack, {
|
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
defaultVariants: {
|
|
49
|
-
unstyled:
|
|
49
|
+
unstyled: !1
|
|
50
50
|
}
|
|
51
|
-
})
|
|
52
|
-
const [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(
|
|
51
|
+
}), [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(
|
|
53
52
|
TOAST_NAME,
|
|
54
53
|
{
|
|
55
54
|
onClose() {
|
|
56
55
|
}
|
|
57
56
|
}
|
|
58
|
-
)
|
|
59
|
-
const ToastImpl = React.forwardRef(
|
|
57
|
+
), ToastImpl = React.forwardRef(
|
|
60
58
|
(props, forwardedRef) => {
|
|
61
59
|
const {
|
|
62
60
|
__scopeToast,
|
|
@@ -73,132 +71,54 @@ const ToastImpl = React.forwardRef(
|
|
|
73
71
|
onSwipeEnd,
|
|
74
72
|
viewportName = "default",
|
|
75
73
|
...toastProps
|
|
76
|
-
} = props
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
const [node, setNode] = React.useState(null);
|
|
80
|
-
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
81
|
-
const duration = durationProp || context.duration;
|
|
82
|
-
const closeTimerStartTimeRef = React.useRef(0);
|
|
83
|
-
const closeTimerRemainingTimeRef = React.useRef(duration);
|
|
84
|
-
const closeTimerRef = React.useRef(0);
|
|
85
|
-
const { onToastAdd, onToastRemove } = context;
|
|
86
|
-
const viewport = React.useMemo(() => {
|
|
87
|
-
return context.viewports[viewportName];
|
|
88
|
-
}, [context.viewports, viewportName]);
|
|
89
|
-
const handleClose = useEvent(() => {
|
|
90
|
-
if (!isPresent) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
if (isWeb) {
|
|
94
|
-
const isFocusInToast = node == null ? void 0 : node.contains(document.activeElement);
|
|
95
|
-
if (isFocusInToast)
|
|
96
|
-
viewport == null ? void 0 : viewport.focus();
|
|
97
|
-
}
|
|
98
|
-
onClose();
|
|
99
|
-
});
|
|
100
|
-
const startTimer = React.useCallback(
|
|
74
|
+
} = props, isPresent = useIsPresent(), context = useToastProviderContext(TOAST_NAME, __scopeToast), [node, setNode] = React.useState(null), composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2)), duration = durationProp || context.duration, closeTimerStartTimeRef = React.useRef(0), closeTimerRemainingTimeRef = React.useRef(duration), closeTimerRef = React.useRef(0), { onToastAdd, onToastRemove } = context, viewport = React.useMemo(() => context.viewports[viewportName], [context.viewports, viewportName]), handleClose = useEvent(() => {
|
|
75
|
+
isPresent && (isWeb && node?.contains(document.activeElement) && viewport?.focus(), onClose());
|
|
76
|
+
}), startTimer = React.useCallback(
|
|
101
77
|
(duration2) => {
|
|
102
|
-
|
|
103
|
-
return;
|
|
104
|
-
clearTimeout(closeTimerRef.current);
|
|
105
|
-
closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
|
|
106
|
-
closeTimerRef.current = setTimeout(handleClose, duration2);
|
|
78
|
+
!duration2 || duration2 === 1 / 0 || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
|
|
107
79
|
},
|
|
108
80
|
[handleClose]
|
|
109
|
-
)
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
onResume == null ? void 0 : onResume();
|
|
113
|
-
}, [onResume, startTimer]);
|
|
114
|
-
const handlePause = React.useCallback(() => {
|
|
81
|
+
), handleResume = React.useCallback(() => {
|
|
82
|
+
startTimer(closeTimerRemainingTimeRef.current), onResume?.();
|
|
83
|
+
}, [onResume, startTimer]), handlePause = React.useCallback(() => {
|
|
115
84
|
const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
|
|
116
|
-
closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;
|
|
117
|
-
window.clearTimeout(closeTimerRef.current);
|
|
118
|
-
onPause == null ? void 0 : onPause();
|
|
85
|
+
closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
|
|
119
86
|
}, [onPause]);
|
|
120
87
|
React.useEffect(() => {
|
|
121
|
-
if (
|
|
122
|
-
return
|
|
123
|
-
|
|
124
|
-
viewport.addEventListener(VIEWPORT_PAUSE, handlePause);
|
|
125
|
-
viewport.addEventListener(VIEWPORT_RESUME, handleResume);
|
|
126
|
-
return () => {
|
|
127
|
-
viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);
|
|
128
|
-
viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
|
|
88
|
+
if (isWeb && viewport)
|
|
89
|
+
return viewport.addEventListener(VIEWPORT_PAUSE, handlePause), viewport.addEventListener(VIEWPORT_RESUME, handleResume), () => {
|
|
90
|
+
viewport.removeEventListener(VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
|
|
129
91
|
};
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
React.useEffect(() =>
|
|
133
|
-
|
|
134
|
-
startTimer(duration);
|
|
135
|
-
}
|
|
136
|
-
}, [open, duration, context.isClosePausedRef, startTimer]);
|
|
137
|
-
React.useEffect(() => {
|
|
138
|
-
onToastAdd();
|
|
139
|
-
return () => onToastRemove();
|
|
140
|
-
}, [onToastAdd, onToastRemove]);
|
|
141
|
-
const announceTextContent = React.useMemo(() => {
|
|
142
|
-
if (!isWeb)
|
|
143
|
-
return null;
|
|
144
|
-
return node ? getAnnounceTextContent(node) : null;
|
|
145
|
-
}, [node]);
|
|
146
|
-
const isHorizontalSwipe = ["left", "right", "horizontal"].includes(
|
|
92
|
+
}, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(() => {
|
|
93
|
+
open && !context.isClosePausedRef.current && startTimer(duration);
|
|
94
|
+
}, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(() => (onToastAdd(), () => onToastRemove()), [onToastAdd, onToastRemove]);
|
|
95
|
+
const announceTextContent = React.useMemo(() => isWeb && node ? getAnnounceTextContent(node) : null, [node]), isHorizontalSwipe = ["left", "right", "horizontal"].includes(
|
|
147
96
|
context.swipeDirection
|
|
148
|
-
);
|
|
149
|
-
|
|
150
|
-
if (!driver) {
|
|
97
|
+
), driver = useAnimationDriver();
|
|
98
|
+
if (!driver)
|
|
151
99
|
throw new Error("Must set animations in tamagui.config.ts");
|
|
152
|
-
}
|
|
153
|
-
const { useAnimatedNumber, useAnimatedNumberStyle } = driver;
|
|
154
|
-
const animatedNumber = useAnimatedNumber(0);
|
|
155
|
-
const AnimatedView = driver["NumberView"] ?? driver.View;
|
|
156
|
-
const animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {
|
|
100
|
+
const { useAnimatedNumber, useAnimatedNumberStyle } = driver, animatedNumber = useAnimatedNumber(0), AnimatedView = driver.NumberView ?? driver.View, animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {
|
|
157
101
|
"worklet";
|
|
158
102
|
return {
|
|
159
103
|
transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }]
|
|
160
104
|
};
|
|
161
|
-
})
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
const { x, y } = getGestureDistance(context.swipeDirection, gesture);
|
|
179
|
-
const delta = { x, y };
|
|
180
|
-
animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: "direct" });
|
|
181
|
-
if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {
|
|
182
|
-
onSwipeEnd == null ? void 0 : onSwipeEnd(e);
|
|
183
|
-
}
|
|
184
|
-
onSwipeMove == null ? void 0 : onSwipeMove(e);
|
|
185
|
-
},
|
|
186
|
-
onPanResponderEnd: (e, { dx, dy }) => {
|
|
187
|
-
if (!isDeltaInDirection(
|
|
188
|
-
{ x: dx, y: dy },
|
|
189
|
-
context.swipeDirection,
|
|
190
|
-
context.swipeThreshold
|
|
191
|
-
)) {
|
|
192
|
-
if (!isWeb) {
|
|
193
|
-
handleResume == null ? void 0 : handleResume();
|
|
194
|
-
}
|
|
195
|
-
onSwipeCancel == null ? void 0 : onSwipeCancel(e);
|
|
196
|
-
animatedNumber.setValue(0, { type: "spring" });
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
});
|
|
200
|
-
}, [handlePause, handleResume]);
|
|
201
|
-
const themeName = useThemeName();
|
|
105
|
+
}), panResponder = React.useMemo(() => PanResponder.create({
|
|
106
|
+
onMoveShouldSetPanResponder: (e, gesture) => shouldGrantGestureMove(context.swipeDirection, gesture) ? (onSwipeStart?.(e), !0) : !1,
|
|
107
|
+
onPanResponderGrant: (e) => {
|
|
108
|
+
isWeb || handlePause?.();
|
|
109
|
+
},
|
|
110
|
+
onPanResponderMove: (e, gesture) => {
|
|
111
|
+
const { x, y } = getGestureDistance(context.swipeDirection, gesture), delta = { x, y };
|
|
112
|
+
animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: "direct" }), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
|
|
113
|
+
},
|
|
114
|
+
onPanResponderEnd: (e, { dx, dy }) => {
|
|
115
|
+
isDeltaInDirection(
|
|
116
|
+
{ x: dx, y: dy },
|
|
117
|
+
context.swipeDirection,
|
|
118
|
+
context.swipeThreshold
|
|
119
|
+
) || (isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, { type: "spring" }));
|
|
120
|
+
}
|
|
121
|
+
}), [handlePause, handleResume]), themeName = useThemeName();
|
|
202
122
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
203
123
|
announceTextContent && /* @__PURE__ */ jsx(
|
|
204
124
|
ToastAnnounce,
|
|
@@ -206,7 +126,7 @@ const ToastImpl = React.forwardRef(
|
|
|
206
126
|
__scopeToast,
|
|
207
127
|
role: "status",
|
|
208
128
|
"aria-live": type === "foreground" ? "assertive" : "polite",
|
|
209
|
-
"aria-atomic":
|
|
129
|
+
"aria-atomic": !0,
|
|
210
130
|
children: announceTextContent
|
|
211
131
|
}
|
|
212
132
|
),
|
|
@@ -221,22 +141,19 @@ const ToastImpl = React.forwardRef(
|
|
|
221
141
|
Dismissable,
|
|
222
142
|
{
|
|
223
143
|
onEscapeKeyDown: composeEventHandlers(onEscapeKeyDown, () => {
|
|
224
|
-
|
|
225
|
-
handleClose();
|
|
226
|
-
}
|
|
227
|
-
context.isFocusedToastEscapeKeyDownRef.current = false;
|
|
144
|
+
context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
|
|
228
145
|
}),
|
|
229
|
-
children: /* @__PURE__ */ jsx(Theme, { forceClassName:
|
|
146
|
+
children: /* @__PURE__ */ jsx(Theme, { forceClassName: !0, name: themeName, children: /* @__PURE__ */ jsx(
|
|
230
147
|
AnimatedView,
|
|
231
148
|
{
|
|
232
|
-
...panResponder
|
|
149
|
+
...panResponder?.panHandlers,
|
|
233
150
|
style: [{ margin: "auto" }, animatedStyles],
|
|
234
151
|
children: /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(
|
|
235
152
|
ToastImplFrame,
|
|
236
153
|
{
|
|
237
154
|
role: "status",
|
|
238
155
|
"aria-live": "off",
|
|
239
|
-
"aria-atomic":
|
|
156
|
+
"aria-atomic": !0,
|
|
240
157
|
"data-state": open ? "open" : "closed",
|
|
241
158
|
"data-swipe-direction": context.swipeDirection,
|
|
242
159
|
pointerEvents: "auto",
|
|
@@ -247,14 +164,7 @@ const ToastImpl = React.forwardRef(
|
|
|
247
164
|
onKeyDown: composeEventHandlers(
|
|
248
165
|
props.onKeyDown,
|
|
249
166
|
(event) => {
|
|
250
|
-
|
|
251
|
-
return;
|
|
252
|
-
onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
|
|
253
|
-
onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
|
|
254
|
-
if (!event.defaultPrevented) {
|
|
255
|
-
context.isFocusedToastEscapeKeyDownRef.current = true;
|
|
256
|
-
handleClose();
|
|
257
|
-
}
|
|
167
|
+
event.key === "Escape" && (onEscapeKeyDown?.(event), onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
|
|
258
168
|
}
|
|
259
169
|
)
|
|
260
170
|
}
|
|
@@ -280,71 +190,31 @@ ToastImpl.propTypes = {
|
|
|
280
190
|
}
|
|
281
191
|
};
|
|
282
192
|
const isDeltaInDirection = (delta, direction, threshold = 0) => {
|
|
283
|
-
const deltaX = Math.abs(delta.x);
|
|
284
|
-
|
|
285
|
-
const isDeltaX = deltaX > deltaY;
|
|
286
|
-
if (direction === "left" || direction === "right" || direction === "horizontal") {
|
|
287
|
-
return isDeltaX && deltaX > threshold;
|
|
288
|
-
} else {
|
|
289
|
-
return !isDeltaX && deltaY > threshold;
|
|
290
|
-
}
|
|
193
|
+
const deltaX = Math.abs(delta.x), deltaY = Math.abs(delta.y), isDeltaX = deltaX > deltaY;
|
|
194
|
+
return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
|
|
291
195
|
};
|
|
292
196
|
function getAnnounceTextContent(container) {
|
|
293
197
|
if (!isWeb)
|
|
294
198
|
return "";
|
|
295
199
|
const textContent = [];
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
if (isHTMLElement(node)) {
|
|
301
|
-
const isHidden = node.ariaHidden || node.hidden || node.style.display === "none";
|
|
302
|
-
const isExcluded = node.dataset.toastAnnounceExclude === "";
|
|
303
|
-
if (!isHidden) {
|
|
200
|
+
return Array.from(container.childNodes).forEach((node) => {
|
|
201
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
|
|
202
|
+
const isHidden = node.ariaHidden || node.hidden || node.style.display === "none", isExcluded = node.dataset.toastAnnounceExclude === "";
|
|
203
|
+
if (!isHidden)
|
|
304
204
|
if (isExcluded) {
|
|
305
205
|
const altText = node.dataset.toastAnnounceAlt;
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
} else {
|
|
206
|
+
altText && textContent.push(altText);
|
|
207
|
+
} else
|
|
309
208
|
textContent.push(...getAnnounceTextContent(node));
|
|
310
|
-
}
|
|
311
|
-
}
|
|
312
209
|
}
|
|
313
|
-
});
|
|
314
|
-
return textContent;
|
|
210
|
+
}), textContent;
|
|
315
211
|
}
|
|
316
212
|
function isHTMLElement(node) {
|
|
317
213
|
return node.nodeType === node.ELEMENT_NODE;
|
|
318
214
|
}
|
|
319
|
-
const GESTURE_GRANT_THRESHOLD = 10
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
return true;
|
|
323
|
-
} else if ((dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD) {
|
|
324
|
-
return true;
|
|
325
|
-
} else if ((dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD) {
|
|
326
|
-
return true;
|
|
327
|
-
} else if ((dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD) {
|
|
328
|
-
return true;
|
|
329
|
-
}
|
|
330
|
-
return false;
|
|
331
|
-
};
|
|
332
|
-
const getGestureDistance = (dir, { dx, dy }) => {
|
|
333
|
-
let y = 0;
|
|
334
|
-
let x = 0;
|
|
335
|
-
if (dir === "horizontal")
|
|
336
|
-
x = dx;
|
|
337
|
-
else if (dir === "left")
|
|
338
|
-
x = Math.min(0, dx);
|
|
339
|
-
else if (dir === "right")
|
|
340
|
-
x = Math.max(0, dx);
|
|
341
|
-
else if (dir === "vertical")
|
|
342
|
-
y = dy;
|
|
343
|
-
else if (dir === "up")
|
|
344
|
-
y = Math.min(0, dy);
|
|
345
|
-
else if (dir === "down")
|
|
346
|
-
y = Math.max(0, dy);
|
|
347
|
-
return {
|
|
215
|
+
const GESTURE_GRANT_THRESHOLD = 10, shouldGrantGestureMove = (dir, { dx, dy }) => (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD ? !0 : (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD, getGestureDistance = (dir, { dx, dy }) => {
|
|
216
|
+
let y = 0, x = 0;
|
|
217
|
+
return dir === "horizontal" ? x = dx : dir === "left" ? x = Math.min(0, dx) : dir === "right" ? x = Math.max(0, dx) : dir === "vertical" ? y = dy : dir === "up" ? y = Math.min(0, dy) : dir === "down" && (y = Math.max(0, dy)), {
|
|
348
218
|
x,
|
|
349
219
|
y
|
|
350
220
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastImpl.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["node", "duration"]
|
|
6
6
|
}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
1
|
import { createCollection } from "@tamagui/collection";
|
|
3
2
|
import { createContextScope } from "@tamagui/create-context";
|
|
4
3
|
import * as React from "react";
|
|
5
4
|
import { ToastImperativeProvider } from "./ToastImperative";
|
|
6
|
-
|
|
7
|
-
const [Collection, useCollection, createCollectionScope] = createCollection("Toast")
|
|
8
|
-
const [createToastContext, createToastScope] = createContextScope("Toast", [
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
const PROVIDER_NAME = "ToastProvider", [Collection, useCollection, createCollectionScope] = createCollection("Toast"), [createToastContext, createToastScope] = createContextScope("Toast", [
|
|
9
7
|
createCollectionScope
|
|
10
|
-
])
|
|
11
|
-
const [ToastProviderProvider, useToastProviderContext] = createToastContext(PROVIDER_NAME);
|
|
12
|
-
const ToastProvider = (props) => {
|
|
8
|
+
]), [ToastProviderProvider, useToastProviderContext] = createToastContext(PROVIDER_NAME), ToastProvider = (props) => {
|
|
13
9
|
const {
|
|
14
10
|
__scopeToast,
|
|
15
11
|
id: providedId,
|
|
@@ -21,26 +17,17 @@ const ToastProvider = (props) => {
|
|
|
21
17
|
swipeDirection = "right",
|
|
22
18
|
swipeThreshold = 50,
|
|
23
19
|
children
|
|
24
|
-
} = props
|
|
25
|
-
const id = providedId ?? React.useId();
|
|
26
|
-
const [viewports, setViewports] = React.useState({});
|
|
27
|
-
const [toastCount, setToastCount] = React.useState(0);
|
|
28
|
-
const isFocusedToastEscapeKeyDownRef = React.useRef(false);
|
|
29
|
-
const isClosePausedRef = React.useRef(false);
|
|
30
|
-
const handleViewportChange = React.useCallback(
|
|
20
|
+
} = props, id = providedId ?? React.useId(), [viewports, setViewports] = React.useState({}), [toastCount, setToastCount] = React.useState(0), isFocusedToastEscapeKeyDownRef = React.useRef(!1), isClosePausedRef = React.useRef(!1), handleViewportChange = React.useCallback(
|
|
31
21
|
(name, viewport) => {
|
|
32
22
|
setViewports((prev) => ({ ...prev, [name]: viewport }));
|
|
33
23
|
},
|
|
34
24
|
[]
|
|
35
|
-
)
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
notificationOptions
|
|
42
|
-
};
|
|
43
|
-
}, [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
|
|
25
|
+
), options = React.useMemo(() => ({
|
|
26
|
+
duration,
|
|
27
|
+
burntOptions,
|
|
28
|
+
native,
|
|
29
|
+
notificationOptions
|
|
30
|
+
}), [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
|
|
44
31
|
return /* @__PURE__ */ jsx(Collection.Provider, { scope: __scopeToast, children: /* @__PURE__ */ jsx(
|
|
45
32
|
ToastProviderProvider,
|
|
46
33
|
{
|
|
@@ -67,7 +54,7 @@ const ToastProvider = (props) => {
|
|
|
67
54
|
};
|
|
68
55
|
ToastProvider.propTypes = {
|
|
69
56
|
label(props) {
|
|
70
|
-
if (props.label && typeof props.label
|
|
57
|
+
if (props.label && typeof props.label == "string" && !props.label.trim()) {
|
|
71
58
|
const error = `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`;
|
|
72
59
|
return new Error(error);
|
|
73
60
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastProvider.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AACnC,YAAY,WAAW;AAEvB,SAAS,+BAA+B;AA4IhC;AArIR,MAAM,gBAAgB,iBAEhB,CAAC,YAAY,eAAe,qBAAqB,IACrD,iBAAiC,OAAO,GAoBpC,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,SAAS;AAAA,EACzE;AACF,CAAC,GACK,CAAC,uBAAuB,uBAAuB,IACnD,mBAA8C,aAAa,GA4CvD,gBAA8C,CAClD,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB;AAAA,EACF,IAAI,OACE,KAAK,cAAc,MAAM,MAAM,GAC/B,CAAC,WAAW,YAAY,IAAI,MAAM,SAEtC,CAAC,CAAC,GACE,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC,GAC9C,iCAAiC,MAAM,OAAO,EAAK,GACnD,mBAAmB,MAAM,OAAO,EAAK,GAErC,uBAAuB,MAAM;AAAA,IACjC,CAAC,MAAc,aAAoC;AACjD,mBAAa,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE;AAAA,IACxD;AAAA,IACA,CAAC;AAAA,EACH,GAGM,UAAU,MAAM,QAAQ,OACrB;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAEC,CAAC,KAAK,UAAU,CAAC,UAAU,cAAc,QAAQ,mBAAmB,CAAC,CAAC,CAAC;AAE1E,SACE,oBAAC,WAAW,UAAX,EAAoB,OAAO,cAC1B;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB,YAAY,MAAM,YAAY,MAAM;AAClC,sBAAc,CAAC,cAAc,YAAY,CAAC;AAAA,MAC5C,GAAG,CAAC,CAAC;AAAA,MACL,eAAe,MAAM,YAAY,MAAM;AACrC,sBAAc,CAAC,cAAc,YAAY,CAAC;AAAA,MAC5C,GAAG,CAAC,CAAC;AAAA,MACL;AAAA,MACA;AAAA,MAEA,8BAAC,2BAAwB,SAAmB,UAAS;AAAA;AAAA,EACvD,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,MAAM,OAAO;AACX,QAAI,MAAM,SAAS,OAAO,MAAM,SAAU,YAAY,CAAC,MAAM,MAAM,KAAK,GAAG;AACzE,YAAM,QAAQ,wCAAwC,aAAa;AACnE,aAAO,IAAI,MAAM,KAAK;AAAA,IACxB;AACA,WAAO;AAAA,EACT;AACF;AAEA,cAAc,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|