@hanzogui/toast 7.0.0 → 7.3.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/dist/cjs/Toast.cjs +178 -0
- package/dist/cjs/Toast.native.js +181 -0
- package/dist/cjs/Toast.native.js.map +1 -0
- package/dist/cjs/ToastAnnounce.cjs +103 -0
- package/dist/cjs/ToastAnnounce.native.js +111 -0
- package/dist/cjs/ToastAnnounce.native.js.map +1 -0
- package/dist/cjs/ToastComposable.cjs +933 -0
- package/dist/cjs/ToastComposable.native.js +1025 -0
- package/dist/cjs/ToastComposable.native.js.map +1 -0
- package/dist/cjs/ToastImperative.cjs +119 -0
- package/dist/cjs/ToastImperative.native.js +130 -0
- package/dist/cjs/ToastImperative.native.js.map +1 -0
- package/dist/cjs/ToastImpl.cjs +354 -0
- package/dist/cjs/ToastImpl.native.js +364 -0
- package/dist/cjs/ToastImpl.native.js.map +1 -0
- package/dist/cjs/ToastItemFrame.cjs +143 -0
- package/dist/cjs/ToastItemFrame.native.js +148 -0
- package/dist/cjs/ToastItemFrame.native.js.map +1 -0
- package/dist/cjs/ToastPortal.cjs +49 -0
- package/dist/cjs/ToastPortal.native.js +52 -0
- package/dist/cjs/ToastPortal.native.js.map +1 -0
- package/dist/cjs/ToastProvider.cjs +150 -0
- package/dist/cjs/ToastProvider.native.js +161 -0
- package/dist/cjs/ToastProvider.native.js.map +1 -0
- package/dist/cjs/ToastState.cjs +311 -0
- package/dist/cjs/ToastState.native.js +324 -0
- package/dist/cjs/ToastState.native.js.map +1 -0
- package/dist/cjs/ToastViewport.cjs +319 -0
- package/dist/cjs/ToastViewport.native.js +343 -0
- package/dist/cjs/ToastViewport.native.js.map +1 -0
- package/dist/cjs/Toaster.cjs +87 -0
- package/dist/cjs/Toaster.native.js +91 -0
- package/dist/cjs/Toaster.native.js.map +1 -0
- package/dist/cjs/constants.cjs +30 -0
- package/dist/cjs/constants.native.js +33 -0
- package/dist/cjs/constants.native.js.map +1 -0
- package/dist/cjs/createNativeToast.cjs +59 -0
- package/dist/cjs/createNativeToast.native.js +60 -0
- package/dist/cjs/createNativeToast.native.js.map +1 -0
- package/dist/cjs/dispatchNativeToast.cjs +47 -0
- package/dist/cjs/dispatchNativeToast.native.js +52 -0
- package/dist/cjs/dispatchNativeToast.native.js.map +1 -0
- package/dist/cjs/index.cjs +20 -0
- package/dist/cjs/index.native.js +23 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/types.cjs +18 -0
- package/dist/cjs/types.native.js +21 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/cjs/useAnimatedDragGesture.cjs +214 -0
- package/dist/cjs/useAnimatedDragGesture.native.js +224 -0
- package/dist/cjs/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/cjs/useReducedMotion.cjs +74 -0
- package/dist/cjs/useReducedMotion.native.js +83 -0
- package/dist/cjs/useReducedMotion.native.js.map +1 -0
- package/dist/cjs/useToastAnimations.cjs +294 -0
- package/dist/cjs/useToastAnimations.native.js +304 -0
- package/dist/cjs/useToastAnimations.native.js.map +1 -0
- package/dist/cjs/v2.cjs +36 -0
- package/dist/cjs/v2.native.js +39 -0
- package/dist/cjs/v2.native.js.map +1 -0
- package/dist/esm/Toast.mjs +137 -0
- package/dist/esm/Toast.mjs.map +1 -0
- package/dist/esm/Toast.native.js +137 -0
- package/dist/esm/Toast.native.js.map +1 -0
- package/dist/esm/ToastAnnounce.mjs +66 -0
- package/dist/esm/ToastAnnounce.mjs.map +1 -0
- package/dist/esm/ToastAnnounce.native.js +71 -0
- package/dist/esm/ToastAnnounce.native.js.map +1 -0
- package/dist/esm/ToastComposable.mjs +895 -0
- package/dist/esm/ToastComposable.mjs.map +1 -0
- package/dist/esm/ToastComposable.native.js +984 -0
- package/dist/esm/ToastComposable.native.js.map +1 -0
- package/dist/esm/ToastImperative.mjs +80 -0
- package/dist/esm/ToastImperative.mjs.map +1 -0
- package/dist/esm/ToastImperative.native.js +88 -0
- package/dist/esm/ToastImperative.native.js.map +1 -0
- package/dist/esm/ToastImpl.mjs +316 -0
- package/dist/esm/ToastImpl.mjs.map +1 -0
- package/dist/esm/ToastImpl.native.js +323 -0
- package/dist/esm/ToastImpl.native.js.map +1 -0
- package/dist/esm/ToastItemFrame.mjs +114 -0
- package/dist/esm/ToastItemFrame.mjs.map +1 -0
- package/dist/esm/ToastItemFrame.native.js +116 -0
- package/dist/esm/ToastItemFrame.native.js.map +1 -0
- package/dist/esm/ToastPortal.mjs +24 -0
- package/dist/esm/ToastPortal.mjs.map +1 -0
- package/dist/esm/ToastPortal.native.js +24 -0
- package/dist/esm/ToastPortal.native.js.map +1 -0
- package/dist/esm/ToastProvider.mjs +110 -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.mjs +285 -0
- package/dist/esm/ToastState.mjs.map +1 -0
- package/dist/esm/ToastState.native.js +295 -0
- package/dist/esm/ToastState.native.js.map +1 -0
- package/dist/esm/ToastViewport.mjs +280 -0
- package/dist/esm/ToastViewport.mjs.map +1 -0
- package/dist/esm/ToastViewport.native.js +301 -0
- package/dist/esm/ToastViewport.native.js.map +1 -0
- package/dist/esm/Toaster.mjs +51 -0
- package/dist/esm/Toaster.mjs.map +1 -0
- package/dist/esm/Toaster.native.js +52 -0
- package/dist/esm/Toaster.native.js.map +1 -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.mjs +32 -0
- package/dist/esm/createNativeToast.mjs.map +1 -0
- package/dist/esm/createNativeToast.native.js +30 -0
- package/dist/esm/createNativeToast.native.js.map +1 -0
- package/dist/esm/dispatchNativeToast.mjs +22 -0
- package/dist/esm/dispatchNativeToast.mjs.map +1 -0
- package/dist/esm/dispatchNativeToast.native.js +24 -0
- package/dist/esm/dispatchNativeToast.native.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -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/useAnimatedDragGesture.mjs +178 -0
- package/dist/esm/useAnimatedDragGesture.mjs.map +1 -0
- package/dist/esm/useAnimatedDragGesture.native.js +185 -0
- package/dist/esm/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/esm/useReducedMotion.mjs +38 -0
- package/dist/esm/useReducedMotion.mjs.map +1 -0
- package/dist/esm/useReducedMotion.native.js +44 -0
- package/dist/esm/useReducedMotion.native.js.map +1 -0
- package/dist/esm/useToastAnimations.mjs +258 -0
- package/dist/esm/useToastAnimations.mjs.map +1 -0
- package/dist/esm/useToastAnimations.native.js +265 -0
- package/dist/esm/useToastAnimations.native.js.map +1 -0
- package/dist/esm/v2.mjs +6 -0
- package/dist/esm/v2.mjs.map +1 -0
- package/dist/esm/v2.native.js +6 -0
- package/dist/esm/v2.native.js.map +1 -0
- package/dist/jsx/Toast.mjs +137 -0
- package/dist/jsx/Toast.mjs.map +1 -0
- package/dist/jsx/Toast.native.js +181 -0
- package/dist/jsx/Toast.native.js.map +1 -0
- package/dist/jsx/ToastAnnounce.mjs +66 -0
- package/dist/jsx/ToastAnnounce.mjs.map +1 -0
- package/dist/jsx/ToastAnnounce.native.js +111 -0
- package/dist/jsx/ToastAnnounce.native.js.map +1 -0
- package/dist/jsx/ToastComposable.mjs +895 -0
- package/dist/jsx/ToastComposable.mjs.map +1 -0
- package/dist/jsx/ToastComposable.native.js +1025 -0
- package/dist/jsx/ToastComposable.native.js.map +1 -0
- package/dist/jsx/ToastImperative.mjs +80 -0
- package/dist/jsx/ToastImperative.mjs.map +1 -0
- package/dist/jsx/ToastImperative.native.js +130 -0
- package/dist/jsx/ToastImperative.native.js.map +1 -0
- package/dist/jsx/ToastImpl.mjs +316 -0
- package/dist/jsx/ToastImpl.mjs.map +1 -0
- package/dist/jsx/ToastImpl.native.js +364 -0
- package/dist/jsx/ToastImpl.native.js.map +1 -0
- package/dist/jsx/ToastItemFrame.mjs +114 -0
- package/dist/jsx/ToastItemFrame.mjs.map +1 -0
- package/dist/jsx/ToastItemFrame.native.js +148 -0
- package/dist/jsx/ToastItemFrame.native.js.map +1 -0
- package/dist/jsx/ToastPortal.mjs +24 -0
- package/dist/jsx/ToastPortal.mjs.map +1 -0
- package/dist/jsx/ToastPortal.native.js +52 -0
- package/dist/jsx/ToastPortal.native.js.map +1 -0
- package/dist/jsx/ToastProvider.mjs +110 -0
- package/dist/jsx/ToastProvider.mjs.map +1 -0
- package/dist/jsx/ToastProvider.native.js +161 -0
- package/dist/jsx/ToastProvider.native.js.map +1 -0
- package/dist/jsx/ToastState.mjs +285 -0
- package/dist/jsx/ToastState.mjs.map +1 -0
- package/dist/jsx/ToastState.native.js +324 -0
- package/dist/jsx/ToastState.native.js.map +1 -0
- package/dist/jsx/ToastViewport.mjs +280 -0
- package/dist/jsx/ToastViewport.mjs.map +1 -0
- package/dist/jsx/ToastViewport.native.js +343 -0
- package/dist/jsx/ToastViewport.native.js.map +1 -0
- package/dist/jsx/Toaster.mjs +51 -0
- package/dist/jsx/Toaster.mjs.map +1 -0
- package/dist/jsx/Toaster.native.js +91 -0
- package/dist/jsx/Toaster.native.js.map +1 -0
- package/dist/jsx/constants.mjs +4 -0
- package/dist/jsx/constants.mjs.map +1 -0
- package/dist/jsx/constants.native.js +33 -0
- package/dist/jsx/constants.native.js.map +1 -0
- package/dist/jsx/createNativeToast.mjs +32 -0
- package/dist/jsx/createNativeToast.mjs.map +1 -0
- package/dist/jsx/createNativeToast.native.js +60 -0
- package/dist/jsx/createNativeToast.native.js.map +1 -0
- package/dist/jsx/dispatchNativeToast.mjs +22 -0
- package/dist/jsx/dispatchNativeToast.mjs.map +1 -0
- package/dist/jsx/dispatchNativeToast.native.js +52 -0
- package/dist/jsx/dispatchNativeToast.native.js.map +1 -0
- package/dist/jsx/index.js +2 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +23 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/dist/jsx/types.mjs +2 -0
- package/dist/jsx/types.mjs.map +1 -0
- package/dist/jsx/types.native.js +21 -0
- package/dist/jsx/types.native.js.map +1 -0
- package/dist/jsx/useAnimatedDragGesture.mjs +178 -0
- package/dist/jsx/useAnimatedDragGesture.mjs.map +1 -0
- package/dist/jsx/useAnimatedDragGesture.native.js +224 -0
- package/dist/jsx/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/jsx/useReducedMotion.mjs +38 -0
- package/dist/jsx/useReducedMotion.mjs.map +1 -0
- package/dist/jsx/useReducedMotion.native.js +83 -0
- package/dist/jsx/useReducedMotion.native.js.map +1 -0
- package/dist/jsx/useToastAnimations.mjs +258 -0
- package/dist/jsx/useToastAnimations.mjs.map +1 -0
- package/dist/jsx/useToastAnimations.native.js +304 -0
- package/dist/jsx/useToastAnimations.native.js.map +1 -0
- package/dist/jsx/v2.mjs +6 -0
- package/dist/jsx/v2.mjs.map +1 -0
- package/dist/jsx/v2.native.js +39 -0
- package/dist/jsx/v2.native.js.map +1 -0
- package/package.json +26 -24
- package/src/Toast.tsx +5 -5
- package/src/ToastAnnounce.tsx +2 -2
- package/src/ToastComposable.tsx +8 -8
- package/src/ToastImpl.tsx +6 -6
- package/src/ToastItemFrame.tsx +4 -4
- package/src/ToastProvider.tsx +5 -5
- package/src/ToastViewport.tsx +7 -7
- package/src/Toaster.tsx +2 -2
- package/src/useToastAnimations.ts +3 -3
- package/types/Toast.d.ts +14 -14
- package/types/Toast.d.ts.map +1 -0
- package/types/ToastAnnounce.d.ts +3 -3
- package/types/ToastAnnounce.d.ts.map +1 -0
- package/types/ToastComposable.d.ts +15 -15
- package/types/ToastComposable.d.ts.map +1 -0
- package/types/ToastImperative.d.ts +1 -1
- package/types/ToastImperative.d.ts.map +1 -0
- package/types/ToastImpl.d.ts +4 -4
- package/types/ToastImpl.d.ts.map +1 -0
- package/types/ToastItemFrame.d.ts +5 -5
- package/types/ToastItemFrame.d.ts.map +1 -0
- package/types/ToastPortal.d.ts +1 -1
- package/types/ToastPortal.d.ts.map +1 -0
- package/types/ToastProvider.d.ts +7 -7
- package/types/ToastProvider.d.ts.map +1 -0
- package/types/ToastState.d.ts.map +1 -0
- package/types/ToastViewport.d.ts +5 -5
- package/types/ToastViewport.d.ts.map +1 -0
- package/types/Toaster.d.ts +2 -2
- package/types/Toaster.d.ts.map +1 -0
- package/types/constants.d.ts.map +1 -0
- package/types/createNativeToast.d.ts.map +1 -0
- package/types/createNativeToast.native.d.ts.map +1 -0
- package/types/dispatchNativeToast.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
- package/types/types.d.ts.map +1 -0
- package/types/useAnimatedDragGesture.d.ts.map +1 -0
- package/types/useAnimatedDragGesture.native.d.ts.map +1 -0
- package/types/useReducedMotion.d.ts.map +1 -0
- package/types/useToastAnimations.d.ts.map +1 -0
- package/types/v2.d.ts.map +1 -0
- package/v2/index.cjs +1 -1
- package/v2/index.native.cjs +1 -1
|
@@ -0,0 +1,323 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useIsPresent } from "@hanzogui/animate-presence";
|
|
3
|
+
import { useComposedRefs } from "@hanzogui/compose-refs";
|
|
4
|
+
import { isWeb } from "@hanzogui/constants";
|
|
5
|
+
import { View, Theme, createStyledContext, styled, useConfiguration, useEvent, useThemeName } from "@hanzogui/core";
|
|
6
|
+
import { Dismissable } from "@hanzogui/dismissable";
|
|
7
|
+
import { composeEventHandlers } from "@hanzogui/helpers";
|
|
8
|
+
import { PortalItem } from "@hanzogui/portal";
|
|
9
|
+
import { YStack } from "@hanzogui/stacks";
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
import { TOAST_NAME } from "./constants.native.js";
|
|
12
|
+
import { ToastAnnounce } from "./ToastAnnounce.native.js";
|
|
13
|
+
import { Collection, useToastProviderContext } from "./ToastProvider.native.js";
|
|
14
|
+
import { VIEWPORT_PAUSE, VIEWPORT_RESUME } from "./ToastViewport.native.js";
|
|
15
|
+
var getPanResponder = function () {
|
|
16
|
+
return require("react-native").PanResponder;
|
|
17
|
+
};
|
|
18
|
+
var ToastImplFrame = styled(YStack, {
|
|
19
|
+
name: "ToastImpl",
|
|
20
|
+
tabIndex: 0,
|
|
21
|
+
variants: {
|
|
22
|
+
unstyled: {
|
|
23
|
+
false: {
|
|
24
|
+
focusStyle: {
|
|
25
|
+
outlineStyle: "solid",
|
|
26
|
+
outlineWidth: 2,
|
|
27
|
+
outlineColor: "$outlineColor"
|
|
28
|
+
},
|
|
29
|
+
backgroundColor: "$color6",
|
|
30
|
+
borderRadius: "$4",
|
|
31
|
+
paddingHorizontal: "$4",
|
|
32
|
+
paddingVertical: "$3",
|
|
33
|
+
marginHorizontal: "auto",
|
|
34
|
+
marginVertical: "$1",
|
|
35
|
+
elevation: "$3"
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
defaultVariants: {
|
|
40
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
var {
|
|
44
|
+
Provider: ToastInteractiveProvider,
|
|
45
|
+
useStyledContext: useToastInteractiveContext
|
|
46
|
+
} = createStyledContext({
|
|
47
|
+
onClose() {}
|
|
48
|
+
});
|
|
49
|
+
var ToastImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
50
|
+
var {
|
|
51
|
+
scope,
|
|
52
|
+
type = "foreground",
|
|
53
|
+
duration: durationProp,
|
|
54
|
+
open,
|
|
55
|
+
onClose,
|
|
56
|
+
onEscapeKeyDown,
|
|
57
|
+
onPause,
|
|
58
|
+
onResume,
|
|
59
|
+
onSwipeStart,
|
|
60
|
+
onSwipeMove,
|
|
61
|
+
onSwipeCancel,
|
|
62
|
+
onSwipeEnd,
|
|
63
|
+
viewportName = "default",
|
|
64
|
+
...toastProps
|
|
65
|
+
} = props;
|
|
66
|
+
var isPresent = useIsPresent();
|
|
67
|
+
var context = useToastProviderContext(scope);
|
|
68
|
+
var [node, setNode] = React.useState(null);
|
|
69
|
+
var composedRefs = useComposedRefs(forwardedRef, setNode);
|
|
70
|
+
var duration = durationProp || context.duration;
|
|
71
|
+
var closeTimerStartTimeRef = React.useRef(0);
|
|
72
|
+
var closeTimerRemainingTimeRef = React.useRef(duration);
|
|
73
|
+
var closeTimerRef = React.useRef(0);
|
|
74
|
+
var {
|
|
75
|
+
onToastAdd,
|
|
76
|
+
onToastRemove
|
|
77
|
+
} = context;
|
|
78
|
+
var viewport = React.useMemo(function () {
|
|
79
|
+
return context.viewports[viewportName];
|
|
80
|
+
}, [context.viewports, viewportName]);
|
|
81
|
+
var handleClose = useEvent(function () {
|
|
82
|
+
if (!isPresent) return;
|
|
83
|
+
if (isWeb) {
|
|
84
|
+
if (node === null || node === void 0 ? void 0 : node.contains(document.activeElement)) viewport === null || viewport === void 0 || viewport.focus();
|
|
85
|
+
}
|
|
86
|
+
onClose();
|
|
87
|
+
});
|
|
88
|
+
var startTimer = React.useCallback(function (duration2) {
|
|
89
|
+
if (!duration2 || duration2 === Number.POSITIVE_INFINITY) return;
|
|
90
|
+
clearTimeout(closeTimerRef.current);
|
|
91
|
+
closeTimerStartTimeRef.current = (/* @__PURE__ */new Date()).getTime();
|
|
92
|
+
closeTimerRef.current = setTimeout(handleClose, duration2);
|
|
93
|
+
}, [handleClose]);
|
|
94
|
+
var handleResume = React.useCallback(function () {
|
|
95
|
+
startTimer(closeTimerRemainingTimeRef.current);
|
|
96
|
+
onResume === null || onResume === void 0 || onResume();
|
|
97
|
+
}, [onResume, startTimer]);
|
|
98
|
+
var handlePause = React.useCallback(function () {
|
|
99
|
+
var elapsedTime = (/* @__PURE__ */new Date()).getTime() - closeTimerStartTimeRef.current;
|
|
100
|
+
closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;
|
|
101
|
+
window.clearTimeout(closeTimerRef.current);
|
|
102
|
+
onPause === null || onPause === void 0 || onPause();
|
|
103
|
+
}, [onPause]);
|
|
104
|
+
React.useEffect(function () {
|
|
105
|
+
if (!isWeb) return;
|
|
106
|
+
if (viewport) {
|
|
107
|
+
viewport.addEventListener(VIEWPORT_PAUSE, handlePause);
|
|
108
|
+
viewport.addEventListener(VIEWPORT_RESUME, handleResume);
|
|
109
|
+
return function () {
|
|
110
|
+
viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);
|
|
111
|
+
viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
}, [viewport, duration, onPause, onResume, startTimer]);
|
|
115
|
+
React.useEffect(function () {
|
|
116
|
+
if (open && !context.isClosePausedRef.current) startTimer(duration);
|
|
117
|
+
}, [open, duration, context.isClosePausedRef, startTimer]);
|
|
118
|
+
React.useEffect(function () {
|
|
119
|
+
onToastAdd();
|
|
120
|
+
return function () {
|
|
121
|
+
return onToastRemove();
|
|
122
|
+
};
|
|
123
|
+
}, [onToastAdd, onToastRemove]);
|
|
124
|
+
var announceTextContent = React.useMemo(function () {
|
|
125
|
+
if (!isWeb) return null;
|
|
126
|
+
return node ? getAnnounceTextContent(node) : null;
|
|
127
|
+
}, [node]);
|
|
128
|
+
var isHorizontalSwipe = ["left", "right", "horizontal"].includes(context.swipeDirection);
|
|
129
|
+
var {
|
|
130
|
+
animationDriver
|
|
131
|
+
} = useConfiguration();
|
|
132
|
+
if (!animationDriver) throw new Error("Must set animations in gui.config.ts");
|
|
133
|
+
var {
|
|
134
|
+
useAnimatedNumber,
|
|
135
|
+
useAnimatedNumberStyle
|
|
136
|
+
} = animationDriver;
|
|
137
|
+
var animatedNumber = useAnimatedNumber(0);
|
|
138
|
+
var _animationDriver_NumberView, _ref;
|
|
139
|
+
var AnimatedView = (_ref = (_animationDriver_NumberView = animationDriver["NumberView"]) !== null && _animationDriver_NumberView !== void 0 ? _animationDriver_NumberView : animationDriver.View) !== null && _ref !== void 0 ? _ref : View;
|
|
140
|
+
var animatedStyles = useAnimatedNumberStyle(animatedNumber, function (val) {
|
|
141
|
+
"worklet";
|
|
142
|
+
|
|
143
|
+
return {
|
|
144
|
+
transform: [isHorizontalSwipe ? {
|
|
145
|
+
translateX: val
|
|
146
|
+
} : {
|
|
147
|
+
translateY: val
|
|
148
|
+
}]
|
|
149
|
+
};
|
|
150
|
+
});
|
|
151
|
+
var panResponder = React.useMemo(function () {
|
|
152
|
+
var PanResponder = getPanResponder();
|
|
153
|
+
if (!PanResponder) return null;
|
|
154
|
+
return PanResponder.create({
|
|
155
|
+
onMoveShouldSetPanResponder: function (e, gesture) {
|
|
156
|
+
if (shouldGrantGestureMove(context.swipeDirection, gesture)) {
|
|
157
|
+
onSwipeStart === null || onSwipeStart === void 0 || onSwipeStart(e);
|
|
158
|
+
return true;
|
|
159
|
+
}
|
|
160
|
+
return false;
|
|
161
|
+
},
|
|
162
|
+
onPanResponderGrant: function (e) {
|
|
163
|
+
if (!isWeb) handlePause === null || handlePause === void 0 || handlePause();
|
|
164
|
+
},
|
|
165
|
+
onPanResponderMove: function (e, gesture) {
|
|
166
|
+
var {
|
|
167
|
+
x,
|
|
168
|
+
y
|
|
169
|
+
} = getGestureDistance(context.swipeDirection, gesture);
|
|
170
|
+
var delta = {
|
|
171
|
+
x,
|
|
172
|
+
y
|
|
173
|
+
};
|
|
174
|
+
animatedNumber.setValue(isHorizontalSwipe ? x : y, {
|
|
175
|
+
type: "direct"
|
|
176
|
+
});
|
|
177
|
+
if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) onSwipeEnd === null || onSwipeEnd === void 0 || onSwipeEnd(e);
|
|
178
|
+
onSwipeMove === null || onSwipeMove === void 0 || onSwipeMove(e);
|
|
179
|
+
},
|
|
180
|
+
onPanResponderEnd: function (e, param) {
|
|
181
|
+
var {
|
|
182
|
+
dx,
|
|
183
|
+
dy
|
|
184
|
+
} = param;
|
|
185
|
+
if (!isDeltaInDirection({
|
|
186
|
+
x: dx,
|
|
187
|
+
y: dy
|
|
188
|
+
}, context.swipeDirection, context.swipeThreshold)) {
|
|
189
|
+
if (!isWeb) handleResume === null || handleResume === void 0 || handleResume();
|
|
190
|
+
onSwipeCancel === null || onSwipeCancel === void 0 || onSwipeCancel(e);
|
|
191
|
+
animatedNumber.setValue(0, {
|
|
192
|
+
type: "spring"
|
|
193
|
+
});
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
}, [handlePause, handleResume]);
|
|
198
|
+
var themeName = useThemeName();
|
|
199
|
+
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
200
|
+
children: [announceTextContent && /* @__PURE__ */_jsx(ToastAnnounce, {
|
|
201
|
+
scope,
|
|
202
|
+
role: "status",
|
|
203
|
+
"aria-live": type === "foreground" ? "assertive" : "polite",
|
|
204
|
+
"aria-atomic": true,
|
|
205
|
+
children: announceTextContent
|
|
206
|
+
}), /* @__PURE__ */_jsx(PortalItem, {
|
|
207
|
+
hostName: viewportName !== null && viewportName !== void 0 ? viewportName : "default",
|
|
208
|
+
children: /* @__PURE__ */_jsx(ToastInteractiveProvider, {
|
|
209
|
+
scope,
|
|
210
|
+
onClose: function () {
|
|
211
|
+
handleClose();
|
|
212
|
+
},
|
|
213
|
+
children: /* @__PURE__ */_jsx(Dismissable, {
|
|
214
|
+
onEscapeKeyDown: composeEventHandlers(onEscapeKeyDown, function () {
|
|
215
|
+
if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();
|
|
216
|
+
context.isFocusedToastEscapeKeyDownRef.current = false;
|
|
217
|
+
}),
|
|
218
|
+
children: /* @__PURE__ */_jsx(Theme, {
|
|
219
|
+
contain: true,
|
|
220
|
+
forceClassName: true,
|
|
221
|
+
name: themeName,
|
|
222
|
+
children: /* @__PURE__ */_jsx(AnimatedView, {
|
|
223
|
+
...(panResponder === null || panResponder === void 0 ? void 0 : panResponder.panHandlers),
|
|
224
|
+
style: [{
|
|
225
|
+
margin: "auto"
|
|
226
|
+
}, animatedStyles],
|
|
227
|
+
children: /* @__PURE__ */_jsx(Collection.ItemSlot, {
|
|
228
|
+
scope: context.toastScope,
|
|
229
|
+
children: /* @__PURE__ */_jsx(ToastImplFrame, {
|
|
230
|
+
role: "status",
|
|
231
|
+
"aria-live": "off",
|
|
232
|
+
"aria-atomic": true,
|
|
233
|
+
"data-state": open ? "open" : "closed",
|
|
234
|
+
"data-swipe-direction": context.swipeDirection,
|
|
235
|
+
pointerEvents: "auto",
|
|
236
|
+
"$platform-web": {
|
|
237
|
+
touchAction: "none",
|
|
238
|
+
userSelect: "none"
|
|
239
|
+
},
|
|
240
|
+
...toastProps,
|
|
241
|
+
ref: composedRefs,
|
|
242
|
+
...(isWeb && {
|
|
243
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, function (event) {
|
|
244
|
+
if (event.key !== "Escape") return;
|
|
245
|
+
onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
|
|
246
|
+
if (!event.defaultPrevented) {
|
|
247
|
+
context.isFocusedToastEscapeKeyDownRef.current = true;
|
|
248
|
+
handleClose();
|
|
249
|
+
}
|
|
250
|
+
})
|
|
251
|
+
})
|
|
252
|
+
})
|
|
253
|
+
})
|
|
254
|
+
})
|
|
255
|
+
})
|
|
256
|
+
})
|
|
257
|
+
}, props.id)
|
|
258
|
+
})]
|
|
259
|
+
});
|
|
260
|
+
});
|
|
261
|
+
ToastImpl.propTypes = {
|
|
262
|
+
type(props) {
|
|
263
|
+
if (props.type && !["foreground", "background"].includes(props.type)) {
|
|
264
|
+
var error = `Invalid prop \`type\` supplied to \`${TOAST_NAME}\`. Expected \`foreground | background\`.`;
|
|
265
|
+
return new Error(error);
|
|
266
|
+
}
|
|
267
|
+
return null;
|
|
268
|
+
}
|
|
269
|
+
};
|
|
270
|
+
var isDeltaInDirection = function (delta, direction) {
|
|
271
|
+
var threshold = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
|
|
272
|
+
var deltaX = Math.abs(delta.x);
|
|
273
|
+
var deltaY = Math.abs(delta.y);
|
|
274
|
+
var isDeltaX = deltaX > deltaY;
|
|
275
|
+
if (direction === "left" || direction === "right" || direction === "horizontal") return isDeltaX && deltaX > threshold;
|
|
276
|
+
return !isDeltaX && deltaY > threshold;
|
|
277
|
+
};
|
|
278
|
+
function getAnnounceTextContent(container) {
|
|
279
|
+
if (!isWeb) return "";
|
|
280
|
+
var textContent = [];
|
|
281
|
+
Array.from(container.childNodes).forEach(function (node) {
|
|
282
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent) textContent.push(node.textContent);
|
|
283
|
+
if (isHTMLElement(node)) {
|
|
284
|
+
var isHidden = node.ariaHidden || node.hidden || node.style.display === "none";
|
|
285
|
+
var isExcluded = node.dataset.toastAnnounceExclude === "";
|
|
286
|
+
if (!isHidden) if (isExcluded) {
|
|
287
|
+
var altText = node.dataset.toastAnnounceAlt;
|
|
288
|
+
if (altText) textContent.push(altText);
|
|
289
|
+
} else textContent.push(...getAnnounceTextContent(node));
|
|
290
|
+
}
|
|
291
|
+
});
|
|
292
|
+
return textContent;
|
|
293
|
+
}
|
|
294
|
+
function isHTMLElement(node) {
|
|
295
|
+
return node.nodeType === node.ELEMENT_NODE;
|
|
296
|
+
}
|
|
297
|
+
var GESTURE_GRANT_THRESHOLD = 10;
|
|
298
|
+
var shouldGrantGestureMove = function (dir, param) {
|
|
299
|
+
var {
|
|
300
|
+
dx,
|
|
301
|
+
dy
|
|
302
|
+
} = param;
|
|
303
|
+
if ((dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD) return true;
|
|
304
|
+
if ((dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD) return true;
|
|
305
|
+
if ((dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD) return true;
|
|
306
|
+
if ((dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD) return true;
|
|
307
|
+
return false;
|
|
308
|
+
};
|
|
309
|
+
var getGestureDistance = function (dir, param) {
|
|
310
|
+
var {
|
|
311
|
+
dx,
|
|
312
|
+
dy
|
|
313
|
+
} = param;
|
|
314
|
+
var y = 0;
|
|
315
|
+
var x = 0;
|
|
316
|
+
if (dir === "horizontal") x = dx;else if (dir === "left") x = Math.min(0, dx);else if (dir === "right") x = Math.max(0, dx);else if (dir === "vertical") y = dy;else if (dir === "up") y = Math.min(0, dy);else if (dir === "down") y = Math.max(0, dy);
|
|
317
|
+
return {
|
|
318
|
+
x,
|
|
319
|
+
y
|
|
320
|
+
};
|
|
321
|
+
};
|
|
322
|
+
export { ToastImpl, ToastImplFrame, useToastInteractiveContext };
|
|
323
|
+
//# 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","TOAST_NAME","ToastAnnounce","Collection","useToastProviderContext","VIEWPORT_PAUSE","VIEWPORT_RESUME","getPanResponder","require","PanResponder","ToastImplFrame","name","tabIndex","variants","unstyled","false","focusStyle","outlineStyle","outlineWidth","outlineColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","elevation","defaultVariants","process","env","GUI_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","_animationDriver_NumberView","_ref","AnimatedView","animatedStyles","val","transform","translateX","translateY","panResponder","create","onMoveShouldSetPanResponder","e","gesture","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","error","direction","threshold","arguments","length","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,114 @@
|
|
|
1
|
+
import { styled } from "@hanzogui/core";
|
|
2
|
+
import { XStack, YStack } from "@hanzogui/stacks";
|
|
3
|
+
import { SizableText } from "@hanzogui/text";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
const ToastPositionWrapper = styled(YStack, {
|
|
6
|
+
name: "ToastPositionWrapper",
|
|
7
|
+
pointerEvents: "auto",
|
|
8
|
+
position: "absolute",
|
|
9
|
+
left: 0,
|
|
10
|
+
right: 0,
|
|
11
|
+
opacity: 1,
|
|
12
|
+
scale: 1,
|
|
13
|
+
y: 0,
|
|
14
|
+
x: 0
|
|
15
|
+
});
|
|
16
|
+
const ToastItemFrame = styled(YStack, {
|
|
17
|
+
name: "ToastItem",
|
|
18
|
+
userSelect: "none",
|
|
19
|
+
cursor: "default",
|
|
20
|
+
focusable: true,
|
|
21
|
+
variants: {
|
|
22
|
+
unstyled: {
|
|
23
|
+
false: {
|
|
24
|
+
backgroundColor: "$background",
|
|
25
|
+
borderRadius: "$6",
|
|
26
|
+
paddingHorizontal: "$4",
|
|
27
|
+
paddingVertical: "$3",
|
|
28
|
+
borderWidth: 1,
|
|
29
|
+
borderColor: "$borderColor",
|
|
30
|
+
shadowColor: "rgba(0, 0, 0, 0.15)",
|
|
31
|
+
shadowOffset: {
|
|
32
|
+
width: 0,
|
|
33
|
+
height: 4
|
|
34
|
+
},
|
|
35
|
+
shadowRadius: 12,
|
|
36
|
+
focusVisibleStyle: {
|
|
37
|
+
outlineWidth: 2,
|
|
38
|
+
outlineColor: "$color8",
|
|
39
|
+
outlineStyle: "solid"
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
const ToastCloseFrame = styled(XStack, {
|
|
49
|
+
name: "ToastClose",
|
|
50
|
+
render: "button",
|
|
51
|
+
alignItems: "center",
|
|
52
|
+
justifyContent: "center",
|
|
53
|
+
cursor: "pointer",
|
|
54
|
+
variants: {
|
|
55
|
+
unstyled: {
|
|
56
|
+
false: {
|
|
57
|
+
width: 18,
|
|
58
|
+
height: 18,
|
|
59
|
+
borderRadius: "$10",
|
|
60
|
+
backgroundColor: "$background",
|
|
61
|
+
borderWidth: 1,
|
|
62
|
+
borderColor: "$borderColor",
|
|
63
|
+
shadowColor: "rgba(0, 0, 0, 0.08)",
|
|
64
|
+
shadowOffset: {
|
|
65
|
+
width: 0,
|
|
66
|
+
height: 1
|
|
67
|
+
},
|
|
68
|
+
shadowRadius: 3,
|
|
69
|
+
hoverStyle: {
|
|
70
|
+
backgroundColor: "$color3"
|
|
71
|
+
},
|
|
72
|
+
pressStyle: {
|
|
73
|
+
backgroundColor: "$color4"
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
defaultVariants: {
|
|
79
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
const ToastActionFrame = styled(XStack, {
|
|
83
|
+
name: "ToastAction",
|
|
84
|
+
render: "button",
|
|
85
|
+
alignItems: "center",
|
|
86
|
+
justifyContent: "center",
|
|
87
|
+
cursor: "pointer",
|
|
88
|
+
variants: {
|
|
89
|
+
unstyled: {
|
|
90
|
+
false: {
|
|
91
|
+
borderRadius: "$2",
|
|
92
|
+
paddingHorizontal: "$2",
|
|
93
|
+
height: 24,
|
|
94
|
+
backgroundColor: "$color5",
|
|
95
|
+
hoverStyle: {
|
|
96
|
+
backgroundColor: "$color6"
|
|
97
|
+
},
|
|
98
|
+
pressStyle: {
|
|
99
|
+
backgroundColor: "$color7"
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
defaultVariants: {
|
|
105
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
const DefaultCloseIcon = () => /* @__PURE__ */jsx(SizableText, {
|
|
109
|
+
size: "$1",
|
|
110
|
+
color: "$color11",
|
|
111
|
+
children: "\u2715"
|
|
112
|
+
});
|
|
113
|
+
export { DefaultCloseIcon, ToastActionFrame, ToastCloseFrame, ToastItemFrame, ToastPositionWrapper };
|
|
114
|
+
//# sourceMappingURL=ToastItemFrame.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","XStack","YStack","SizableText","jsx","ToastPositionWrapper","name","pointerEvents","position","left","right","opacity","scale","y","x","ToastItemFrame","userSelect","cursor","focusable","variants","unstyled","false","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","borderWidth","borderColor","shadowColor","shadowOffset","width","height","shadowRadius","focusVisibleStyle","outlineWidth","outlineColor","outlineStyle","defaultVariants","process","env","GUI_HEADLESS","ToastCloseFrame","render","alignItems","justifyContent","hoverStyle","pressStyle","ToastActionFrame","DefaultCloseIcon","size","color","children"],"sources":["../../src/ToastItemFrame.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,MAAA,QAAc;AACvB,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,WAAA,QAAmB;AA6H1B,SAAAC,GAAA;AArHK,MAAMC,oBAAA,GAAuBL,MAAA,CAAOE,MAAA,EAAQ;EACjDI,IAAA,EAAM;EACNC,aAAA,EAAe;EACfC,QAAA,EAAU;EACVC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,CAAA,EAAG;EACHC,CAAA,EAAG;AACL,CAAC;AAOM,MAAMC,cAAA,GAAiBf,MAAA,CAAOE,MAAA,EAAQ;EAC3CI,IAAA,EAAM;EACNU,UAAA,EAAY;EACZC,MAAA,EAAQ;EACRC,SAAA,EAAW;EAEXC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,eAAA,EAAiB;QACjBC,YAAA,EAAc;QACdC,iBAAA,EAAmB;QACnBC,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,YAAA,EAAc;UAAEC,KAAA,EAAO;UAAGC,MAAA,EAAQ;QAAE;QACpCC,YAAA,EAAc;QACdC,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;IACF;EACF;EAEAC,eAAA,EAAiB;IACfjB,QAAA,EAAUkB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAMM,MAAMC,eAAA,GAAkBzC,MAAA,CAAOC,MAAA,EAAQ;EAC5CK,IAAA,EAAM;EACNoC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChB3B,MAAA,EAAQ;EAERE,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLS,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRR,YAAA,EAAc;QACdD,eAAA,EAAiB;QACjBI,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,YAAA,EAAc;UAAEC,KAAA,EAAO;UAAGC,MAAA,EAAQ;QAAE;QACpCC,YAAA,EAAc;QACda,UAAA,EAAY;UAAEvB,eAAA,EAAiB;QAAU;QACzCwB,UAAA,EAAY;UAAExB,eAAA,EAAiB;QAAU;MAC3C;IACF;EACF;EAEAe,eAAA,EAAiB;IACfjB,QAAA,EAAUkB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAMM,MAAMO,gBAAA,GAAmB/C,MAAA,CAAOC,MAAA,EAAQ;EAC7CK,IAAA,EAAM;EACNoC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChB3B,MAAA,EAAQ;EAERE,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLE,YAAA,EAAc;QACdC,iBAAA,EAAmB;QACnBO,MAAA,EAAQ;QACRT,eAAA,EAAiB;QACjBuB,UAAA,EAAY;UAAEvB,eAAA,EAAiB;QAAU;QACzCwB,UAAA,EAAY;UAAExB,eAAA,EAAiB;QAAU;MAC3C;IACF;EACF;EAEAe,eAAA,EAAiB;IACfjB,QAAA,EAAUkB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAMM,MAAMQ,gBAAA,GAAmBA,CAAA,KAC9B,eAAA5C,GAAA,CAACD,WAAA;EAAY8C,IAAA,EAAK;EAAKC,KAAA,EAAM;EAAWC,QAAA;AAAA,CAExC","ignoreList":[]}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { styled } from "@hanzogui/core";
|
|
3
|
+
import { XStack, YStack } from "@hanzogui/stacks";
|
|
4
|
+
import { SizableText } from "@hanzogui/text";
|
|
5
|
+
var ToastPositionWrapper = styled(YStack, {
|
|
6
|
+
name: "ToastPositionWrapper",
|
|
7
|
+
pointerEvents: "auto",
|
|
8
|
+
position: "absolute",
|
|
9
|
+
left: 0,
|
|
10
|
+
right: 0,
|
|
11
|
+
opacity: 1,
|
|
12
|
+
scale: 1,
|
|
13
|
+
y: 0,
|
|
14
|
+
x: 0
|
|
15
|
+
});
|
|
16
|
+
var ToastItemFrame = styled(YStack, {
|
|
17
|
+
name: "ToastItem",
|
|
18
|
+
userSelect: "none",
|
|
19
|
+
cursor: "default",
|
|
20
|
+
focusable: true,
|
|
21
|
+
variants: {
|
|
22
|
+
unstyled: {
|
|
23
|
+
false: {
|
|
24
|
+
backgroundColor: "$background",
|
|
25
|
+
borderRadius: "$6",
|
|
26
|
+
paddingHorizontal: "$4",
|
|
27
|
+
paddingVertical: "$3",
|
|
28
|
+
borderWidth: 1,
|
|
29
|
+
borderColor: "$borderColor",
|
|
30
|
+
shadowColor: "rgba(0, 0, 0, 0.15)",
|
|
31
|
+
shadowOffset: {
|
|
32
|
+
width: 0,
|
|
33
|
+
height: 4
|
|
34
|
+
},
|
|
35
|
+
shadowRadius: 12,
|
|
36
|
+
focusVisibleStyle: {
|
|
37
|
+
outlineWidth: 2,
|
|
38
|
+
outlineColor: "$color8",
|
|
39
|
+
outlineStyle: "solid"
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
var ToastCloseFrame = styled(XStack, {
|
|
49
|
+
name: "ToastClose",
|
|
50
|
+
render: "button",
|
|
51
|
+
alignItems: "center",
|
|
52
|
+
justifyContent: "center",
|
|
53
|
+
cursor: "pointer",
|
|
54
|
+
variants: {
|
|
55
|
+
unstyled: {
|
|
56
|
+
false: {
|
|
57
|
+
width: 18,
|
|
58
|
+
height: 18,
|
|
59
|
+
borderRadius: "$10",
|
|
60
|
+
backgroundColor: "$background",
|
|
61
|
+
borderWidth: 1,
|
|
62
|
+
borderColor: "$borderColor",
|
|
63
|
+
shadowColor: "rgba(0, 0, 0, 0.08)",
|
|
64
|
+
shadowOffset: {
|
|
65
|
+
width: 0,
|
|
66
|
+
height: 1
|
|
67
|
+
},
|
|
68
|
+
shadowRadius: 3,
|
|
69
|
+
hoverStyle: {
|
|
70
|
+
backgroundColor: "$color3"
|
|
71
|
+
},
|
|
72
|
+
pressStyle: {
|
|
73
|
+
backgroundColor: "$color4"
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
defaultVariants: {
|
|
79
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
var ToastActionFrame = styled(XStack, {
|
|
83
|
+
name: "ToastAction",
|
|
84
|
+
render: "button",
|
|
85
|
+
alignItems: "center",
|
|
86
|
+
justifyContent: "center",
|
|
87
|
+
cursor: "pointer",
|
|
88
|
+
variants: {
|
|
89
|
+
unstyled: {
|
|
90
|
+
false: {
|
|
91
|
+
borderRadius: "$2",
|
|
92
|
+
paddingHorizontal: "$2",
|
|
93
|
+
height: 24,
|
|
94
|
+
backgroundColor: "$color5",
|
|
95
|
+
hoverStyle: {
|
|
96
|
+
backgroundColor: "$color6"
|
|
97
|
+
},
|
|
98
|
+
pressStyle: {
|
|
99
|
+
backgroundColor: "$color7"
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
defaultVariants: {
|
|
105
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
var DefaultCloseIcon = function () {
|
|
109
|
+
return /* @__PURE__ */_jsx(SizableText, {
|
|
110
|
+
size: "$1",
|
|
111
|
+
color: "$color11",
|
|
112
|
+
children: "\u2715"
|
|
113
|
+
});
|
|
114
|
+
};
|
|
115
|
+
export { DefaultCloseIcon, ToastActionFrame, ToastCloseFrame, ToastItemFrame, ToastPositionWrapper };
|
|
116
|
+
//# sourceMappingURL=ToastItemFrame.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","styled","XStack","YStack","SizableText","ToastPositionWrapper","name","pointerEvents","position","left","right","opacity","scale","y","x","ToastItemFrame","userSelect","cursor","focusable","variants","unstyled","false","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","borderWidth","borderColor","shadowColor","shadowOffset","width","height","shadowRadius","focusVisibleStyle","outlineWidth","outlineColor","outlineStyle","defaultVariants","process","env","GUI_HEADLESS","ToastCloseFrame","render","alignItems","justifyContent","hoverStyle","pressStyle","ToastActionFrame"],"sources":["../../src/ToastItemFrame.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,GAAA,IAAAC,IAAA,QAAc;AACvB,SAASC,MAAA,QAAQ,gBAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAmB;AA6H1B,SAAAC,WAAA;AArHK,IAAAC,oBAAM,GAAAJ,MAAuB,CAAAE,MAAO;EACzCG,IAAA,EAAM;EACNC,aAAA,EAAe;EACfC,QAAA,EAAU;EACVC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,CAAA,EAAG;EACHC,CAAA,EAAG;AACL,CAAC;AAOM,IAAAC,cAAM,GAAAd,MAAiB,CAAAE,MAAO;EACnCG,IAAA,EAAM;EACNU,UAAA,EAAY;EACZC,MAAA,EAAQ;EACRC,SAAA,EAAW;EAEXC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,eAAA,EAAiB;QACjBC,YAAA,EAAc;QACdC,iBAAA,EAAmB;QACnBC,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,YAAA,EAAc;UACdC,KAAA;UACAC,MAAA;QAAmB;QACHC,YACd,IAAc;QAAAC,iBACA;UAChBC,YAAA;UACFC,YAAA;UACFC,YAAA;QACF;MAEA;IACE;EACF;EACDC,eAAA;IAMMjB,QAAM,EAAAkB,OAAA,CAAAC,GAAkB,CAAAC,YAAO,KAAQ;EAC5C;AAAM,EACN;AAAQ,IACRC,eAAY,GAAAxC,MAAA,CAAAC,MAAA;EACZI,IAAA,cAAgB;EAChBoC,MAAA,EAAQ;EAERC,UAAU;EAAAC,cACE;EAAA3B,MACR,WAAO;EAAAE,QACL;IAAOC,QACP;MAAQC,KACR;QACAS,KAAA;QACAC,MAAA;QACAR,YAAA,EAAa;QACbD,eAAa;QACbI,WAAA,GAAc;QACdC,WAAA,gBAAc;QACdC,WAAA,EAAY,qBAAmB;QAC/BC,YAAY,EAAE;UAChBC,KAAA;UACFC,MAAA;QACF;QAEAC,YAAiB;QACfa,UAAU;UACZvB,eAAA;QACD;QAMYwB,UAAA;UACLxB,eAAA;QACN;MACA;IACA;EACA;EAEAe,eAAU;IACRjB,QAAA,EAAUkB,OAAA,CAAAC,GAAA,CAAAC,YAAA;EAAA;AACD;AACS,IAAAO,gBACd,GAAA9C,MAAmB,CAAAC,MAAA;EAAAI,IAAA,EACnB,aAAQ;EAAAoC,MACR;EAAiBC,UACjB,UAAc;EAA2BC,cACzC,UAAc;EAA2B3B,MAC3C;EAAAE,QACF;IACFC,QAAA;MAEAC,KAAA;QACEE,YAAU,EAAQ,IAAI;QACxBC,iBAAA;QACDO,MAAA;QAMYT,eAAA,EAAmB,SAC9B","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { isWeb } from "@hanzogui/constants";
|
|
2
|
+
import { Portal } from "@hanzogui/portal";
|
|
3
|
+
import { ReprogapateToastProvider } from "./ToastProvider.mjs";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
function ToastPortal(props) {
|
|
6
|
+
const {
|
|
7
|
+
context,
|
|
8
|
+
children,
|
|
9
|
+
zIndex
|
|
10
|
+
} = props;
|
|
11
|
+
let content = children;
|
|
12
|
+
if (!isWeb) {
|
|
13
|
+
content = /* @__PURE__ */jsx(ReprogapateToastProvider, {
|
|
14
|
+
context,
|
|
15
|
+
children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return /* @__PURE__ */jsx(Portal, {
|
|
19
|
+
zIndex: zIndex || Number.MAX_SAFE_INTEGER,
|
|
20
|
+
children: content
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
export { ToastPortal };
|
|
24
|
+
//# sourceMappingURL=ToastPortal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isWeb","Portal","ReprogapateToastProvider","jsx","ToastPortal","props","context","children","zIndex","content","Number","MAX_SAFE_INTEGER"],"sources":["../../src/ToastPortal.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,MAAA,QAAc;AAEvB,SAASC,wBAAA,QAAgE;AAWnE,SAAAC,GAAA;AATC,SAASC,YAAYC,KAAA,EAIzB;EACD,MAAM;IAAEC,OAAA;IAASC,QAAA;IAAUC;EAAO,IAAIH,KAAA;EACtC,IAAII,OAAA,GAAUF,QAAA;EACd,IAAI,CAACP,KAAA,EAAO;IACVS,OAAA,GACE,eAAAN,GAAA,CAACD,wBAAA;MAAyBI,OAAA;MAAmBC;IAAA,CAAS;EAE1D;EACA,OAAO,eAAAJ,GAAA,CAACF,MAAA;IAAOO,MAAA,EAAQA,MAAA,IAAUE,MAAA,CAAOC,gBAAA;IAAmBJ,QAAA,EAAAE;EAAA,CAAQ;AACrE","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isWeb } from "@hanzogui/constants";
|
|
3
|
+
import { Portal } from "@hanzogui/portal";
|
|
4
|
+
import { ReprogapateToastProvider } from "./ToastProvider.native.js";
|
|
5
|
+
function ToastPortal(props) {
|
|
6
|
+
var {
|
|
7
|
+
context,
|
|
8
|
+
children,
|
|
9
|
+
zIndex
|
|
10
|
+
} = props;
|
|
11
|
+
var content = children;
|
|
12
|
+
if (!isWeb) {
|
|
13
|
+
content = /* @__PURE__ */_jsx(ReprogapateToastProvider, {
|
|
14
|
+
context,
|
|
15
|
+
children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return /* @__PURE__ */_jsx(Portal, {
|
|
19
|
+
zIndex: zIndex || Number.MAX_SAFE_INTEGER,
|
|
20
|
+
children: content
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
export { ToastPortal };
|
|
24
|
+
//# sourceMappingURL=ToastPortal.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","Portal","ReprogapateToastProvider","ToastPortal","props","context","children","zIndex","content"],"sources":["../../src/ToastPortal.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,6BAAc;AAEvB,SAASC,MAAA,0BAAgE;AAWnE,SAAAC,wBAAA;AATC,SAASC,YAAYC,KAAA,EAIzB;EACD;IAAMC,OAAE;IAAAC,QAAS;IAAAC;EAAU,IAAOH,KAAI;EACtC,IAAII,OAAA,GAAUF,QAAA;EACd,IAAI,CAACN,KAAA,EAAO;IACVQ,OAAA,GACE,eAAAT,IAAC,CAAAG,wBAAA;MAELG,OAAA;MACAC;IACF","ignoreList":[]}
|