@tamagui/toast 1.61.2 → 1.62.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.js +26 -61
- package/dist/cjs/Toast.js.map +1 -1
- package/dist/cjs/Toast.native.js +141 -0
- package/dist/cjs/Toast.native.js.map +6 -0
- package/dist/cjs/ToastAnnounce.js +18 -40
- package/dist/cjs/ToastAnnounce.js.map +1 -1
- package/dist/cjs/ToastAnnounce.native.js +74 -0
- package/dist/cjs/ToastAnnounce.native.js.map +6 -0
- package/dist/cjs/ToastImperative.js +27 -65
- package/dist/cjs/ToastImperative.js.map +1 -1
- package/dist/cjs/ToastImperative.native.js +74 -0
- package/dist/cjs/ToastImperative.native.js.map +6 -0
- package/dist/cjs/ToastImpl.js +65 -213
- package/dist/cjs/ToastImpl.js.map +1 -1
- package/dist/cjs/ToastImpl.native.js +232 -0
- package/dist/cjs/ToastImpl.native.js.map +6 -0
- package/dist/cjs/ToastProvider.js +18 -41
- package/dist/cjs/ToastProvider.js.map +1 -1
- package/dist/cjs/ToastProvider.native.js +103 -0
- package/dist/cjs/ToastProvider.native.js.map +6 -0
- package/dist/cjs/ToastViewport.js +59 -150
- package/dist/cjs/ToastViewport.js.map +1 -1
- package/dist/cjs/ToastViewport.native.js +260 -0
- package/dist/cjs/ToastViewport.native.js.map +6 -0
- package/dist/cjs/constants.js +5 -9
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/constants.native.js +26 -0
- package/dist/cjs/constants.native.js.map +6 -0
- package/dist/cjs/createNativeToast.js +22 -43
- package/dist/cjs/createNativeToast.js.map +1 -1
- package/dist/cjs/createNativeToast.native.js +12 -21
- package/dist/cjs/createNativeToast.native.js.map +1 -1
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +20 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/types.js +3 -6
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/types.native.js +15 -0
- package/dist/cjs/types.native.js.map +6 -0
- package/dist/esm/Toast.js +19 -37
- package/dist/esm/Toast.js.map +1 -1
- package/dist/esm/ToastAnnounce.js +11 -21
- package/dist/esm/ToastAnnounce.js.map +1 -1
- package/dist/esm/ToastImperative.js +20 -48
- package/dist/esm/ToastImperative.js.map +1 -1
- package/dist/esm/ToastImpl.js +58 -188
- package/dist/esm/ToastImpl.js.map +1 -1
- package/dist/esm/ToastProvider.js +11 -24
- package/dist/esm/ToastProvider.js.map +1 -1
- package/dist/esm/ToastViewport.js +52 -129
- package/dist/esm/ToastViewport.js.map +1 -1
- package/dist/esm/createNativeToast.js +17 -34
- package/dist/esm/createNativeToast.js.map +1 -1
- package/dist/jsx/Toast.js +17 -35
- package/dist/jsx/Toast.js.map +1 -1
- package/dist/jsx/Toast.native.js +127 -0
- package/dist/jsx/Toast.native.js.map +6 -0
- package/dist/jsx/ToastAnnounce.js +10 -20
- package/dist/jsx/ToastAnnounce.js.map +1 -1
- package/dist/jsx/ToastAnnounce.native.js +52 -0
- package/dist/jsx/ToastAnnounce.native.js.map +6 -0
- package/dist/jsx/ToastImperative.js +17 -45
- package/dist/jsx/ToastImperative.js.map +1 -1
- package/dist/jsx/ToastImperative.native.js +45 -0
- package/dist/jsx/ToastImperative.native.js.map +6 -0
- package/dist/jsx/ToastImpl.js +53 -183
- package/dist/jsx/ToastImpl.js.map +1 -1
- package/dist/jsx/ToastImpl.native.js +207 -0
- package/dist/jsx/ToastImpl.native.js.map +6 -0
- package/dist/jsx/ToastProvider.js +10 -23
- package/dist/jsx/ToastProvider.js.map +1 -1
- package/dist/jsx/ToastProvider.native.js +68 -0
- package/dist/jsx/ToastProvider.native.js.map +6 -0
- package/dist/jsx/ToastViewport.js +49 -124
- package/dist/jsx/ToastViewport.js.map +1 -1
- package/dist/jsx/ToastViewport.native.js +225 -0
- package/dist/jsx/ToastViewport.native.js.map +6 -0
- package/dist/jsx/constants.native.js +5 -0
- package/dist/jsx/constants.native.js.map +6 -0
- package/dist/jsx/createNativeToast.js +17 -34
- package/dist/jsx/createNativeToast.js.map +1 -1
- package/dist/jsx/createNativeToast.native.js +7 -13
- package/dist/jsx/createNativeToast.native.js.map +1 -1
- package/dist/jsx/index.native.js +2 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/dist/jsx/types.native.js +1 -0
- package/dist/jsx/types.native.js.map +6 -0
- package/package.json +13 -13
- package/dist/esm/createNativeToast.native.js +0 -19
- package/dist/esm/createNativeToast.native.js.map +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastImpl.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAqC;AAC9C,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AACvB;AAAA,EAGE;AAAA,OAEK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,uBAAuB;AAEhD,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["node", "duration"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import { useIsPresent } from "@tamagui/animate-presence";
|
|
2
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
+
import {
|
|
4
|
+
Theme,
|
|
5
|
+
composeEventHandlers,
|
|
6
|
+
isWeb,
|
|
7
|
+
styled,
|
|
8
|
+
useAnimationDriver,
|
|
9
|
+
useEvent,
|
|
10
|
+
useThemeName
|
|
11
|
+
} from "@tamagui/core";
|
|
12
|
+
import { Dismissable } from "@tamagui/dismissable";
|
|
13
|
+
import { PortalItem } from "@tamagui/portal";
|
|
14
|
+
import { ThemeableStack } from "@tamagui/stacks";
|
|
15
|
+
import * as React from "react";
|
|
16
|
+
import {
|
|
17
|
+
PanResponder
|
|
18
|
+
} from "react-native";
|
|
19
|
+
import { TOAST_NAME } from "./constants";
|
|
20
|
+
import { ToastAnnounce } from "./ToastAnnounce";
|
|
21
|
+
import {
|
|
22
|
+
Collection,
|
|
23
|
+
createToastContext,
|
|
24
|
+
useToastProviderContext
|
|
25
|
+
} from "./ToastProvider";
|
|
26
|
+
import { VIEWPORT_PAUSE, VIEWPORT_RESUME } from "./ToastViewport";
|
|
27
|
+
const ToastImplFrame = styled(ThemeableStack, {
|
|
28
|
+
name: "ToastImpl",
|
|
29
|
+
focusable: !0,
|
|
30
|
+
variants: {
|
|
31
|
+
unstyled: {
|
|
32
|
+
false: {
|
|
33
|
+
focusStyle: {
|
|
34
|
+
outlineStyle: "solid",
|
|
35
|
+
outlineWidth: 2,
|
|
36
|
+
outlineColor: "$borderColorHover"
|
|
37
|
+
},
|
|
38
|
+
backgroundColor: "$color6",
|
|
39
|
+
borderRadius: "$10",
|
|
40
|
+
paddingHorizontal: "$5",
|
|
41
|
+
paddingVertical: "$2",
|
|
42
|
+
marginHorizontal: "auto",
|
|
43
|
+
marginVertical: "$1"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
defaultVariants: {
|
|
48
|
+
unstyled: !1
|
|
49
|
+
}
|
|
50
|
+
}), [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(
|
|
51
|
+
TOAST_NAME,
|
|
52
|
+
{
|
|
53
|
+
onClose() {
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
), ToastImpl = React.forwardRef(
|
|
57
|
+
(props, forwardedRef) => {
|
|
58
|
+
const {
|
|
59
|
+
__scopeToast,
|
|
60
|
+
type = "foreground",
|
|
61
|
+
duration: durationProp,
|
|
62
|
+
open,
|
|
63
|
+
onClose,
|
|
64
|
+
onEscapeKeyDown,
|
|
65
|
+
onPause,
|
|
66
|
+
onResume,
|
|
67
|
+
onSwipeStart,
|
|
68
|
+
onSwipeMove,
|
|
69
|
+
onSwipeCancel,
|
|
70
|
+
onSwipeEnd,
|
|
71
|
+
viewportName = "default",
|
|
72
|
+
...toastProps
|
|
73
|
+
} = props, isPresent = useIsPresent(), context = useToastProviderContext(TOAST_NAME, __scopeToast), [node, setNode] = React.useState(null), composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2)), duration = durationProp || context.duration, closeTimerStartTimeRef = React.useRef(0), closeTimerRemainingTimeRef = React.useRef(duration), closeTimerRef = React.useRef(0), { onToastAdd, onToastRemove } = context, viewport = React.useMemo(() => context.viewports[viewportName], [context.viewports, viewportName]), handleClose = useEvent(() => {
|
|
74
|
+
isPresent && (isWeb && node?.contains(document.activeElement) && viewport?.focus(), onClose());
|
|
75
|
+
}), startTimer = React.useCallback(
|
|
76
|
+
(duration2) => {
|
|
77
|
+
!duration2 || duration2 === 1 / 0 || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
|
|
78
|
+
},
|
|
79
|
+
[handleClose]
|
|
80
|
+
), handleResume = React.useCallback(() => {
|
|
81
|
+
startTimer(closeTimerRemainingTimeRef.current), onResume?.();
|
|
82
|
+
}, [onResume, startTimer]), handlePause = React.useCallback(() => {
|
|
83
|
+
const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
|
|
84
|
+
closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
|
|
85
|
+
}, [onPause]);
|
|
86
|
+
React.useEffect(() => {
|
|
87
|
+
if (isWeb && viewport)
|
|
88
|
+
return viewport.addEventListener(VIEWPORT_PAUSE, handlePause), viewport.addEventListener(VIEWPORT_RESUME, handleResume), () => {
|
|
89
|
+
viewport.removeEventListener(VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
|
|
90
|
+
};
|
|
91
|
+
}, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(() => {
|
|
92
|
+
open && !context.isClosePausedRef.current && startTimer(duration);
|
|
93
|
+
}, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(() => (onToastAdd(), () => onToastRemove()), [onToastAdd, onToastRemove]);
|
|
94
|
+
const announceTextContent = React.useMemo(() => isWeb && node ? getAnnounceTextContent(node) : null, [node]), isHorizontalSwipe = ["left", "right", "horizontal"].includes(
|
|
95
|
+
context.swipeDirection
|
|
96
|
+
), driver = useAnimationDriver();
|
|
97
|
+
if (!driver)
|
|
98
|
+
throw new Error("Must set animations in tamagui.config.ts");
|
|
99
|
+
const { useAnimatedNumber, useAnimatedNumberStyle } = driver, animatedNumber = useAnimatedNumber(0), AnimatedView = driver.NumberView ?? driver.View, animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {
|
|
100
|
+
"worklet";
|
|
101
|
+
return {
|
|
102
|
+
transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }]
|
|
103
|
+
};
|
|
104
|
+
}), panResponder = React.useMemo(() => PanResponder.create({
|
|
105
|
+
onMoveShouldSetPanResponder: (e, gesture) => shouldGrantGestureMove(context.swipeDirection, gesture) ? (onSwipeStart?.(e), !0) : !1,
|
|
106
|
+
onPanResponderGrant: (e) => {
|
|
107
|
+
isWeb || handlePause?.();
|
|
108
|
+
},
|
|
109
|
+
onPanResponderMove: (e, gesture) => {
|
|
110
|
+
const { x, y } = getGestureDistance(context.swipeDirection, gesture), delta = { x, y };
|
|
111
|
+
animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: "direct" }), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
|
|
112
|
+
},
|
|
113
|
+
onPanResponderEnd: (e, { dx, dy }) => {
|
|
114
|
+
isDeltaInDirection(
|
|
115
|
+
{ x: dx, y: dy },
|
|
116
|
+
context.swipeDirection,
|
|
117
|
+
context.swipeThreshold
|
|
118
|
+
) || (isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, { type: "spring" }));
|
|
119
|
+
}
|
|
120
|
+
}), [handlePause, handleResume]), themeName = useThemeName();
|
|
121
|
+
return <>
|
|
122
|
+
{announceTextContent && <ToastAnnounce
|
|
123
|
+
__scopeToast={__scopeToast}
|
|
124
|
+
role="status"
|
|
125
|
+
aria-live={type === "foreground" ? "assertive" : "polite"}
|
|
126
|
+
aria-atomic
|
|
127
|
+
>{announceTextContent}</ToastAnnounce>}
|
|
128
|
+
<PortalItem hostName={viewportName ?? "default"}><ToastInteractiveProvider
|
|
129
|
+
key={props.id}
|
|
130
|
+
scope={__scopeToast}
|
|
131
|
+
onClose={() => {
|
|
132
|
+
handleClose();
|
|
133
|
+
}}
|
|
134
|
+
><Dismissable
|
|
135
|
+
onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {
|
|
136
|
+
context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
|
|
137
|
+
})}
|
|
138
|
+
><Theme forceClassName name={themeName}><AnimatedView
|
|
139
|
+
{...panResponder?.panHandlers}
|
|
140
|
+
style={[{ margin: "auto" }, animatedStyles]}
|
|
141
|
+
><Collection.ItemSlot scope={__scopeToast}><ToastImplFrame
|
|
142
|
+
role="status"
|
|
143
|
+
aria-live="off"
|
|
144
|
+
aria-atomic
|
|
145
|
+
data-state={open ? "open" : "closed"}
|
|
146
|
+
data-swipe-direction={context.swipeDirection}
|
|
147
|
+
pointerEvents="auto"
|
|
148
|
+
userSelect="none"
|
|
149
|
+
{...toastProps}
|
|
150
|
+
ref={composedRefs}
|
|
151
|
+
{...isWeb && {
|
|
152
|
+
onKeyDown: composeEventHandlers(
|
|
153
|
+
props.onKeyDown,
|
|
154
|
+
(event) => {
|
|
155
|
+
event.key === "Escape" && (onEscapeKeyDown?.(event), onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
|
|
156
|
+
}
|
|
157
|
+
)
|
|
158
|
+
}}
|
|
159
|
+
/></Collection.ItemSlot></AnimatedView></Theme></Dismissable></ToastInteractiveProvider></PortalItem>
|
|
160
|
+
</>;
|
|
161
|
+
}
|
|
162
|
+
);
|
|
163
|
+
ToastImpl.propTypes = {
|
|
164
|
+
type(props) {
|
|
165
|
+
if (props.type && !["foreground", "background"].includes(props.type)) {
|
|
166
|
+
const error = `Invalid prop \`type\` supplied to \`${TOAST_NAME}\`. Expected \`foreground | background\`.`;
|
|
167
|
+
return new Error(error);
|
|
168
|
+
}
|
|
169
|
+
return null;
|
|
170
|
+
}
|
|
171
|
+
};
|
|
172
|
+
const isDeltaInDirection = (delta, direction, threshold = 0) => {
|
|
173
|
+
const deltaX = Math.abs(delta.x), deltaY = Math.abs(delta.y), isDeltaX = deltaX > deltaY;
|
|
174
|
+
return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
|
|
175
|
+
};
|
|
176
|
+
function getAnnounceTextContent(container) {
|
|
177
|
+
if (!isWeb)
|
|
178
|
+
return "";
|
|
179
|
+
const textContent = [];
|
|
180
|
+
return Array.from(container.childNodes).forEach((node) => {
|
|
181
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
|
|
182
|
+
const isHidden = node.ariaHidden || node.hidden || node.style.display === "none", isExcluded = node.dataset.toastAnnounceExclude === "";
|
|
183
|
+
if (!isHidden)
|
|
184
|
+
if (isExcluded) {
|
|
185
|
+
const altText = node.dataset.toastAnnounceAlt;
|
|
186
|
+
altText && textContent.push(altText);
|
|
187
|
+
} else
|
|
188
|
+
textContent.push(...getAnnounceTextContent(node));
|
|
189
|
+
}
|
|
190
|
+
}), textContent;
|
|
191
|
+
}
|
|
192
|
+
function isHTMLElement(node) {
|
|
193
|
+
return node.nodeType === node.ELEMENT_NODE;
|
|
194
|
+
}
|
|
195
|
+
const GESTURE_GRANT_THRESHOLD = 10, shouldGrantGestureMove = (dir, { dx, dy }) => (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD ? !0 : (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD, getGestureDistance = (dir, { dx, dy }) => {
|
|
196
|
+
let y = 0, x = 0;
|
|
197
|
+
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)), {
|
|
198
|
+
x,
|
|
199
|
+
y
|
|
200
|
+
};
|
|
201
|
+
};
|
|
202
|
+
export {
|
|
203
|
+
ToastImpl,
|
|
204
|
+
ToastImplFrame,
|
|
205
|
+
useToastInteractiveContext
|
|
206
|
+
};
|
|
207
|
+
//# sourceMappingURL=ToastImpl.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ToastImpl.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAqC;AAC9C,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AACvB;AAAA,EAGE;AAAA,OAEK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,uBAAuB;AAEhD,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAuBK,CAAC,0BAA0B,0BAA0B,IAAI;AAAA,EAC7D;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IAAC;AAAA,EACb;AACF,GA2DM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAoC,iBAAiB;AACpD,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,GAAG;AAAA,IACL,IAAI,OACE,YAAY,aAAa,GACzB,UAAU,wBAAwB,YAAY,YAAY,GAC1D,CAAC,MAAM,OAAO,IAAI,MAAM,SAAgC,IAAI,GAC5D,eAAe,gBAAgB,cAAc,CAACA,UAAS,QAAQA,KAAI,CAAC,GACpE,WAAW,gBAAgB,QAAQ,UACnC,yBAAyB,MAAM,OAAO,CAAC,GACvC,6BAA6B,MAAM,OAAO,QAAQ,GAClD,gBAAgB,MAAM,OAAO,CAAC,GAC9B,EAAE,YAAY,cAAc,IAAI,SAEhC,WAAW,MAAM,QAAQ,MACtB,QAAQ,UAAU,YAAY,GACpC,CAAC,QAAQ,WAAW,YAAY,CAAC,GAE9B,cAAc,SAAS,MAAM;AACjC,MAAK,cAMD,SACsB,MAAyB,SAAS,SAAS,aAAa,KAC5D,UAAU,MAAM,GAEtC,QAAQ;AAAA,IACV,CAAC,GAEK,aAAa,MAAM;AAAA,MACvB,CAACC,cAAqB;AACpB,QAAI,CAACA,aAAYA,cAAa,UAC9B,aAAa,cAAc,OAAO,GAClC,uBAAuB,WAAU,oBAAI,KAAK,GAAE,QAAQ,GACpD,cAAc,UAAU,WAAW,aAAaA,SAAQ;AAAA,MAC1D;AAAA,MACA,CAAC,WAAW;AAAA,IACd,GACM,eAAe,MAAM,YAAY,MAAM;AAC3C,iBAAW,2BAA2B,OAAO,GAC7C,WAAW;AAAA,IACb,GAAG,CAAC,UAAU,UAAU,CAAC,GACnB,cAAc,MAAM,YAAY,MAAM;AAC1C,YAAM,eAAc,oBAAI,KAAK,GAAE,QAAQ,IAAI,uBAAuB;AAClE,iCAA2B,UACzB,2BAA2B,UAAU,aACvC,OAAO,aAAa,cAAc,OAAO,GACzC,UAAU;AAAA,IACZ,GAAG,CAAC,OAAO,CAAC;AAEZ,UAAM,UAAU,MAAM;AACpB,UAAK,SAED;AACF,wBAAS,iBAAiB,gBAAgB,WAAW,GACrD,SAAS,iBAAiB,iBAAiB,YAAY,GAChD,MAAM;AACX,mBAAS,oBAAoB,gBAAgB,WAAW,GACxD,SAAS,oBAAoB,iBAAiB,YAAY;AAAA,QAC5D;AAAA,IAEJ,GAAG,CAAC,UAAU,UAAU,SAAS,UAAU,UAAU,CAAC,GAKtD,MAAM,UAAU,MAAM;AACpB,MAAI,QAAQ,CAAC,QAAQ,iBAAiB,WACpC,WAAW,QAAQ;AAAA,IAEvB,GAAG,CAAC,MAAM,UAAU,QAAQ,kBAAkB,UAAU,CAAC,GAEzD,MAAM,UAAU,OACd,WAAW,GACJ,MAAM,cAAc,IAC1B,CAAC,YAAY,aAAa,CAAC;AAE9B,UAAM,sBAAsB,MAAM,QAAQ,MACnC,SACE,OAAO,uBAAuB,IAAsB,IADxC,MAElB,CAAC,IAAI,CAAC,GAEH,oBAAoB,CAAC,QAAQ,SAAS,YAAY,EAAE;AAAA,MACxD,QAAQ;AAAA,IACV,GAEM,SAAS,mBAAmB;AAClC,QAAI,CAAC;AACH,YAAM,IAAI,MAAM,0CAA0C;AAG5D,UAAM,EAAE,mBAAmB,uBAAuB,IAAI,QAEhD,iBAAiB,kBAAkB,CAAC,GAGpC,eAAgB,OAAO,cAAiB,OAAO,MAE/C,iBAAiB,uBAAuB,gBAAgB,CAAC,QAAQ;AACrE;AACA,aAAO;AAAA,QACL,WAAW,CAAC,oBAAoB,EAAE,YAAY,IAAI,IAAI,EAAE,YAAY,IAAI,CAAC;AAAA,MAC3E;AAAA,IACF,CAAC,GAEK,eAAe,MAAM,QAAQ,MAC1B,aAAa,OAAO;AAAA,MACzB,6BAA6B,CAAC,GAAG,YACZ,uBAAuB,QAAQ,gBAAgB,OAAO,KAEvE,eAAe,CAAC,GACT,MAEF;AAAA,MAET,qBAAqB,CAAC,MAAM;AAC1B,QAAK,SACH,cAAc;AAAA,MAElB;AAAA,MACA,oBAAoB,CAAC,GAAG,YAAY;AAClC,cAAM,EAAE,GAAG,EAAE,IAAI,mBAAmB,QAAQ,gBAAgB,OAAO,GAC7D,QAAQ,EAAE,GAAG,EAAE;AACrB,uBAAe,SAAS,oBAAoB,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC,GACjE,mBAAmB,OAAO,QAAQ,gBAAgB,QAAQ,cAAc,KAC1E,aAAa,CAAC,GAEhB,cAAc,CAAC;AAAA,MACjB;AAAA,MACA,mBAAmB,CAAC,GAAG,EAAE,IAAI,GAAG,MAAM;AACpC,QACG;AAAA,UACC,EAAE,GAAG,IAAI,GAAG,GAAG;AAAA,UACf,QAAQ;AAAA,UACR,QAAQ;AAAA,QACV,MAEK,SACH,eAAe,GAEjB,gBAAgB,CAAC,GACjB,eAAe,SAAS,GAAG,EAAE,MAAM,SAAS,CAAC;AAAA,MAEjD;AAAA,IACF,CAAC,GACA,CAAC,aAAa,YAAY,CAAC,GAGxB,YAAY,aAAa;AAE/B,WACE;AAAA,OACG,uBACC,CAAC;AAAA,QACC,cAAc;AAAA,QAEd,KAAK;AAAA,QACL,WAAW,SAAS,eAAe,cAAc;AAAA,QACjD;AAAA,QAEC,oBACH,EARC;AAAA,MAWH,CAAC,WAAW,UAAU,gBAAgB,WACpC,CAAC;AAAA,QACC,KAAK,MAAM;AAAA,QACX,OAAO;AAAA,QACP,SAAS,MAAM;AACb,sBAAY;AAAA,QACd;AAAA,OAEA,CAAC;AAAA,QAEC,iBAAiB,qBAAqB,iBAAiB,MAAM;AAC3D,UAAK,QAAQ,+BAA+B,WAC1C,YAAY,GAEd,QAAQ,+BAA+B,UAAU;AAAA,QACnD,CAAC;AAAA,OAED,CAAC,MAAM,eAAe,MAAM,WAC1B,CAAC;AAAA,YACK,cAAc;AAAA,QAClB,OAAO,CAAC,EAAE,QAAQ,OAAO,GAAG,cAAc;AAAA,OAE1C,CAAC,WAAW,SAAS,OAAO,cAC1B,CAAC;AAAA,QAEC,KAAK;AAAA,QACL,UAAU;AAAA,QACV;AAAA,QACA,YAAY,OAAO,SAAS;AAAA,QAC5B,sBAAsB,QAAQ;AAAA,QAC9B,cAAc;AAAA,QAEd,WAAW;AAAA,YACP;AAAA,QACJ,KAAK;AAAA,YACA,SAAS;AAAA,UACZ,WAAW;AAAA,YACR,MAAc;AAAA,YACf,CAAC,UAAyB;AACxB,cAAI,MAAM,QAAQ,aAClB,kBAAkB,KAAK,GACvB,kBAAkB,KAAK,GAClB,MAAM,qBACT,QAAQ,+BAA+B,UAAU,IACjD,YAAY;AAAA,YAEhB;AAAA,UACF;AAAA,QACF;AAAA,MACF,EACF,EA5BC,WAAW,SA6Bd,EAjCC,aAkCH,EAnCC,MAoCH,EA7CC,YA8CH,EArDC,yBAsDH,EAvDC;AAAA,IAwDH;AAAA,EAEJ;AACF;AAEA,UAAU,YAAY;AAAA,EACpB,KAAK,OAAO;AACV,QAAI,MAAM,QAAQ,CAAC,CAAC,cAAc,YAAY,EAAE,SAAS,MAAM,IAAI,GAAG;AACpE,YAAM,QAAQ,uCAAuC,UAAU;AAC/D,aAAO,IAAI,MAAM,KAAK;AAAA,IACxB;AACA,WAAO;AAAA,EACT;AACF;AAIA,MAAM,qBAAqB,CACzB,OACA,WACA,YAAY,MACT;AACH,QAAM,SAAS,KAAK,IAAI,MAAM,CAAC,GACzB,SAAS,KAAK,IAAI,MAAM,CAAC,GACzB,WAAW,SAAS;AAC1B,SAAI,cAAc,UAAU,cAAc,WAAW,cAAc,eAC1D,YAAY,SAAS,YAErB,CAAC,YAAY,SAAS;AAEjC;AAEA,SAAS,uBAAuB,WAAwB;AACtD,MAAI,CAAC;AAAO,WAAO;AACnB,QAAM,cAAwB,CAAC;AAG/B,SAFmB,MAAM,KAAK,UAAU,UAAU,EAEvC,QAAQ,CAAC,SAAS;AAG3B,QAFI,KAAK,aAAa,KAAK,aAAa,KAAK,eAC3C,YAAY,KAAK,KAAK,WAAW,GAC/B,cAAc,IAAI,GAAG;AACvB,YAAM,WAAW,KAAK,cAAc,KAAK,UAAU,KAAK,MAAM,YAAY,QACpE,aAAa,KAAK,QAAQ,yBAAyB;AAEzD,UAAI,CAAC;AACH,YAAI,YAAY;AACd,gBAAM,UAAU,KAAK,QAAQ;AAC7B,UAAI,WAAS,YAAY,KAAK,OAAO;AAAA,QACvC;AACE,sBAAY,KAAK,GAAG,uBAAuB,IAAI,CAAC;AAAA,IAGtD;AAAA,EACF,CAAC,GAIM;AACT;AAEA,SAAS,cAAc,MAAgC;AACrD,SAAO,KAAK,aAAa,KAAK;AAChC;AAEA,MAAM,0BAA0B,IAE1B,yBAAyB,CAC7B,KACA,EAAE,IAAI,GAAG,OAEJ,QAAQ,gBAAgB,QAAQ,WAAW,KAAK,CAAC,4BAE1C,QAAQ,gBAAgB,QAAQ,YAAY,KAAK,4BAEjD,QAAQ,cAAc,QAAQ,SAAS,KAAK,CAAC,0BAHhD,MAKG,QAAQ,cAAc,QAAQ,WAAW,KAAK,yBAOtD,qBAAqB,CACzB,KACA,EAAE,IAAI,GAAG,MACN;AACH,MAAI,IAAI,GACJ,IAAI;AAER,SAAI,QAAQ,eAAc,IAAI,KACrB,QAAQ,SAAQ,IAAI,KAAK,IAAI,GAAG,EAAE,IAClC,QAAQ,UAAS,IAAI,KAAK,IAAI,GAAG,EAAE,IACnC,QAAQ,aAAY,IAAI,KACxB,QAAQ,OAAM,IAAI,KAAK,IAAI,GAAG,EAAE,IAChC,QAAQ,WAAQ,IAAI,KAAK,IAAI,GAAG,EAAE,IAEpC;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
|
|
5
|
+
"names": ["node", "duration"]
|
|
6
|
+
}
|
|
@@ -2,13 +2,9 @@ import { createCollection } from "@tamagui/collection";
|
|
|
2
2
|
import { createContextScope } from "@tamagui/create-context";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { ToastImperativeProvider } from "./ToastImperative";
|
|
5
|
-
const PROVIDER_NAME = "ToastProvider"
|
|
6
|
-
const [Collection, useCollection, createCollectionScope] = createCollection("Toast");
|
|
7
|
-
const [createToastContext, createToastScope] = createContextScope("Toast", [
|
|
5
|
+
const PROVIDER_NAME = "ToastProvider", [Collection, useCollection, createCollectionScope] = createCollection("Toast"), [createToastContext, createToastScope] = createContextScope("Toast", [
|
|
8
6
|
createCollectionScope
|
|
9
|
-
])
|
|
10
|
-
const [ToastProviderProvider, useToastProviderContext] = createToastContext(PROVIDER_NAME);
|
|
11
|
-
const ToastProvider = (props) => {
|
|
7
|
+
]), [ToastProviderProvider, useToastProviderContext] = createToastContext(PROVIDER_NAME), ToastProvider = (props) => {
|
|
12
8
|
const {
|
|
13
9
|
__scopeToast,
|
|
14
10
|
id: providedId,
|
|
@@ -20,26 +16,17 @@ const ToastProvider = (props) => {
|
|
|
20
16
|
swipeDirection = "right",
|
|
21
17
|
swipeThreshold = 50,
|
|
22
18
|
children
|
|
23
|
-
} = props
|
|
24
|
-
const id = providedId ?? React.useId();
|
|
25
|
-
const [viewports, setViewports] = React.useState({});
|
|
26
|
-
const [toastCount, setToastCount] = React.useState(0);
|
|
27
|
-
const isFocusedToastEscapeKeyDownRef = React.useRef(false);
|
|
28
|
-
const isClosePausedRef = React.useRef(false);
|
|
29
|
-
const handleViewportChange = React.useCallback(
|
|
19
|
+
} = props, id = providedId ?? React.useId(), [viewports, setViewports] = React.useState({}), [toastCount, setToastCount] = React.useState(0), isFocusedToastEscapeKeyDownRef = React.useRef(!1), isClosePausedRef = React.useRef(!1), handleViewportChange = React.useCallback(
|
|
30
20
|
(name, viewport) => {
|
|
31
21
|
setViewports((prev) => ({ ...prev, [name]: viewport }));
|
|
32
22
|
},
|
|
33
23
|
[]
|
|
34
|
-
)
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
notificationOptions
|
|
41
|
-
};
|
|
42
|
-
}, [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
|
|
24
|
+
), options = React.useMemo(() => ({
|
|
25
|
+
duration,
|
|
26
|
+
burntOptions,
|
|
27
|
+
native,
|
|
28
|
+
notificationOptions
|
|
29
|
+
}), [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
|
|
43
30
|
return <Collection.Provider scope={__scopeToast}><ToastProviderProvider
|
|
44
31
|
scope={__scopeToast}
|
|
45
32
|
id={id}
|
|
@@ -62,7 +49,7 @@ const ToastProvider = (props) => {
|
|
|
62
49
|
};
|
|
63
50
|
ToastProvider.propTypes = {
|
|
64
51
|
label(props) {
|
|
65
|
-
if (props.label && typeof props.label
|
|
52
|
+
if (props.label && typeof props.label == "string" && !props.label.trim()) {
|
|
66
53
|
const error = `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`;
|
|
67
54
|
return new Error(error);
|
|
68
55
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastProvider.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AACnC,YAAY,WAAW;AAEvB,SAAS,+BAA+B;AAOxC,MAAM,gBAAgB
|
|
4
|
+
"mappings": "AAAA,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AACnC,YAAY,WAAW;AAEvB,SAAS,+BAA+B;AAOxC,MAAM,gBAAgB,iBAEhB,CAAC,YAAY,eAAe,qBAAqB,IACrD,iBAAiC,OAAO,GAoBpC,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,SAAS;AAAA,EACzE;AACF,CAAC,GACK,CAAC,uBAAuB,uBAAuB,IACnD,mBAA8C,aAAa,GA4CvD,gBAA8C,CAClD,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB;AAAA,EACF,IAAI,OACE,KAAK,cAAc,MAAM,MAAM,GAC/B,CAAC,WAAW,YAAY,IAAI,MAAM,SAEtC,CAAC,CAAC,GACE,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC,GAC9C,iCAAiC,MAAM,OAAO,EAAK,GACnD,mBAAmB,MAAM,OAAO,EAAK,GAErC,uBAAuB,MAAM;AAAA,IACjC,CAAC,MAAc,aAAoC;AACjD,mBAAa,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE;AAAA,IACxD;AAAA,IACA,CAAC;AAAA,EACH,GAGM,UAAU,MAAM,QAAQ,OACrB;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAEC,CAAC,KAAK,UAAU,CAAC,UAAU,cAAc,QAAQ,mBAAmB,CAAC,CAAC,CAAC;AAE1E,SACE,CAAC,WAAW,SAAS,OAAO,cAC1B,CAAC;AAAA,IACC,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,YAAY,MAAM,YAAY,MAAM;AAClC,oBAAc,CAAC,cAAc,YAAY,CAAC;AAAA,IAC5C,GAAG,CAAC,CAAC;AAAA,IACL,eAAe,MAAM,YAAY,MAAM;AACrC,oBAAc,CAAC,cAAc,YAAY,CAAC;AAAA,IAC5C,GAAG,CAAC,CAAC;AAAA,IACL,gCAAgC;AAAA,IAChC,kBAAkB;AAAA,GAElB,CAAC,wBAAwB,SAAS,UAAU,SAAS,EAApD,wBACH,EApBC,sBAqBH,EAtBC,WAAW;AAwBhB;AAEA,cAAc,YAAY;AAAA,EACxB,MAAM,OAAO;AACX,QAAI,MAAM,SAAS,OAAO,MAAM,SAAU,YAAY,CAAC,MAAM,MAAM,KAAK,GAAG;AACzE,YAAM,QAAQ,wCAAwC,aAAa;AACnE,aAAO,IAAI,MAAM,KAAK;AAAA,IACxB;AACA,WAAO;AAAA,EACT;AACF;AAEA,cAAc,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { createCollection } from "@tamagui/collection";
|
|
2
|
+
import { createContextScope } from "@tamagui/create-context";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { ToastImperativeProvider } from "./ToastImperative";
|
|
5
|
+
const PROVIDER_NAME = "ToastProvider", [Collection, useCollection, createCollectionScope] = createCollection("Toast"), [createToastContext, createToastScope] = createContextScope("Toast", [
|
|
6
|
+
createCollectionScope
|
|
7
|
+
]), [ToastProviderProvider, useToastProviderContext] = createToastContext(PROVIDER_NAME), ToastProvider = (props) => {
|
|
8
|
+
const {
|
|
9
|
+
__scopeToast,
|
|
10
|
+
id: providedId,
|
|
11
|
+
burntOptions,
|
|
12
|
+
native,
|
|
13
|
+
notificationOptions,
|
|
14
|
+
label = "Notification",
|
|
15
|
+
duration = 5e3,
|
|
16
|
+
swipeDirection = "right",
|
|
17
|
+
swipeThreshold = 50,
|
|
18
|
+
children
|
|
19
|
+
} = props, id = providedId ?? React.useId(), [viewports, setViewports] = React.useState({}), [toastCount, setToastCount] = React.useState(0), isFocusedToastEscapeKeyDownRef = React.useRef(!1), isClosePausedRef = React.useRef(!1), handleViewportChange = React.useCallback(
|
|
20
|
+
(name, viewport) => {
|
|
21
|
+
setViewports((prev) => ({ ...prev, [name]: viewport }));
|
|
22
|
+
},
|
|
23
|
+
[]
|
|
24
|
+
), options = React.useMemo(() => ({
|
|
25
|
+
duration,
|
|
26
|
+
burntOptions,
|
|
27
|
+
native,
|
|
28
|
+
notificationOptions
|
|
29
|
+
}), [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
|
|
30
|
+
return <Collection.Provider scope={__scopeToast}><ToastProviderProvider
|
|
31
|
+
scope={__scopeToast}
|
|
32
|
+
id={id}
|
|
33
|
+
label={label}
|
|
34
|
+
duration={duration}
|
|
35
|
+
swipeDirection={swipeDirection}
|
|
36
|
+
swipeThreshold={swipeThreshold}
|
|
37
|
+
toastCount={toastCount}
|
|
38
|
+
viewports={viewports}
|
|
39
|
+
onViewportChange={handleViewportChange}
|
|
40
|
+
onToastAdd={React.useCallback(() => {
|
|
41
|
+
setToastCount((prevCount) => prevCount + 1);
|
|
42
|
+
}, [])}
|
|
43
|
+
onToastRemove={React.useCallback(() => {
|
|
44
|
+
setToastCount((prevCount) => prevCount - 1);
|
|
45
|
+
}, [])}
|
|
46
|
+
isFocusedToastEscapeKeyDownRef={isFocusedToastEscapeKeyDownRef}
|
|
47
|
+
isClosePausedRef={isClosePausedRef}
|
|
48
|
+
><ToastImperativeProvider options={options}>{children}</ToastImperativeProvider></ToastProviderProvider></Collection.Provider>;
|
|
49
|
+
};
|
|
50
|
+
ToastProvider.propTypes = {
|
|
51
|
+
label(props) {
|
|
52
|
+
if (props.label && typeof props.label == "string" && !props.label.trim()) {
|
|
53
|
+
const error = `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`;
|
|
54
|
+
return new Error(error);
|
|
55
|
+
}
|
|
56
|
+
return null;
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
ToastProvider.displayName = PROVIDER_NAME;
|
|
60
|
+
export {
|
|
61
|
+
Collection,
|
|
62
|
+
ToastProvider,
|
|
63
|
+
createToastContext,
|
|
64
|
+
createToastScope,
|
|
65
|
+
useCollection,
|
|
66
|
+
useToastProviderContext
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=ToastProvider.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ToastProvider.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AACnC,YAAY,WAAW;AAEvB,SAAS,+BAA+B;AAOxC,MAAM,gBAAgB,iBAEhB,CAAC,YAAY,eAAe,qBAAqB,IACrD,iBAAiC,OAAO,GAoBpC,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,SAAS;AAAA,EACzE;AACF,CAAC,GACK,CAAC,uBAAuB,uBAAuB,IACnD,mBAA8C,aAAa,GA4CvD,gBAA8C,CAClD,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB;AAAA,EACF,IAAI,OACE,KAAK,cAAc,MAAM,MAAM,GAC/B,CAAC,WAAW,YAAY,IAAI,MAAM,SAEtC,CAAC,CAAC,GACE,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC,GAC9C,iCAAiC,MAAM,OAAO,EAAK,GACnD,mBAAmB,MAAM,OAAO,EAAK,GAErC,uBAAuB,MAAM;AAAA,IACjC,CAAC,MAAc,aAAoC;AACjD,mBAAa,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE;AAAA,IACxD;AAAA,IACA,CAAC;AAAA,EACH,GAGM,UAAU,MAAM,QAAQ,OACrB;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAEC,CAAC,KAAK,UAAU,CAAC,UAAU,cAAc,QAAQ,mBAAmB,CAAC,CAAC,CAAC;AAE1E,SACE,CAAC,WAAW,SAAS,OAAO,cAC1B,CAAC;AAAA,IACC,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,YAAY,MAAM,YAAY,MAAM;AAClC,oBAAc,CAAC,cAAc,YAAY,CAAC;AAAA,IAC5C,GAAG,CAAC,CAAC;AAAA,IACL,eAAe,MAAM,YAAY,MAAM;AACrC,oBAAc,CAAC,cAAc,YAAY,CAAC;AAAA,IAC5C,GAAG,CAAC,CAAC;AAAA,IACL,gCAAgC;AAAA,IAChC,kBAAkB;AAAA,GAElB,CAAC,wBAAwB,SAAS,UAAU,SAAS,EAApD,wBACH,EApBC,sBAqBH,EAtBC,WAAW;AAwBhB;AAEA,cAAc,YAAY;AAAA,EACxB,MAAM,OAAO;AACX,QAAI,MAAM,SAAS,OAAO,MAAM,SAAU,YAAY,CAAC,MAAM,MAAM,KAAK,GAAG;AACzE,YAAM,QAAQ,wCAAwC,aAAa;AACnE,aAAO,IAAI,MAAM,KAAK;AAAA,IACxB;AACA,WAAO;AAAA,EACT;AACF;AAEA,cAAc,cAAc;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|