@tamagui/toast 2.7.7 → 3.0.0-beta.643.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ToastComposable.cjs +773 -882
- package/dist/cjs/ToastComposable.native.cjs +924 -0
- package/dist/cjs/ToastComposable.native.js +854 -966
- package/dist/cjs/ToastComposable.native.js.map +1 -1
- package/dist/cjs/ToastItemFrame.cjs +48 -119
- package/dist/cjs/ToastItemFrame.native.cjs +76 -0
- package/dist/cjs/ToastItemFrame.native.js +50 -120
- package/dist/cjs/ToastItemFrame.native.js.map +1 -1
- package/dist/cjs/ToastState.cjs +281 -290
- package/dist/cjs/ToastState.native.cjs +312 -0
- package/dist/cjs/ToastState.native.js +280 -290
- package/dist/cjs/ToastState.native.js.map +1 -1
- package/dist/cjs/createNativeToast.cjs +38 -44
- package/dist/cjs/createNativeToast.native.cjs +54 -0
- package/dist/cjs/createNativeToast.native.js +36 -40
- package/dist/cjs/createNativeToast.native.js.map +1 -1
- package/dist/cjs/dispatchNativeToast.cjs +32 -35
- package/dist/cjs/dispatchNativeToast.native.cjs +48 -0
- package/dist/cjs/dispatchNativeToast.native.js +34 -36
- package/dist/cjs/dispatchNativeToast.native.js.map +1 -1
- package/dist/cjs/index.cjs +25 -12
- package/dist/cjs/index.native.cjs +35 -0
- package/dist/cjs/index.native.js +26 -12
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +10 -11
- package/dist/cjs/types.native.cjs +19 -0
- package/dist/cjs/types.native.js +10 -10
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useAnimatedDragGesture.cjs +197 -194
- package/dist/cjs/useAnimatedDragGesture.native.cjs +210 -0
- package/dist/cjs/useAnimatedDragGesture.native.js +179 -191
- package/dist/cjs/useAnimatedDragGesture.native.js.map +1 -1
- package/dist/cjs/useReducedMotion.cjs +47 -55
- package/dist/cjs/useReducedMotion.native.cjs +74 -0
- package/dist/cjs/useReducedMotion.native.js +53 -60
- package/dist/cjs/useReducedMotion.native.js.map +1 -1
- package/dist/cjs/useToastAnimations.cjs +198 -270
- package/dist/cjs/useToastAnimations.native.cjs +229 -0
- package/dist/cjs/useToastAnimations.native.js +205 -276
- package/dist/cjs/useToastAnimations.native.js.map +1 -1
- package/dist/esm/ToastComposable.mjs +752 -854
- package/dist/esm/ToastComposable.mjs.map +1 -1
- package/dist/esm/ToastComposable.native.js +834 -940
- package/dist/esm/ToastComposable.native.js.map +1 -1
- package/dist/esm/ToastItemFrame.mjs +31 -99
- package/dist/esm/ToastItemFrame.mjs.map +1 -1
- package/dist/esm/ToastItemFrame.native.js +34 -102
- package/dist/esm/ToastItemFrame.native.js.map +1 -1
- package/dist/esm/ToastState.mjs +266 -273
- package/dist/esm/ToastState.mjs.map +1 -1
- package/dist/esm/ToastState.native.js +265 -274
- package/dist/esm/ToastState.native.js.map +1 -1
- package/dist/esm/createNativeToast.mjs +22 -26
- package/dist/esm/createNativeToast.mjs.map +1 -1
- package/dist/esm/createNativeToast.native.js +21 -23
- package/dist/esm/createNativeToast.native.js.map +1 -1
- package/dist/esm/dispatchNativeToast.mjs +19 -17
- package/dist/esm/dispatchNativeToast.mjs.map +1 -1
- package/dist/esm/dispatchNativeToast.native.js +21 -19
- package/dist/esm/dispatchNativeToast.native.js.map +1 -1
- package/dist/esm/index.js +5 -2
- package/dist/esm/index.mjs +5 -2
- package/dist/esm/index.native.js +5 -2
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.native.js +0 -2
- package/dist/esm/useAnimatedDragGesture.mjs +181 -168
- package/dist/esm/useAnimatedDragGesture.mjs.map +1 -1
- package/dist/esm/useAnimatedDragGesture.native.js +163 -166
- package/dist/esm/useAnimatedDragGesture.native.js.map +1 -1
- package/dist/esm/useReducedMotion.mjs +31 -29
- package/dist/esm/useReducedMotion.mjs.map +1 -1
- package/dist/esm/useReducedMotion.native.js +37 -35
- package/dist/esm/useReducedMotion.native.js.map +1 -1
- package/dist/esm/useToastAnimations.mjs +183 -245
- package/dist/esm/useToastAnimations.mjs.map +1 -1
- package/dist/esm/useToastAnimations.native.js +190 -252
- package/dist/esm/useToastAnimations.native.js.map +1 -1
- package/dist/jsx/ToastComposable.mjs +752 -854
- package/dist/jsx/ToastComposable.mjs.map +1 -1
- package/dist/jsx/ToastComposable.native.cjs +924 -0
- package/dist/jsx/ToastComposable.native.js +854 -966
- package/dist/jsx/ToastComposable.native.js.map +1 -1
- package/dist/jsx/ToastItemFrame.mjs +31 -99
- package/dist/jsx/ToastItemFrame.mjs.map +1 -1
- package/dist/jsx/ToastItemFrame.native.cjs +76 -0
- package/dist/jsx/ToastItemFrame.native.js +50 -120
- package/dist/jsx/ToastItemFrame.native.js.map +1 -1
- package/dist/jsx/ToastState.mjs +266 -273
- package/dist/jsx/ToastState.mjs.map +1 -1
- package/dist/jsx/ToastState.native.cjs +312 -0
- package/dist/jsx/ToastState.native.js +280 -290
- package/dist/jsx/ToastState.native.js.map +1 -1
- package/dist/jsx/createNativeToast.mjs +22 -26
- package/dist/jsx/createNativeToast.mjs.map +1 -1
- package/dist/jsx/createNativeToast.native.cjs +54 -0
- package/dist/jsx/createNativeToast.native.js +36 -40
- package/dist/jsx/createNativeToast.native.js.map +1 -1
- package/dist/jsx/dispatchNativeToast.mjs +19 -17
- package/dist/jsx/dispatchNativeToast.mjs.map +1 -1
- package/dist/jsx/dispatchNativeToast.native.cjs +48 -0
- package/dist/jsx/dispatchNativeToast.native.js +34 -36
- package/dist/jsx/dispatchNativeToast.native.js.map +1 -1
- package/dist/jsx/index.js +5 -2
- package/dist/jsx/index.mjs +5 -2
- package/dist/jsx/index.native.cjs +35 -0
- package/dist/jsx/index.native.js +26 -12
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.mjs +0 -2
- package/dist/jsx/types.native.cjs +19 -0
- package/dist/jsx/types.native.js +10 -10
- package/dist/jsx/types.native.js.map +1 -1
- package/dist/jsx/useAnimatedDragGesture.mjs +181 -168
- package/dist/jsx/useAnimatedDragGesture.mjs.map +1 -1
- package/dist/jsx/useAnimatedDragGesture.native.cjs +210 -0
- package/dist/jsx/useAnimatedDragGesture.native.js +179 -191
- package/dist/jsx/useAnimatedDragGesture.native.js.map +1 -1
- package/dist/jsx/useReducedMotion.mjs +31 -29
- package/dist/jsx/useReducedMotion.mjs.map +1 -1
- package/dist/jsx/useReducedMotion.native.cjs +74 -0
- package/dist/jsx/useReducedMotion.native.js +53 -60
- package/dist/jsx/useReducedMotion.native.js.map +1 -1
- package/dist/jsx/useToastAnimations.mjs +183 -245
- package/dist/jsx/useToastAnimations.mjs.map +1 -1
- package/dist/jsx/useToastAnimations.native.cjs +229 -0
- package/dist/jsx/useToastAnimations.native.js +205 -276
- package/dist/jsx/useToastAnimations.native.js.map +1 -1
- package/package.json +20 -37
- package/src/ToastComposable.tsx +55 -97
- package/src/ToastItemFrame.tsx +22 -81
- package/src/ToastState.ts +1 -0
- package/src/index.ts +34 -2
- package/src/types.ts +11 -0
- package/src/useAnimatedDragGesture.native.ts +1 -1
- package/src/useAnimatedDragGesture.ts +1 -1
- package/src/useToastAnimations.ts +20 -36
- package/types/ToastComposable.d.ts +124 -47
- package/types/ToastComposable.d.ts.map +1 -1
- package/types/ToastItemFrame.d.ts +52 -21
- package/types/ToastItemFrame.d.ts.map +1 -1
- package/types/ToastState.d.ts +15 -11
- package/types/ToastState.d.ts.map +1 -1
- package/types/index.d.ts +6 -2
- package/types/index.d.ts.map +1 -1
- package/types/types.d.ts +1 -0
- package/types/types.d.ts.map +1 -1
- package/types/useAnimatedDragGesture.d.ts +1 -1
- package/types/useAnimatedDragGesture.d.ts.map +1 -1
- package/types/useAnimatedDragGesture.native.d.ts +1 -1
- package/types/useAnimatedDragGesture.native.d.ts.map +1 -1
- package/types/useToastAnimations.d.ts +2 -8
- package/types/useToastAnimations.d.ts.map +1 -1
- package/dist/cjs/Toast.cjs +0 -178
- package/dist/cjs/Toast.native.js +0 -181
- package/dist/cjs/Toast.native.js.map +0 -1
- package/dist/cjs/ToastAnnounce.cjs +0 -103
- package/dist/cjs/ToastAnnounce.native.js +0 -111
- package/dist/cjs/ToastAnnounce.native.js.map +0 -1
- package/dist/cjs/ToastImperative.cjs +0 -119
- package/dist/cjs/ToastImperative.native.js +0 -130
- package/dist/cjs/ToastImperative.native.js.map +0 -1
- package/dist/cjs/ToastImpl.cjs +0 -354
- package/dist/cjs/ToastImpl.native.js +0 -364
- package/dist/cjs/ToastImpl.native.js.map +0 -1
- package/dist/cjs/ToastPortal.cjs +0 -49
- package/dist/cjs/ToastPortal.native.js +0 -52
- package/dist/cjs/ToastPortal.native.js.map +0 -1
- package/dist/cjs/ToastProvider.cjs +0 -150
- package/dist/cjs/ToastProvider.native.js +0 -161
- package/dist/cjs/ToastProvider.native.js.map +0 -1
- package/dist/cjs/ToastViewport.cjs +0 -319
- package/dist/cjs/ToastViewport.native.js +0 -343
- package/dist/cjs/ToastViewport.native.js.map +0 -1
- package/dist/cjs/Toaster.cjs +0 -87
- package/dist/cjs/Toaster.native.js +0 -91
- package/dist/cjs/Toaster.native.js.map +0 -1
- package/dist/cjs/constants.cjs +0 -30
- package/dist/cjs/constants.native.js +0 -33
- package/dist/cjs/constants.native.js.map +0 -1
- package/dist/cjs/v2.cjs +0 -36
- package/dist/cjs/v2.native.js +0 -39
- package/dist/cjs/v2.native.js.map +0 -1
- package/dist/esm/Toast.mjs +0 -137
- package/dist/esm/Toast.mjs.map +0 -1
- package/dist/esm/Toast.native.js +0 -137
- package/dist/esm/Toast.native.js.map +0 -1
- package/dist/esm/ToastAnnounce.mjs +0 -66
- package/dist/esm/ToastAnnounce.mjs.map +0 -1
- package/dist/esm/ToastAnnounce.native.js +0 -71
- package/dist/esm/ToastAnnounce.native.js.map +0 -1
- package/dist/esm/ToastImperative.mjs +0 -80
- package/dist/esm/ToastImperative.mjs.map +0 -1
- package/dist/esm/ToastImperative.native.js +0 -88
- package/dist/esm/ToastImperative.native.js.map +0 -1
- package/dist/esm/ToastImpl.mjs +0 -316
- package/dist/esm/ToastImpl.mjs.map +0 -1
- package/dist/esm/ToastImpl.native.js +0 -329
- package/dist/esm/ToastImpl.native.js.map +0 -1
- package/dist/esm/ToastPortal.mjs +0 -24
- package/dist/esm/ToastPortal.mjs.map +0 -1
- package/dist/esm/ToastPortal.native.js +0 -24
- package/dist/esm/ToastPortal.native.js.map +0 -1
- package/dist/esm/ToastProvider.mjs +0 -110
- package/dist/esm/ToastProvider.mjs.map +0 -1
- package/dist/esm/ToastProvider.native.js +0 -118
- package/dist/esm/ToastProvider.native.js.map +0 -1
- package/dist/esm/ToastViewport.mjs +0 -280
- package/dist/esm/ToastViewport.mjs.map +0 -1
- package/dist/esm/ToastViewport.native.js +0 -301
- package/dist/esm/ToastViewport.native.js.map +0 -1
- package/dist/esm/Toaster.mjs +0 -51
- package/dist/esm/Toaster.mjs.map +0 -1
- package/dist/esm/Toaster.native.js +0 -52
- package/dist/esm/Toaster.native.js.map +0 -1
- package/dist/esm/constants.mjs +0 -4
- package/dist/esm/constants.mjs.map +0 -1
- package/dist/esm/constants.native.js +0 -4
- package/dist/esm/constants.native.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js.map +0 -1
- package/dist/esm/v2.mjs +0 -6
- package/dist/esm/v2.mjs.map +0 -1
- package/dist/esm/v2.native.js +0 -6
- package/dist/esm/v2.native.js.map +0 -1
- package/dist/jsx/Toast.mjs +0 -137
- package/dist/jsx/Toast.mjs.map +0 -1
- package/dist/jsx/Toast.native.js +0 -181
- package/dist/jsx/Toast.native.js.map +0 -1
- package/dist/jsx/ToastAnnounce.mjs +0 -66
- package/dist/jsx/ToastAnnounce.mjs.map +0 -1
- package/dist/jsx/ToastAnnounce.native.js +0 -111
- package/dist/jsx/ToastAnnounce.native.js.map +0 -1
- package/dist/jsx/ToastImperative.mjs +0 -80
- package/dist/jsx/ToastImperative.mjs.map +0 -1
- package/dist/jsx/ToastImperative.native.js +0 -130
- package/dist/jsx/ToastImperative.native.js.map +0 -1
- package/dist/jsx/ToastImpl.mjs +0 -316
- package/dist/jsx/ToastImpl.mjs.map +0 -1
- package/dist/jsx/ToastImpl.native.js +0 -364
- package/dist/jsx/ToastImpl.native.js.map +0 -1
- package/dist/jsx/ToastPortal.mjs +0 -24
- package/dist/jsx/ToastPortal.mjs.map +0 -1
- package/dist/jsx/ToastPortal.native.js +0 -52
- package/dist/jsx/ToastPortal.native.js.map +0 -1
- package/dist/jsx/ToastProvider.mjs +0 -110
- package/dist/jsx/ToastProvider.mjs.map +0 -1
- package/dist/jsx/ToastProvider.native.js +0 -161
- package/dist/jsx/ToastProvider.native.js.map +0 -1
- package/dist/jsx/ToastViewport.mjs +0 -280
- package/dist/jsx/ToastViewport.mjs.map +0 -1
- package/dist/jsx/ToastViewport.native.js +0 -343
- package/dist/jsx/ToastViewport.native.js.map +0 -1
- package/dist/jsx/Toaster.mjs +0 -51
- package/dist/jsx/Toaster.mjs.map +0 -1
- package/dist/jsx/Toaster.native.js +0 -91
- package/dist/jsx/Toaster.native.js.map +0 -1
- package/dist/jsx/constants.mjs +0 -4
- package/dist/jsx/constants.mjs.map +0 -1
- package/dist/jsx/constants.native.js +0 -33
- package/dist/jsx/constants.native.js.map +0 -1
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/types.mjs.map +0 -1
- package/dist/jsx/v2.mjs +0 -6
- package/dist/jsx/v2.mjs.map +0 -1
- package/dist/jsx/v2.native.js +0 -39
- package/dist/jsx/v2.native.js.map +0 -1
- package/src/Toast.tsx +0 -219
- package/src/ToastAnnounce.tsx +0 -103
- package/src/ToastImperative.tsx +0 -192
- package/src/ToastImpl.tsx +0 -514
- package/src/ToastPortal.tsx +0 -19
- package/src/ToastProvider.tsx +0 -204
- package/src/ToastViewport.tsx +0 -430
- package/src/Toaster.tsx +0 -181
- package/src/constants.ts +0 -2
- package/src/v2.ts +0 -31
- package/types/Toast.d.ts +0 -84
- package/types/Toast.d.ts.map +0 -1
- package/types/ToastAnnounce.d.ts +0 -18
- package/types/ToastAnnounce.d.ts.map +0 -1
- package/types/ToastImperative.d.ts +0 -95
- package/types/ToastImperative.d.ts.map +0 -1
- package/types/ToastImpl.d.ts +0 -109
- package/types/ToastImpl.d.ts.map +0 -1
- package/types/ToastPortal.d.ts +0 -8
- package/types/ToastPortal.d.ts.map +0 -1
- package/types/ToastProvider.d.ts +0 -92
- package/types/ToastProvider.d.ts.map +0 -1
- package/types/ToastViewport.d.ts +0 -75
- package/types/ToastViewport.d.ts.map +0 -1
- package/types/Toaster.d.ts +0 -112
- package/types/Toaster.d.ts.map +0 -1
- package/types/constants.d.ts +0 -3
- package/types/constants.d.ts.map +0 -1
- package/types/v2.d.ts +0 -10
- package/types/v2.d.ts.map +0 -1
- package/v2/index.cjs +0 -2
- package/v2/index.js +0 -2
- package/v2/index.native.cjs +0 -2
- package/v2/index.native.js +0 -2
|
@@ -1,301 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
3
|
-
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
4
|
-
import { isWeb } from "@tamagui/constants";
|
|
5
|
-
import { styled } from "@tamagui/core";
|
|
6
|
-
import { PortalHost } from "@tamagui/portal";
|
|
7
|
-
import { YStack } from "@tamagui/stacks";
|
|
8
|
-
import { VisuallyHidden } from "@tamagui/visually-hidden";
|
|
9
|
-
import * as React from "react";
|
|
10
|
-
import { TOAST_CONTEXT } from "./constants.native.js";
|
|
11
|
-
import { ToastPortal } from "./ToastPortal.native.js";
|
|
12
|
-
import { Collection, useCollection, useToastProviderContext } from "./ToastProvider.native.js";
|
|
13
|
-
var VIEWPORT_NAME = "ToastViewport";
|
|
14
|
-
var VIEWPORT_DEFAULT_HOTKEY = ["F8"];
|
|
15
|
-
var VIEWPORT_PAUSE = "toast.viewportPause";
|
|
16
|
-
var VIEWPORT_RESUME = "toast.viewportResume";
|
|
17
|
-
var ToastViewportWrapperFrame = styled(YStack, {
|
|
18
|
-
name: "ViewportWrapper",
|
|
19
|
-
variants: {
|
|
20
|
-
unstyled: {
|
|
21
|
-
false: {
|
|
22
|
-
pointerEvents: "box-none",
|
|
23
|
-
top: 0,
|
|
24
|
-
bottom: 0,
|
|
25
|
-
left: 0,
|
|
26
|
-
right: 0,
|
|
27
|
-
position: isWeb ? "fixed" : "absolute",
|
|
28
|
-
maxWidth: "100%",
|
|
29
|
-
tabIndex: 0,
|
|
30
|
-
zIndex: 1e5
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
defaultVariants: {
|
|
35
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
var ToastViewportFrame = styled(YStack, {
|
|
39
|
-
name: VIEWPORT_NAME,
|
|
40
|
-
variants: {
|
|
41
|
-
unstyled: {
|
|
42
|
-
false: {
|
|
43
|
-
pointerEvents: "box-none",
|
|
44
|
-
position: isWeb ? "fixed" : "absolute",
|
|
45
|
-
maxWidth: "100%"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
defaultVariants: {
|
|
50
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
var ToastViewport = /* @__PURE__ */React.memo(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
54
|
-
var {
|
|
55
|
-
scope,
|
|
56
|
-
hotkey = VIEWPORT_DEFAULT_HOTKEY,
|
|
57
|
-
label = "Notifications ({hotkey})",
|
|
58
|
-
name = "default",
|
|
59
|
-
multipleToasts,
|
|
60
|
-
zIndex,
|
|
61
|
-
portalToRoot,
|
|
62
|
-
...viewportProps
|
|
63
|
-
} = props;
|
|
64
|
-
var context = useToastProviderContext(scope);
|
|
65
|
-
var getItems = useCollection(scope || TOAST_CONTEXT);
|
|
66
|
-
var headFocusProxyRef = React.useRef(null);
|
|
67
|
-
var tailFocusProxyRef = React.useRef(null);
|
|
68
|
-
var wrapperRef = React.useRef(null);
|
|
69
|
-
var ref = React.useRef(null);
|
|
70
|
-
var onViewportChange = React.useCallback(function (el) {
|
|
71
|
-
if (context.viewports[name] !== el) context.onViewportChange(name, el);
|
|
72
|
-
}, [name, context.viewports]);
|
|
73
|
-
var composedRefs = useComposedRefs(forwardedRef, ref, onViewportChange);
|
|
74
|
-
var hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
|
|
75
|
-
var hasToasts = context.toastCount > 0;
|
|
76
|
-
React.useEffect(function () {
|
|
77
|
-
if (!isWeb) return;
|
|
78
|
-
if (context.toastCount === 0) return;
|
|
79
|
-
var handleKeyDown = function (event) {
|
|
80
|
-
var _ref_current;
|
|
81
|
-
var isHotkeyPressed = hotkey.every(function (key) {
|
|
82
|
-
return event[key] || event.code === key;
|
|
83
|
-
});
|
|
84
|
-
if (isHotkeyPressed) (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
|
|
85
|
-
};
|
|
86
|
-
document.addEventListener("keydown", handleKeyDown);
|
|
87
|
-
return function () {
|
|
88
|
-
document.removeEventListener("keydown", handleKeyDown);
|
|
89
|
-
};
|
|
90
|
-
}, [hotkey, context.toastCount]);
|
|
91
|
-
React.useEffect(function () {
|
|
92
|
-
if (!isWeb) return;
|
|
93
|
-
if (context.toastCount === 0) return;
|
|
94
|
-
var wrapper = wrapperRef.current;
|
|
95
|
-
var viewport = ref.current;
|
|
96
|
-
if (hasToasts && wrapper && viewport) {
|
|
97
|
-
var handlePause = function () {
|
|
98
|
-
if (!context.isClosePausedRef.current) {
|
|
99
|
-
var pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
|
|
100
|
-
viewport.dispatchEvent(pauseEvent);
|
|
101
|
-
context.isClosePausedRef.current = true;
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
var handleResume = function () {
|
|
105
|
-
if (context.isClosePausedRef.current) {
|
|
106
|
-
var resumeEvent = new CustomEvent(VIEWPORT_RESUME);
|
|
107
|
-
viewport.dispatchEvent(resumeEvent);
|
|
108
|
-
context.isClosePausedRef.current = false;
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
var handleFocusOutResume = function (event) {
|
|
112
|
-
var isFocusMovingOutside = !wrapper.contains(event.relatedTarget);
|
|
113
|
-
if (isFocusMovingOutside) handleResume();
|
|
114
|
-
};
|
|
115
|
-
var handlePointerLeaveResume = function () {
|
|
116
|
-
var isFocusInside = wrapper.contains(document.activeElement);
|
|
117
|
-
if (!isFocusInside) handleResume();
|
|
118
|
-
};
|
|
119
|
-
wrapper.addEventListener("focusin", handlePause);
|
|
120
|
-
wrapper.addEventListener("focusout", handleFocusOutResume);
|
|
121
|
-
wrapper.addEventListener("pointermove", handlePause);
|
|
122
|
-
wrapper.addEventListener("pointerleave", handlePointerLeaveResume);
|
|
123
|
-
window.addEventListener("blur", handlePause);
|
|
124
|
-
window.addEventListener("focus", handleResume);
|
|
125
|
-
return function () {
|
|
126
|
-
wrapper.removeEventListener("focusin", handlePause);
|
|
127
|
-
wrapper.removeEventListener("focusout", handleFocusOutResume);
|
|
128
|
-
wrapper.removeEventListener("pointermove", handlePause);
|
|
129
|
-
wrapper.removeEventListener("pointerleave", handlePointerLeaveResume);
|
|
130
|
-
window.removeEventListener("blur", handlePause);
|
|
131
|
-
window.removeEventListener("focus", handleResume);
|
|
132
|
-
};
|
|
133
|
-
}
|
|
134
|
-
}, [hasToasts, context.isClosePausedRef, context.toastCount]);
|
|
135
|
-
var getSortedTabbableCandidates = React.useCallback(function (param) {
|
|
136
|
-
var {
|
|
137
|
-
tabbingDirection
|
|
138
|
-
} = param;
|
|
139
|
-
var toastItems = getItems();
|
|
140
|
-
var tabbableCandidates = toastItems.map(function (toastItem) {
|
|
141
|
-
var toastNode = toastItem.ref.current;
|
|
142
|
-
var toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)];
|
|
143
|
-
return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
|
|
144
|
-
});
|
|
145
|
-
return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
|
|
146
|
-
}, [getItems]);
|
|
147
|
-
React.useEffect(function () {
|
|
148
|
-
if (!isWeb) return;
|
|
149
|
-
if (context.toastCount === 0) return;
|
|
150
|
-
var viewport = ref.current;
|
|
151
|
-
if (viewport) {
|
|
152
|
-
var handleKeyDown = function (event) {
|
|
153
|
-
var isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
|
|
154
|
-
var isTabKey = event.key === "Tab" && !isMetaKey;
|
|
155
|
-
if (isTabKey) {
|
|
156
|
-
var focusedElement = document.activeElement;
|
|
157
|
-
var isTabbingBackwards = event.shiftKey;
|
|
158
|
-
var targetIsViewport = event.target === viewport;
|
|
159
|
-
if (targetIsViewport && isTabbingBackwards) {
|
|
160
|
-
var _headFocusProxyRef_current;
|
|
161
|
-
(_headFocusProxyRef_current = headFocusProxyRef.current) === null || _headFocusProxyRef_current === void 0 ? void 0 : _headFocusProxyRef_current.focus();
|
|
162
|
-
return;
|
|
163
|
-
}
|
|
164
|
-
var tabbingDirection = isTabbingBackwards ? "backwards" : "forwards";
|
|
165
|
-
var sortedCandidates = getSortedTabbableCandidates({
|
|
166
|
-
tabbingDirection
|
|
167
|
-
});
|
|
168
|
-
var index = sortedCandidates.findIndex(function (candidate) {
|
|
169
|
-
return candidate === focusedElement;
|
|
170
|
-
});
|
|
171
|
-
if (focusFirst(sortedCandidates.slice(index + 1))) {
|
|
172
|
-
event.preventDefault();
|
|
173
|
-
} else {
|
|
174
|
-
var _headFocusProxyRef_current1, _tailFocusProxyRef_current;
|
|
175
|
-
isTabbingBackwards ? (_headFocusProxyRef_current1 = headFocusProxyRef.current) === null || _headFocusProxyRef_current1 === void 0 ? void 0 : _headFocusProxyRef_current1.focus() : (_tailFocusProxyRef_current = tailFocusProxyRef.current) === null || _tailFocusProxyRef_current === void 0 ? void 0 : _tailFocusProxyRef_current.focus();
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
};
|
|
179
|
-
viewport.addEventListener("keydown", handleKeyDown);
|
|
180
|
-
return function () {
|
|
181
|
-
return viewport.removeEventListener("keydown", handleKeyDown);
|
|
182
|
-
};
|
|
183
|
-
}
|
|
184
|
-
}, [getItems, getSortedTabbableCandidates, context.toastCount]);
|
|
185
|
-
var contents = /* @__PURE__ */_jsxs(ToastViewportWrapperFrame, {
|
|
186
|
-
ref: wrapperRef,
|
|
187
|
-
// biome-ignore lint/a11y/useSemanticElements: <explanation>
|
|
188
|
-
role: "region",
|
|
189
|
-
"aria-label": label.replace("{hotkey}", hotkeyLabel),
|
|
190
|
-
// // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume
|
|
191
|
-
tabIndex: -1,
|
|
192
|
-
children: [
|
|
193
|
-
// // incase list has size when empty (e.g. padding), we remove pointer events so
|
|
194
|
-
// // it doesn't prevent interactions with page elements that it overlays
|
|
195
|
-
// pointerEvents={hasToasts ? undefined : 'none'}
|
|
196
|
-
hasToasts && /* @__PURE__ */_jsx(FocusProxy, {
|
|
197
|
-
context,
|
|
198
|
-
viewportName: name,
|
|
199
|
-
ref: headFocusProxyRef,
|
|
200
|
-
onFocusFromOutsideViewport: function () {
|
|
201
|
-
var tabbableCandidates = getSortedTabbableCandidates({
|
|
202
|
-
tabbingDirection: "forwards"
|
|
203
|
-
});
|
|
204
|
-
focusFirst(tabbableCandidates);
|
|
205
|
-
}
|
|
206
|
-
}),
|
|
207
|
-
/**
|
|
208
|
-
* tabindex on the the list so that it can be focused when items are removed. we focus
|
|
209
|
-
* the list instead of the viewport so it announces number of items remaining.
|
|
210
|
-
*/
|
|
211
|
-
/* @__PURE__ */
|
|
212
|
-
_jsx(Collection.Slot, {
|
|
213
|
-
scope: context.toastScope,
|
|
214
|
-
children: /* @__PURE__ */_jsx(ToastViewportFrame, {
|
|
215
|
-
focusable: context.toastCount > 0,
|
|
216
|
-
ref: composedRefs,
|
|
217
|
-
...viewportProps,
|
|
218
|
-
children: /* @__PURE__ */_jsx(PortalHost, {
|
|
219
|
-
render: function (children) {
|
|
220
|
-
return /* @__PURE__ */_jsx(AnimatePresence, {
|
|
221
|
-
exitBeforeEnter: !multipleToasts,
|
|
222
|
-
children
|
|
223
|
-
});
|
|
224
|
-
},
|
|
225
|
-
name: name !== null && name !== void 0 ? name : "default"
|
|
226
|
-
})
|
|
227
|
-
})
|
|
228
|
-
}), hasToasts && /* @__PURE__ */_jsx(FocusProxy, {
|
|
229
|
-
context,
|
|
230
|
-
viewportName: name,
|
|
231
|
-
ref: tailFocusProxyRef,
|
|
232
|
-
onFocusFromOutsideViewport: function () {
|
|
233
|
-
var tabbableCandidates = getSortedTabbableCandidates({
|
|
234
|
-
tabbingDirection: "backwards"
|
|
235
|
-
});
|
|
236
|
-
focusFirst(tabbableCandidates);
|
|
237
|
-
}
|
|
238
|
-
})]
|
|
239
|
-
});
|
|
240
|
-
if (portalToRoot) {
|
|
241
|
-
return /* @__PURE__ */_jsx(ToastPortal, {
|
|
242
|
-
context,
|
|
243
|
-
...(typeof zIndex === "number" ? {
|
|
244
|
-
zIndex
|
|
245
|
-
} : {}),
|
|
246
|
-
children: contents
|
|
247
|
-
});
|
|
248
|
-
}
|
|
249
|
-
return contents;
|
|
250
|
-
}));
|
|
251
|
-
ToastViewport.displayName = VIEWPORT_NAME;
|
|
252
|
-
var FOCUS_PROXY_NAME = "ToastFocusProxy";
|
|
253
|
-
var FocusProxy = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
254
|
-
var {
|
|
255
|
-
onFocusFromOutsideViewport,
|
|
256
|
-
viewportName,
|
|
257
|
-
context,
|
|
258
|
-
...proxyProps
|
|
259
|
-
} = props;
|
|
260
|
-
var viewport = context.viewports[viewportName];
|
|
261
|
-
return /* @__PURE__ */_jsx(VisuallyHidden, {
|
|
262
|
-
"aria-hidden": true,
|
|
263
|
-
tabIndex: 0,
|
|
264
|
-
...proxyProps,
|
|
265
|
-
ref: forwardedRef,
|
|
266
|
-
// Avoid page scrolling when focus is on the focus proxy
|
|
267
|
-
position: isWeb ? "fixed" : "absolute",
|
|
268
|
-
onFocus: function (event) {
|
|
269
|
-
if (!isWeb) return;
|
|
270
|
-
var prevFocusedElement = event.relatedTarget;
|
|
271
|
-
var isFocusFromOutsideViewport = !(viewport === null || viewport === void 0 ? void 0 : viewport.contains(prevFocusedElement));
|
|
272
|
-
if (isFocusFromOutsideViewport) onFocusFromOutsideViewport();
|
|
273
|
-
}
|
|
274
|
-
});
|
|
275
|
-
});
|
|
276
|
-
FocusProxy.displayName = FOCUS_PROXY_NAME;
|
|
277
|
-
function focusFirst(candidates) {
|
|
278
|
-
if (!isWeb) return;
|
|
279
|
-
var previouslyFocusedElement = document.activeElement;
|
|
280
|
-
return candidates.some(function (candidate) {
|
|
281
|
-
if (candidate === previouslyFocusedElement) return true;
|
|
282
|
-
candidate.focus();
|
|
283
|
-
return document.activeElement !== previouslyFocusedElement;
|
|
284
|
-
});
|
|
285
|
-
}
|
|
286
|
-
function getTabbableCandidates(container) {
|
|
287
|
-
if (!isWeb) return [];
|
|
288
|
-
var containerHtml = container;
|
|
289
|
-
var nodes = [];
|
|
290
|
-
var walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
|
|
291
|
-
acceptNode: function (node) {
|
|
292
|
-
var isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
293
|
-
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
294
|
-
return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
295
|
-
}
|
|
296
|
-
});
|
|
297
|
-
while (walker.nextNode()) nodes.push(walker.currentNode);
|
|
298
|
-
return nodes;
|
|
299
|
-
}
|
|
300
|
-
export { ToastViewport, VIEWPORT_DEFAULT_HOTKEY, VIEWPORT_PAUSE, VIEWPORT_RESUME };
|
|
301
|
-
//# sourceMappingURL=ToastViewport.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AnimatePresence","useComposedRefs","isWeb","styled","PortalHost","YStack","VisuallyHidden","React","TOAST_CONTEXT","ToastPortal","Collection","useCollection","useToastProviderContext","VIEWPORT_NAME","VIEWPORT_DEFAULT_HOTKEY","VIEWPORT_PAUSE","VIEWPORT_RESUME","ToastViewportWrapperFrame","name","variants","unstyled","false","pointerEvents","top","bottom","left","right","position","maxWidth","tabIndex","zIndex","defaultVariants","process","env","TAMAGUI_HEADLESS","ToastViewportFrame","ToastViewport","memo","forwardRef","props","forwardedRef","scope","hotkey","label","multipleToasts","portalToRoot","viewportProps","context","getItems","headFocusProxyRef","useRef","tailFocusProxyRef","wrapperRef","ref","onViewportChange","useCallback","el","viewports","composedRefs","hotkeyLabel","join","replace","hasToasts","toastCount","useEffect","handleKeyDown","event","_ref_current","isHotkeyPressed","every","key","code","current","focus","document","addEventListener","removeEventListener","wrapper","viewport","handlePause","isClosePausedRef","pauseEvent","CustomEvent","dispatchEvent","handleResume","resumeEvent","handleFocusOutResume","isFocusMovingOutside","contains","relatedTarget","handlePointerLeaveResume","isFocusInside","activeElement","window","getSortedTabbableCandidates","param","tabbingDirection","toastItems","tabbableCandidates","map","toastItem","toastNode","toastTabbableCandidates","getTabbableCandidates","reverse","flat","isMetaKey","altKey","ctrlKey","metaKey","isTabKey","focusedElement","isTabbingBackwards","shiftKey","targetIsViewport","target","_headFocusProxyRef_current","sortedCandidates","index","findIndex","candidate","focusFirst","slice","preventDefault","_headFocusProxyRef_current1","_tailFocusProxyRef_current","contents","role","children","FocusProxy","viewportName","onFocusFromOutsideViewport","Slot","toastScope","focusable","render","exitBeforeEnter","displayName","FOCUS_PROXY_NAME","proxyProps","onFocus","prevFocusedElement","isFocusFromOutsideViewport","candidates","previouslyFocusedElement","some","container","containerHtml","nodes","walker","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","node","isHiddenInput","tagName","type","disabled","hidden","FILTER_SKIP","FILTER_ACCEPT","nextNode","push","currentNode"],"sources":["../../src/ToastViewport.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/Toaster.mjs
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Toast } from "./ToastComposable.mjs";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
const Toaster = React.forwardRef(function Toaster2(props, ref) {
|
|
5
|
-
const {
|
|
6
|
-
position = "bottom-right",
|
|
7
|
-
expand = false,
|
|
8
|
-
visibleToasts,
|
|
9
|
-
gap,
|
|
10
|
-
duration,
|
|
11
|
-
offset,
|
|
12
|
-
hotkey,
|
|
13
|
-
swipeDirection,
|
|
14
|
-
swipeThreshold,
|
|
15
|
-
closeButton,
|
|
16
|
-
theme,
|
|
17
|
-
icons,
|
|
18
|
-
toastOptions,
|
|
19
|
-
containerAriaLabel = "Notifications",
|
|
20
|
-
native,
|
|
21
|
-
burntOptions,
|
|
22
|
-
notificationOptions,
|
|
23
|
-
reducedMotion
|
|
24
|
-
} = props;
|
|
25
|
-
return /* @__PURE__ */jsx(Toast, {
|
|
26
|
-
position,
|
|
27
|
-
expand,
|
|
28
|
-
visibleToasts,
|
|
29
|
-
gap,
|
|
30
|
-
duration: toastOptions?.duration ?? duration,
|
|
31
|
-
swipeDirection,
|
|
32
|
-
swipeThreshold,
|
|
33
|
-
closeButton,
|
|
34
|
-
theme,
|
|
35
|
-
icons,
|
|
36
|
-
native,
|
|
37
|
-
burntOptions,
|
|
38
|
-
notificationOptions,
|
|
39
|
-
reducedMotion,
|
|
40
|
-
children: /* @__PURE__ */jsx(Toast.Viewport, {
|
|
41
|
-
ref,
|
|
42
|
-
offset,
|
|
43
|
-
hotkey,
|
|
44
|
-
label: containerAriaLabel,
|
|
45
|
-
children: /* @__PURE__ */jsx(Toast.List, {})
|
|
46
|
-
})
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
Toaster.displayName = "Toaster";
|
|
50
|
-
export { Toaster };
|
|
51
|
-
//# sourceMappingURL=Toaster.mjs.map
|
package/dist/esm/Toaster.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Toast","jsx","Toaster","forwardRef","props","ref","position","expand","visibleToasts","gap","duration","offset","hotkey","swipeDirection","swipeThreshold","closeButton","theme","icons","toastOptions","containerAriaLabel","native","burntOptions","notificationOptions","reducedMotion","children","Viewport","label","List","displayName"],"sources":["../../src/Toaster.tsx"],"sourcesContent":[null],"mappings":"AAMA,YAAYA,KAAA,MAAW;AACvB,SAASC,KAAA,QAAa;AAsKZ,SAAAC,GAAA;AA9CH,MAAMC,OAAA,GAAUH,KAAA,CAAMI,UAAA,CAC3B,SAASD,SAAQE,KAAA,EAAOC,GAAA,EAAK;EAC3B,MAAM;IACJC,QAAA,GAAW;IACXC,MAAA,GAAS;IACTC,aAAA;IACAC,GAAA;IACAC,QAAA;IACAC,MAAA;IACAC,MAAA;IACAC,cAAA;IACAC,cAAA;IACAC,WAAA;IACAC,KAAA;IACAC,KAAA;IACAC,YAAA;IACAC,kBAAA,GAAqB;IACrBC,MAAA;IACAC,YAAA;IACAC,mBAAA;IACAC;EACF,IAAInB,KAAA;EAEJ,OACE,eAAAH,GAAA,CAACD,KAAA;IACCM,QAAA;IACAC,MAAA;IACAC,aAAA;IACAC,GAAA;IACAC,QAAA,EAAUQ,YAAA,EAAcR,QAAA,IAAYA,QAAA;IACpCG,cAAA;IACAC,cAAA;IACAC,WAAA;IACAC,KAAA;IACAC,KAAA;IACAG,MAAA;IACAC,YAAA;IACAC,mBAAA;IACAC,aAAA;IAEAC,QAAA,iBAAAvB,GAAA,CAACD,KAAA,CAAMyB,QAAA,EAAN;MACCpB,GAAA;MACAM,MAAA;MACAC,MAAA;MACAc,KAAA,EAAOP,kBAAA;MAEPK,QAAA,iBAAAvB,GAAA,CAACD,KAAA,CAAM2B,IAAA,EAAN,EAAW;IAAA,CACd;EAAA,CACF;AAEJ,CACF;AAEAzB,OAAA,CAAQ0B,WAAA,GAAc","ignoreList":[]}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Toast } from "./ToastComposable.native.js";
|
|
4
|
-
var Toaster = /* @__PURE__ */React.forwardRef(function Toaster2(props, ref) {
|
|
5
|
-
var {
|
|
6
|
-
position = "bottom-right",
|
|
7
|
-
expand = false,
|
|
8
|
-
visibleToasts,
|
|
9
|
-
gap,
|
|
10
|
-
duration,
|
|
11
|
-
offset,
|
|
12
|
-
hotkey,
|
|
13
|
-
swipeDirection,
|
|
14
|
-
swipeThreshold,
|
|
15
|
-
closeButton,
|
|
16
|
-
theme,
|
|
17
|
-
icons,
|
|
18
|
-
toastOptions,
|
|
19
|
-
containerAriaLabel = "Notifications",
|
|
20
|
-
native,
|
|
21
|
-
burntOptions,
|
|
22
|
-
notificationOptions,
|
|
23
|
-
reducedMotion
|
|
24
|
-
} = props;
|
|
25
|
-
var _toastOptions_duration;
|
|
26
|
-
return /* @__PURE__ */_jsx(Toast, {
|
|
27
|
-
position,
|
|
28
|
-
expand,
|
|
29
|
-
visibleToasts,
|
|
30
|
-
gap,
|
|
31
|
-
duration: (_toastOptions_duration = toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.duration) !== null && _toastOptions_duration !== void 0 ? _toastOptions_duration : duration,
|
|
32
|
-
swipeDirection,
|
|
33
|
-
swipeThreshold,
|
|
34
|
-
closeButton,
|
|
35
|
-
theme,
|
|
36
|
-
icons,
|
|
37
|
-
native,
|
|
38
|
-
burntOptions,
|
|
39
|
-
notificationOptions,
|
|
40
|
-
reducedMotion,
|
|
41
|
-
children: /* @__PURE__ */_jsx(Toast.Viewport, {
|
|
42
|
-
ref,
|
|
43
|
-
offset,
|
|
44
|
-
hotkey,
|
|
45
|
-
label: containerAriaLabel,
|
|
46
|
-
children: /* @__PURE__ */_jsx(Toast.List, {})
|
|
47
|
-
})
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
Toaster.displayName = "Toaster";
|
|
51
|
-
export { Toaster };
|
|
52
|
-
//# sourceMappingURL=Toaster.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","Toast","Toaster","forwardRef","Toaster2","props","ref","position","expand","visibleToasts","gap","duration","offset","hotkey","swipeDirection","swipeThreshold","closeButton","theme","icons","toastOptions","containerAriaLabel","native","burntOptions","notificationOptions","reducedMotion","_toastOptions_duration","children","Viewport","label","List","displayName"],"sources":["../../src/Toaster.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAAAA,GAAY,IAAAC,IAAA,QAAW;AACvB,YAASC,KAAA,MAAa;AAsKZ,SAAAC,KAAA;AA9CH,IAAAC,OAAM,kBAAgBF,KAAA,CAAAG,UAAA,UAAAC,SAAAC,KAAA,EAAAC,GAAA;EAC3B;IAAAC,QAAS,iBAAoB;IAAAC,MAAA;IAAAC,aAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,kBAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAnB,KAAA;EAC3B,IAAAoB,sBAAM;EAAA,OACJ,eAAW1B,IAAA,CAAAE,KAAA;IAAAM,QACX;IAASC,MACT;IAAAC,aACA;IAAAC,GACA;IAAAC,QACA,GAAAc,sBAAA,GAAAN,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAAR,QAAA,cAAAc,sBAAA,cAAAA,sBAAA,GAAAd,QAAA;IAAAG,cACA;IAAAC,cACA;IAAAC,WACA;IAAAC,KACA;IAAAC,KACA;IAAAG,MACA;IAAAC,YACA;IAAAC,mBACA;IAAqBC,aACrB;IAAAE,QACA,iBAAA3B,IAAA,CAAAE,KAAA,CAAA0B,QAAA;MACArB,GAAA;MACAM,MAAA;MACFC,MAAI;MAEJe,KACE,EAAAR,kBAAA;MAACM,QAAA,iBAAA3B,IAAA,CAAAE,KAAA,CAAA4B,IAAA;IAAA;EAAA;AACC;AACA3B,OAAA,CACA4B,WAAA;AAAA,SACA5B,OACA","ignoreList":[]}
|
package/dist/esm/constants.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["TOAST_NAME","TOAST_CONTEXT"],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,UAAA,GAAa;AACnB,MAAMC,aAAA,GAAgB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["TOAST_NAME","TOAST_CONTEXT"],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAAO,IAAAA,UAAM,UAAa;AACnB,IAAAC,aAAM,UAAgB","ignoreList":[]}
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
package/dist/esm/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
package/dist/esm/types.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
package/dist/esm/v2.mjs
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Toast, useToasts, useToastItem } from "./ToastComposable.mjs";
|
|
2
|
-
import { toast } from "./ToastState.mjs";
|
|
3
|
-
import { Toaster } from "./Toaster.mjs";
|
|
4
|
-
import { requestNotificationPermission } from "./createNativeToast.mjs";
|
|
5
|
-
export { Toast, Toaster, requestNotificationPermission, toast, useToastItem, useToasts };
|
|
6
|
-
//# sourceMappingURL=v2.mjs.map
|
package/dist/esm/v2.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Toast","useToasts","useToastItem","toast","Toaster","requestNotificationPermission"],"sources":["../../src/v2.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,YAAA,QAAoB;AAY/C,SAASC,KAAA,QAAa;AAYtB,SAASC,OAAA,QAAe;AAKxB,SAASC,6BAAA,QAAqC","ignoreList":[]}
|
package/dist/esm/v2.native.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Toast, useToasts, useToastItem } from "./ToastComposable.native.js";
|
|
2
|
-
import { toast } from "./ToastState.native.js";
|
|
3
|
-
import { Toaster } from "./Toaster.native.js";
|
|
4
|
-
import { requestNotificationPermission } from "./createNativeToast.native.js";
|
|
5
|
-
export { Toast, Toaster, requestNotificationPermission, toast, useToastItem, useToasts };
|
|
6
|
-
//# sourceMappingURL=v2.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Toast","useToasts","useToastItem","toast","Toaster","requestNotificationPermission"],"sources":["../../src/v2.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,YAAA,QAAoB;AAY/C,SAASC,KAAA,QAAa;AAYtB,SAASC,OAAA,QAAe;AAKxB,SAASC,6BAAA,QAAqC","ignoreList":[]}
|
package/dist/jsx/Toast.mjs
DELETED
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
2
|
-
import { styled, useEvent } from "@tamagui/core";
|
|
3
|
-
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
4
|
-
import { YStack } from "@tamagui/stacks";
|
|
5
|
-
import { SizableText } from "@tamagui/text";
|
|
6
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
import { ToastAnnounceExclude } from "./ToastAnnounce.mjs";
|
|
9
|
-
import { useToast, useToastController, useToastState } from "./ToastImperative.mjs";
|
|
10
|
-
import { ToastImpl, ToastImplFrame, useToastInteractiveContext } from "./ToastImpl.mjs";
|
|
11
|
-
import { ToastProvider } from "./ToastProvider.mjs";
|
|
12
|
-
import { ToastViewport } from "./ToastViewport.mjs";
|
|
13
|
-
import { jsx } from "react/jsx-runtime";
|
|
14
|
-
const TITLE_NAME = "ToastTitle";
|
|
15
|
-
const ToastTitle = styled(SizableText, {
|
|
16
|
-
name: TITLE_NAME,
|
|
17
|
-
variants: {
|
|
18
|
-
unstyled: {
|
|
19
|
-
false: {
|
|
20
|
-
color: "$color",
|
|
21
|
-
size: "$4"
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
defaultVariants: {
|
|
26
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
const DESCRIPTION_NAME = "ToastDescription";
|
|
30
|
-
const ToastDescription = styled(SizableText, {
|
|
31
|
-
name: DESCRIPTION_NAME,
|
|
32
|
-
variants: {
|
|
33
|
-
unstyled: {
|
|
34
|
-
false: {
|
|
35
|
-
color: "$color11",
|
|
36
|
-
size: "$1"
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
defaultVariants: {
|
|
41
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
const ACTION_NAME = "ToastAction";
|
|
45
|
-
const ToastAction = React.forwardRef(function ToastAction2(props, forwardedRef) {
|
|
46
|
-
const {
|
|
47
|
-
altText,
|
|
48
|
-
...actionProps
|
|
49
|
-
} = props;
|
|
50
|
-
if (!altText) return null;
|
|
51
|
-
return /* @__PURE__ */jsx(ToastAnnounceExclude, {
|
|
52
|
-
altText,
|
|
53
|
-
asChild: true,
|
|
54
|
-
children: /* @__PURE__ */jsx(ToastClose, {
|
|
55
|
-
...actionProps,
|
|
56
|
-
ref: forwardedRef
|
|
57
|
-
})
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
ToastAction.propTypes = {
|
|
61
|
-
altText(props) {
|
|
62
|
-
if (!props.altText) {
|
|
63
|
-
return new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
|
|
64
|
-
}
|
|
65
|
-
return null;
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
const CLOSE_NAME = "ToastClose";
|
|
69
|
-
const ToastCloseFrame = styled(YStack, {
|
|
70
|
-
name: CLOSE_NAME,
|
|
71
|
-
render: "button"
|
|
72
|
-
});
|
|
73
|
-
const ToastClose = React.forwardRef(function ToastClose2(props, forwardedRef) {
|
|
74
|
-
const {
|
|
75
|
-
scope,
|
|
76
|
-
...closeProps
|
|
77
|
-
} = props;
|
|
78
|
-
const interactiveContext = useToastInteractiveContext(scope);
|
|
79
|
-
return /* @__PURE__ */jsx(ToastAnnounceExclude, {
|
|
80
|
-
asChild: true,
|
|
81
|
-
children: /* @__PURE__ */jsx(ToastCloseFrame, {
|
|
82
|
-
"aria-label": "Close",
|
|
83
|
-
...closeProps,
|
|
84
|
-
ref: forwardedRef,
|
|
85
|
-
onPress: composeEventHandlers(props.onPress, interactiveContext.onClose)
|
|
86
|
-
})
|
|
87
|
-
});
|
|
88
|
-
});
|
|
89
|
-
const ToastComponent = ToastImplFrame.styleable(function Toast(props, forwardedRef) {
|
|
90
|
-
const {
|
|
91
|
-
forceMount,
|
|
92
|
-
open: openProp,
|
|
93
|
-
defaultOpen,
|
|
94
|
-
onOpenChange,
|
|
95
|
-
...toastProps
|
|
96
|
-
} = props;
|
|
97
|
-
const [open, setOpen] = useControllableState({
|
|
98
|
-
prop: openProp,
|
|
99
|
-
defaultProp: defaultOpen ?? true,
|
|
100
|
-
onChange: onOpenChange,
|
|
101
|
-
strategy: "most-recent-wins"
|
|
102
|
-
});
|
|
103
|
-
const currentToast = useToastState();
|
|
104
|
-
const {
|
|
105
|
-
hide
|
|
106
|
-
} = useToastController();
|
|
107
|
-
const id = React.useId();
|
|
108
|
-
const onPause = useEvent(props.onPause);
|
|
109
|
-
const onResume = useEvent(props.onResume);
|
|
110
|
-
const isHide = currentToast?.hide === true;
|
|
111
|
-
const shouldShow = (forceMount || open) && !isHide;
|
|
112
|
-
return /* @__PURE__ */jsx(AnimatePresence, {
|
|
113
|
-
children: shouldShow ? /* @__PURE__ */jsx(ToastImpl, {
|
|
114
|
-
id,
|
|
115
|
-
open,
|
|
116
|
-
...toastProps,
|
|
117
|
-
ref: forwardedRef,
|
|
118
|
-
onClose: () => {
|
|
119
|
-
setOpen(false);
|
|
120
|
-
hide();
|
|
121
|
-
},
|
|
122
|
-
onPause,
|
|
123
|
-
onResume,
|
|
124
|
-
onSwipeEnd: composeEventHandlers(props.onSwipeEnd, event => {
|
|
125
|
-
setOpen(false);
|
|
126
|
-
})
|
|
127
|
-
}) : null
|
|
128
|
-
}, id);
|
|
129
|
-
});
|
|
130
|
-
const Toast2 = withStaticProperties(ToastComponent, {
|
|
131
|
-
Title: ToastTitle,
|
|
132
|
-
Description: ToastDescription,
|
|
133
|
-
Action: ToastAction,
|
|
134
|
-
Close: ToastClose
|
|
135
|
-
});
|
|
136
|
-
export { Toast2 as Toast, ToastProvider, ToastViewport, useToast, useToastController, useToastState };
|
|
137
|
-
//# sourceMappingURL=Toast.mjs.map
|
package/dist/jsx/Toast.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["AnimatePresence","styled","useEvent","composeEventHandlers","withStaticProperties","YStack","SizableText","useControllableState","React","ToastAnnounceExclude","useToast","useToastController","useToastState","ToastImpl","ToastImplFrame","useToastInteractiveContext","ToastProvider","ToastViewport","jsx","TITLE_NAME","ToastTitle","name","variants","unstyled","false","color","size","defaultVariants","process","env","TAMAGUI_HEADLESS","DESCRIPTION_NAME","ToastDescription","ACTION_NAME","ToastAction","forwardRef","props","forwardedRef","altText","actionProps","asChild","children","ToastClose","ref","propTypes","Error","CLOSE_NAME","ToastCloseFrame","render","scope","closeProps","interactiveContext","onPress","onClose","ToastComponent","styleable","Toast","forceMount","open","openProp","defaultOpen","onOpenChange","toastProps","setOpen","prop","defaultProp","onChange","strategy","currentToast","hide","id","useId","onPause","onResume","isHide","shouldShow","onSwipeEnd","event","Title","Description","Action","Close"],"sources":["../../src/Toast.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|