@tamagui/v2-toast 2.0.0-1769464493958
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 +170 -0
- package/dist/cjs/Toast.js +119 -0
- package/dist/cjs/Toast.js.map +6 -0
- package/dist/cjs/Toast.native.js +174 -0
- package/dist/cjs/Toast.native.js.map +1 -0
- package/dist/cjs/ToastAnnounce.cjs +97 -0
- package/dist/cjs/ToastAnnounce.js +72 -0
- package/dist/cjs/ToastAnnounce.js.map +6 -0
- package/dist/cjs/ToastAnnounce.native.js +105 -0
- package/dist/cjs/ToastAnnounce.native.js.map +1 -0
- package/dist/cjs/ToastImperative.cjs +100 -0
- package/dist/cjs/ToastImperative.js +71 -0
- package/dist/cjs/ToastImperative.js.map +6 -0
- package/dist/cjs/ToastImperative.native.js +122 -0
- package/dist/cjs/ToastImperative.native.js.map +1 -0
- package/dist/cjs/ToastImpl.cjs +292 -0
- package/dist/cjs/ToastImpl.js +227 -0
- package/dist/cjs/ToastImpl.js.map +6 -0
- package/dist/cjs/ToastImpl.native.js +327 -0
- package/dist/cjs/ToastImpl.native.js.map +1 -0
- package/dist/cjs/ToastItem.cjs +466 -0
- package/dist/cjs/ToastItem.js +356 -0
- package/dist/cjs/ToastItem.js.map +6 -0
- package/dist/cjs/ToastItem.native.js +547 -0
- package/dist/cjs/ToastItem.native.js.map +1 -0
- package/dist/cjs/ToastPortal.cjs +44 -0
- package/dist/cjs/ToastPortal.js +26 -0
- package/dist/cjs/ToastPortal.js.map +6 -0
- package/dist/cjs/ToastPortal.native.js +47 -0
- package/dist/cjs/ToastPortal.native.js.map +1 -0
- package/dist/cjs/ToastProvider.cjs +146 -0
- package/dist/cjs/ToastProvider.js +105 -0
- package/dist/cjs/ToastProvider.js.map +6 -0
- package/dist/cjs/ToastProvider.native.js +159 -0
- package/dist/cjs/ToastProvider.native.js.map +1 -0
- package/dist/cjs/ToastState.cjs +248 -0
- package/dist/cjs/ToastState.js +160 -0
- package/dist/cjs/ToastState.js.map +6 -0
- package/dist/cjs/ToastState.native.js +257 -0
- package/dist/cjs/ToastState.native.js.map +1 -0
- package/dist/cjs/ToastViewport.cjs +278 -0
- package/dist/cjs/ToastViewport.js +263 -0
- package/dist/cjs/ToastViewport.js.map +6 -0
- package/dist/cjs/ToastViewport.native.js +316 -0
- package/dist/cjs/ToastViewport.native.js.map +1 -0
- package/dist/cjs/Toaster.cjs +219 -0
- package/dist/cjs/Toaster.js +177 -0
- package/dist/cjs/Toaster.js.map +6 -0
- package/dist/cjs/Toaster.native.js +279 -0
- package/dist/cjs/Toaster.native.js.map +1 -0
- package/dist/cjs/constants.cjs +28 -0
- package/dist/cjs/constants.js +22 -0
- package/dist/cjs/constants.js.map +6 -0
- package/dist/cjs/constants.native.js +31 -0
- package/dist/cjs/constants.native.js.map +1 -0
- package/dist/cjs/createNativeToast.cjs +51 -0
- package/dist/cjs/createNativeToast.js +44 -0
- package/dist/cjs/createNativeToast.js.map +6 -0
- package/dist/cjs/createNativeToast.native.js +47 -0
- package/dist/cjs/createNativeToast.native.js.map +1 -0
- package/dist/cjs/index.cjs +28 -0
- package/dist/cjs/index.js +22 -0
- package/dist/cjs/index.js.map +6 -0
- package/dist/cjs/index.native.js +31 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/types.cjs +16 -0
- package/dist/cjs/types.js +14 -0
- package/dist/cjs/types.js.map +6 -0
- package/dist/cjs/types.native.js +19 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/cjs/useDragGesture.cjs +129 -0
- package/dist/cjs/useDragGesture.js +100 -0
- package/dist/cjs/useDragGesture.js.map +6 -0
- package/dist/cjs/useDragGesture.native.js +146 -0
- package/dist/cjs/useDragGesture.native.js.map +1 -0
- package/dist/esm/Toast.js +107 -0
- package/dist/esm/Toast.js.map +6 -0
- package/dist/esm/Toast.mjs +131 -0
- package/dist/esm/Toast.mjs.map +1 -0
- package/dist/esm/Toast.native.js +132 -0
- package/dist/esm/Toast.native.js.map +1 -0
- package/dist/esm/ToastAnnounce.js +55 -0
- package/dist/esm/ToastAnnounce.js.map +6 -0
- package/dist/esm/ToastAnnounce.mjs +62 -0
- package/dist/esm/ToastAnnounce.mjs.map +1 -0
- package/dist/esm/ToastAnnounce.native.js +67 -0
- package/dist/esm/ToastAnnounce.native.js.map +1 -0
- package/dist/esm/ToastImperative.js +50 -0
- package/dist/esm/ToastImperative.js.map +6 -0
- package/dist/esm/ToastImperative.mjs +63 -0
- package/dist/esm/ToastImperative.mjs.map +1 -0
- package/dist/esm/ToastImperative.native.js +82 -0
- package/dist/esm/ToastImperative.native.js.map +1 -0
- package/dist/esm/ToastImpl.js +225 -0
- package/dist/esm/ToastImpl.js.map +6 -0
- package/dist/esm/ToastImpl.mjs +256 -0
- package/dist/esm/ToastImpl.mjs.map +1 -0
- package/dist/esm/ToastImpl.native.js +288 -0
- package/dist/esm/ToastImpl.native.js.map +1 -0
- package/dist/esm/ToastItem.js +339 -0
- package/dist/esm/ToastItem.js.map +6 -0
- package/dist/esm/ToastItem.mjs +432 -0
- package/dist/esm/ToastItem.mjs.map +1 -0
- package/dist/esm/ToastItem.native.js +510 -0
- package/dist/esm/ToastItem.native.js.map +1 -0
- package/dist/esm/ToastPortal.js +13 -0
- package/dist/esm/ToastPortal.js.map +6 -0
- package/dist/esm/ToastPortal.mjs +21 -0
- package/dist/esm/ToastPortal.mjs.map +1 -0
- package/dist/esm/ToastPortal.native.js +21 -0
- package/dist/esm/ToastPortal.native.js.map +1 -0
- package/dist/esm/ToastProvider.js +87 -0
- package/dist/esm/ToastProvider.js.map +6 -0
- package/dist/esm/ToastProvider.mjs +108 -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.js +144 -0
- package/dist/esm/ToastState.js.map +6 -0
- package/dist/esm/ToastState.mjs +224 -0
- package/dist/esm/ToastState.mjs.map +1 -0
- package/dist/esm/ToastState.native.js +230 -0
- package/dist/esm/ToastState.native.js.map +1 -0
- package/dist/esm/ToastViewport.js +250 -0
- package/dist/esm/ToastViewport.js.map +6 -0
- package/dist/esm/ToastViewport.mjs +241 -0
- package/dist/esm/ToastViewport.mjs.map +1 -0
- package/dist/esm/ToastViewport.native.js +276 -0
- package/dist/esm/ToastViewport.native.js.map +1 -0
- package/dist/esm/Toaster.js +160 -0
- package/dist/esm/Toaster.js.map +6 -0
- package/dist/esm/Toaster.mjs +185 -0
- package/dist/esm/Toaster.mjs.map +1 -0
- package/dist/esm/Toaster.native.js +242 -0
- package/dist/esm/Toaster.native.js.map +1 -0
- package/dist/esm/constants.js +6 -0
- package/dist/esm/constants.js.map +6 -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.js +28 -0
- package/dist/esm/createNativeToast.js.map +6 -0
- package/dist/esm/createNativeToast.mjs +27 -0
- package/dist/esm/createNativeToast.mjs.map +1 -0
- package/dist/esm/createNativeToast.native.js +20 -0
- package/dist/esm/createNativeToast.native.js.map +1 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +6 -0
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +4 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/types.js +1 -0
- package/dist/esm/types.js.map +6 -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/useDragGesture.js +76 -0
- package/dist/esm/useDragGesture.js.map +6 -0
- package/dist/esm/useDragGesture.mjs +95 -0
- package/dist/esm/useDragGesture.mjs.map +1 -0
- package/dist/esm/useDragGesture.native.js +109 -0
- package/dist/esm/useDragGesture.native.js.map +1 -0
- package/dist/jsx/Toast.js +107 -0
- package/dist/jsx/Toast.js.map +6 -0
- package/dist/jsx/Toast.mjs +131 -0
- package/dist/jsx/Toast.mjs.map +1 -0
- package/dist/jsx/Toast.native.js +174 -0
- package/dist/jsx/Toast.native.js.map +1 -0
- package/dist/jsx/ToastAnnounce.js +55 -0
- package/dist/jsx/ToastAnnounce.js.map +6 -0
- package/dist/jsx/ToastAnnounce.mjs +62 -0
- package/dist/jsx/ToastAnnounce.mjs.map +1 -0
- package/dist/jsx/ToastAnnounce.native.js +105 -0
- package/dist/jsx/ToastAnnounce.native.js.map +1 -0
- package/dist/jsx/ToastImperative.js +50 -0
- package/dist/jsx/ToastImperative.js.map +6 -0
- package/dist/jsx/ToastImperative.mjs +63 -0
- package/dist/jsx/ToastImperative.mjs.map +1 -0
- package/dist/jsx/ToastImperative.native.js +122 -0
- package/dist/jsx/ToastImperative.native.js.map +1 -0
- package/dist/jsx/ToastImpl.js +225 -0
- package/dist/jsx/ToastImpl.js.map +6 -0
- package/dist/jsx/ToastImpl.mjs +256 -0
- package/dist/jsx/ToastImpl.mjs.map +1 -0
- package/dist/jsx/ToastImpl.native.js +327 -0
- package/dist/jsx/ToastImpl.native.js.map +1 -0
- package/dist/jsx/ToastItem.js +339 -0
- package/dist/jsx/ToastItem.js.map +6 -0
- package/dist/jsx/ToastItem.mjs +432 -0
- package/dist/jsx/ToastItem.mjs.map +1 -0
- package/dist/jsx/ToastItem.native.js +547 -0
- package/dist/jsx/ToastItem.native.js.map +1 -0
- package/dist/jsx/ToastPortal.js +13 -0
- package/dist/jsx/ToastPortal.js.map +6 -0
- package/dist/jsx/ToastPortal.mjs +21 -0
- package/dist/jsx/ToastPortal.mjs.map +1 -0
- package/dist/jsx/ToastPortal.native.js +47 -0
- package/dist/jsx/ToastPortal.native.js.map +1 -0
- package/dist/jsx/ToastProvider.js +87 -0
- package/dist/jsx/ToastProvider.js.map +6 -0
- package/dist/jsx/ToastProvider.mjs +108 -0
- package/dist/jsx/ToastProvider.mjs.map +1 -0
- package/dist/jsx/ToastProvider.native.js +159 -0
- package/dist/jsx/ToastProvider.native.js.map +1 -0
- package/dist/jsx/ToastState.js +144 -0
- package/dist/jsx/ToastState.js.map +6 -0
- package/dist/jsx/ToastState.mjs +224 -0
- package/dist/jsx/ToastState.mjs.map +1 -0
- package/dist/jsx/ToastState.native.js +257 -0
- package/dist/jsx/ToastState.native.js.map +1 -0
- package/dist/jsx/ToastViewport.js +250 -0
- package/dist/jsx/ToastViewport.js.map +6 -0
- package/dist/jsx/ToastViewport.mjs +241 -0
- package/dist/jsx/ToastViewport.mjs.map +1 -0
- package/dist/jsx/ToastViewport.native.js +316 -0
- package/dist/jsx/ToastViewport.native.js.map +1 -0
- package/dist/jsx/Toaster.js +160 -0
- package/dist/jsx/Toaster.js.map +6 -0
- package/dist/jsx/Toaster.mjs +185 -0
- package/dist/jsx/Toaster.mjs.map +1 -0
- package/dist/jsx/Toaster.native.js +279 -0
- package/dist/jsx/Toaster.native.js.map +1 -0
- package/dist/jsx/constants.js +6 -0
- package/dist/jsx/constants.js.map +6 -0
- package/dist/jsx/constants.mjs +4 -0
- package/dist/jsx/constants.mjs.map +1 -0
- package/dist/jsx/constants.native.js +31 -0
- package/dist/jsx/constants.native.js.map +1 -0
- package/dist/jsx/createNativeToast.js +28 -0
- package/dist/jsx/createNativeToast.js.map +6 -0
- package/dist/jsx/createNativeToast.mjs +27 -0
- package/dist/jsx/createNativeToast.mjs.map +1 -0
- package/dist/jsx/createNativeToast.native.js +47 -0
- package/dist/jsx/createNativeToast.native.js.map +1 -0
- package/dist/jsx/index.js +7 -0
- package/dist/jsx/index.js.map +6 -0
- package/dist/jsx/index.mjs +4 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +31 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/dist/jsx/types.js +1 -0
- package/dist/jsx/types.js.map +6 -0
- package/dist/jsx/types.mjs +2 -0
- package/dist/jsx/types.mjs.map +1 -0
- package/dist/jsx/types.native.js +19 -0
- package/dist/jsx/types.native.js.map +1 -0
- package/dist/jsx/useDragGesture.js +76 -0
- package/dist/jsx/useDragGesture.js.map +6 -0
- package/dist/jsx/useDragGesture.mjs +95 -0
- package/dist/jsx/useDragGesture.mjs.map +1 -0
- package/dist/jsx/useDragGesture.native.js +146 -0
- package/dist/jsx/useDragGesture.native.js.map +1 -0
- package/package.json +77 -0
- package/src/Toast.tsx +219 -0
- package/src/ToastAnnounce.tsx +102 -0
- package/src/ToastImperative.tsx +190 -0
- package/src/ToastImpl.tsx +503 -0
- package/src/ToastItem.tsx +694 -0
- package/src/ToastPortal.tsx +19 -0
- package/src/ToastProvider.tsx +197 -0
- package/src/ToastState.ts +397 -0
- package/src/ToastViewport.tsx +430 -0
- package/src/Toaster.tsx +445 -0
- package/src/constants.ts +2 -0
- package/src/createNativeToast.native.tsx +22 -0
- package/src/createNativeToast.tsx +48 -0
- package/src/index.ts +17 -0
- package/src/types.ts +71 -0
- package/src/useDragGesture.native.ts +199 -0
- package/src/useDragGesture.ts +218 -0
- package/types/Toast.d.ts +84 -0
- package/types/Toast.d.ts.map +1 -0
- package/types/ToastAnnounce.d.ts +18 -0
- package/types/ToastAnnounce.d.ts.map +1 -0
- package/types/ToastImperative.d.ts +95 -0
- package/types/ToastImperative.d.ts.map +1 -0
- package/types/ToastImpl.d.ts +109 -0
- package/types/ToastImpl.d.ts.map +1 -0
- package/types/ToastItem.d.ts +34 -0
- package/types/ToastItem.d.ts.map +1 -0
- package/types/ToastPortal.d.ts +8 -0
- package/types/ToastPortal.d.ts.map +1 -0
- package/types/ToastProvider.d.ts +92 -0
- package/types/ToastProvider.d.ts.map +1 -0
- package/types/ToastState.d.ts +177 -0
- package/types/ToastState.d.ts.map +1 -0
- package/types/ToastViewport.d.ts +75 -0
- package/types/ToastViewport.d.ts.map +1 -0
- package/types/Toaster.d.ts +120 -0
- package/types/Toaster.d.ts.map +1 -0
- package/types/constants.d.ts +3 -0
- package/types/constants.d.ts.map +1 -0
- package/types/createNativeToast.d.ts +4 -0
- package/types/createNativeToast.d.ts.map +1 -0
- package/types/createNativeToast.native.d.ts +4 -0
- package/types/createNativeToast.native.d.ts.map +1 -0
- package/types/index.d.ts +7 -0
- package/types/index.d.ts.map +1 -0
- package/types/types.d.ts +61 -0
- package/types/types.d.ts.map +1 -0
- package/types/useDragGesture.d.ts +32 -0
- package/types/useDragGesture.d.ts.map +1 -0
- package/types/useDragGesture.native.d.ts +26 -0
- package/types/useDragGesture.native.d.ts.map +1 -0
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
2
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
+
import { isWeb } from "@tamagui/constants";
|
|
4
|
+
import { styled } from "@tamagui/core";
|
|
5
|
+
import { PortalHost } from "@tamagui/portal";
|
|
6
|
+
import { YStack } from "@tamagui/stacks";
|
|
7
|
+
import { VisuallyHidden } from "@tamagui/visually-hidden";
|
|
8
|
+
import * as React from "react";
|
|
9
|
+
import { TOAST_CONTEXT } from "./constants";
|
|
10
|
+
import { ToastPortal } from "./ToastPortal";
|
|
11
|
+
import { Collection, useCollection, useToastProviderContext } from "./ToastProvider";
|
|
12
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
+
const VIEWPORT_NAME = "ToastViewport", VIEWPORT_DEFAULT_HOTKEY = ["F8"], VIEWPORT_PAUSE = "toast.viewportPause", VIEWPORT_RESUME = "toast.viewportResume", ToastViewportWrapperFrame = styled(YStack, {
|
|
14
|
+
name: "ViewportWrapper",
|
|
15
|
+
variants: {
|
|
16
|
+
unstyled: {
|
|
17
|
+
false: {
|
|
18
|
+
pointerEvents: "box-none",
|
|
19
|
+
top: 0,
|
|
20
|
+
bottom: 0,
|
|
21
|
+
left: 0,
|
|
22
|
+
right: 0,
|
|
23
|
+
position: isWeb ? "fixed" : "absolute",
|
|
24
|
+
maxWidth: "100%",
|
|
25
|
+
tabIndex: 0,
|
|
26
|
+
zIndex: 1e5
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
32
|
+
}
|
|
33
|
+
}), ToastViewportFrame = styled(YStack, {
|
|
34
|
+
name: VIEWPORT_NAME,
|
|
35
|
+
variants: {
|
|
36
|
+
unstyled: {
|
|
37
|
+
false: {
|
|
38
|
+
pointerEvents: "box-none",
|
|
39
|
+
position: isWeb ? "fixed" : "absolute",
|
|
40
|
+
maxWidth: "100%"
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
46
|
+
}
|
|
47
|
+
}), ToastViewport = React.memo(
|
|
48
|
+
React.forwardRef(
|
|
49
|
+
(props, forwardedRef) => {
|
|
50
|
+
const {
|
|
51
|
+
scope,
|
|
52
|
+
hotkey = VIEWPORT_DEFAULT_HOTKEY,
|
|
53
|
+
label = "Notifications ({hotkey})",
|
|
54
|
+
name = "default",
|
|
55
|
+
multipleToasts,
|
|
56
|
+
zIndex,
|
|
57
|
+
portalToRoot,
|
|
58
|
+
...viewportProps
|
|
59
|
+
} = props, context = useToastProviderContext(scope), getItems = useCollection(scope || TOAST_CONTEXT), headFocusProxyRef = React.useRef(null), tailFocusProxyRef = React.useRef(null), wrapperRef = React.useRef(null), ref = React.useRef(null), onViewportChange = React.useCallback(
|
|
60
|
+
(el) => {
|
|
61
|
+
context.viewports[name] !== el && context.onViewportChange(name, el);
|
|
62
|
+
},
|
|
63
|
+
[name, context.viewports]
|
|
64
|
+
), composedRefs = useComposedRefs(forwardedRef, ref, onViewportChange), hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""), hasToasts = context.toastCount > 0;
|
|
65
|
+
React.useEffect(() => {
|
|
66
|
+
if (!isWeb || context.toastCount === 0) return;
|
|
67
|
+
const handleKeyDown = (event) => {
|
|
68
|
+
hotkey.every(
|
|
69
|
+
(key) => event[key] || event.code === key
|
|
70
|
+
) && ref.current?.focus();
|
|
71
|
+
};
|
|
72
|
+
return document.addEventListener("keydown", handleKeyDown), () => {
|
|
73
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
74
|
+
};
|
|
75
|
+
}, [hotkey, context.toastCount]), React.useEffect(() => {
|
|
76
|
+
if (!isWeb || context.toastCount === 0) return;
|
|
77
|
+
const wrapper = wrapperRef.current, viewport = ref.current;
|
|
78
|
+
if (hasToasts && wrapper && viewport) {
|
|
79
|
+
const handlePause = () => {
|
|
80
|
+
if (!context.isClosePausedRef.current) {
|
|
81
|
+
const pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
|
|
82
|
+
viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
|
|
83
|
+
}
|
|
84
|
+
}, handleResume = () => {
|
|
85
|
+
if (context.isClosePausedRef.current) {
|
|
86
|
+
const resumeEvent = new CustomEvent(VIEWPORT_RESUME);
|
|
87
|
+
viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
|
|
88
|
+
}
|
|
89
|
+
}, handleFocusOutResume = (event) => {
|
|
90
|
+
!wrapper.contains(
|
|
91
|
+
event.relatedTarget
|
|
92
|
+
) && handleResume();
|
|
93
|
+
}, handlePointerLeaveResume = () => {
|
|
94
|
+
wrapper.contains(document.activeElement) || handleResume();
|
|
95
|
+
};
|
|
96
|
+
return wrapper.addEventListener("focusin", handlePause), wrapper.addEventListener("focusout", handleFocusOutResume), wrapper.addEventListener("pointermove", handlePause), wrapper.addEventListener("pointerleave", handlePointerLeaveResume), window.addEventListener("blur", handlePause), window.addEventListener("focus", handleResume), () => {
|
|
97
|
+
wrapper.removeEventListener("focusin", handlePause), wrapper.removeEventListener("focusout", handleFocusOutResume), wrapper.removeEventListener("pointermove", handlePause), wrapper.removeEventListener("pointerleave", handlePointerLeaveResume), window.removeEventListener("blur", handlePause), window.removeEventListener("focus", handleResume);
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
}, [hasToasts, context.isClosePausedRef, context.toastCount]);
|
|
101
|
+
const getSortedTabbableCandidates = React.useCallback(
|
|
102
|
+
({ tabbingDirection }) => {
|
|
103
|
+
const tabbableCandidates = getItems().map((toastItem) => {
|
|
104
|
+
const toastNode = toastItem.ref.current, toastTabbableCandidates = [
|
|
105
|
+
toastNode,
|
|
106
|
+
...getTabbableCandidates(toastNode)
|
|
107
|
+
];
|
|
108
|
+
return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
|
|
109
|
+
});
|
|
110
|
+
return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
|
|
111
|
+
},
|
|
112
|
+
[getItems]
|
|
113
|
+
);
|
|
114
|
+
React.useEffect(() => {
|
|
115
|
+
if (!isWeb || context.toastCount === 0) return;
|
|
116
|
+
const viewport = ref.current;
|
|
117
|
+
if (viewport) {
|
|
118
|
+
const handleKeyDown = (event) => {
|
|
119
|
+
const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
|
|
120
|
+
if (event.key === "Tab" && !isMetaKey) {
|
|
121
|
+
const focusedElement = document.activeElement, isTabbingBackwards = event.shiftKey;
|
|
122
|
+
if (event.target === viewport && isTabbingBackwards) {
|
|
123
|
+
headFocusProxyRef.current?.focus();
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection: isTabbingBackwards ? "backwards" : "forwards" }), index = sortedCandidates.findIndex(
|
|
127
|
+
(candidate) => candidate === focusedElement
|
|
128
|
+
);
|
|
129
|
+
focusFirst(sortedCandidates.slice(index + 1)) ? event.preventDefault() : isTabbingBackwards ? (
|
|
130
|
+
// @ts-ignore ali TODO type
|
|
131
|
+
headFocusProxyRef.current?.focus()
|
|
132
|
+
) : (
|
|
133
|
+
// @ts-ignore ali TODO type
|
|
134
|
+
tailFocusProxyRef.current?.focus()
|
|
135
|
+
);
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
return viewport.addEventListener("keydown", handleKeyDown), () => viewport.removeEventListener("keydown", handleKeyDown);
|
|
139
|
+
}
|
|
140
|
+
}, [getItems, getSortedTabbableCandidates, context.toastCount]);
|
|
141
|
+
const contents = /* @__PURE__ */ jsxs(
|
|
142
|
+
ToastViewportWrapperFrame,
|
|
143
|
+
{
|
|
144
|
+
ref: wrapperRef,
|
|
145
|
+
role: "region",
|
|
146
|
+
"aria-label": label.replace("{hotkey}", hotkeyLabel),
|
|
147
|
+
tabIndex: -1,
|
|
148
|
+
children: [
|
|
149
|
+
hasToasts && /* @__PURE__ */ jsx(
|
|
150
|
+
FocusProxy,
|
|
151
|
+
{
|
|
152
|
+
context,
|
|
153
|
+
viewportName: name,
|
|
154
|
+
ref: headFocusProxyRef,
|
|
155
|
+
onFocusFromOutsideViewport: () => {
|
|
156
|
+
const tabbableCandidates = getSortedTabbableCandidates({
|
|
157
|
+
tabbingDirection: "forwards"
|
|
158
|
+
});
|
|
159
|
+
focusFirst(tabbableCandidates);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
),
|
|
163
|
+
/* @__PURE__ */ jsx(Collection.Slot, { scope: context.toastScope, children: /* @__PURE__ */ jsx(
|
|
164
|
+
ToastViewportFrame,
|
|
165
|
+
{
|
|
166
|
+
focusable: context.toastCount > 0,
|
|
167
|
+
ref: composedRefs,
|
|
168
|
+
...viewportProps,
|
|
169
|
+
children: /* @__PURE__ */ jsx(
|
|
170
|
+
PortalHost,
|
|
171
|
+
{
|
|
172
|
+
render: (children) => /* @__PURE__ */ jsx(AnimatePresence, { exitBeforeEnter: !multipleToasts, children }),
|
|
173
|
+
name: name ?? "default"
|
|
174
|
+
}
|
|
175
|
+
)
|
|
176
|
+
}
|
|
177
|
+
) }),
|
|
178
|
+
hasToasts && /* @__PURE__ */ jsx(
|
|
179
|
+
FocusProxy,
|
|
180
|
+
{
|
|
181
|
+
context,
|
|
182
|
+
viewportName: name,
|
|
183
|
+
ref: tailFocusProxyRef,
|
|
184
|
+
onFocusFromOutsideViewport: () => {
|
|
185
|
+
const tabbableCandidates = getSortedTabbableCandidates({
|
|
186
|
+
tabbingDirection: "backwards"
|
|
187
|
+
});
|
|
188
|
+
focusFirst(tabbableCandidates);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
)
|
|
192
|
+
]
|
|
193
|
+
}
|
|
194
|
+
);
|
|
195
|
+
return portalToRoot ? /* @__PURE__ */ jsx(
|
|
196
|
+
ToastPortal,
|
|
197
|
+
{
|
|
198
|
+
context,
|
|
199
|
+
...typeof zIndex == "number" ? { zIndex } : {},
|
|
200
|
+
children: contents
|
|
201
|
+
}
|
|
202
|
+
) : contents;
|
|
203
|
+
}
|
|
204
|
+
)
|
|
205
|
+
);
|
|
206
|
+
ToastViewport.displayName = VIEWPORT_NAME;
|
|
207
|
+
const FOCUS_PROXY_NAME = "ToastFocusProxy", FocusProxy = React.forwardRef(
|
|
208
|
+
(props, forwardedRef) => {
|
|
209
|
+
const { onFocusFromOutsideViewport, viewportName, context, ...proxyProps } = props, viewport = context.viewports[viewportName];
|
|
210
|
+
return /* @__PURE__ */ jsx(
|
|
211
|
+
VisuallyHidden,
|
|
212
|
+
{
|
|
213
|
+
"aria-hidden": !0,
|
|
214
|
+
tabIndex: 0,
|
|
215
|
+
...proxyProps,
|
|
216
|
+
ref: forwardedRef,
|
|
217
|
+
position: isWeb ? "fixed" : "absolute",
|
|
218
|
+
onFocus: (event) => {
|
|
219
|
+
if (!isWeb) return;
|
|
220
|
+
const prevFocusedElement = event.relatedTarget;
|
|
221
|
+
!viewport?.contains(prevFocusedElement) && onFocusFromOutsideViewport();
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
);
|
|
225
|
+
}
|
|
226
|
+
);
|
|
227
|
+
FocusProxy.displayName = FOCUS_PROXY_NAME;
|
|
228
|
+
function focusFirst(candidates) {
|
|
229
|
+
if (!isWeb) return;
|
|
230
|
+
const previouslyFocusedElement = document.activeElement;
|
|
231
|
+
return candidates.some((candidate) => candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement));
|
|
232
|
+
}
|
|
233
|
+
function getTabbableCandidates(container) {
|
|
234
|
+
if (!isWeb) return [];
|
|
235
|
+
const containerHtml = container, nodes = [], walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
|
|
236
|
+
acceptNode: (node) => {
|
|
237
|
+
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
238
|
+
return node.disabled || node.hidden || isHiddenInput ? NodeFilter.FILTER_SKIP : node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
239
|
+
}
|
|
240
|
+
});
|
|
241
|
+
for (; walker.nextNode(); ) nodes.push(walker.currentNode);
|
|
242
|
+
return nodes;
|
|
243
|
+
}
|
|
244
|
+
export {
|
|
245
|
+
ToastViewport,
|
|
246
|
+
VIEWPORT_DEFAULT_HOTKEY,
|
|
247
|
+
VIEWPORT_PAUSE,
|
|
248
|
+
VIEWPORT_RESUME
|
|
249
|
+
};
|
|
250
|
+
//# sourceMappingURL=ToastViewport.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ToastViewport.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEtB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAE5B,SAAS,YAAY,eAAe,+BAA+B;AA0P3D,SAYI,KAZJ;AAxPR,MAAM,gBAAgB,iBAChB,0BAA0B,CAAC,IAAI,GAC/B,iBAAiB,uBACjB,kBAAkB,wBAElB,4BAA4B,OAAO,QAAQ;AAAA,EAC/C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,eAAe;AAAA,QACf,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU,QAAS,UAAkB;AAAA,QACrC,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,qBAAqB,OAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,eAAe;AAAA,QACf,UAAU,QAAS,UAAkB;AAAA,QACrC,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GA6BK,gBAAgB,MAAM;AAAA,EAC1B,MAAM;AAAA,IACJ,CAAC,OAAwC,iBAAiB;AACxD,YAAM;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL,IAAI,OACE,UAAU,wBAAwB,KAAK,GACvC,WAAW,cAAc,SAAS,aAAa,GAC/C,oBAAoB,MAAM,OAA0B,IAAI,GACxD,oBAAoB,MAAM,OAA0B,IAAI,GACxD,aAAa,MAAM,OAAuB,IAAI,GAC9C,MAAM,MAAM,OAAuB,IAAI,GACvC,mBAAmB,MAAM;AAAA,QAC7B,CAAC,OAAuB;AACtB,UAAI,QAAQ,UAAU,IAAI,MAAM,MAAI,QAAQ,iBAAiB,MAAM,EAAE;AAAA,QACvE;AAAA,QACA,CAAC,MAAM,QAAQ,SAAS;AAAA,MAC1B,GAEM,eAAe,gBAAgB,cAAc,KAAK,gBAAgB,GAClE,cAAc,OAAO,KAAK,GAAG,EAAE,QAAQ,QAAQ,EAAE,EAAE,QAAQ,UAAU,EAAE,GACvE,YAAY,QAAQ,aAAa;AAEvC,YAAM,UAAU,MAAM;AAEpB,YADI,CAAC,SACD,QAAQ,eAAe,EAAG;AAC9B,cAAM,gBAAgB,CAAC,UAAyB;AAM9C,UAHwB,OAAO;AAAA,YAC7B,CAAC,QAAS,MAAc,GAAG,KAAK,MAAM,SAAS;AAAA,UACjD,KACqB,IAAI,SAAS,MAAM;AAAA,QAC1C;AACA,wBAAS,iBAAiB,WAAW,aAAa,GAC3C,MAAM;AACX,mBAAS,oBAAoB,WAAW,aAAa;AAAA,QACvD;AAAA,MACF,GAAG,CAAC,QAAQ,QAAQ,UAAU,CAAC,GAE/B,MAAM,UAAU,MAAM;AAEpB,YADI,CAAC,SACD,QAAQ,eAAe,EAAG;AAC9B,cAAM,UAAU,WAAW,SACrB,WAAW,IAAI;AACrB,YAAI,aAAa,WAAW,UAAU;AACpC,gBAAM,cAAc,MAAM;AACxB,gBAAI,CAAC,QAAQ,iBAAiB,SAAS;AACrC,oBAAM,aAAa,IAAI,YAAY,cAAc;AACjD,uBAAS,cAAc,UAAU,GACjC,QAAQ,iBAAiB,UAAU;AAAA,YACrC;AAAA,UACF,GAEM,eAAe,MAAM;AACzB,gBAAI,QAAQ,iBAAiB,SAAS;AACpC,oBAAM,cAAc,IAAI,YAAY,eAAe;AACnD,uBAAS,cAAc,WAAW,GAClC,QAAQ,iBAAiB,UAAU;AAAA,YACrC;AAAA,UACF,GAEM,uBAAuB,CAAC,UAAsB;AAIlD,YAH6B,CAAC,QAAQ;AAAA,cACpC,MAAM;AAAA,YACR,KAC0B,aAAa;AAAA,UACzC,GAEM,2BAA2B,MAAM;AAErC,YADsB,QAAQ,SAAS,SAAS,aAAa,KACzC,aAAa;AAAA,UACnC;AAGA,yBAAQ,iBAAiB,WAAW,WAAW,GAC/C,QAAQ,iBAAiB,YAAY,oBAAoB,GACzD,QAAQ,iBAAiB,eAAe,WAAW,GACnD,QAAQ,iBAAiB,gBAAgB,wBAAwB,GACjE,OAAO,iBAAiB,QAAQ,WAAW,GAC3C,OAAO,iBAAiB,SAAS,YAAY,GACtC,MAAM;AACX,oBAAQ,oBAAoB,WAAW,WAAW,GAClD,QAAQ,oBAAoB,YAAY,oBAAoB,GAC5D,QAAQ,oBAAoB,eAAe,WAAW,GACtD,QAAQ,oBAAoB,gBAAgB,wBAAwB,GACpE,OAAO,oBAAoB,QAAQ,WAAW,GAC9C,OAAO,oBAAoB,SAAS,YAAY;AAAA,UAClD;AAAA,QACF;AAAA,MACF,GAAG,CAAC,WAAW,QAAQ,kBAAkB,QAAQ,UAAU,CAAC;AAE5D,YAAM,8BAA8B,MAAM;AAAA,QACxC,CAAC,EAAE,iBAAiB,MAAsD;AAExE,gBAAM,qBADa,SAAS,EACU,IAAI,CAAC,cAAc;AACvD,kBAAM,YAAY,UAAU,IAAI,SAC1B,0BAA0B;AAAA,cAC9B;AAAA,cACA,GAAG,sBAAsB,SAAS;AAAA,YACpC;AACA,mBAAO,qBAAqB,aACxB,0BACA,wBAAwB,QAAQ;AAAA,UACtC,CAAC;AACD,kBACE,qBAAqB,aACjB,mBAAmB,QAAQ,IAC3B,oBACJ,KAAK;AAAA,QACT;AAAA,QACA,CAAC,QAAQ;AAAA,MACX;AAEA,YAAM,UAAU,MAAM;AAEpB,YADI,CAAC,SACD,QAAQ,eAAe,EAAG;AAE9B,cAAM,WAAW,IAAI;AAIrB,YAAI,UAAU;AACZ,gBAAM,gBAAgB,CAAC,UAAyB;AAC9C,kBAAM,YAAY,MAAM,UAAU,MAAM,WAAW,MAAM;AAGzD,gBAFiB,MAAM,QAAQ,SAAS,CAAC,WAE3B;AACZ,oBAAM,iBAAiB,SAAS,eAC1B,qBAAqB,MAAM;AAKjC,kBAJyB,MAAM,WAAW,YAIlB,oBAAoB;AAE1C,kCAAkB,SAAS,MAAM;AACjC;AAAA,cACF;AAGA,oBAAM,mBAAmB,4BAA4B,EAAE,kBAD9B,qBAAqB,cAAc,WACY,CAAC,GACnE,QAAQ,iBAAiB;AAAA,gBAC7B,CAAC,cAAc,cAAc;AAAA,cAC/B;AACA,cAAI,WAAW,iBAAiB,MAAM,QAAQ,CAAC,CAAQ,IACrD,MAAM,eAAe,IAKrB;AAAA;AAAA,gBAEI,kBAAkB,SAAS,MAAM;AAAA;AAAA;AAAA,gBAEjC,kBAAkB,SAAS,MAAM;AAAA;AAAA,YAEzC;AAAA,UACF;AAGA,0BAAS,iBAAiB,WAAW,aAAa,GAC3C,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,QACpE;AAAA,MACF,GAAG,CAAC,UAAU,6BAA6B,QAAQ,UAAU,CAAC;AAE9D,YAAM,WACJ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UAEL,MAAK;AAAA,UACL,cAAY,MAAM,QAAQ,YAAY,WAAW;AAAA,UAEjD,UAAU;AAAA,UAKT;AAAA,yBACC;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,cAAc;AAAA,gBACd,KAAK;AAAA,gBACL,4BAA4B,MAAM;AAChC,wBAAM,qBAAqB,4BAA4B;AAAA,oBACrD,kBAAkB;AAAA,kBACpB,CAAC;AACD,6BAAW,kBAAyB;AAAA,gBACtC;AAAA;AAAA,YACF;AAAA,YAMF,oBAAC,WAAW,MAAX,EAAgB,OAAO,QAAQ,YAC9B;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,QAAQ,aAAa;AAAA,gBAChC,KAAK;AAAA,gBACJ,GAAG;AAAA,gBAEJ;AAAA,kBAAC;AAAA;AAAA,oBACC,QAAQ,CAAC,aACP,oBAAC,mBAAgB,iBAAiB,CAAC,gBAChC,UACH;AAAA,oBAEF,MAAM,QAAQ;AAAA;AAAA,gBAChB;AAAA;AAAA,YACF,GACF;AAAA,YACC,aACC;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,cAAc;AAAA,gBACd,KAAK;AAAA,gBACL,4BAA4B,MAAM;AAChC,wBAAM,qBAAqB,4BAA4B;AAAA,oBACrD,kBAAkB;AAAA,kBACpB,CAAC;AACD,6BAAW,kBAAyB;AAAA,gBACtC;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MAEJ;AAGF,aAAI,eAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACC,GAAI,OAAO,UAAW,WAAW,EAAE,OAAO,IAAI,CAAC;AAAA,UAE/C;AAAA;AAAA,MACH,IAIG;AAAA,IACT;AAAA,EACF;AACF;AAEA,cAAc,cAAc;AAI5B,MAAM,mBAAmB,mBAYnB,aAAa,MAAM;AAAA,EACvB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,4BAA4B,cAAc,SAAS,GAAG,WAAW,IAAI,OACvE,WAAW,QAAQ,UAAU,YAAY;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,KAAK;AAAA,QAEL,UAAU,QAAS,UAAkB;AAAA,QACrC,SAAS,CAAC,UAAU;AAClB,cAAI,CAAC,MAAO;AACZ,gBAAM,qBAAqB,MAAM;AAEjC,UADmC,CAAC,UAAU,SAAS,kBAAkB,KACzC,2BAA2B;AAAA,QAC7D;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAIzB,SAAS,WAAW,YAA8B;AAChD,MAAI,CAAC,MAAO;AACZ,QAAM,2BAA2B,SAAS;AAC1C,SAAO,WAAW,KAAK,CAAC,cAElB,cAAc,2BAAiC,MACnD,UAAU,MAAM,GACT,SAAS,kBAAkB,yBACnC;AACH;AAYA,SAAS,sBAAsB,WAA2B;AACxD,MAAI,CAAC,MAAO,QAAO,CAAC;AACpB,QAAM,gBAAgB,WAChB,QAAuB,CAAC,GACxB,SAAS,SAAS,iBAAiB,eAAe,WAAW,cAAc;AAAA,IAC/E,YAAY,CAAC,SAAc;AACzB,YAAM,gBAAgB,KAAK,YAAY,WAAW,KAAK,SAAS;AAChE,aAAI,KAAK,YAAY,KAAK,UAAU,gBAAsB,WAAW,cAI9D,KAAK,YAAY,IAAI,WAAW,gBAAgB,WAAW;AAAA,IACpE;AAAA,EACF,CAAC;AACD,SAAO,OAAO,SAAS,IAAG,OAAM,KAAK,OAAO,WAA0B;AAGtE,SAAO;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
2
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
+
import { isWeb } from "@tamagui/constants";
|
|
4
|
+
import { styled } from "@tamagui/core";
|
|
5
|
+
import { PortalHost } from "@tamagui/portal";
|
|
6
|
+
import { YStack } from "@tamagui/stacks";
|
|
7
|
+
import { VisuallyHidden } from "@tamagui/visually-hidden";
|
|
8
|
+
import * as React from "react";
|
|
9
|
+
import { TOAST_CONTEXT } from "./constants.mjs";
|
|
10
|
+
import { ToastPortal } from "./ToastPortal.mjs";
|
|
11
|
+
import { Collection, useCollection, useToastProviderContext } from "./ToastProvider.mjs";
|
|
12
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
+
const VIEWPORT_NAME = "ToastViewport",
|
|
14
|
+
VIEWPORT_DEFAULT_HOTKEY = ["F8"],
|
|
15
|
+
VIEWPORT_PAUSE = "toast.viewportPause",
|
|
16
|
+
VIEWPORT_RESUME = "toast.viewportResume",
|
|
17
|
+
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
|
+
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
|
+
ToastViewport = React.memo(React.forwardRef((props, forwardedRef) => {
|
|
54
|
+
const {
|
|
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
|
+
context = useToastProviderContext(scope),
|
|
65
|
+
getItems = useCollection(scope || TOAST_CONTEXT),
|
|
66
|
+
headFocusProxyRef = React.useRef(null),
|
|
67
|
+
tailFocusProxyRef = React.useRef(null),
|
|
68
|
+
wrapperRef = React.useRef(null),
|
|
69
|
+
ref = React.useRef(null),
|
|
70
|
+
onViewportChange = React.useCallback(el => {
|
|
71
|
+
context.viewports[name] !== el && context.onViewportChange(name, el);
|
|
72
|
+
}, [name, context.viewports]),
|
|
73
|
+
composedRefs = useComposedRefs(forwardedRef, ref, onViewportChange),
|
|
74
|
+
hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""),
|
|
75
|
+
hasToasts = context.toastCount > 0;
|
|
76
|
+
React.useEffect(() => {
|
|
77
|
+
if (!isWeb || context.toastCount === 0) return;
|
|
78
|
+
const handleKeyDown = event => {
|
|
79
|
+
hotkey.every(key => event[key] || event.code === key) && ref.current?.focus();
|
|
80
|
+
};
|
|
81
|
+
return document.addEventListener("keydown", handleKeyDown), () => {
|
|
82
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
83
|
+
};
|
|
84
|
+
}, [hotkey, context.toastCount]), React.useEffect(() => {
|
|
85
|
+
if (!isWeb || context.toastCount === 0) return;
|
|
86
|
+
const wrapper = wrapperRef.current,
|
|
87
|
+
viewport = ref.current;
|
|
88
|
+
if (hasToasts && wrapper && viewport) {
|
|
89
|
+
const handlePause = () => {
|
|
90
|
+
if (!context.isClosePausedRef.current) {
|
|
91
|
+
const pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
|
|
92
|
+
viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
handleResume = () => {
|
|
96
|
+
if (context.isClosePausedRef.current) {
|
|
97
|
+
const resumeEvent = new CustomEvent(VIEWPORT_RESUME);
|
|
98
|
+
viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
handleFocusOutResume = event => {
|
|
102
|
+
!wrapper.contains(event.relatedTarget) && handleResume();
|
|
103
|
+
},
|
|
104
|
+
handlePointerLeaveResume = () => {
|
|
105
|
+
wrapper.contains(document.activeElement) || handleResume();
|
|
106
|
+
};
|
|
107
|
+
return wrapper.addEventListener("focusin", handlePause), wrapper.addEventListener("focusout", handleFocusOutResume), wrapper.addEventListener("pointermove", handlePause), wrapper.addEventListener("pointerleave", handlePointerLeaveResume), window.addEventListener("blur", handlePause), window.addEventListener("focus", handleResume), () => {
|
|
108
|
+
wrapper.removeEventListener("focusin", handlePause), wrapper.removeEventListener("focusout", handleFocusOutResume), wrapper.removeEventListener("pointermove", handlePause), wrapper.removeEventListener("pointerleave", handlePointerLeaveResume), window.removeEventListener("blur", handlePause), window.removeEventListener("focus", handleResume);
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
}, [hasToasts, context.isClosePausedRef, context.toastCount]);
|
|
112
|
+
const getSortedTabbableCandidates = React.useCallback(({
|
|
113
|
+
tabbingDirection
|
|
114
|
+
}) => {
|
|
115
|
+
const tabbableCandidates = getItems().map(toastItem => {
|
|
116
|
+
const toastNode = toastItem.ref.current,
|
|
117
|
+
toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)];
|
|
118
|
+
return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
|
|
119
|
+
});
|
|
120
|
+
return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
|
|
121
|
+
}, [getItems]);
|
|
122
|
+
React.useEffect(() => {
|
|
123
|
+
if (!isWeb || context.toastCount === 0) return;
|
|
124
|
+
const viewport = ref.current;
|
|
125
|
+
if (viewport) {
|
|
126
|
+
const handleKeyDown = event => {
|
|
127
|
+
const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
|
|
128
|
+
if (event.key === "Tab" && !isMetaKey) {
|
|
129
|
+
const focusedElement = document.activeElement,
|
|
130
|
+
isTabbingBackwards = event.shiftKey;
|
|
131
|
+
if (event.target === viewport && isTabbingBackwards) {
|
|
132
|
+
headFocusProxyRef.current?.focus();
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
const sortedCandidates = getSortedTabbableCandidates({
|
|
136
|
+
tabbingDirection: isTabbingBackwards ? "backwards" : "forwards"
|
|
137
|
+
}),
|
|
138
|
+
index = sortedCandidates.findIndex(candidate => candidate === focusedElement);
|
|
139
|
+
focusFirst(sortedCandidates.slice(index + 1)) ? event.preventDefault() : isTabbingBackwards ?
|
|
140
|
+
// @ts-ignore ali TODO type
|
|
141
|
+
headFocusProxyRef.current?.focus() :
|
|
142
|
+
// @ts-ignore ali TODO type
|
|
143
|
+
tailFocusProxyRef.current?.focus();
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
return viewport.addEventListener("keydown", handleKeyDown), () => viewport.removeEventListener("keydown", handleKeyDown);
|
|
147
|
+
}
|
|
148
|
+
}, [getItems, getSortedTabbableCandidates, context.toastCount]);
|
|
149
|
+
const contents = /* @__PURE__ */jsxs(ToastViewportWrapperFrame, {
|
|
150
|
+
ref: wrapperRef,
|
|
151
|
+
role: "region",
|
|
152
|
+
"aria-label": label.replace("{hotkey}", hotkeyLabel),
|
|
153
|
+
tabIndex: -1,
|
|
154
|
+
children: [hasToasts && /* @__PURE__ */jsx(FocusProxy, {
|
|
155
|
+
context,
|
|
156
|
+
viewportName: name,
|
|
157
|
+
ref: headFocusProxyRef,
|
|
158
|
+
onFocusFromOutsideViewport: () => {
|
|
159
|
+
const tabbableCandidates = getSortedTabbableCandidates({
|
|
160
|
+
tabbingDirection: "forwards"
|
|
161
|
+
});
|
|
162
|
+
focusFirst(tabbableCandidates);
|
|
163
|
+
}
|
|
164
|
+
}), /* @__PURE__ */jsx(Collection.Slot, {
|
|
165
|
+
scope: context.toastScope,
|
|
166
|
+
children: /* @__PURE__ */jsx(ToastViewportFrame, {
|
|
167
|
+
focusable: context.toastCount > 0,
|
|
168
|
+
ref: composedRefs,
|
|
169
|
+
...viewportProps,
|
|
170
|
+
children: /* @__PURE__ */jsx(PortalHost, {
|
|
171
|
+
render: children => /* @__PURE__ */jsx(AnimatePresence, {
|
|
172
|
+
exitBeforeEnter: !multipleToasts,
|
|
173
|
+
children
|
|
174
|
+
}),
|
|
175
|
+
name: name ?? "default"
|
|
176
|
+
})
|
|
177
|
+
})
|
|
178
|
+
}), hasToasts && /* @__PURE__ */jsx(FocusProxy, {
|
|
179
|
+
context,
|
|
180
|
+
viewportName: name,
|
|
181
|
+
ref: tailFocusProxyRef,
|
|
182
|
+
onFocusFromOutsideViewport: () => {
|
|
183
|
+
const tabbableCandidates = getSortedTabbableCandidates({
|
|
184
|
+
tabbingDirection: "backwards"
|
|
185
|
+
});
|
|
186
|
+
focusFirst(tabbableCandidates);
|
|
187
|
+
}
|
|
188
|
+
})]
|
|
189
|
+
});
|
|
190
|
+
return portalToRoot ? /* @__PURE__ */jsx(ToastPortal, {
|
|
191
|
+
context,
|
|
192
|
+
...(typeof zIndex == "number" ? {
|
|
193
|
+
zIndex
|
|
194
|
+
} : {}),
|
|
195
|
+
children: contents
|
|
196
|
+
}) : contents;
|
|
197
|
+
}));
|
|
198
|
+
ToastViewport.displayName = VIEWPORT_NAME;
|
|
199
|
+
const FOCUS_PROXY_NAME = "ToastFocusProxy",
|
|
200
|
+
FocusProxy = React.forwardRef((props, forwardedRef) => {
|
|
201
|
+
const {
|
|
202
|
+
onFocusFromOutsideViewport,
|
|
203
|
+
viewportName,
|
|
204
|
+
context,
|
|
205
|
+
...proxyProps
|
|
206
|
+
} = props,
|
|
207
|
+
viewport = context.viewports[viewportName];
|
|
208
|
+
return /* @__PURE__ */jsx(VisuallyHidden, {
|
|
209
|
+
"aria-hidden": !0,
|
|
210
|
+
tabIndex: 0,
|
|
211
|
+
...proxyProps,
|
|
212
|
+
ref: forwardedRef,
|
|
213
|
+
position: isWeb ? "fixed" : "absolute",
|
|
214
|
+
onFocus: event => {
|
|
215
|
+
if (!isWeb) return;
|
|
216
|
+
const prevFocusedElement = event.relatedTarget;
|
|
217
|
+
!viewport?.contains(prevFocusedElement) && onFocusFromOutsideViewport();
|
|
218
|
+
}
|
|
219
|
+
});
|
|
220
|
+
});
|
|
221
|
+
FocusProxy.displayName = FOCUS_PROXY_NAME;
|
|
222
|
+
function focusFirst(candidates) {
|
|
223
|
+
if (!isWeb) return;
|
|
224
|
+
const previouslyFocusedElement = document.activeElement;
|
|
225
|
+
return candidates.some(candidate => candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement));
|
|
226
|
+
}
|
|
227
|
+
function getTabbableCandidates(container) {
|
|
228
|
+
if (!isWeb) return [];
|
|
229
|
+
const containerHtml = container,
|
|
230
|
+
nodes = [],
|
|
231
|
+
walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
|
|
232
|
+
acceptNode: node => {
|
|
233
|
+
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
234
|
+
return node.disabled || node.hidden || isHiddenInput ? NodeFilter.FILTER_SKIP : node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
for (; walker.nextNode();) nodes.push(walker.currentNode);
|
|
238
|
+
return nodes;
|
|
239
|
+
}
|
|
240
|
+
export { ToastViewport, VIEWPORT_DEFAULT_HOTKEY, VIEWPORT_PAUSE, VIEWPORT_RESUME };
|
|
241
|
+
//# sourceMappingURL=ToastViewport.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["AnimatePresence","useComposedRefs","isWeb","styled","PortalHost","YStack","VisuallyHidden","React","TOAST_CONTEXT","ToastPortal","Collection","useCollection","useToastProviderContext","jsx","jsxs","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","every","key","code","current","focus","document","addEventListener","removeEventListener","wrapper","viewport","handlePause","isClosePausedRef","pauseEvent","CustomEvent","dispatchEvent","handleResume","resumeEvent","handleFocusOutResume","contains","relatedTarget","handlePointerLeaveResume","activeElement","window","getSortedTabbableCandidates","tabbingDirection","tabbableCandidates","map","toastItem","toastNode","toastTabbableCandidates","getTabbableCandidates","reverse","flat","isMetaKey","altKey","ctrlKey","metaKey","focusedElement","isTabbingBackwards","shiftKey","target","sortedCandidates","index","findIndex","candidate","focusFirst","slice","preventDefault","contents","role","children","FocusProxy","viewportName","onFocusFromOutsideViewport","Slot","toastScope","focusable","render","exitBeforeEnter","displayName","FOCUS_PROXY_NAME","proxyProps","onFocus","prevFocusedElement","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":[]}
|