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