@hanzogui/toast 3.0.2 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +42 -25
- package/src/Toast.tsx +5 -5
- package/src/ToastAnnounce.tsx +2 -2
- package/src/ToastComposable.tsx +1380 -0
- package/src/ToastImpl.tsx +19 -7
- package/src/ToastItemFrame.tsx +136 -0
- package/src/ToastPortal.tsx +2 -2
- package/src/ToastProvider.tsx +13 -6
- package/src/ToastState.ts +398 -0
- package/src/ToastViewport.tsx +11 -10
- package/src/Toaster.tsx +181 -0
- package/src/createNativeToast.native.tsx +4 -0
- package/src/createNativeToast.tsx +18 -24
- package/src/dispatchNativeToast.ts +43 -0
- package/src/useAnimatedDragGesture.native.ts +255 -0
- package/src/useAnimatedDragGesture.ts +319 -0
- package/src/useReducedMotion.ts +59 -0
- package/src/useToastAnimations.ts +377 -0
- package/src/v2.ts +31 -0
- package/types/Toast.d.ts +36 -36
- package/types/ToastAnnounce.d.ts +4 -4
- package/types/ToastComposable.d.ts +199 -0
- package/types/ToastImperative.d.ts +2 -2
- package/types/ToastImpl.d.ts +12 -12
- package/types/ToastItemFrame.d.ts +25 -0
- package/types/ToastProvider.d.ts +8 -8
- package/types/ToastState.d.ts +179 -0
- package/types/ToastViewport.d.ts +12 -12
- package/types/Toaster.d.ts +112 -0
- package/types/createNativeToast.d.ts +5 -0
- package/types/createNativeToast.native.d.ts +1 -0
- package/types/dispatchNativeToast.d.ts +12 -0
- package/types/useAnimatedDragGesture.d.ts +33 -0
- package/types/useAnimatedDragGesture.native.d.ts +33 -0
- package/types/useReducedMotion.d.ts +6 -0
- package/types/useToastAnimations.d.ts +50 -0
- package/types/v2.d.ts +10 -0
- package/v2/index.cjs +2 -0
- package/v2/index.js +2 -0
- package/v2/index.native.cjs +2 -0
- package/v2/index.native.js +2 -0
- package/LICENSE +0 -21
- package/dist/cjs/Toast.cjs +0 -170
- package/dist/cjs/Toast.native.js +0 -174
- package/dist/cjs/Toast.native.js.map +0 -1
- package/dist/cjs/ToastAnnounce.cjs +0 -97
- package/dist/cjs/ToastAnnounce.native.js +0 -105
- package/dist/cjs/ToastAnnounce.native.js.map +0 -1
- package/dist/cjs/ToastImperative.cjs +0 -100
- package/dist/cjs/ToastImperative.native.js +0 -122
- package/dist/cjs/ToastImperative.native.js.map +0 -1
- package/dist/cjs/ToastImpl.cjs +0 -292
- package/dist/cjs/ToastImpl.native.js +0 -326
- package/dist/cjs/ToastImpl.native.js.map +0 -1
- package/dist/cjs/ToastPortal.cjs +0 -44
- package/dist/cjs/ToastPortal.native.js +0 -47
- package/dist/cjs/ToastPortal.native.js.map +0 -1
- package/dist/cjs/ToastProvider.cjs +0 -146
- package/dist/cjs/ToastProvider.native.js +0 -159
- package/dist/cjs/ToastProvider.native.js.map +0 -1
- package/dist/cjs/ToastViewport.cjs +0 -278
- package/dist/cjs/ToastViewport.native.js +0 -315
- package/dist/cjs/ToastViewport.native.js.map +0 -1
- package/dist/cjs/constants.cjs +0 -28
- package/dist/cjs/constants.native.js +0 -31
- package/dist/cjs/constants.native.js.map +0 -1
- package/dist/cjs/createNativeToast.cjs +0 -51
- package/dist/cjs/createNativeToast.native.js +0 -48
- package/dist/cjs/createNativeToast.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -18
- package/dist/cjs/index.native.js +0 -21
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/types.cjs +0 -16
- package/dist/cjs/types.native.js +0 -19
- package/dist/cjs/types.native.js.map +0 -1
- package/dist/esm/Toast.mjs +0 -131
- package/dist/esm/Toast.mjs.map +0 -1
- package/dist/esm/Toast.native.js +0 -132
- package/dist/esm/Toast.native.js.map +0 -1
- package/dist/esm/ToastAnnounce.mjs +0 -62
- package/dist/esm/ToastAnnounce.mjs.map +0 -1
- package/dist/esm/ToastAnnounce.native.js +0 -67
- package/dist/esm/ToastAnnounce.native.js.map +0 -1
- package/dist/esm/ToastImperative.mjs +0 -63
- package/dist/esm/ToastImperative.mjs.map +0 -1
- package/dist/esm/ToastImperative.native.js +0 -82
- package/dist/esm/ToastImperative.native.js.map +0 -1
- package/dist/esm/ToastImpl.mjs +0 -256
- package/dist/esm/ToastImpl.mjs.map +0 -1
- package/dist/esm/ToastImpl.native.js +0 -287
- package/dist/esm/ToastImpl.native.js.map +0 -1
- package/dist/esm/ToastPortal.mjs +0 -21
- package/dist/esm/ToastPortal.mjs.map +0 -1
- package/dist/esm/ToastPortal.native.js +0 -21
- package/dist/esm/ToastPortal.native.js.map +0 -1
- package/dist/esm/ToastProvider.mjs +0 -108
- package/dist/esm/ToastProvider.mjs.map +0 -1
- package/dist/esm/ToastProvider.native.js +0 -118
- package/dist/esm/ToastProvider.native.js.map +0 -1
- package/dist/esm/ToastViewport.mjs +0 -241
- package/dist/esm/ToastViewport.mjs.map +0 -1
- package/dist/esm/ToastViewport.native.js +0 -275
- package/dist/esm/ToastViewport.native.js.map +0 -1
- package/dist/esm/constants.mjs +0 -4
- package/dist/esm/constants.mjs.map +0 -1
- package/dist/esm/constants.native.js +0 -4
- package/dist/esm/constants.native.js.map +0 -1
- package/dist/esm/createNativeToast.mjs +0 -27
- package/dist/esm/createNativeToast.mjs.map +0 -1
- package/dist/esm/createNativeToast.native.js +0 -21
- package/dist/esm/createNativeToast.native.js.map +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs +0 -2
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -2
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js +0 -2
- package/dist/esm/types.native.js.map +0 -1
- package/dist/jsx/Toast.mjs +0 -131
- package/dist/jsx/Toast.mjs.map +0 -1
- package/dist/jsx/Toast.native.js +0 -174
- package/dist/jsx/Toast.native.js.map +0 -1
- package/dist/jsx/ToastAnnounce.mjs +0 -62
- package/dist/jsx/ToastAnnounce.mjs.map +0 -1
- package/dist/jsx/ToastAnnounce.native.js +0 -105
- package/dist/jsx/ToastAnnounce.native.js.map +0 -1
- package/dist/jsx/ToastImperative.mjs +0 -63
- package/dist/jsx/ToastImperative.mjs.map +0 -1
- package/dist/jsx/ToastImperative.native.js +0 -122
- package/dist/jsx/ToastImperative.native.js.map +0 -1
- package/dist/jsx/ToastImpl.mjs +0 -256
- package/dist/jsx/ToastImpl.mjs.map +0 -1
- package/dist/jsx/ToastImpl.native.js +0 -326
- package/dist/jsx/ToastImpl.native.js.map +0 -1
- package/dist/jsx/ToastPortal.mjs +0 -21
- package/dist/jsx/ToastPortal.mjs.map +0 -1
- package/dist/jsx/ToastPortal.native.js +0 -47
- package/dist/jsx/ToastPortal.native.js.map +0 -1
- package/dist/jsx/ToastProvider.mjs +0 -108
- package/dist/jsx/ToastProvider.mjs.map +0 -1
- package/dist/jsx/ToastProvider.native.js +0 -159
- package/dist/jsx/ToastProvider.native.js.map +0 -1
- package/dist/jsx/ToastViewport.mjs +0 -241
- package/dist/jsx/ToastViewport.mjs.map +0 -1
- package/dist/jsx/ToastViewport.native.js +0 -315
- package/dist/jsx/ToastViewport.native.js.map +0 -1
- package/dist/jsx/constants.mjs +0 -4
- package/dist/jsx/constants.mjs.map +0 -1
- package/dist/jsx/constants.native.js +0 -31
- package/dist/jsx/constants.native.js.map +0 -1
- package/dist/jsx/createNativeToast.mjs +0 -27
- package/dist/jsx/createNativeToast.mjs.map +0 -1
- package/dist/jsx/createNativeToast.native.js +0 -48
- package/dist/jsx/createNativeToast.native.js.map +0 -1
- package/dist/jsx/index.js +0 -2
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs +0 -2
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/index.native.js +0 -21
- package/dist/jsx/index.native.js.map +0 -1
- package/dist/jsx/types.mjs +0 -2
- package/dist/jsx/types.mjs.map +0 -1
- package/dist/jsx/types.native.js +0 -19
- package/dist/jsx/types.native.js.map +0 -1
|
@@ -1,241 +0,0 @@
|
|
|
1
|
-
import { AnimatePresence } from "@hanzogui/animate-presence";
|
|
2
|
-
import { useComposedRefs } from "@hanzogui/compose-refs";
|
|
3
|
-
import { isWeb } from "@hanzogui/constants";
|
|
4
|
-
import { styled } from "@hanzogui/core";
|
|
5
|
-
import { PortalHost } from "@hanzogui/portal";
|
|
6
|
-
import { YStack } from "@hanzogui/stacks";
|
|
7
|
-
import { VisuallyHidden } from "@hanzogui/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: "fixed",
|
|
28
|
-
maxWidth: "100%",
|
|
29
|
-
tabIndex: 0,
|
|
30
|
-
zIndex: 1e5
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
defaultVariants: {
|
|
35
|
-
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
36
|
-
}
|
|
37
|
-
}),
|
|
38
|
-
ToastViewportFrame = styled(YStack, {
|
|
39
|
-
name: VIEWPORT_NAME,
|
|
40
|
-
variants: {
|
|
41
|
-
unstyled: {
|
|
42
|
-
false: {
|
|
43
|
-
pointerEvents: "box-none",
|
|
44
|
-
position: "fixed",
|
|
45
|
-
maxWidth: "100%"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
defaultVariants: {
|
|
50
|
-
unstyled: process.env.HANZO_GUI_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: "fixed",
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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","HANZO_GUI_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":[]}
|
|
@@ -1,275 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AnimatePresence } from "@hanzogui/animate-presence";
|
|
3
|
-
import { useComposedRefs } from "@hanzogui/compose-refs";
|
|
4
|
-
import { isWeb } from "@hanzogui/constants";
|
|
5
|
-
import { styled } from "@hanzogui/core";
|
|
6
|
-
import { PortalHost } from "@hanzogui/portal";
|
|
7
|
-
import { YStack } from "@hanzogui/stacks";
|
|
8
|
-
import { VisuallyHidden } from "@hanzogui/visually-hidden";
|
|
9
|
-
import * as React from "react";
|
|
10
|
-
import { TOAST_CONTEXT } from "./constants.native.js";
|
|
11
|
-
import { ToastPortal } from "./ToastPortal.native.js";
|
|
12
|
-
import { Collection, useCollection, useToastProviderContext } from "./ToastProvider.native.js";
|
|
13
|
-
var VIEWPORT_NAME = "ToastViewport",
|
|
14
|
-
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: "fixed",
|
|
28
|
-
maxWidth: "100%",
|
|
29
|
-
tabIndex: 0,
|
|
30
|
-
zIndex: 1e5
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
defaultVariants: {
|
|
35
|
-
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
36
|
-
}
|
|
37
|
-
}),
|
|
38
|
-
ToastViewportFrame = styled(YStack, {
|
|
39
|
-
name: VIEWPORT_NAME,
|
|
40
|
-
variants: {
|
|
41
|
-
unstyled: {
|
|
42
|
-
false: {
|
|
43
|
-
pointerEvents: "box-none",
|
|
44
|
-
position: "fixed",
|
|
45
|
-
maxWidth: "100%"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
defaultVariants: {
|
|
50
|
-
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
51
|
-
}
|
|
52
|
-
}),
|
|
53
|
-
ToastViewport = /* @__PURE__ */React.memo(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
54
|
-
var {
|
|
55
|
-
scope,
|
|
56
|
-
hotkey = VIEWPORT_DEFAULT_HOTKEY,
|
|
57
|
-
label = "Notifications ({hotkey})",
|
|
58
|
-
name = "default",
|
|
59
|
-
multipleToasts,
|
|
60
|
-
zIndex,
|
|
61
|
-
portalToRoot,
|
|
62
|
-
...viewportProps
|
|
63
|
-
} = props,
|
|
64
|
-
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(function (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(function () {
|
|
77
|
-
if (isWeb && context.toastCount !== 0) {
|
|
78
|
-
var handleKeyDown = function (event) {
|
|
79
|
-
var _ref_current,
|
|
80
|
-
isHotkeyPressed = hotkey.every(function (key) {
|
|
81
|
-
return event[key] || event.code === key;
|
|
82
|
-
});
|
|
83
|
-
isHotkeyPressed && ((_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus());
|
|
84
|
-
};
|
|
85
|
-
return document.addEventListener("keydown", handleKeyDown), function () {
|
|
86
|
-
document.removeEventListener("keydown", handleKeyDown);
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
}, [hotkey, context.toastCount]), React.useEffect(function () {
|
|
90
|
-
if (isWeb && context.toastCount !== 0) {
|
|
91
|
-
var wrapper = wrapperRef.current,
|
|
92
|
-
viewport = ref.current;
|
|
93
|
-
if (hasToasts && wrapper && viewport) {
|
|
94
|
-
var handlePause = function () {
|
|
95
|
-
if (!context.isClosePausedRef.current) {
|
|
96
|
-
var pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
|
|
97
|
-
viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
handleResume = function () {
|
|
101
|
-
if (context.isClosePausedRef.current) {
|
|
102
|
-
var resumeEvent = new CustomEvent(VIEWPORT_RESUME);
|
|
103
|
-
viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
handleFocusOutResume = function (event) {
|
|
107
|
-
var isFocusMovingOutside = !wrapper.contains(event.relatedTarget);
|
|
108
|
-
isFocusMovingOutside && handleResume();
|
|
109
|
-
},
|
|
110
|
-
handlePointerLeaveResume = function () {
|
|
111
|
-
var isFocusInside = wrapper.contains(document.activeElement);
|
|
112
|
-
isFocusInside || handleResume();
|
|
113
|
-
};
|
|
114
|
-
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), function () {
|
|
115
|
-
wrapper.removeEventListener("focusin", handlePause), wrapper.removeEventListener("focusout", handleFocusOutResume), wrapper.removeEventListener("pointermove", handlePause), wrapper.removeEventListener("pointerleave", handlePointerLeaveResume), window.removeEventListener("blur", handlePause), window.removeEventListener("focus", handleResume);
|
|
116
|
-
};
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}, [hasToasts, context.isClosePausedRef, context.toastCount]);
|
|
120
|
-
var getSortedTabbableCandidates = React.useCallback(function (param) {
|
|
121
|
-
var {
|
|
122
|
-
tabbingDirection
|
|
123
|
-
} = param,
|
|
124
|
-
toastItems = getItems(),
|
|
125
|
-
tabbableCandidates = toastItems.map(function (toastItem) {
|
|
126
|
-
var toastNode = toastItem.ref.current,
|
|
127
|
-
toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)];
|
|
128
|
-
return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
|
|
129
|
-
});
|
|
130
|
-
return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
|
|
131
|
-
}, [getItems]);
|
|
132
|
-
React.useEffect(function () {
|
|
133
|
-
if (isWeb && context.toastCount !== 0) {
|
|
134
|
-
var viewport = ref.current;
|
|
135
|
-
if (viewport) {
|
|
136
|
-
var handleKeyDown = function (event) {
|
|
137
|
-
var isMetaKey = event.altKey || event.ctrlKey || event.metaKey,
|
|
138
|
-
isTabKey = event.key === "Tab" && !isMetaKey;
|
|
139
|
-
if (isTabKey) {
|
|
140
|
-
var focusedElement = document.activeElement,
|
|
141
|
-
isTabbingBackwards = event.shiftKey,
|
|
142
|
-
targetIsViewport = event.target === viewport;
|
|
143
|
-
if (targetIsViewport && isTabbingBackwards) {
|
|
144
|
-
var _headFocusProxyRef_current;
|
|
145
|
-
(_headFocusProxyRef_current = headFocusProxyRef.current) === null || _headFocusProxyRef_current === void 0 || _headFocusProxyRef_current.focus();
|
|
146
|
-
return;
|
|
147
|
-
}
|
|
148
|
-
var tabbingDirection = isTabbingBackwards ? "backwards" : "forwards",
|
|
149
|
-
sortedCandidates = getSortedTabbableCandidates({
|
|
150
|
-
tabbingDirection
|
|
151
|
-
}),
|
|
152
|
-
index = sortedCandidates.findIndex(function (candidate) {
|
|
153
|
-
return candidate === focusedElement;
|
|
154
|
-
});
|
|
155
|
-
if (focusFirst(sortedCandidates.slice(index + 1))) event.preventDefault();else {
|
|
156
|
-
var _headFocusProxyRef_current1, _tailFocusProxyRef_current;
|
|
157
|
-
isTabbingBackwards ? (_headFocusProxyRef_current1 = headFocusProxyRef.current) === null || _headFocusProxyRef_current1 === void 0 || _headFocusProxyRef_current1.focus() : (_tailFocusProxyRef_current = tailFocusProxyRef.current) === null || _tailFocusProxyRef_current === void 0 || _tailFocusProxyRef_current.focus();
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
return viewport.addEventListener("keydown", handleKeyDown), function () {
|
|
162
|
-
return viewport.removeEventListener("keydown", handleKeyDown);
|
|
163
|
-
};
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}, [getItems, getSortedTabbableCandidates, context.toastCount]);
|
|
167
|
-
var contents = /* @__PURE__ */_jsxs(ToastViewportWrapperFrame, {
|
|
168
|
-
ref: wrapperRef,
|
|
169
|
-
role: "region",
|
|
170
|
-
"aria-label": label.replace("{hotkey}", hotkeyLabel),
|
|
171
|
-
// // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume
|
|
172
|
-
tabIndex: -1,
|
|
173
|
-
children: [
|
|
174
|
-
// // incase list has size when empty (e.g. padding), we remove pointer events so
|
|
175
|
-
// // it doesn't prevent interactions with page elements that it overlays
|
|
176
|
-
// pointerEvents={hasToasts ? undefined : 'none'}
|
|
177
|
-
hasToasts && /* @__PURE__ */_jsx(FocusProxy, {
|
|
178
|
-
context,
|
|
179
|
-
viewportName: name,
|
|
180
|
-
ref: headFocusProxyRef,
|
|
181
|
-
onFocusFromOutsideViewport: function () {
|
|
182
|
-
var tabbableCandidates = getSortedTabbableCandidates({
|
|
183
|
-
tabbingDirection: "forwards"
|
|
184
|
-
});
|
|
185
|
-
focusFirst(tabbableCandidates);
|
|
186
|
-
}
|
|
187
|
-
}),
|
|
188
|
-
/**
|
|
189
|
-
* tabindex on the the list so that it can be focused when items are removed. we focus
|
|
190
|
-
* the list instead of the viewport so it announces number of items remaining.
|
|
191
|
-
*/
|
|
192
|
-
/* @__PURE__ */
|
|
193
|
-
_jsx(Collection.Slot, {
|
|
194
|
-
scope: context.toastScope,
|
|
195
|
-
children: /* @__PURE__ */_jsx(ToastViewportFrame, {
|
|
196
|
-
focusable: context.toastCount > 0,
|
|
197
|
-
ref: composedRefs,
|
|
198
|
-
...viewportProps,
|
|
199
|
-
children: /* @__PURE__ */_jsx(PortalHost, {
|
|
200
|
-
render: function (children) {
|
|
201
|
-
return /* @__PURE__ */_jsx(AnimatePresence, {
|
|
202
|
-
exitBeforeEnter: !multipleToasts,
|
|
203
|
-
children
|
|
204
|
-
});
|
|
205
|
-
},
|
|
206
|
-
name: name ?? "default"
|
|
207
|
-
})
|
|
208
|
-
})
|
|
209
|
-
}), hasToasts && /* @__PURE__ */_jsx(FocusProxy, {
|
|
210
|
-
context,
|
|
211
|
-
viewportName: name,
|
|
212
|
-
ref: tailFocusProxyRef,
|
|
213
|
-
onFocusFromOutsideViewport: function () {
|
|
214
|
-
var tabbableCandidates = getSortedTabbableCandidates({
|
|
215
|
-
tabbingDirection: "backwards"
|
|
216
|
-
});
|
|
217
|
-
focusFirst(tabbableCandidates);
|
|
218
|
-
}
|
|
219
|
-
})]
|
|
220
|
-
});
|
|
221
|
-
return portalToRoot ? /* @__PURE__ */_jsx(ToastPortal, {
|
|
222
|
-
context,
|
|
223
|
-
...(typeof zIndex == "number" ? {
|
|
224
|
-
zIndex
|
|
225
|
-
} : {}),
|
|
226
|
-
children: contents
|
|
227
|
-
}) : contents;
|
|
228
|
-
}));
|
|
229
|
-
ToastViewport.displayName = VIEWPORT_NAME;
|
|
230
|
-
var FOCUS_PROXY_NAME = "ToastFocusProxy",
|
|
231
|
-
FocusProxy = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
232
|
-
var {
|
|
233
|
-
onFocusFromOutsideViewport,
|
|
234
|
-
viewportName,
|
|
235
|
-
context,
|
|
236
|
-
...proxyProps
|
|
237
|
-
} = props,
|
|
238
|
-
viewport = context.viewports[viewportName];
|
|
239
|
-
return /* @__PURE__ */_jsx(VisuallyHidden, {
|
|
240
|
-
"aria-hidden": !0,
|
|
241
|
-
tabIndex: 0,
|
|
242
|
-
...proxyProps,
|
|
243
|
-
ref: forwardedRef,
|
|
244
|
-
// Avoid page scrolling when focus is on the focus proxy
|
|
245
|
-
position: "fixed",
|
|
246
|
-
onFocus: function (event) {
|
|
247
|
-
if (isWeb) {
|
|
248
|
-
var prevFocusedElement = event.relatedTarget,
|
|
249
|
-
isFocusFromOutsideViewport = !viewport?.contains(prevFocusedElement);
|
|
250
|
-
isFocusFromOutsideViewport && onFocusFromOutsideViewport();
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
});
|
|
254
|
-
});
|
|
255
|
-
FocusProxy.displayName = FOCUS_PROXY_NAME;
|
|
256
|
-
function focusFirst(candidates) {
|
|
257
|
-
if (isWeb) {
|
|
258
|
-
var previouslyFocusedElement = document.activeElement;
|
|
259
|
-
return candidates.some(function (candidate) {
|
|
260
|
-
return candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement);
|
|
261
|
-
});
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
function getTabbableCandidates(container) {
|
|
265
|
-
if (!isWeb) return [];
|
|
266
|
-
for (var containerHtml = container, nodes = [], walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
|
|
267
|
-
acceptNode: function (node) {
|
|
268
|
-
var isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
269
|
-
return node.disabled || node.hidden || isHiddenInput ? NodeFilter.FILTER_SKIP : node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
270
|
-
}
|
|
271
|
-
}); walker.nextNode();) nodes.push(walker.currentNode);
|
|
272
|
-
return nodes;
|
|
273
|
-
}
|
|
274
|
-
export { ToastViewport, VIEWPORT_DEFAULT_HOTKEY, VIEWPORT_PAUSE, VIEWPORT_RESUME };
|
|
275
|
-
//# sourceMappingURL=ToastViewport.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AnimatePresence","useComposedRefs","isWeb","styled","PortalHost","YStack","VisuallyHidden","React","TOAST_CONTEXT","ToastPortal","Collection","useCollection","useToastProviderContext","VIEWPORT_NAME","VIEWPORT_DEFAULT_HOTKEY","VIEWPORT_PAUSE","VIEWPORT_RESUME","ToastViewportWrapperFrame","name","variants","unstyled","false","pointerEvents","top","bottom","left","right","position","maxWidth","tabIndex","zIndex","defaultVariants","process","env","HANZO_GUI_HEADLESS","ToastViewportFrame","ToastViewport","memo","forwardRef","props","forwardedRef","scope","hotkey","label","multipleToasts","portalToRoot","viewportProps","context","getItems","headFocusProxyRef","useRef","tailFocusProxyRef","wrapperRef","ref","onViewportChange","useCallback","el","viewports","composedRefs","hotkeyLabel","join","replace","hasToasts","toastCount","useEffect","handleKeyDown","event","_ref_current","isHotkeyPressed","every","key","code","current","focus","document","addEventListener","removeEventListener","wrapper","viewport","handlePause","isClosePausedRef","pauseEvent","CustomEvent","dispatchEvent","handleResume","resumeEvent","handleFocusOutResume","isFocusMovingOutside","contains","relatedTarget","handlePointerLeaveResume","isFocusInside","activeElement","window","getSortedTabbableCandidates","param","tabbingDirection","toastItems","tabbableCandidates","map","toastItem","toastNode","toastTabbableCandidates","getTabbableCandidates","reverse","flat","isMetaKey","altKey","ctrlKey","metaKey","isTabKey","focusedElement","isTabbingBackwards","shiftKey","targetIsViewport","target","_headFocusProxyRef_current","sortedCandidates","index","findIndex","candidate","focusFirst","slice","preventDefault","_headFocusProxyRef_current1","_tailFocusProxyRef_current","contents","role","children","FocusProxy","viewportName","onFocusFromOutsideViewport","Slot","toastScope","focusable","render","exitBeforeEnter","displayName","FOCUS_PROXY_NAME","proxyProps","onFocus","prevFocusedElement","isFocusFromOutsideViewport","candidates","previouslyFocusedElement","some","container","containerHtml","nodes","walker","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","node"],"sources":["../../src/ToastViewport.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/constants.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["TOAST_NAME","TOAST_CONTEXT"],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,UAAA,GAAa;EACbC,aAAA,GAAgB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["TOAST_NAME","TOAST_CONTEXT"],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAAO,IAAAA,UAAM,UAAa;EAAAC,aACb,UAAgB","ignoreList":[]}
|
|
@@ -1,27 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { getBurnt } from "@hanzogui/native";
|
|
2
|
-
var createNativeToast = function (title, param) {
|
|
3
|
-
var {
|
|
4
|
-
message,
|
|
5
|
-
duration,
|
|
6
|
-
burntOptions
|
|
7
|
-
} = param,
|
|
8
|
-
burnt = getBurnt();
|
|
9
|
-
return burnt.isEnabled ? (burnt.state.toast({
|
|
10
|
-
title,
|
|
11
|
-
message,
|
|
12
|
-
duration: duration ? duration / 1e3 : void 0,
|
|
13
|
-
...burntOptions
|
|
14
|
-
}), !0) : (console.warn("Warning: Must call import '@hanzogui/native/setup-burnt' at your app entry point to use native toasts"), !1);
|
|
15
|
-
},
|
|
16
|
-
hideNativeToast = function () {
|
|
17
|
-
var burnt = getBurnt();
|
|
18
|
-
burnt.isEnabled && burnt.state.dismissAllAlerts();
|
|
19
|
-
};
|
|
20
|
-
export { createNativeToast, hideNativeToast };
|
|
21
|
-
//# sourceMappingURL=createNativeToast.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getBurnt","createNativeToast","title","param","message","duration","burntOptions","burnt","isEnabled","state","toast","console","warn","hideNativeToast","dismissAllAlerts"],"sources":["../../src/createNativeToast.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAClB,IAAIC,iBAAA,GAAoB,SAAAA,CAASC,KAAA,EAAOC,KAAA,EAAO;IAClD,IAAI;QAAEC,OAAA;QAASC,QAAA;QAAUC;MAAa,IAAIH,KAAA;MACtCI,KAAA,GAAQP,QAAA,CAAS;IACrB,OAAKO,KAAA,CAAMC,SAAA,IAIXD,KAAA,CAAME,KAAA,CAAMC,KAAA,CAAM;MACdR,KAAA;MACAE,OAAA;MACAC,QAAA,EAAUA,QAAA,GAAWA,QAAA,GAAW,MAAO;MACvC,GAAGC;IACP,CAAC,GACM,OATHK,OAAA,CAAQC,IAAA,CAAK,wGAAwG,GAC9G;EASf;EACWC,eAAA,GAAkB,SAAAA,CAAA,EAAW;IACpC,IAAIN,KAAA,GAAQP,QAAA,CAAS;IAChBO,KAAA,CAAMC,SAAA,IACXD,KAAA,CAAME,KAAA,CAAMK,gBAAA,CAAiB;EACjC","ignoreList":[]}
|
package/dist/esm/index.js
DELETED
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
package/dist/esm/index.mjs
DELETED
package/dist/esm/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|