@tamagui/toast 1.113.1 → 1.114.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/esm/Toast.native.js +74 -90
- package/dist/esm/Toast.native.js.map +6 -1
- package/dist/esm/ToastAnnounce.native.js +49 -53
- package/dist/esm/ToastAnnounce.native.js.map +6 -1
- package/dist/esm/ToastImperative.native.js +61 -65
- package/dist/esm/ToastImperative.native.js.map +6 -1
- package/dist/esm/ToastImpl.native.js +190 -211
- package/dist/esm/ToastImpl.native.js.map +6 -1
- package/dist/esm/ToastPortal.native.js +8 -10
- package/dist/esm/ToastPortal.native.js.map +6 -1
- package/dist/esm/ToastProvider.native.js +71 -84
- package/dist/esm/ToastProvider.native.js.map +6 -1
- package/dist/esm/ToastViewport.native.js +186 -206
- package/dist/esm/ToastViewport.native.js.map +6 -1
- package/dist/esm/constants.native.js +6 -4
- package/dist/esm/constants.native.js.map +6 -1
- package/dist/esm/createNativeToast.native.js +16 -19
- package/dist/esm/createNativeToast.native.js.map +6 -1
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +6 -1
- package/dist/esm/types.native.js +1 -2
- package/dist/esm/types.native.js.map +6 -1
- package/package.json +16 -16
package/dist/esm/Toast.native.js
CHANGED
|
@@ -5,116 +5,93 @@ import { ThemeableStack } from "@tamagui/stacks";
|
|
|
5
5
|
import { SizableText } from "@tamagui/text";
|
|
6
6
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
7
7
|
import * as React from "react";
|
|
8
|
-
import { TOAST_NAME } from "./constants
|
|
9
|
-
import { ToastAnnounceExclude } from "./ToastAnnounce
|
|
10
|
-
import { useToast, useToastController, useToastState } from "./ToastImperative
|
|
11
|
-
import { ToastImpl, ToastImplFrame, useToastInteractiveContext } from "./ToastImpl
|
|
12
|
-
import { ToastProvider } from "./ToastProvider
|
|
13
|
-
import { ToastViewport } from "./ToastViewport
|
|
14
|
-
var TITLE_NAME = "ToastTitle",
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
size: "$4"
|
|
22
|
-
}
|
|
8
|
+
import { TOAST_NAME } from "./constants";
|
|
9
|
+
import { ToastAnnounceExclude } from "./ToastAnnounce";
|
|
10
|
+
import { useToast, useToastController, useToastState } from "./ToastImperative";
|
|
11
|
+
import { ToastImpl, ToastImplFrame, useToastInteractiveContext } from "./ToastImpl";
|
|
12
|
+
import { ToastProvider } from "./ToastProvider";
|
|
13
|
+
import { ToastViewport } from "./ToastViewport";
|
|
14
|
+
var TITLE_NAME = "ToastTitle", ToastTitle = styled(SizableText, {
|
|
15
|
+
name: TITLE_NAME,
|
|
16
|
+
variants: {
|
|
17
|
+
unstyled: {
|
|
18
|
+
false: {
|
|
19
|
+
color: "$color",
|
|
20
|
+
size: "$4"
|
|
23
21
|
}
|
|
24
|
-
},
|
|
25
|
-
defaultVariants: {
|
|
26
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
27
22
|
}
|
|
28
|
-
}
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
26
|
+
}
|
|
27
|
+
});
|
|
29
28
|
ToastTitle.displayName = TITLE_NAME;
|
|
30
|
-
var DESCRIPTION_NAME = "ToastDescription",
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
size: "$1"
|
|
38
|
-
}
|
|
29
|
+
var DESCRIPTION_NAME = "ToastDescription", ToastDescription = styled(SizableText, {
|
|
30
|
+
name: DESCRIPTION_NAME,
|
|
31
|
+
variants: {
|
|
32
|
+
unstyled: {
|
|
33
|
+
false: {
|
|
34
|
+
color: "$color11",
|
|
35
|
+
size: "$1"
|
|
39
36
|
}
|
|
40
|
-
},
|
|
41
|
-
defaultVariants: {
|
|
42
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
43
37
|
}
|
|
44
|
-
}
|
|
38
|
+
},
|
|
39
|
+
defaultVariants: {
|
|
40
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
41
|
+
}
|
|
42
|
+
});
|
|
45
43
|
ToastDescription.displayName = DESCRIPTION_NAME;
|
|
46
|
-
var ACTION_NAME = "ToastAction",
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
ref: forwardedRef
|
|
58
|
-
})
|
|
59
|
-
}) : null;
|
|
60
|
-
});
|
|
44
|
+
var ACTION_NAME = "ToastAction", ToastAction = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
45
|
+
var { altText, ...actionProps } = props;
|
|
46
|
+
return altText ? /* @__PURE__ */ _jsx(ToastAnnounceExclude, {
|
|
47
|
+
altText,
|
|
48
|
+
asChild: !0,
|
|
49
|
+
children: /* @__PURE__ */ _jsx(ToastClose, {
|
|
50
|
+
...actionProps,
|
|
51
|
+
ref: forwardedRef
|
|
52
|
+
})
|
|
53
|
+
}) : null;
|
|
54
|
+
});
|
|
61
55
|
ToastAction.propTypes = {
|
|
62
56
|
altText(props) {
|
|
63
57
|
return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
|
|
64
58
|
}
|
|
65
59
|
};
|
|
66
60
|
ToastAction.displayName = ACTION_NAME;
|
|
67
|
-
var CLOSE_NAME = "ToastClose",
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
})
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
children: /* @__PURE__ */_jsx(ToastCloseFrame, {
|
|
81
|
-
accessibilityLabel: "Dialog Close",
|
|
82
|
-
...closeProps,
|
|
83
|
-
ref: forwardedRef,
|
|
84
|
-
onPress: composeEventHandlers(props.onPress, interactiveContext.onClose)
|
|
85
|
-
})
|
|
86
|
-
});
|
|
61
|
+
var CLOSE_NAME = "ToastClose", ToastCloseFrame = styled(ThemeableStack, {
|
|
62
|
+
name: CLOSE_NAME,
|
|
63
|
+
tag: "button"
|
|
64
|
+
}), ToastClose = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
65
|
+
var { __scopeToast, ...closeProps } = props, interactiveContext = useToastInteractiveContext(__scopeToast);
|
|
66
|
+
return /* @__PURE__ */ _jsx(ToastAnnounceExclude, {
|
|
67
|
+
asChild: !0,
|
|
68
|
+
children: /* @__PURE__ */ _jsx(ToastCloseFrame, {
|
|
69
|
+
accessibilityLabel: "Dialog Close",
|
|
70
|
+
...closeProps,
|
|
71
|
+
ref: forwardedRef,
|
|
72
|
+
onPress: composeEventHandlers(props.onPress, interactiveContext.onClose)
|
|
73
|
+
})
|
|
87
74
|
});
|
|
75
|
+
});
|
|
88
76
|
ToastClose.displayName = CLOSE_NAME;
|
|
89
|
-
var ToastComponent = ToastImplFrame.styleable(function
|
|
90
|
-
var {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
[open, setOpen] = useControllableState({
|
|
98
|
-
prop: openProp,
|
|
99
|
-
defaultProp: defaultOpen ?? !0,
|
|
100
|
-
onChange: onOpenChange,
|
|
101
|
-
strategy: "most-recent-wins"
|
|
102
|
-
}),
|
|
103
|
-
id = React.useId(),
|
|
104
|
-
onPause = useEvent(props.onPause),
|
|
105
|
-
onResume = useEvent(props.onResume),
|
|
106
|
-
shouldShow = forceMount || open;
|
|
107
|
-
return shouldShow ? /* @__PURE__ */_jsx(ToastImpl, {
|
|
77
|
+
var ToastComponent = ToastImplFrame.styleable(function(props, forwardedRef) {
|
|
78
|
+
var { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props, [open, setOpen] = useControllableState({
|
|
79
|
+
prop: openProp,
|
|
80
|
+
defaultProp: defaultOpen ?? !0,
|
|
81
|
+
onChange: onOpenChange,
|
|
82
|
+
strategy: "most-recent-wins"
|
|
83
|
+
}), id = React.useId(), onPause = useEvent(props.onPause), onResume = useEvent(props.onResume), shouldShow = forceMount || open;
|
|
84
|
+
return shouldShow ? /* @__PURE__ */ _jsx(ToastImpl, {
|
|
108
85
|
id,
|
|
109
86
|
open,
|
|
110
87
|
...toastProps,
|
|
111
88
|
ref: forwardedRef,
|
|
112
|
-
onClose: function
|
|
89
|
+
onClose: function() {
|
|
113
90
|
return setOpen(!1);
|
|
114
91
|
},
|
|
115
92
|
onPause,
|
|
116
93
|
onResume,
|
|
117
|
-
onSwipeEnd: composeEventHandlers(props.onSwipeEnd, function
|
|
94
|
+
onSwipeEnd: composeEventHandlers(props.onSwipeEnd, function(event) {
|
|
118
95
|
setOpen(!1);
|
|
119
96
|
})
|
|
120
97
|
}) : null;
|
|
@@ -126,5 +103,12 @@ var Toast = withStaticProperties(ToastComponent, {
|
|
|
126
103
|
Action: ToastAction,
|
|
127
104
|
Close: ToastClose
|
|
128
105
|
});
|
|
129
|
-
export {
|
|
130
|
-
|
|
106
|
+
export {
|
|
107
|
+
Toast,
|
|
108
|
+
ToastProvider,
|
|
109
|
+
ToastViewport,
|
|
110
|
+
useToast,
|
|
111
|
+
useToastController,
|
|
112
|
+
useToastState
|
|
113
|
+
};
|
|
114
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/ui/toast/src/Toast.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["styled", "useEvent", "composeEventHandlers", "withStaticProperties", "ThemeableStack", "SizableText", "useControllableState", "React", "TOAST_NAME", "ToastAnnounceExclude", "useToast", "useToastController", "useToastState", "ToastImpl", "ToastImplFrame", "useToastInteractiveContext", "ToastProvider", "ToastViewport", "TITLE_NAME", "ToastTitle", "name", "variants", "unstyled", "false", "color", "size", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "displayName", "DESCRIPTION_NAME", "ToastDescription", "ACTION_NAME", "ToastAction", "forwardRef", "props", "forwardedRef", "altText", "actionProps", "asChild", "ToastClose", "ref", "propTypes", "Error", "CLOSE_NAME", "ToastCloseFrame", "tag", "__scopeToast", "closeProps", "interactiveContext", "accessibilityLabel", "onPress", "onClose", "ToastComponent", "styleable", "forceMount", "open", "openProp", "defaultOpen", "onOpenChange", "toastProps", "setOpen", "prop", "defaultProp", "onChange", "strategy", "id", "useId", "onPause", "onResume", "shouldShow", "onSwipeEnd", "event", "Toast", "Title", "Description", "Action", "Close"]
|
|
6
|
+
}
|
|
@@ -5,64 +5,60 @@ import { startTransition } from "@tamagui/start-transition";
|
|
|
5
5
|
import { Portal } from "@tamagui/portal";
|
|
6
6
|
import { VisuallyHidden } from "@tamagui/visually-hidden";
|
|
7
7
|
import * as React from "react";
|
|
8
|
-
import { useToastProviderContext } from "./ToastProvider
|
|
8
|
+
import { useToastProviderContext } from "./ToastProvider";
|
|
9
9
|
var ToastAnnounceExcludeFrame = styled(Stack, {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
name: "ToastAnnounceExclude"
|
|
11
|
+
}), ToastAnnounceExclude = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
12
|
+
var { altText, ...announceExcludeProps } = props;
|
|
13
|
+
return /* @__PURE__ */ _jsx(ToastAnnounceExcludeFrame, {
|
|
14
|
+
"data-toast-announce-exclude": "",
|
|
15
|
+
"data-toast-announce-alt": altText || void 0,
|
|
16
|
+
...announceExcludeProps,
|
|
17
|
+
ref: forwardedRef
|
|
18
|
+
});
|
|
19
|
+
}), ToastAnnounce = function(props) {
|
|
20
|
+
var { __scopeToast, children, ...announceProps } = props, context = useToastProviderContext(__scopeToast), [renderAnnounceText, setRenderAnnounceText] = React.useState(!1), [isAnnounced, setIsAnnounced] = React.useState(!1);
|
|
21
|
+
return useNextFrame(function() {
|
|
22
|
+
startTransition(function() {
|
|
23
|
+
setRenderAnnounceText(!0);
|
|
22
24
|
});
|
|
23
|
-
}),
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, 1e3);
|
|
41
|
-
return function () {
|
|
42
|
-
return clearTimeout(timer);
|
|
43
|
-
};
|
|
44
|
-
}, []), isAnnounced ? null : /* @__PURE__ */_jsx(Portal, {
|
|
45
|
-
asChild: !0,
|
|
46
|
-
children: /* @__PURE__ */_jsx(VisuallyHidden, {
|
|
47
|
-
...announceProps,
|
|
48
|
-
children: renderAnnounceText && /* @__PURE__ */_jsxs(Text, {
|
|
49
|
-
children: [context.label, " ", children]
|
|
50
|
-
})
|
|
25
|
+
}), React.useEffect(function() {
|
|
26
|
+
var timer = setTimeout(function() {
|
|
27
|
+
return setIsAnnounced(!0);
|
|
28
|
+
}, 1e3);
|
|
29
|
+
return function() {
|
|
30
|
+
return clearTimeout(timer);
|
|
31
|
+
};
|
|
32
|
+
}, []), isAnnounced ? null : /* @__PURE__ */ _jsx(Portal, {
|
|
33
|
+
asChild: !0,
|
|
34
|
+
children: /* @__PURE__ */ _jsx(VisuallyHidden, {
|
|
35
|
+
...announceProps,
|
|
36
|
+
children: renderAnnounceText && /* @__PURE__ */ _jsxs(Text, {
|
|
37
|
+
children: [
|
|
38
|
+
context.label,
|
|
39
|
+
" ",
|
|
40
|
+
children
|
|
41
|
+
]
|
|
51
42
|
})
|
|
52
|
-
})
|
|
53
|
-
};
|
|
43
|
+
})
|
|
44
|
+
});
|
|
45
|
+
};
|
|
54
46
|
function useNextFrame() {
|
|
55
|
-
var callback = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function
|
|
56
|
-
|
|
57
|
-
useIsomorphicLayoutEffect(function
|
|
58
|
-
var raf1 = 0,
|
|
59
|
-
|
|
60
|
-
return raf1 = requestAnimationFrame(function () {
|
|
47
|
+
var callback = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function() {
|
|
48
|
+
}, fn = useEvent(callback);
|
|
49
|
+
useIsomorphicLayoutEffect(function() {
|
|
50
|
+
var raf1 = 0, raf2 = 0;
|
|
51
|
+
return raf1 = requestAnimationFrame(function() {
|
|
61
52
|
raf2 = requestAnimationFrame(fn);
|
|
62
|
-
}), function
|
|
53
|
+
}), function() {
|
|
63
54
|
cancelAnimationFrame(raf1), cancelAnimationFrame(raf2);
|
|
64
55
|
};
|
|
65
|
-
}, [
|
|
56
|
+
}, [
|
|
57
|
+
fn
|
|
58
|
+
]);
|
|
66
59
|
}
|
|
67
|
-
export {
|
|
68
|
-
|
|
60
|
+
export {
|
|
61
|
+
ToastAnnounce,
|
|
62
|
+
ToastAnnounceExclude
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=ToastAnnounce.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/ui/toast/src/ToastAnnounce.tsx"],
|
|
4
|
+
"mappings": ";AAAA,SAASA,iCAAiC;AAE1C,SAASC,OAAOC,MAAMC,QAAQC,gBAAgB;AAC9C,SAASC,uBAAuB;AAChC,SAASC,cAAc;AACvB,SAASC,sBAAsB;AAC/B,YAAYC,WAAW;AAGvB,SAASC,+BAA+B;AAExC,IAAMC,4BAA4BP,OAAOF,OAAO;EAC9CU,MAAM;AACR,CAAA,GAMMC,uBAAuBJ,sBAAMK,WAGjC,SAACC,OAA+CC,cAAAA;AAChD,MAAM,EAAEC,SAAS,GAAGC,qBAAAA,IAAyBH;AAE7C,SACE,qBAACJ,2BAAAA;IACCQ,+BAA4B;IAC5BC,2BAAyBH,WAAWI;IACnC,GAAGH;IACJI,KAAKN;;AAGX,CAAA,GAQMO,gBAA2D,SAC/DR,OAAAA;AAEA,MAAM,EAAES,cAAcC,UAAU,GAAGC,cAAAA,IAAkBX,OAC/CY,UAAUjB,wBAAwBc,YAAAA,GAClC,CAACI,oBAAoBC,qBAAAA,IAAyBpB,MAAMqB,SAAS,EAAA,GAC7D,CAACC,aAAaC,cAAAA,IAAkBvB,MAAMqB,SAAS,EAAA;AAGrDG,sBAAa,WAAA;AACX3B,oBAAgB,WAAA;AACduB,4BAAsB,EAAA;IACxB,CAAA;EACF,CAAA,GAGApB,MAAMyB,UAAU,WAAA;AACd,QAAMC,QAAQC,WAAW,WAAA;aAAMJ,eAAe,EAAA;OAAO,GAAA;AACrD,WAAO,WAAA;aAAMK,aAAaF,KAAAA;;EAC5B,GAAG,CAAA,CAAE,GAEEJ,cAAc,OACnB,qBAACxB,QAAAA;IAAO+B,SAAO;cACb,qBAAC9B,gBAAAA;MAAgB,GAAGkB;gBACjBE,sBACC,sBAACzB,MAAAA;;UACEwB,QAAQY;UAAM;UAAEd;;;;;AAM7B;AAIA,SAASQ,eAAAA;MAAaO,WAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAW,WAAA;EAAO,GAChCC,KAAKpC,SAASmC,QAAAA;AACpBvC,4BAA0B,WAAA;AACxB,QAAIyC,OAAO,GACPC,OAAO;AACXD,kBAAOE,sBAAsB,WAAA;AAC3BD,aAAOC,sBAAsBH,EAAAA;IAC/B,CAAA,GACO,WAAA;AACLI,2BAAqBH,IAAAA,GACrBG,qBAAqBF,IAAAA;IACvB;EACF,GAAG;IAACF;GAAG;AACT;",
|
|
5
|
+
"names": ["useIsomorphicLayoutEffect", "Stack", "Text", "styled", "useEvent", "startTransition", "Portal", "VisuallyHidden", "React", "useToastProviderContext", "ToastAnnounceExcludeFrame", "name", "ToastAnnounceExclude", "forwardRef", "props", "forwardedRef", "altText", "announceExcludeProps", "data-toast-announce-exclude", "data-toast-announce-alt", "undefined", "ref", "ToastAnnounce", "__scopeToast", "children", "announceProps", "context", "renderAnnounceText", "setRenderAnnounceText", "useState", "isAnnounced", "setIsAnnounced", "useNextFrame", "useEffect", "timer", "setTimeout", "clearTimeout", "asChild", "label", "callback", "fn", "raf1", "raf2", "requestAnimationFrame", "cancelAnimationFrame"]
|
|
6
|
+
}
|
|
@@ -2,70 +2,66 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { isWeb } from "@tamagui/core";
|
|
4
4
|
import { Platform } from "react-native";
|
|
5
|
-
import { createNativeToast } from "./createNativeToast
|
|
6
|
-
var ToastContext = /* @__PURE__ */React.createContext({}),
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
import { createNativeToast } from "./createNativeToast";
|
|
6
|
+
var ToastContext = /* @__PURE__ */ React.createContext({}), ToastCurrentContext = /* @__PURE__ */ React.createContext(null), useToastController = function() {
|
|
7
|
+
return React.useContext(ToastContext);
|
|
8
|
+
}, useToastState = function() {
|
|
9
|
+
return React.useContext(ToastCurrentContext);
|
|
10
|
+
}, useToast = function() {
|
|
11
|
+
return {
|
|
12
|
+
...useToastController(),
|
|
13
|
+
currentToast: useToastState()
|
|
14
|
+
};
|
|
15
|
+
}, ToastImperativeProvider = function(param) {
|
|
16
|
+
var { children, options } = param, counterRef = React.useRef(0), [toast, setToast] = React.useState(null), [lastNativeToastRef, setLastNativeToastRef] = React.useState(null), show = React.useCallback(function(title, showOptions) {
|
|
17
|
+
var _showOptions_native, native = (_showOptions_native = showOptions?.native) !== null && _showOptions_native !== void 0 ? _showOptions_native : options.native, isWebNative = Array.isArray(native) ? native.includes("web") : native === "web", isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile", isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android"), isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios"), isHandledNatively = native === !0 || isWeb && isWebNative || !isWeb && isMobileNative || Platform.OS === "android" && isAndroidNative || Platform.OS === "ios" && isIosNative;
|
|
18
|
+
if (isHandledNatively) {
|
|
19
|
+
var nativeToastResult = createNativeToast(title, showOptions ?? {});
|
|
20
|
+
typeof nativeToastResult == "object" && nativeToastResult.nativeToastRef && setLastNativeToastRef(nativeToastResult.nativeToastRef);
|
|
21
|
+
}
|
|
22
|
+
counterRef.current++;
|
|
23
|
+
var _showOptions_viewportName;
|
|
24
|
+
return setToast({
|
|
25
|
+
...showOptions?.customData,
|
|
26
|
+
...showOptions,
|
|
27
|
+
viewportName: (_showOptions_viewportName = showOptions?.viewportName) !== null && _showOptions_viewportName !== void 0 ? _showOptions_viewportName : "default",
|
|
28
|
+
title,
|
|
29
|
+
id: counterRef.current.toString(),
|
|
30
|
+
isHandledNatively
|
|
31
|
+
}), !0;
|
|
32
|
+
}, [
|
|
33
|
+
setToast,
|
|
34
|
+
JSON.stringify(options.native || null)
|
|
35
|
+
]), hide = React.useCallback(function() {
|
|
36
|
+
lastNativeToastRef?.close(), setToast(null);
|
|
37
|
+
}, [
|
|
38
|
+
setToast,
|
|
39
|
+
lastNativeToastRef
|
|
40
|
+
]), contextValue = React.useMemo(function() {
|
|
15
41
|
return {
|
|
16
|
-
|
|
17
|
-
|
|
42
|
+
show,
|
|
43
|
+
hide,
|
|
44
|
+
nativeToast: lastNativeToastRef,
|
|
45
|
+
options
|
|
18
46
|
};
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
counterRef.current++;
|
|
41
|
-
var _showOptions_viewportName;
|
|
42
|
-
return setToast({
|
|
43
|
-
...showOptions?.customData,
|
|
44
|
-
...showOptions,
|
|
45
|
-
viewportName: (_showOptions_viewportName = showOptions?.viewportName) !== null && _showOptions_viewportName !== void 0 ? _showOptions_viewportName : "default",
|
|
46
|
-
title,
|
|
47
|
-
id: counterRef.current.toString(),
|
|
48
|
-
isHandledNatively
|
|
49
|
-
}), !0;
|
|
50
|
-
}, [setToast, JSON.stringify(options.native || null)]),
|
|
51
|
-
hide = React.useCallback(function () {
|
|
52
|
-
lastNativeToastRef?.close(), setToast(null);
|
|
53
|
-
}, [setToast, lastNativeToastRef]),
|
|
54
|
-
contextValue = React.useMemo(function () {
|
|
55
|
-
return {
|
|
56
|
-
show,
|
|
57
|
-
hide,
|
|
58
|
-
nativeToast: lastNativeToastRef,
|
|
59
|
-
options
|
|
60
|
-
};
|
|
61
|
-
}, [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
|
|
62
|
-
return /* @__PURE__ */_jsx(ToastContext.Provider, {
|
|
63
|
-
value: contextValue,
|
|
64
|
-
children: /* @__PURE__ */_jsx(ToastCurrentContext.Provider, {
|
|
65
|
-
value: toast,
|
|
66
|
-
children
|
|
67
|
-
})
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
export { ToastImperativeProvider, useToast, useToastController, useToastState };
|
|
71
|
-
//# sourceMappingURL=ToastImperative.native.js.map
|
|
47
|
+
}, [
|
|
48
|
+
show,
|
|
49
|
+
hide,
|
|
50
|
+
lastNativeToastRef,
|
|
51
|
+
JSON.stringify(options || null)
|
|
52
|
+
]);
|
|
53
|
+
return /* @__PURE__ */ _jsx(ToastContext.Provider, {
|
|
54
|
+
value: contextValue,
|
|
55
|
+
children: /* @__PURE__ */ _jsx(ToastCurrentContext.Provider, {
|
|
56
|
+
value: toast,
|
|
57
|
+
children
|
|
58
|
+
})
|
|
59
|
+
});
|
|
60
|
+
};
|
|
61
|
+
export {
|
|
62
|
+
ToastImperativeProvider,
|
|
63
|
+
useToast,
|
|
64
|
+
useToastController,
|
|
65
|
+
useToastState
|
|
66
|
+
};
|
|
67
|
+
//# sourceMappingURL=ToastImperative.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/ui/toast/src/ToastImperative.tsx"],
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,aAAa;AAEtB,SAASC,gBAAgB;AAEzB,SAASC,yBAAyB;AA6ElC,IAAMC,eAAeJ,sBAAMK,cAA6B,CAAC,CAAA,GACnDC,sBAAsBN,sBAAMK,cAAgC,IAAA,GAErDE,qBAAqB,WAAA;AAChC,SAAOP,MAAMQ,WAAWJ,YAAAA;AAC1B,GAEaK,gBAAgB,WAAA;AAC3B,SAAOT,MAAMQ,WAAWF,mBAAAA;AAC1B,GAGaI,WAAW,WAAA;AACtB,SAAO;IACL,GAAGH,mBAAAA;IACHI,cAAcF,cAAAA;EAChB;AACF,GAUaG,0BAA0B,SAAA,OAAA;MAAC,EACtCC,UACAC,QAAO,IACsB,OACvBC,aAAaf,MAAMgB,OAAO,CAAA,GAE1B,CAACC,OAAOC,QAAAA,IAAYlB,MAAMmB,SAA2B,IAAA,GAErD,CAACC,oBAAoBC,qBAAAA,IACzBrB,MAAMmB,SAAuC,IAAA,GAEzCG,OAAOtB,MAAMuB,YACjB,SAACC,OAAOC,aAAAA;QACSA,qBAATC,UAASD,sBAAAA,aAAaC,YAAM,QAAnBD,wBAAAA,SAAAA,sBAAuBX,QAAQY,QACxCC,cAAcC,MAAMC,QAAQH,MAAAA,IAC9BA,OAAOI,SAAS,KAAA,IAChBJ,WAAW,OACTK,iBAAiBH,MAAMC,QAAQH,MAAAA,IACjCA,OAAOI,SAAS,QAAA,IAChBJ,WAAW,UACTM,kBACJD,mBACCH,MAAMC,QAAQH,MAAAA,IAAUA,OAAOI,SAAS,SAAA,IAAaJ,WAAW,YAC7DO,cACJF,mBACCH,MAAMC,QAAQH,MAAAA,IAAUA,OAAOI,SAAS,KAAA,IAASJ,WAAW,QAEzDQ,oBACJR,WAAW,MACVzB,SAAS0B,eACT,CAAC1B,SAAS8B,kBACV7B,SAASiC,OAAO,aAAaH,mBAC7B9B,SAASiC,OAAO,SAASF;AAE5B,QAAIC,mBAAmB;AACrB,UAAME,oBAAoBjC,kBAAkBqB,OAAOC,eAAe,CAAC,CAAA;AACnE,MAAI,OAAOW,qBAAsB,YAAYA,kBAAkBC,kBAC7DhB,sBAAsBe,kBAAkBC,cAAc;IAE1D;AACAtB,eAAWuB;QAIKb;AAHhBP,oBAAS;SACJO,aAAac;MAChB,GAAGd;MACHe,eAAcf,4BAAAA,aAAae,kBAAY,QAAzBf,8BAAAA,SAAAA,4BAA6B;MAC3CD;MACAiB,IAAI1B,WAAWuB,QAAQI,SAAQ;MAC/BR;IACF,CAAA,GACO;EACT,GACA;IAAChB;IAAUyB,KAAKC,UAAU9B,QAAQY,UAAU,IAAA;GAAM,GAE9CmB,OAAO7C,MAAMuB,YAAY,WAAA;AAC7BH,IAAAA,oBAAoB0B,MAAK,GACzB5B,SAAS,IAAA;EACX,GAAG;IAACA;IAAUE;GAAmB,GAE3B2B,eAAe/C,MAAMgD,QAAQ,WAAA;AACjC,WAAO;MACL1B;MACAuB;MACAI,aAAa7B;MACbN;IACF;EACF,GAAG;IAACQ;IAAMuB;IAAMzB;IAAoBuB,KAAKC,UAAU9B,WAAW,IAAA;GAAM;AAEpE,SACE,qBAACV,aAAa8C,UAAQ;IAACC,OAAOJ;cAC5B,qBAACzC,oBAAoB4C,UAAQ;MAACC,OAAOlC;;;;AAK3C;",
|
|
5
|
+
"names": ["React", "isWeb", "Platform", "createNativeToast", "ToastContext", "createContext", "ToastCurrentContext", "useToastController", "useContext", "useToastState", "useToast", "currentToast", "ToastImperativeProvider", "children", "options", "counterRef", "useRef", "toast", "setToast", "useState", "lastNativeToastRef", "setLastNativeToastRef", "show", "useCallback", "title", "showOptions", "native", "isWebNative", "Array", "isArray", "includes", "isMobileNative", "isAndroidNative", "isIosNative", "isHandledNatively", "OS", "nativeToastResult", "nativeToastRef", "current", "customData", "viewportName", "id", "toString", "JSON", "stringify", "hide", "close", "contextValue", "useMemo", "nativeToast", "Provider", "value"]
|
|
6
|
+
}
|