@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,185 @@
|
|
|
1
|
+
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
2
|
+
import { isWeb } from "@tamagui/constants";
|
|
3
|
+
import { Theme, View, styled, useThemeName } from "@tamagui/core";
|
|
4
|
+
import { Portal } from "@tamagui/portal";
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import { ToastItem } from "./ToastItem.mjs";
|
|
7
|
+
import { ToastState } from "./ToastState.mjs";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
const VISIBLE_TOASTS_AMOUNT = 4,
|
|
10
|
+
VIEWPORT_OFFSET = 24,
|
|
11
|
+
TOAST_GAP = 14,
|
|
12
|
+
TOAST_LIFETIME = 4e3,
|
|
13
|
+
TOAST_WIDTH = 356,
|
|
14
|
+
ToasterFrame = styled(View, {
|
|
15
|
+
name: "Toaster",
|
|
16
|
+
variants: {
|
|
17
|
+
unstyled: {
|
|
18
|
+
false: {
|
|
19
|
+
position: "fixed",
|
|
20
|
+
zIndex: 1e5,
|
|
21
|
+
pointerEvents: "box-none",
|
|
22
|
+
maxWidth: "100%",
|
|
23
|
+
// need min-height to contain absolutely positioned toasts
|
|
24
|
+
// toasts will overflow upward/downward from their anchor position
|
|
25
|
+
minHeight: 1
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
defaultVariants: {
|
|
30
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
31
|
+
}
|
|
32
|
+
}),
|
|
33
|
+
Toaster = React.forwardRef(function (props, _ref) {
|
|
34
|
+
const {
|
|
35
|
+
position = "bottom-right",
|
|
36
|
+
width = TOAST_WIDTH,
|
|
37
|
+
expand = !1,
|
|
38
|
+
visibleToasts = VISIBLE_TOASTS_AMOUNT,
|
|
39
|
+
gap = TOAST_GAP,
|
|
40
|
+
duration = TOAST_LIFETIME,
|
|
41
|
+
offset = VIEWPORT_OFFSET,
|
|
42
|
+
hotkey = ["altKey", "KeyT"],
|
|
43
|
+
swipeDirection = "right",
|
|
44
|
+
swipeThreshold = 50,
|
|
45
|
+
closeButton = !1,
|
|
46
|
+
theme: themeProp,
|
|
47
|
+
icons,
|
|
48
|
+
toastOptions,
|
|
49
|
+
containerAriaLabel = "Notifications",
|
|
50
|
+
disableNative = !1,
|
|
51
|
+
burntOptions,
|
|
52
|
+
notificationOptions,
|
|
53
|
+
className,
|
|
54
|
+
style
|
|
55
|
+
} = props,
|
|
56
|
+
[toasts, setToasts] = React.useState([]),
|
|
57
|
+
[heights, setHeights] = React.useState([]),
|
|
58
|
+
[expanded, setExpanded] = React.useState(!1),
|
|
59
|
+
[interacting, setInteracting] = React.useState(!1),
|
|
60
|
+
listRef = React.useRef(null),
|
|
61
|
+
lastFocusedElementRef = React.useRef(null),
|
|
62
|
+
isFocusWithinRef = React.useRef(!1);
|
|
63
|
+
React.useEffect(() => ToastState.subscribe(toast => {
|
|
64
|
+
if (toast.dismiss) {
|
|
65
|
+
setToasts(toasts2 => toasts2.map(t => t.id === toast.id ? {
|
|
66
|
+
...t,
|
|
67
|
+
delete: !0
|
|
68
|
+
} : t));
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
setToasts(toasts2 => {
|
|
72
|
+
const indexOfExistingToast = toasts2.findIndex(t => t.id === toast.id);
|
|
73
|
+
return indexOfExistingToast !== -1 ? [...toasts2.slice(0, indexOfExistingToast), {
|
|
74
|
+
...toasts2[indexOfExistingToast],
|
|
75
|
+
...toast
|
|
76
|
+
}, ...toasts2.slice(indexOfExistingToast + 1)] : [toast, ...toasts2];
|
|
77
|
+
});
|
|
78
|
+
}), []), React.useEffect(() => {
|
|
79
|
+
toasts.length <= 1 && setExpanded(!1);
|
|
80
|
+
}, [toasts.length]), React.useEffect(() => {
|
|
81
|
+
if (!isWeb) return;
|
|
82
|
+
const handleKeyDown = event => {
|
|
83
|
+
hotkey.length > 0 && hotkey.every(key => event[key] || event.code === key) && (setExpanded(!0), listRef.current?.focus()), event.code === "Escape" && (document.activeElement === listRef.current || listRef.current?.contains(document.activeElement)) && setExpanded(!1);
|
|
84
|
+
};
|
|
85
|
+
return document.addEventListener("keydown", handleKeyDown), () => document.removeEventListener("keydown", handleKeyDown);
|
|
86
|
+
}, [hotkey]), React.useEffect(() => {
|
|
87
|
+
if (!(!isWeb || !listRef.current)) return () => {
|
|
88
|
+
lastFocusedElementRef.current && (lastFocusedElementRef.current.focus({
|
|
89
|
+
preventScroll: !0
|
|
90
|
+
}), lastFocusedElementRef.current = null, isFocusWithinRef.current = !1);
|
|
91
|
+
};
|
|
92
|
+
}, []);
|
|
93
|
+
const removeToast = React.useCallback(toastToRemove => {
|
|
94
|
+
setToasts(toasts2 => (toasts2.find(toast => toast.id === toastToRemove.id)?.delete || ToastState.dismiss(toastToRemove.id), toasts2.filter(({
|
|
95
|
+
id
|
|
96
|
+
}) => id !== toastToRemove.id)));
|
|
97
|
+
}, []),
|
|
98
|
+
[yPosition, xPosition] = position.split("-"),
|
|
99
|
+
offsetStyles = React.useMemo(() => {
|
|
100
|
+
const styles = {},
|
|
101
|
+
defaultOffset = typeof offset == "number" ? offset : VIEWPORT_OFFSET,
|
|
102
|
+
offsetObj = typeof offset == "object" ? offset : {
|
|
103
|
+
top: defaultOffset,
|
|
104
|
+
right: defaultOffset,
|
|
105
|
+
bottom: defaultOffset,
|
|
106
|
+
left: defaultOffset
|
|
107
|
+
};
|
|
108
|
+
return yPosition === "top" ? styles.top = offsetObj.top ?? defaultOffset : styles.bottom = offsetObj.bottom ?? defaultOffset, xPosition === "left" ? styles.left = offsetObj.left ?? defaultOffset : xPosition === "right" ? styles.right = offsetObj.right ?? defaultOffset : (styles.left = "50%", styles.transform = "translateX(-50%)"), styles;
|
|
109
|
+
}, [offset, yPosition, xPosition]),
|
|
110
|
+
currentTheme = useThemeName(),
|
|
111
|
+
resolvedTheme = themeProp === "system" || !themeProp ? currentTheme?.includes("dark") ? "dark" : "light" : themeProp,
|
|
112
|
+
hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
|
|
113
|
+
if (toasts.length === 0) return null;
|
|
114
|
+
const content = /* @__PURE__ */jsx(ToasterFrame, {
|
|
115
|
+
ref: listRef,
|
|
116
|
+
width,
|
|
117
|
+
"aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
|
|
118
|
+
tabIndex: -1,
|
|
119
|
+
"aria-live": "polite",
|
|
120
|
+
"aria-relevant": "additions text",
|
|
121
|
+
"aria-atomic": !1,
|
|
122
|
+
style: {
|
|
123
|
+
...offsetStyles,
|
|
124
|
+
...style
|
|
125
|
+
},
|
|
126
|
+
className,
|
|
127
|
+
"data-y-position": yPosition,
|
|
128
|
+
"data-x-position": xPosition,
|
|
129
|
+
onMouseEnter: () => setExpanded(!0),
|
|
130
|
+
onMouseMove: () => setExpanded(!0),
|
|
131
|
+
onMouseLeave: () => {
|
|
132
|
+
interacting || setExpanded(!1);
|
|
133
|
+
},
|
|
134
|
+
onPointerDown: () => setInteracting(!0),
|
|
135
|
+
onPointerUp: () => setInteracting(!1),
|
|
136
|
+
...(isWeb && {
|
|
137
|
+
onBlur: event => {
|
|
138
|
+
isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget) && (isFocusWithinRef.current = !1, lastFocusedElementRef.current && (lastFocusedElementRef.current.focus({
|
|
139
|
+
preventScroll: !0
|
|
140
|
+
}), lastFocusedElementRef.current = null));
|
|
141
|
+
},
|
|
142
|
+
onFocus: event => {
|
|
143
|
+
isFocusWithinRef.current || (isFocusWithinRef.current = !0, lastFocusedElementRef.current = event.relatedTarget);
|
|
144
|
+
}
|
|
145
|
+
}),
|
|
146
|
+
children: /* @__PURE__ */jsx(AnimatePresence, {
|
|
147
|
+
children: toasts.map((toast, index) => {
|
|
148
|
+
const isVisible = index < visibleToasts,
|
|
149
|
+
isFront = index === 0;
|
|
150
|
+
return /* @__PURE__ */jsx(ToastItem, {
|
|
151
|
+
toast,
|
|
152
|
+
index,
|
|
153
|
+
expanded: expanded || expand,
|
|
154
|
+
interacting,
|
|
155
|
+
position,
|
|
156
|
+
visibleToasts,
|
|
157
|
+
removeToast,
|
|
158
|
+
heights,
|
|
159
|
+
setHeights,
|
|
160
|
+
duration: toast.duration ?? toastOptions?.duration ?? duration,
|
|
161
|
+
gap,
|
|
162
|
+
swipeDirection,
|
|
163
|
+
swipeThreshold,
|
|
164
|
+
closeButton: toast.closeButton ?? closeButton,
|
|
165
|
+
icons,
|
|
166
|
+
disableNative,
|
|
167
|
+
burntOptions,
|
|
168
|
+
notificationOptions
|
|
169
|
+
}, toast.id);
|
|
170
|
+
})
|
|
171
|
+
})
|
|
172
|
+
});
|
|
173
|
+
return isWeb ? /* @__PURE__ */jsx(Portal, {
|
|
174
|
+
children: /* @__PURE__ */jsx(Theme, {
|
|
175
|
+
name: resolvedTheme,
|
|
176
|
+
children: content
|
|
177
|
+
})
|
|
178
|
+
}) : /* @__PURE__ */jsx(Theme, {
|
|
179
|
+
name: resolvedTheme,
|
|
180
|
+
children: content
|
|
181
|
+
});
|
|
182
|
+
});
|
|
183
|
+
Toaster.displayName = "Toaster";
|
|
184
|
+
export { Toaster };
|
|
185
|
+
//# sourceMappingURL=Toaster.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["AnimatePresence","isWeb","Theme","View","styled","useThemeName","Portal","React","ToastItem","ToastState","jsx","VISIBLE_TOASTS_AMOUNT","VIEWPORT_OFFSET","TOAST_GAP","TOAST_LIFETIME","TOAST_WIDTH","ToasterFrame","name","variants","unstyled","false","position","zIndex","pointerEvents","maxWidth","minHeight","defaultVariants","process","env","TAMAGUI_HEADLESS","Toaster","forwardRef","props","_ref","width","expand","visibleToasts","gap","duration","offset","hotkey","swipeDirection","swipeThreshold","closeButton","theme","themeProp","icons","toastOptions","containerAriaLabel","disableNative","burntOptions","notificationOptions","className","style","toasts","setToasts","useState","heights","setHeights","expanded","setExpanded","interacting","setInteracting","listRef","useRef","lastFocusedElementRef","isFocusWithinRef","useEffect","subscribe","toast","dismiss","toasts2","map","t","id","delete","indexOfExistingToast","findIndex","slice","length","handleKeyDown","event","every","key","code","current","focus","document","activeElement","contains","addEventListener","removeEventListener","preventScroll","removeToast","useCallback","toastToRemove","find","filter","yPosition","xPosition","split","offsetStyles","useMemo","styles","defaultOffset","offsetObj","top","right","bottom","left","transform","currentTheme","resolvedTheme","includes","hotkeyLabel","join","replace","content","ref","tabIndex","onMouseEnter","onMouseMove","onMouseLeave","onPointerDown","onPointerUp","onBlur","currentTarget","relatedTarget","onFocus","children","index","isVisible","isFront","displayName"],"sources":["../../src/Toaster.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __export = (target, all) => {
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), mod);
|
|
34
|
+
var Toaster_exports = {};
|
|
35
|
+
__export(Toaster_exports, {
|
|
36
|
+
Toaster: () => Toaster
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(Toaster_exports);
|
|
39
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
40
|
+
import_animate_presence = require("@tamagui/animate-presence"),
|
|
41
|
+
import_constants = require("@tamagui/constants"),
|
|
42
|
+
import_core = require("@tamagui/core"),
|
|
43
|
+
import_portal = require("@tamagui/portal"),
|
|
44
|
+
React = __toESM(require("react"), 1),
|
|
45
|
+
import_ToastItem = require("./ToastItem.native.js"),
|
|
46
|
+
import_ToastState = require("./ToastState.native.js");
|
|
47
|
+
function _type_of(obj) {
|
|
48
|
+
"@swc/helpers - typeof";
|
|
49
|
+
|
|
50
|
+
return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
51
|
+
}
|
|
52
|
+
var VISIBLE_TOASTS_AMOUNT = 4,
|
|
53
|
+
VIEWPORT_OFFSET = 24,
|
|
54
|
+
TOAST_GAP = 14,
|
|
55
|
+
TOAST_LIFETIME = 4e3,
|
|
56
|
+
TOAST_WIDTH = 356,
|
|
57
|
+
ToasterFrame = (0, import_core.styled)(import_core.View, {
|
|
58
|
+
name: "Toaster",
|
|
59
|
+
variants: {
|
|
60
|
+
unstyled: {
|
|
61
|
+
false: {
|
|
62
|
+
position: "fixed",
|
|
63
|
+
zIndex: 1e5,
|
|
64
|
+
pointerEvents: "box-none",
|
|
65
|
+
maxWidth: "100%",
|
|
66
|
+
// need min-height to contain absolutely positioned toasts
|
|
67
|
+
// toasts will overflow upward/downward from their anchor position
|
|
68
|
+
minHeight: 1
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
defaultVariants: {
|
|
73
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
74
|
+
}
|
|
75
|
+
}),
|
|
76
|
+
Toaster = /* @__PURE__ */React.forwardRef(function (props, _ref) {
|
|
77
|
+
var {
|
|
78
|
+
position = "bottom-right",
|
|
79
|
+
width = TOAST_WIDTH,
|
|
80
|
+
expand = !1,
|
|
81
|
+
visibleToasts = VISIBLE_TOASTS_AMOUNT,
|
|
82
|
+
gap = TOAST_GAP,
|
|
83
|
+
duration = TOAST_LIFETIME,
|
|
84
|
+
offset = VIEWPORT_OFFSET,
|
|
85
|
+
hotkey = ["altKey", "KeyT"],
|
|
86
|
+
swipeDirection = "right",
|
|
87
|
+
swipeThreshold = 50,
|
|
88
|
+
closeButton = !1,
|
|
89
|
+
theme: themeProp,
|
|
90
|
+
icons,
|
|
91
|
+
toastOptions,
|
|
92
|
+
containerAriaLabel = "Notifications",
|
|
93
|
+
disableNative = !1,
|
|
94
|
+
burntOptions,
|
|
95
|
+
notificationOptions,
|
|
96
|
+
className,
|
|
97
|
+
style
|
|
98
|
+
} = props,
|
|
99
|
+
[toasts, setToasts] = React.useState([]),
|
|
100
|
+
[heights, setHeights] = React.useState([]),
|
|
101
|
+
[expanded, setExpanded] = React.useState(!1),
|
|
102
|
+
[interacting, setInteracting] = React.useState(!1),
|
|
103
|
+
listRef = React.useRef(null),
|
|
104
|
+
lastFocusedElementRef = React.useRef(null),
|
|
105
|
+
isFocusWithinRef = React.useRef(!1);
|
|
106
|
+
React.useEffect(function () {
|
|
107
|
+
return import_ToastState.ToastState.subscribe(function (toast) {
|
|
108
|
+
if (toast.dismiss) {
|
|
109
|
+
setToasts(function (toasts2) {
|
|
110
|
+
return toasts2.map(function (t) {
|
|
111
|
+
return t.id === toast.id ? {
|
|
112
|
+
...t,
|
|
113
|
+
delete: !0
|
|
114
|
+
} : t;
|
|
115
|
+
});
|
|
116
|
+
});
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
setToasts(function (toasts2) {
|
|
120
|
+
var indexOfExistingToast = toasts2.findIndex(function (t) {
|
|
121
|
+
return t.id === toast.id;
|
|
122
|
+
});
|
|
123
|
+
return indexOfExistingToast !== -1 ? [...toasts2.slice(0, indexOfExistingToast), {
|
|
124
|
+
...toasts2[indexOfExistingToast],
|
|
125
|
+
...toast
|
|
126
|
+
}, ...toasts2.slice(indexOfExistingToast + 1)] : [toast, ...toasts2];
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
}, []), React.useEffect(function () {
|
|
130
|
+
toasts.length <= 1 && setExpanded(!1);
|
|
131
|
+
}, [toasts.length]), React.useEffect(function () {
|
|
132
|
+
if (import_constants.isWeb) {
|
|
133
|
+
var handleKeyDown = function (event) {
|
|
134
|
+
var _listRef_current,
|
|
135
|
+
isHotkeyPressed = hotkey.length > 0 && hotkey.every(function (key) {
|
|
136
|
+
return event[key] || event.code === key;
|
|
137
|
+
});
|
|
138
|
+
if (isHotkeyPressed) {
|
|
139
|
+
var _listRef_current1;
|
|
140
|
+
setExpanded(!0), (_listRef_current1 = listRef.current) === null || _listRef_current1 === void 0 || _listRef_current1.focus();
|
|
141
|
+
}
|
|
142
|
+
event.code === "Escape" && (document.activeElement === listRef.current || !((_listRef_current = listRef.current) === null || _listRef_current === void 0) && _listRef_current.contains(document.activeElement)) && setExpanded(!1);
|
|
143
|
+
};
|
|
144
|
+
return document.addEventListener("keydown", handleKeyDown), function () {
|
|
145
|
+
return document.removeEventListener("keydown", handleKeyDown);
|
|
146
|
+
};
|
|
147
|
+
}
|
|
148
|
+
}, [hotkey]), React.useEffect(function () {
|
|
149
|
+
if (!(!import_constants.isWeb || !listRef.current)) return function () {
|
|
150
|
+
lastFocusedElementRef.current && (lastFocusedElementRef.current.focus({
|
|
151
|
+
preventScroll: !0
|
|
152
|
+
}), lastFocusedElementRef.current = null, isFocusWithinRef.current = !1);
|
|
153
|
+
};
|
|
154
|
+
}, []);
|
|
155
|
+
var removeToast = React.useCallback(function (toastToRemove) {
|
|
156
|
+
setToasts(function (toasts2) {
|
|
157
|
+
var _toasts_find;
|
|
158
|
+
return !((_toasts_find = toasts2.find(function (toast) {
|
|
159
|
+
return toast.id === toastToRemove.id;
|
|
160
|
+
})) === null || _toasts_find === void 0) && _toasts_find.delete || import_ToastState.ToastState.dismiss(toastToRemove.id), toasts2.filter(function (param) {
|
|
161
|
+
var {
|
|
162
|
+
id
|
|
163
|
+
} = param;
|
|
164
|
+
return id !== toastToRemove.id;
|
|
165
|
+
});
|
|
166
|
+
});
|
|
167
|
+
}, []),
|
|
168
|
+
[yPosition, xPosition] = position.split("-"),
|
|
169
|
+
offsetStyles = React.useMemo(function () {
|
|
170
|
+
var styles = {},
|
|
171
|
+
defaultOffset = typeof offset == "number" ? offset : VIEWPORT_OFFSET,
|
|
172
|
+
offsetObj = (typeof offset > "u" ? "undefined" : _type_of(offset)) === "object" ? offset : {
|
|
173
|
+
top: defaultOffset,
|
|
174
|
+
right: defaultOffset,
|
|
175
|
+
bottom: defaultOffset,
|
|
176
|
+
left: defaultOffset
|
|
177
|
+
};
|
|
178
|
+
if (yPosition === "top") {
|
|
179
|
+
var _offsetObj_top;
|
|
180
|
+
styles.top = (_offsetObj_top = offsetObj.top) !== null && _offsetObj_top !== void 0 ? _offsetObj_top : defaultOffset;
|
|
181
|
+
} else {
|
|
182
|
+
var _offsetObj_bottom;
|
|
183
|
+
styles.bottom = (_offsetObj_bottom = offsetObj.bottom) !== null && _offsetObj_bottom !== void 0 ? _offsetObj_bottom : defaultOffset;
|
|
184
|
+
}
|
|
185
|
+
if (xPosition === "left") {
|
|
186
|
+
var _offsetObj_left;
|
|
187
|
+
styles.left = (_offsetObj_left = offsetObj.left) !== null && _offsetObj_left !== void 0 ? _offsetObj_left : defaultOffset;
|
|
188
|
+
} else if (xPosition === "right") {
|
|
189
|
+
var _offsetObj_right;
|
|
190
|
+
styles.right = (_offsetObj_right = offsetObj.right) !== null && _offsetObj_right !== void 0 ? _offsetObj_right : defaultOffset;
|
|
191
|
+
} else styles.left = "50%", styles.transform = "translateX(-50%)";
|
|
192
|
+
return styles;
|
|
193
|
+
}, [offset, yPosition, xPosition]),
|
|
194
|
+
currentTheme = (0, import_core.useThemeName)(),
|
|
195
|
+
resolvedTheme = themeProp === "system" || !themeProp ? currentTheme?.includes("dark") ? "dark" : "light" : themeProp,
|
|
196
|
+
hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
|
|
197
|
+
if (toasts.length === 0) return null;
|
|
198
|
+
var content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToasterFrame, {
|
|
199
|
+
ref: listRef,
|
|
200
|
+
width,
|
|
201
|
+
"aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
|
|
202
|
+
tabIndex: -1,
|
|
203
|
+
"aria-live": "polite",
|
|
204
|
+
"aria-relevant": "additions text",
|
|
205
|
+
"aria-atomic": !1,
|
|
206
|
+
style: {
|
|
207
|
+
...offsetStyles,
|
|
208
|
+
...style
|
|
209
|
+
},
|
|
210
|
+
className,
|
|
211
|
+
"data-y-position": yPosition,
|
|
212
|
+
"data-x-position": xPosition,
|
|
213
|
+
onMouseEnter: function () {
|
|
214
|
+
return setExpanded(!0);
|
|
215
|
+
},
|
|
216
|
+
onMouseMove: function () {
|
|
217
|
+
return setExpanded(!0);
|
|
218
|
+
},
|
|
219
|
+
onMouseLeave: function () {
|
|
220
|
+
interacting || setExpanded(!1);
|
|
221
|
+
},
|
|
222
|
+
onPointerDown: function () {
|
|
223
|
+
return setInteracting(!0);
|
|
224
|
+
},
|
|
225
|
+
onPointerUp: function () {
|
|
226
|
+
return setInteracting(!1);
|
|
227
|
+
},
|
|
228
|
+
...(import_constants.isWeb && {
|
|
229
|
+
onBlur: function (event) {
|
|
230
|
+
isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget) && (isFocusWithinRef.current = !1, lastFocusedElementRef.current && (lastFocusedElementRef.current.focus({
|
|
231
|
+
preventScroll: !0
|
|
232
|
+
}), lastFocusedElementRef.current = null));
|
|
233
|
+
},
|
|
234
|
+
onFocus: function (event) {
|
|
235
|
+
isFocusWithinRef.current || (isFocusWithinRef.current = !0, lastFocusedElementRef.current = event.relatedTarget);
|
|
236
|
+
}
|
|
237
|
+
}),
|
|
238
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
|
|
239
|
+
children: toasts.map(function (toast, index) {
|
|
240
|
+
var isVisible = index < visibleToasts,
|
|
241
|
+
isFront = index === 0,
|
|
242
|
+
_toast_duration,
|
|
243
|
+
_ref2,
|
|
244
|
+
_toast_closeButton;
|
|
245
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastItem.ToastItem, {
|
|
246
|
+
toast,
|
|
247
|
+
index,
|
|
248
|
+
expanded: expanded || expand,
|
|
249
|
+
interacting,
|
|
250
|
+
position,
|
|
251
|
+
visibleToasts,
|
|
252
|
+
removeToast,
|
|
253
|
+
heights,
|
|
254
|
+
setHeights,
|
|
255
|
+
duration: (_ref2 = (_toast_duration = toast.duration) !== null && _toast_duration !== void 0 ? _toast_duration : toastOptions?.duration) !== null && _ref2 !== void 0 ? _ref2 : duration,
|
|
256
|
+
gap,
|
|
257
|
+
swipeDirection,
|
|
258
|
+
swipeThreshold,
|
|
259
|
+
closeButton: (_toast_closeButton = toast.closeButton) !== null && _toast_closeButton !== void 0 ? _toast_closeButton : closeButton,
|
|
260
|
+
icons,
|
|
261
|
+
disableNative,
|
|
262
|
+
burntOptions,
|
|
263
|
+
notificationOptions
|
|
264
|
+
}, toast.id);
|
|
265
|
+
})
|
|
266
|
+
})
|
|
267
|
+
});
|
|
268
|
+
return import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
|
|
269
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
|
|
270
|
+
name: resolvedTheme,
|
|
271
|
+
children: content
|
|
272
|
+
})
|
|
273
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
|
|
274
|
+
name: resolvedTheme,
|
|
275
|
+
children: content
|
|
276
|
+
});
|
|
277
|
+
});
|
|
278
|
+
Toaster.displayName = "Toaster";
|
|
279
|
+
//# sourceMappingURL=Toaster.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Toaster_exports","Toaster","module","exports","import_jsx_runtime","require","import_animate_presence","import_constants","import_core","import_portal","React","import_ToastItem","import_ToastState","_type_of","obj","Symbol","constructor","VISIBLE_TOASTS_AMOUNT","VIEWPORT_OFFSET","TOAST_GAP","TOAST_LIFETIME","TOAST_WIDTH","ToasterFrame","styled","View","variants","unstyled","false","position","zIndex","pointerEvents","maxWidth","minHeight","defaultVariants","process","env","TAMAGUI_HEADLESS","forwardRef","props","_ref","width","expand","visibleToasts","gap","duration","offset","hotkey","swipeDirection","swipeThreshold","closeButton","theme","themeProp","icons","toastOptions","containerAriaLabel","disableNative","burntOptions","notificationOptions","className","style","toasts","setToasts","useState","heights","setHeights","expanded","setExpanded","interacting","setInteracting","listRef","useRef","lastFocusedElementRef","isFocusWithinRef","useEffect","ToastState","subscribe","toast","dismiss","toasts2","map","t","id","delete","indexOfExistingToast","findIndex","slice","length","isWeb","handleKeyDown","event","_listRef_current","isHotkeyPressed","every","code","_listRef_current1","current","focus","document","activeElement","contains","addEventListener","removeEventListener","preventScroll","removeToast","useCallback","toastToRemove","_toasts_find","find","filter","param","yPosition","xPosition","split","offsetStyles","useMemo","styles","defaultOffset","offsetObj","top","right","bottom","left","_offsetObj_top","_offsetObj_bottom","_offsetObj_left","_offsetObj_right","transform","currentTheme","useThemeName","resolvedTheme","includes","hotkeyLabel","join","replace"],"sources":["../../src/Toaster.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["TOAST_NAME","TOAST_CONTEXT"],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,UAAA,GAAa;EACbC,aAAA,GAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
23
|
+
var constants_exports = {};
|
|
24
|
+
__export(constants_exports, {
|
|
25
|
+
TOAST_CONTEXT: () => TOAST_CONTEXT,
|
|
26
|
+
TOAST_NAME: () => TOAST_NAME
|
|
27
|
+
});
|
|
28
|
+
module.exports = __toCommonJS(constants_exports);
|
|
29
|
+
var TOAST_NAME = "Toast",
|
|
30
|
+
TOAST_CONTEXT = "Toast";
|
|
31
|
+
//# sourceMappingURL=constants.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAAO,YAAM","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
const createNativeToast = (title, { message, notificationOptions }) => {
|
|
2
|
+
if (!("Notification" in window))
|
|
3
|
+
return console.error("This browser does not support notifications"), !1;
|
|
4
|
+
if (Notification.permission === "denied") return !1;
|
|
5
|
+
const showNotification = () => new Notification(title, {
|
|
6
|
+
body: message,
|
|
7
|
+
...notificationOptions
|
|
8
|
+
});
|
|
9
|
+
return Notification.permission === "granted" ? {
|
|
10
|
+
nativeToastRef: showNotification()
|
|
11
|
+
} : (Notification.requestPermission().then((permission) => {
|
|
12
|
+
if (permission === "granted")
|
|
13
|
+
return {
|
|
14
|
+
nativeToastRef: showNotification()
|
|
15
|
+
};
|
|
16
|
+
}), !0);
|
|
17
|
+
}, hideNativeToast = (ref) => {
|
|
18
|
+
if (!("Notification" in window)) {
|
|
19
|
+
console.error("This browser does not support notifications");
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
ref && ref.close();
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
createNativeToast,
|
|
26
|
+
hideNativeToast
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=createNativeToast.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/createNativeToast.tsx"],
|
|
4
|
+
"mappings": "AAEO,MAAM,oBAA0C,CACrD,OACA,EAAE,SAAS,oBAAoB,MAC5B;AACH,MAAI,EAAE,kBAAkB;AACtB,mBAAQ,MAAM,6CAA6C,GACpD;AAGT,MAAI,aAAa,eAAe,SAAU,QAAO;AACjD,QAAM,mBAAmB,MACF,IAAI,aAAa,OAAO;AAAA,IAC3C,MAAM;AAAA,IACN,GAAG;AAAA,EACL,CAAC;AAKH,SAAI,aAAa,eAAe,YAEvB;AAAA,IACL,gBAFmB,iBAAiB;AAAA,EAGtC,KAEF,aAAa,kBAAkB,EAAE,KAAK,CAAC,eAAe;AACpD,QAAI,eAAe;AAEjB,aAAO;AAAA,QACL,gBAFmB,iBAAiB;AAAA,MAGtC;AAAA,EAEJ,CAAC,GACM;AACT,GAEa,kBAAsC,CAAC,QAAQ;AAC1D,MAAI,EAAE,kBAAkB,SAAS;AAC/B,YAAQ,MAAM,6CAA6C;AAC3D;AAAA,EACF;AAEA,EAAI,OACF,IAAI,MAAM;AAEd;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
const createNativeToast = (title, {
|
|
2
|
+
message,
|
|
3
|
+
notificationOptions
|
|
4
|
+
}) => {
|
|
5
|
+
if (!("Notification" in window)) return console.error("This browser does not support notifications"), !1;
|
|
6
|
+
if (Notification.permission === "denied") return !1;
|
|
7
|
+
const showNotification = () => new Notification(title, {
|
|
8
|
+
body: message,
|
|
9
|
+
...notificationOptions
|
|
10
|
+
});
|
|
11
|
+
return Notification.permission === "granted" ? {
|
|
12
|
+
nativeToastRef: showNotification()
|
|
13
|
+
} : (Notification.requestPermission().then(permission => {
|
|
14
|
+
if (permission === "granted") return {
|
|
15
|
+
nativeToastRef: showNotification()
|
|
16
|
+
};
|
|
17
|
+
}), !0);
|
|
18
|
+
},
|
|
19
|
+
hideNativeToast = ref => {
|
|
20
|
+
if (!("Notification" in window)) {
|
|
21
|
+
console.error("This browser does not support notifications");
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
ref && ref.close();
|
|
25
|
+
};
|
|
26
|
+
export { createNativeToast, hideNativeToast };
|
|
27
|
+
//# sourceMappingURL=createNativeToast.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createNativeToast","title","message","notificationOptions","window","console","error","Notification","permission","showNotification","body","nativeToastRef","requestPermission","then","hideNativeToast","ref","close"],"sources":["../../src/createNativeToast.tsx"],"sourcesContent":[null],"mappings":"AAEO,MAAMA,iBAAA,GAA0CA,CACrDC,KAAA,EACA;IAAEC,OAAA;IAASC;EAAoB,MAC5B;IACH,IAAI,EAAE,kBAAkBC,MAAA,GACtB,OAAAC,OAAA,CAAQC,KAAA,CAAM,6CAA6C,GACpD;IAGT,IAAIC,YAAA,CAAaC,UAAA,KAAe,UAAU,OAAO;IACjD,MAAMC,gBAAA,GAAmBA,CAAA,KACF,IAAIF,YAAA,CAAaN,KAAA,EAAO;MAC3CS,IAAA,EAAMR,OAAA;MACN,GAAGC;IACL,CAAC;IAKH,OAAII,YAAA,CAAaC,UAAA,KAAe,YAEvB;MACLG,cAAA,EAFmBF,gBAAA,CAAiB;IAGtC,KAEFF,YAAA,CAAaK,iBAAA,CAAkB,EAAEC,IAAA,CAAML,UAAA,IAAe;MACpD,IAAIA,UAAA,KAAe,WAEjB,OAAO;QACLG,cAAA,EAFmBF,gBAAA,CAAiB;MAGtC;IAEJ,CAAC,GACM;EACT;EAEaK,eAAA,GAAuCC,GAAA,IAAQ;IAC1D,IAAI,EAAE,kBAAkBX,MAAA,GAAS;MAC/BC,OAAA,CAAQC,KAAA,CAAM,6CAA6C;MAC3D;IACF;IAEIS,GAAA,IACFA,GAAA,CAAIC,KAAA,CAAM;EAEd","ignoreList":[]}
|