@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,256 @@
|
|
|
1
|
+
import { useIsPresent } from "@tamagui/animate-presence";
|
|
2
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
+
import { isWeb } from "@tamagui/constants";
|
|
4
|
+
import { View, Theme, createStyledContext, styled, useConfiguration, useEvent, useThemeName } from "@tamagui/core";
|
|
5
|
+
import { Dismissable } from "@tamagui/dismissable";
|
|
6
|
+
import { composeEventHandlers } from "@tamagui/helpers";
|
|
7
|
+
import { PortalItem } from "@tamagui/portal";
|
|
8
|
+
import { YStack } from "@tamagui/stacks";
|
|
9
|
+
import * as React from "react";
|
|
10
|
+
import { PanResponder } from "react-native-web";
|
|
11
|
+
import { TOAST_NAME } from "./constants.mjs";
|
|
12
|
+
import { ToastAnnounce } from "./ToastAnnounce.mjs";
|
|
13
|
+
import { Collection, useToastProviderContext } from "./ToastProvider.mjs";
|
|
14
|
+
import { VIEWPORT_PAUSE, VIEWPORT_RESUME } from "./ToastViewport.mjs";
|
|
15
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
+
const ToastImplFrame = styled(YStack, {
|
|
17
|
+
name: "ToastImpl",
|
|
18
|
+
focusable: !0,
|
|
19
|
+
variants: {
|
|
20
|
+
unstyled: {
|
|
21
|
+
false: {
|
|
22
|
+
focusStyle: {
|
|
23
|
+
outlineStyle: "solid",
|
|
24
|
+
outlineWidth: 2,
|
|
25
|
+
outlineColor: "$outlineColor"
|
|
26
|
+
},
|
|
27
|
+
backgroundColor: "$color6",
|
|
28
|
+
borderRadius: "$4",
|
|
29
|
+
paddingHorizontal: "$4",
|
|
30
|
+
paddingVertical: "$3",
|
|
31
|
+
marginHorizontal: "auto",
|
|
32
|
+
marginVertical: "$1",
|
|
33
|
+
elevation: "$3"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
defaultVariants: {
|
|
38
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
39
|
+
}
|
|
40
|
+
}),
|
|
41
|
+
{
|
|
42
|
+
Provider: ToastInteractiveProvider,
|
|
43
|
+
useStyledContext: useToastInteractiveContext
|
|
44
|
+
} = createStyledContext({
|
|
45
|
+
onClose() {}
|
|
46
|
+
}),
|
|
47
|
+
ToastImpl = React.forwardRef((props, forwardedRef) => {
|
|
48
|
+
const {
|
|
49
|
+
scope,
|
|
50
|
+
type = "foreground",
|
|
51
|
+
duration: durationProp,
|
|
52
|
+
open,
|
|
53
|
+
onClose,
|
|
54
|
+
onEscapeKeyDown,
|
|
55
|
+
onPause,
|
|
56
|
+
onResume,
|
|
57
|
+
onSwipeStart,
|
|
58
|
+
onSwipeMove,
|
|
59
|
+
onSwipeCancel,
|
|
60
|
+
onSwipeEnd,
|
|
61
|
+
viewportName = "default",
|
|
62
|
+
...toastProps
|
|
63
|
+
} = props,
|
|
64
|
+
isPresent = useIsPresent(),
|
|
65
|
+
context = useToastProviderContext(scope),
|
|
66
|
+
[node, setNode] = React.useState(null),
|
|
67
|
+
composedRefs = useComposedRefs(forwardedRef, setNode),
|
|
68
|
+
duration = durationProp || context.duration,
|
|
69
|
+
closeTimerStartTimeRef = React.useRef(0),
|
|
70
|
+
closeTimerRemainingTimeRef = React.useRef(duration),
|
|
71
|
+
closeTimerRef = React.useRef(0),
|
|
72
|
+
{
|
|
73
|
+
onToastAdd,
|
|
74
|
+
onToastRemove
|
|
75
|
+
} = context,
|
|
76
|
+
viewport = React.useMemo(() => context.viewports[viewportName], [context.viewports, viewportName]),
|
|
77
|
+
handleClose = useEvent(() => {
|
|
78
|
+
isPresent && (isWeb && node?.contains(document.activeElement) && viewport?.focus(), onClose());
|
|
79
|
+
}),
|
|
80
|
+
startTimer = React.useCallback(duration2 => {
|
|
81
|
+
!duration2 || duration2 === Number.POSITIVE_INFINITY || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
|
|
82
|
+
}, [handleClose]),
|
|
83
|
+
handleResume = React.useCallback(() => {
|
|
84
|
+
startTimer(closeTimerRemainingTimeRef.current), onResume?.();
|
|
85
|
+
}, [onResume, startTimer]),
|
|
86
|
+
handlePause = React.useCallback(() => {
|
|
87
|
+
const elapsedTime = (/* @__PURE__ */new Date()).getTime() - closeTimerStartTimeRef.current;
|
|
88
|
+
closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
|
|
89
|
+
}, [onPause]);
|
|
90
|
+
React.useEffect(() => {
|
|
91
|
+
if (isWeb && viewport) return viewport.addEventListener(VIEWPORT_PAUSE, handlePause), viewport.addEventListener(VIEWPORT_RESUME, handleResume), () => {
|
|
92
|
+
viewport.removeEventListener(VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
|
|
93
|
+
};
|
|
94
|
+
}, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(() => {
|
|
95
|
+
open && !context.isClosePausedRef.current && startTimer(duration);
|
|
96
|
+
}, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(() => (onToastAdd(), () => onToastRemove()), [onToastAdd, onToastRemove]);
|
|
97
|
+
const announceTextContent = React.useMemo(() => isWeb && node ? getAnnounceTextContent(node) : null, [node]),
|
|
98
|
+
isHorizontalSwipe = ["left", "right", "horizontal"].includes(context.swipeDirection),
|
|
99
|
+
{
|
|
100
|
+
animationDriver
|
|
101
|
+
} = useConfiguration();
|
|
102
|
+
if (!animationDriver) throw new Error("Must set animations in tamagui.config.ts");
|
|
103
|
+
const {
|
|
104
|
+
useAnimatedNumber,
|
|
105
|
+
useAnimatedNumberStyle
|
|
106
|
+
} = animationDriver,
|
|
107
|
+
animatedNumber = useAnimatedNumber(0),
|
|
108
|
+
AnimatedView = animationDriver.NumberView ?? animationDriver.View ?? View,
|
|
109
|
+
animatedStyles = useAnimatedNumberStyle(animatedNumber, val => {
|
|
110
|
+
"worklet";
|
|
111
|
+
|
|
112
|
+
return {
|
|
113
|
+
transform: [isHorizontalSwipe ? {
|
|
114
|
+
translateX: val
|
|
115
|
+
} : {
|
|
116
|
+
translateY: val
|
|
117
|
+
}]
|
|
118
|
+
};
|
|
119
|
+
}),
|
|
120
|
+
panResponder = React.useMemo(() => PanResponder.create({
|
|
121
|
+
onMoveShouldSetPanResponder: (e, gesture) => shouldGrantGestureMove(context.swipeDirection, gesture) ? (onSwipeStart?.(e), !0) : !1,
|
|
122
|
+
onPanResponderGrant: e => {
|
|
123
|
+
isWeb || handlePause?.();
|
|
124
|
+
},
|
|
125
|
+
onPanResponderMove: (e, gesture) => {
|
|
126
|
+
const {
|
|
127
|
+
x,
|
|
128
|
+
y
|
|
129
|
+
} = getGestureDistance(context.swipeDirection, gesture),
|
|
130
|
+
delta = {
|
|
131
|
+
x,
|
|
132
|
+
y
|
|
133
|
+
};
|
|
134
|
+
animatedNumber.setValue(isHorizontalSwipe ? x : y, {
|
|
135
|
+
type: "direct"
|
|
136
|
+
}), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
|
|
137
|
+
},
|
|
138
|
+
onPanResponderEnd: (e, {
|
|
139
|
+
dx,
|
|
140
|
+
dy
|
|
141
|
+
}) => {
|
|
142
|
+
isDeltaInDirection({
|
|
143
|
+
x: dx,
|
|
144
|
+
y: dy
|
|
145
|
+
}, context.swipeDirection, context.swipeThreshold) || (isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, {
|
|
146
|
+
type: "spring"
|
|
147
|
+
}));
|
|
148
|
+
}
|
|
149
|
+
}), [handlePause, handleResume]),
|
|
150
|
+
themeName = useThemeName();
|
|
151
|
+
return /* @__PURE__ */jsxs(Fragment, {
|
|
152
|
+
children: [announceTextContent && /* @__PURE__ */jsx(ToastAnnounce, {
|
|
153
|
+
scope,
|
|
154
|
+
role: "status",
|
|
155
|
+
"aria-live": type === "foreground" ? "assertive" : "polite",
|
|
156
|
+
"aria-atomic": !0,
|
|
157
|
+
children: announceTextContent
|
|
158
|
+
}), /* @__PURE__ */jsx(PortalItem, {
|
|
159
|
+
hostName: viewportName ?? "default",
|
|
160
|
+
children: /* @__PURE__ */jsx(ToastInteractiveProvider, {
|
|
161
|
+
scope,
|
|
162
|
+
onClose: () => {
|
|
163
|
+
handleClose();
|
|
164
|
+
},
|
|
165
|
+
children: /* @__PURE__ */jsx(Dismissable, {
|
|
166
|
+
onEscapeKeyDown: composeEventHandlers(onEscapeKeyDown, () => {
|
|
167
|
+
context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
|
|
168
|
+
}),
|
|
169
|
+
children: /* @__PURE__ */jsx(Theme, {
|
|
170
|
+
contain: !0,
|
|
171
|
+
forceClassName: !0,
|
|
172
|
+
name: themeName,
|
|
173
|
+
children: /* @__PURE__ */jsx(AnimatedView, {
|
|
174
|
+
...panResponder?.panHandlers,
|
|
175
|
+
style: [{
|
|
176
|
+
margin: "auto"
|
|
177
|
+
}, animatedStyles],
|
|
178
|
+
children: /* @__PURE__ */jsx(Collection.ItemSlot, {
|
|
179
|
+
scope: context.toastScope,
|
|
180
|
+
children: /* @__PURE__ */jsx(ToastImplFrame, {
|
|
181
|
+
role: "status",
|
|
182
|
+
"aria-live": "off",
|
|
183
|
+
"aria-atomic": !0,
|
|
184
|
+
"data-state": open ? "open" : "closed",
|
|
185
|
+
"data-swipe-direction": context.swipeDirection,
|
|
186
|
+
pointerEvents: "auto",
|
|
187
|
+
"$platform-web": {
|
|
188
|
+
touchAction: "none",
|
|
189
|
+
userSelect: "none"
|
|
190
|
+
},
|
|
191
|
+
...toastProps,
|
|
192
|
+
ref: composedRefs,
|
|
193
|
+
...(isWeb && {
|
|
194
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, event => {
|
|
195
|
+
event.key === "Escape" && (onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
|
|
196
|
+
})
|
|
197
|
+
})
|
|
198
|
+
})
|
|
199
|
+
})
|
|
200
|
+
})
|
|
201
|
+
})
|
|
202
|
+
})
|
|
203
|
+
}, props.id)
|
|
204
|
+
})]
|
|
205
|
+
});
|
|
206
|
+
});
|
|
207
|
+
ToastImpl.propTypes = {
|
|
208
|
+
type(props) {
|
|
209
|
+
if (props.type && !["foreground", "background"].includes(props.type)) {
|
|
210
|
+
const error = `Invalid prop \`type\` supplied to \`${TOAST_NAME}\`. Expected \`foreground | background\`.`;
|
|
211
|
+
return new Error(error);
|
|
212
|
+
}
|
|
213
|
+
return null;
|
|
214
|
+
}
|
|
215
|
+
};
|
|
216
|
+
const isDeltaInDirection = (delta, direction, threshold = 0) => {
|
|
217
|
+
const deltaX = Math.abs(delta.x),
|
|
218
|
+
deltaY = Math.abs(delta.y),
|
|
219
|
+
isDeltaX = deltaX > deltaY;
|
|
220
|
+
return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
|
|
221
|
+
};
|
|
222
|
+
function getAnnounceTextContent(container) {
|
|
223
|
+
if (!isWeb) return "";
|
|
224
|
+
const textContent = [];
|
|
225
|
+
return Array.from(container.childNodes).forEach(node => {
|
|
226
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
|
|
227
|
+
const isHidden = node.ariaHidden || node.hidden || node.style.display === "none",
|
|
228
|
+
isExcluded = node.dataset.toastAnnounceExclude === "";
|
|
229
|
+
if (!isHidden) if (isExcluded) {
|
|
230
|
+
const altText = node.dataset.toastAnnounceAlt;
|
|
231
|
+
altText && textContent.push(altText);
|
|
232
|
+
} else textContent.push(...getAnnounceTextContent(node));
|
|
233
|
+
}
|
|
234
|
+
}), textContent;
|
|
235
|
+
}
|
|
236
|
+
function isHTMLElement(node) {
|
|
237
|
+
return node.nodeType === node.ELEMENT_NODE;
|
|
238
|
+
}
|
|
239
|
+
const GESTURE_GRANT_THRESHOLD = 10,
|
|
240
|
+
shouldGrantGestureMove = (dir, {
|
|
241
|
+
dx,
|
|
242
|
+
dy
|
|
243
|
+
}) => (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD,
|
|
244
|
+
getGestureDistance = (dir, {
|
|
245
|
+
dx,
|
|
246
|
+
dy
|
|
247
|
+
}) => {
|
|
248
|
+
let y = 0,
|
|
249
|
+
x = 0;
|
|
250
|
+
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)), {
|
|
251
|
+
x,
|
|
252
|
+
y
|
|
253
|
+
};
|
|
254
|
+
};
|
|
255
|
+
export { ToastImpl, ToastImplFrame, useToastInteractiveContext };
|
|
256
|
+
//# sourceMappingURL=ToastImpl.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useIsPresent","useComposedRefs","isWeb","View","Theme","createStyledContext","styled","useConfiguration","useEvent","useThemeName","Dismissable","composeEventHandlers","PortalItem","YStack","React","PanResponder","TOAST_NAME","ToastAnnounce","Collection","useToastProviderContext","VIEWPORT_PAUSE","VIEWPORT_RESUME","Fragment","jsx","jsxs","ToastImplFrame","name","focusable","variants","unstyled","false","focusStyle","outlineStyle","outlineWidth","outlineColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","elevation","defaultVariants","process","env","TAMAGUI_HEADLESS","Provider","ToastInteractiveProvider","useStyledContext","useToastInteractiveContext","onClose","ToastImpl","forwardRef","props","forwardedRef","scope","type","duration","durationProp","open","onEscapeKeyDown","onPause","onResume","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","viewportName","toastProps","isPresent","context","node","setNode","useState","composedRefs","closeTimerStartTimeRef","useRef","closeTimerRemainingTimeRef","closeTimerRef","onToastAdd","onToastRemove","viewport","useMemo","viewports","handleClose","contains","document","activeElement","focus","startTimer","useCallback","duration2","Number","POSITIVE_INFINITY","clearTimeout","current","Date","getTime","setTimeout","handleResume","handlePause","elapsedTime","window","useEffect","addEventListener","removeEventListener","isClosePausedRef","announceTextContent","getAnnounceTextContent","isHorizontalSwipe","includes","swipeDirection","animationDriver","Error","useAnimatedNumber","useAnimatedNumberStyle","animatedNumber","AnimatedView","NumberView","animatedStyles","val","transform","translateX","translateY","panResponder","create","onMoveShouldSetPanResponder","e","gesture","shouldGrantGestureMove","onPanResponderGrant","onPanResponderMove","x","y","getGestureDistance","delta","setValue","isDeltaInDirection","swipeThreshold","onPanResponderEnd","dx","dy","themeName","children","role","hostName","isFocusedToastEscapeKeyDownRef","contain","forceClassName","panHandlers","style","margin","ItemSlot","toastScope","pointerEvents","touchAction","userSelect","ref","onKeyDown","event","key","defaultPrevented","id","propTypes","error","direction","threshold","deltaX","Math","abs","deltaY","isDeltaX","container","textContent","Array","from","childNodes","forEach","nodeType","TEXT_NODE","push","isHTMLElement","isHidden","ariaHidden","hidden","display","isExcluded","dataset","toastAnnounceExclude","altText","toastAnnounceAlt","ELEMENT_NODE","GESTURE_GRANT_THRESHOLD","dir","min","max"],"sources":["../../src/ToastImpl.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,288 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useIsPresent } from "@tamagui/animate-presence";
|
|
3
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
4
|
+
import { isWeb } from "@tamagui/constants";
|
|
5
|
+
import { View, Theme, createStyledContext, styled, useConfiguration, useEvent, useThemeName } from "@tamagui/core";
|
|
6
|
+
import { Dismissable } from "@tamagui/dismissable";
|
|
7
|
+
import { composeEventHandlers } from "@tamagui/helpers";
|
|
8
|
+
import { PortalItem } from "@tamagui/portal";
|
|
9
|
+
import { YStack } from "@tamagui/stacks";
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
import { PanResponder } from "react-native";
|
|
12
|
+
import { TOAST_NAME } from "./constants.native.js";
|
|
13
|
+
import { ToastAnnounce } from "./ToastAnnounce.native.js";
|
|
14
|
+
import { Collection, useToastProviderContext } from "./ToastProvider.native.js";
|
|
15
|
+
import { VIEWPORT_PAUSE, VIEWPORT_RESUME } from "./ToastViewport.native.js";
|
|
16
|
+
var ToastImplFrame = styled(YStack, {
|
|
17
|
+
name: "ToastImpl",
|
|
18
|
+
focusable: !0,
|
|
19
|
+
variants: {
|
|
20
|
+
unstyled: {
|
|
21
|
+
false: {
|
|
22
|
+
focusStyle: {
|
|
23
|
+
outlineStyle: "solid",
|
|
24
|
+
outlineWidth: 2,
|
|
25
|
+
outlineColor: "$outlineColor"
|
|
26
|
+
},
|
|
27
|
+
backgroundColor: "$color6",
|
|
28
|
+
borderRadius: "$4",
|
|
29
|
+
paddingHorizontal: "$4",
|
|
30
|
+
paddingVertical: "$3",
|
|
31
|
+
marginHorizontal: "auto",
|
|
32
|
+
marginVertical: "$1",
|
|
33
|
+
elevation: "$3"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
defaultVariants: {
|
|
38
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
39
|
+
}
|
|
40
|
+
}),
|
|
41
|
+
{
|
|
42
|
+
Provider: ToastInteractiveProvider,
|
|
43
|
+
useStyledContext: useToastInteractiveContext
|
|
44
|
+
} = createStyledContext({
|
|
45
|
+
onClose() {}
|
|
46
|
+
}),
|
|
47
|
+
ToastImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
48
|
+
var {
|
|
49
|
+
scope,
|
|
50
|
+
type = "foreground",
|
|
51
|
+
duration: durationProp,
|
|
52
|
+
open,
|
|
53
|
+
onClose,
|
|
54
|
+
onEscapeKeyDown,
|
|
55
|
+
onPause,
|
|
56
|
+
onResume,
|
|
57
|
+
onSwipeStart,
|
|
58
|
+
onSwipeMove,
|
|
59
|
+
onSwipeCancel,
|
|
60
|
+
onSwipeEnd,
|
|
61
|
+
viewportName = "default",
|
|
62
|
+
...toastProps
|
|
63
|
+
} = props,
|
|
64
|
+
isPresent = useIsPresent(),
|
|
65
|
+
context = useToastProviderContext(scope),
|
|
66
|
+
[node, setNode] = React.useState(null),
|
|
67
|
+
composedRefs = useComposedRefs(forwardedRef, setNode),
|
|
68
|
+
duration = durationProp || context.duration,
|
|
69
|
+
closeTimerStartTimeRef = React.useRef(0),
|
|
70
|
+
closeTimerRemainingTimeRef = React.useRef(duration),
|
|
71
|
+
closeTimerRef = React.useRef(0),
|
|
72
|
+
{
|
|
73
|
+
onToastAdd,
|
|
74
|
+
onToastRemove
|
|
75
|
+
} = context,
|
|
76
|
+
viewport = React.useMemo(function () {
|
|
77
|
+
return context.viewports[viewportName];
|
|
78
|
+
}, [context.viewports, viewportName]),
|
|
79
|
+
handleClose = useEvent(function () {
|
|
80
|
+
if (isPresent) {
|
|
81
|
+
if (isWeb) {
|
|
82
|
+
var isFocusInToast = node?.contains(document.activeElement);
|
|
83
|
+
isFocusInToast && viewport?.focus();
|
|
84
|
+
}
|
|
85
|
+
onClose();
|
|
86
|
+
}
|
|
87
|
+
}),
|
|
88
|
+
startTimer = React.useCallback(function (duration2) {
|
|
89
|
+
!duration2 || duration2 === Number.POSITIVE_INFINITY || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
|
|
90
|
+
}, [handleClose]),
|
|
91
|
+
handleResume = React.useCallback(function () {
|
|
92
|
+
startTimer(closeTimerRemainingTimeRef.current), onResume?.();
|
|
93
|
+
}, [onResume, startTimer]),
|
|
94
|
+
handlePause = React.useCallback(function () {
|
|
95
|
+
var elapsedTime = (/* @__PURE__ */new Date()).getTime() - closeTimerStartTimeRef.current;
|
|
96
|
+
closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
|
|
97
|
+
}, [onPause]);
|
|
98
|
+
React.useEffect(function () {
|
|
99
|
+
if (isWeb && viewport) return viewport.addEventListener(VIEWPORT_PAUSE, handlePause), viewport.addEventListener(VIEWPORT_RESUME, handleResume), function () {
|
|
100
|
+
viewport.removeEventListener(VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
|
|
101
|
+
};
|
|
102
|
+
}, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(function () {
|
|
103
|
+
open && !context.isClosePausedRef.current && startTimer(duration);
|
|
104
|
+
}, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(function () {
|
|
105
|
+
return onToastAdd(), function () {
|
|
106
|
+
return onToastRemove();
|
|
107
|
+
};
|
|
108
|
+
}, [onToastAdd, onToastRemove]);
|
|
109
|
+
var announceTextContent = React.useMemo(function () {
|
|
110
|
+
return isWeb && node ? getAnnounceTextContent(node) : null;
|
|
111
|
+
}, [node]),
|
|
112
|
+
isHorizontalSwipe = ["left", "right", "horizontal"].includes(context.swipeDirection),
|
|
113
|
+
{
|
|
114
|
+
animationDriver
|
|
115
|
+
} = useConfiguration();
|
|
116
|
+
if (!animationDriver) throw new Error("Must set animations in tamagui.config.ts");
|
|
117
|
+
var {
|
|
118
|
+
useAnimatedNumber,
|
|
119
|
+
useAnimatedNumberStyle
|
|
120
|
+
} = animationDriver,
|
|
121
|
+
animatedNumber = useAnimatedNumber(0),
|
|
122
|
+
_animationDriver_NumberView,
|
|
123
|
+
_ref,
|
|
124
|
+
AnimatedView = (_ref = (_animationDriver_NumberView = animationDriver.NumberView) !== null && _animationDriver_NumberView !== void 0 ? _animationDriver_NumberView : animationDriver.View) !== null && _ref !== void 0 ? _ref : View,
|
|
125
|
+
animatedStyles = useAnimatedNumberStyle(animatedNumber, function (val) {
|
|
126
|
+
"worklet";
|
|
127
|
+
|
|
128
|
+
return {
|
|
129
|
+
transform: [isHorizontalSwipe ? {
|
|
130
|
+
translateX: val
|
|
131
|
+
} : {
|
|
132
|
+
translateY: val
|
|
133
|
+
}]
|
|
134
|
+
};
|
|
135
|
+
}),
|
|
136
|
+
panResponder = React.useMemo(function () {
|
|
137
|
+
return PanResponder.create({
|
|
138
|
+
onMoveShouldSetPanResponder: function (e, gesture) {
|
|
139
|
+
var shouldMove = shouldGrantGestureMove(context.swipeDirection, gesture);
|
|
140
|
+
return shouldMove ? (onSwipeStart?.(e), !0) : !1;
|
|
141
|
+
},
|
|
142
|
+
onPanResponderGrant: function (e) {
|
|
143
|
+
isWeb || handlePause?.();
|
|
144
|
+
},
|
|
145
|
+
onPanResponderMove: function (e, gesture) {
|
|
146
|
+
var {
|
|
147
|
+
x,
|
|
148
|
+
y
|
|
149
|
+
} = getGestureDistance(context.swipeDirection, gesture),
|
|
150
|
+
delta = {
|
|
151
|
+
x,
|
|
152
|
+
y
|
|
153
|
+
};
|
|
154
|
+
animatedNumber.setValue(isHorizontalSwipe ? x : y, {
|
|
155
|
+
type: "direct"
|
|
156
|
+
}), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
|
|
157
|
+
},
|
|
158
|
+
onPanResponderEnd: function (e, param) {
|
|
159
|
+
var {
|
|
160
|
+
dx,
|
|
161
|
+
dy
|
|
162
|
+
} = param;
|
|
163
|
+
isDeltaInDirection({
|
|
164
|
+
x: dx,
|
|
165
|
+
y: dy
|
|
166
|
+
}, context.swipeDirection, context.swipeThreshold) || (isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, {
|
|
167
|
+
type: "spring"
|
|
168
|
+
}));
|
|
169
|
+
}
|
|
170
|
+
});
|
|
171
|
+
}, [handlePause, handleResume]),
|
|
172
|
+
themeName = useThemeName();
|
|
173
|
+
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
174
|
+
children: [announceTextContent && /* @__PURE__ */_jsx(ToastAnnounce, {
|
|
175
|
+
scope,
|
|
176
|
+
// Toasts are always role=status to avoid stuttering issues with role=alert in SRs.
|
|
177
|
+
// biome-ignore lint/a11y/useSemanticElements: <explanation>
|
|
178
|
+
role: "status",
|
|
179
|
+
"aria-live": type === "foreground" ? "assertive" : "polite",
|
|
180
|
+
"aria-atomic": !0,
|
|
181
|
+
children: announceTextContent
|
|
182
|
+
}), /* @__PURE__ */_jsx(PortalItem, {
|
|
183
|
+
hostName: viewportName ?? "default",
|
|
184
|
+
children: /* @__PURE__ */_jsx(ToastInteractiveProvider, {
|
|
185
|
+
scope,
|
|
186
|
+
onClose: function () {
|
|
187
|
+
handleClose();
|
|
188
|
+
},
|
|
189
|
+
children: /* @__PURE__ */_jsx(Dismissable, {
|
|
190
|
+
// asChild
|
|
191
|
+
onEscapeKeyDown: composeEventHandlers(onEscapeKeyDown, function () {
|
|
192
|
+
context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
|
|
193
|
+
}),
|
|
194
|
+
children: /* @__PURE__ */_jsx(Theme, {
|
|
195
|
+
contain: !0,
|
|
196
|
+
forceClassName: !0,
|
|
197
|
+
name: themeName,
|
|
198
|
+
children: /* @__PURE__ */_jsx(AnimatedView, {
|
|
199
|
+
...panResponder?.panHandlers,
|
|
200
|
+
style: [{
|
|
201
|
+
margin: "auto"
|
|
202
|
+
}, animatedStyles],
|
|
203
|
+
children: /* @__PURE__ */_jsx(Collection.ItemSlot, {
|
|
204
|
+
scope: context.toastScope,
|
|
205
|
+
children: /* @__PURE__ */_jsx(ToastImplFrame, {
|
|
206
|
+
// Ensure toasts are announced as status list or status when focused
|
|
207
|
+
role: "status",
|
|
208
|
+
"aria-live": "off",
|
|
209
|
+
"aria-atomic": !0,
|
|
210
|
+
"data-state": open ? "open" : "closed",
|
|
211
|
+
"data-swipe-direction": context.swipeDirection,
|
|
212
|
+
pointerEvents: "auto",
|
|
213
|
+
"$platform-web": {
|
|
214
|
+
touchAction: "none",
|
|
215
|
+
userSelect: "none"
|
|
216
|
+
},
|
|
217
|
+
...toastProps,
|
|
218
|
+
ref: composedRefs,
|
|
219
|
+
...(isWeb && {
|
|
220
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, function (event) {
|
|
221
|
+
event.key === "Escape" && (onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
|
|
222
|
+
})
|
|
223
|
+
})
|
|
224
|
+
})
|
|
225
|
+
})
|
|
226
|
+
})
|
|
227
|
+
})
|
|
228
|
+
})
|
|
229
|
+
}, props.id)
|
|
230
|
+
})]
|
|
231
|
+
});
|
|
232
|
+
});
|
|
233
|
+
ToastImpl.propTypes = {
|
|
234
|
+
type(props) {
|
|
235
|
+
if (props.type && !["foreground", "background"].includes(props.type)) {
|
|
236
|
+
var error = `Invalid prop \`type\` supplied to \`${TOAST_NAME}\`. Expected \`foreground | background\`.`;
|
|
237
|
+
return new Error(error);
|
|
238
|
+
}
|
|
239
|
+
return null;
|
|
240
|
+
}
|
|
241
|
+
};
|
|
242
|
+
var isDeltaInDirection = function (delta, direction) {
|
|
243
|
+
var threshold = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0,
|
|
244
|
+
deltaX = Math.abs(delta.x),
|
|
245
|
+
deltaY = Math.abs(delta.y),
|
|
246
|
+
isDeltaX = deltaX > deltaY;
|
|
247
|
+
return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
|
|
248
|
+
};
|
|
249
|
+
function getAnnounceTextContent(container) {
|
|
250
|
+
if (!isWeb) return "";
|
|
251
|
+
var textContent = [],
|
|
252
|
+
childNodes = Array.from(container.childNodes);
|
|
253
|
+
return childNodes.forEach(function (node) {
|
|
254
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
|
|
255
|
+
var isHidden = node.ariaHidden || node.hidden || node.style.display === "none",
|
|
256
|
+
isExcluded = node.dataset.toastAnnounceExclude === "";
|
|
257
|
+
if (!isHidden) if (isExcluded) {
|
|
258
|
+
var altText = node.dataset.toastAnnounceAlt;
|
|
259
|
+
altText && textContent.push(altText);
|
|
260
|
+
} else textContent.push(...getAnnounceTextContent(node));
|
|
261
|
+
}
|
|
262
|
+
}), textContent;
|
|
263
|
+
}
|
|
264
|
+
function isHTMLElement(node) {
|
|
265
|
+
return node.nodeType === node.ELEMENT_NODE;
|
|
266
|
+
}
|
|
267
|
+
var GESTURE_GRANT_THRESHOLD = 10,
|
|
268
|
+
shouldGrantGestureMove = function (dir, param) {
|
|
269
|
+
var {
|
|
270
|
+
dx,
|
|
271
|
+
dy
|
|
272
|
+
} = param;
|
|
273
|
+
return (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD;
|
|
274
|
+
},
|
|
275
|
+
getGestureDistance = function (dir, param) {
|
|
276
|
+
var {
|
|
277
|
+
dx,
|
|
278
|
+
dy
|
|
279
|
+
} = param,
|
|
280
|
+
y = 0,
|
|
281
|
+
x = 0;
|
|
282
|
+
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)), {
|
|
283
|
+
x,
|
|
284
|
+
y
|
|
285
|
+
};
|
|
286
|
+
};
|
|
287
|
+
export { ToastImpl, ToastImplFrame, useToastInteractiveContext };
|
|
288
|
+
//# sourceMappingURL=ToastImpl.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useIsPresent","useComposedRefs","isWeb","View","Theme","createStyledContext","styled","useConfiguration","useEvent","useThemeName","Dismissable","composeEventHandlers","PortalItem","YStack","React","PanResponder","TOAST_NAME","ToastAnnounce","Collection","useToastProviderContext","VIEWPORT_PAUSE","VIEWPORT_RESUME","ToastImplFrame","name","focusable","variants","unstyled","false","focusStyle","outlineStyle","outlineWidth","outlineColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","elevation","defaultVariants","process","env","TAMAGUI_HEADLESS","Provider","ToastInteractiveProvider","useStyledContext","useToastInteractiveContext","onClose","ToastImpl","forwardRef","props","forwardedRef","scope","type","duration","durationProp","open","onEscapeKeyDown","onPause","onResume","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","viewportName","toastProps","isPresent","context","node","setNode","useState","composedRefs","closeTimerStartTimeRef","useRef","closeTimerRemainingTimeRef","closeTimerRef","onToastAdd","onToastRemove","viewport","useMemo","viewports","handleClose","isFocusInToast","contains","document","activeElement","focus","startTimer","useCallback","duration2","Number","POSITIVE_INFINITY","clearTimeout","current","Date","getTime","setTimeout","handleResume","handlePause","elapsedTime","window","useEffect","addEventListener","removeEventListener","isClosePausedRef","announceTextContent","getAnnounceTextContent","isHorizontalSwipe","includes","swipeDirection","animationDriver","Error","useAnimatedNumber","useAnimatedNumberStyle","animatedNumber","_animationDriver_NumberView","_ref","AnimatedView","NumberView","animatedStyles","val","transform","translateX","translateY","panResponder","create","onMoveShouldSetPanResponder","e","gesture","shouldMove","shouldGrantGestureMove","onPanResponderGrant","onPanResponderMove","x","y","getGestureDistance","delta","setValue","isDeltaInDirection","swipeThreshold","onPanResponderEnd","param","dx","dy","themeName","children","role","hostName","isFocusedToastEscapeKeyDownRef","contain","forceClassName","panHandlers","style","margin","ItemSlot","toastScope","pointerEvents","touchAction","userSelect","ref","onKeyDown","event","key","defaultPrevented","id","propTypes"],"sources":["../../src/ToastImpl.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|