@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
package/dist/cjs/Toast.js
CHANGED
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
14
11
|
for (let key of __getOwnPropNames(from))
|
|
15
|
-
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
13
|
return to;
|
|
19
14
|
};
|
|
20
15
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
@@ -22,10 +17,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
17
|
// file that has been converted to a CommonJS file using a Babel-
|
|
23
18
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
19
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable:
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
26
21
|
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
29
23
|
var Toast_exports = {};
|
|
30
24
|
__export(Toast_exports, {
|
|
31
25
|
Toast: () => Toast,
|
|
@@ -37,20 +31,8 @@ __export(Toast_exports, {
|
|
|
37
31
|
useToastState: () => import_ToastImperative.useToastState
|
|
38
32
|
});
|
|
39
33
|
module.exports = __toCommonJS(Toast_exports);
|
|
40
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
41
|
-
|
|
42
|
-
var import_stacks = require("@tamagui/stacks");
|
|
43
|
-
var import_text = require("@tamagui/text");
|
|
44
|
-
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
45
|
-
var React = __toESM(require("react"));
|
|
46
|
-
var import_constants = require("./constants");
|
|
47
|
-
var import_ToastAnnounce = require("./ToastAnnounce");
|
|
48
|
-
var import_ToastImperative = require("./ToastImperative");
|
|
49
|
-
var import_ToastImpl = require("./ToastImpl");
|
|
50
|
-
var import_ToastProvider = require("./ToastProvider");
|
|
51
|
-
var import_ToastViewport = require("./ToastViewport");
|
|
52
|
-
const TITLE_NAME = "ToastTitle";
|
|
53
|
-
const ToastTitle = (0, import_core.styled)(import_text.SizableText, {
|
|
34
|
+
var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_constants = require("./constants"), import_ToastAnnounce = require("./ToastAnnounce"), import_ToastImperative = require("./ToastImperative"), import_ToastImpl = require("./ToastImpl"), import_ToastProvider = require("./ToastProvider"), import_ToastViewport = require("./ToastViewport"), import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
+
const TITLE_NAME = "ToastTitle", ToastTitle = (0, import_core.styled)(import_text.SizableText, {
|
|
54
36
|
name: TITLE_NAME,
|
|
55
37
|
variants: {
|
|
56
38
|
unstyled: {
|
|
@@ -61,12 +43,11 @@ const ToastTitle = (0, import_core.styled)(import_text.SizableText, {
|
|
|
61
43
|
}
|
|
62
44
|
},
|
|
63
45
|
defaultVariants: {
|
|
64
|
-
unstyled:
|
|
46
|
+
unstyled: !1
|
|
65
47
|
}
|
|
66
48
|
});
|
|
67
49
|
ToastTitle.displayName = TITLE_NAME;
|
|
68
|
-
const DESCRIPTION_NAME = "ToastDescription"
|
|
69
|
-
const ToastDescription = (0, import_core.styled)(import_text.SizableText, {
|
|
50
|
+
const DESCRIPTION_NAME = "ToastDescription", ToastDescription = (0, import_core.styled)(import_text.SizableText, {
|
|
70
51
|
name: DESCRIPTION_NAME,
|
|
71
52
|
variants: {
|
|
72
53
|
unstyled: {
|
|
@@ -77,38 +58,29 @@ const ToastDescription = (0, import_core.styled)(import_text.SizableText, {
|
|
|
77
58
|
}
|
|
78
59
|
},
|
|
79
60
|
defaultVariants: {
|
|
80
|
-
unstyled:
|
|
61
|
+
unstyled: !1
|
|
81
62
|
}
|
|
82
63
|
});
|
|
83
64
|
ToastDescription.displayName = DESCRIPTION_NAME;
|
|
84
|
-
const ACTION_NAME = "ToastAction"
|
|
85
|
-
const ToastAction = React.forwardRef(
|
|
65
|
+
const ACTION_NAME = "ToastAction", ToastAction = React.forwardRef(
|
|
86
66
|
(props, forwardedRef) => {
|
|
87
67
|
const { altText, ...actionProps } = props;
|
|
88
|
-
|
|
89
|
-
return null;
|
|
90
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { altText, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastClose, { ...actionProps, ref: forwardedRef }) });
|
|
68
|
+
return altText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { altText, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastClose, { ...actionProps, ref: forwardedRef }) }) : null;
|
|
91
69
|
}
|
|
92
70
|
);
|
|
93
71
|
ToastAction.propTypes = {
|
|
94
72
|
altText(props) {
|
|
95
|
-
|
|
96
|
-
return new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
|
|
97
|
-
}
|
|
98
|
-
return null;
|
|
73
|
+
return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
|
|
99
74
|
}
|
|
100
75
|
};
|
|
101
76
|
ToastAction.displayName = ACTION_NAME;
|
|
102
|
-
const CLOSE_NAME = "ToastClose"
|
|
103
|
-
const ToastCloseFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
77
|
+
const CLOSE_NAME = "ToastClose", ToastCloseFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
104
78
|
name: CLOSE_NAME,
|
|
105
79
|
tag: "button"
|
|
106
|
-
})
|
|
107
|
-
const ToastClose = React.forwardRef(
|
|
80
|
+
}), ToastClose = React.forwardRef(
|
|
108
81
|
(props, forwardedRef) => {
|
|
109
|
-
const { __scopeToast, ...closeProps } = props;
|
|
110
|
-
|
|
111
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
82
|
+
const { __scopeToast, ...closeProps } = props, interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(CLOSE_NAME, __scopeToast);
|
|
83
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
112
84
|
ToastCloseFrame,
|
|
113
85
|
{
|
|
114
86
|
accessibilityLabel: "Dialog Close",
|
|
@@ -122,34 +94,27 @@ const ToastClose = React.forwardRef(
|
|
|
122
94
|
ToastClose.displayName = CLOSE_NAME;
|
|
123
95
|
const ToastComponent = React.forwardRef(
|
|
124
96
|
import_ToastImpl.ToastImplFrame.extractable((props, forwardedRef) => {
|
|
125
|
-
const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props
|
|
126
|
-
const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
97
|
+
const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
127
98
|
prop: openProp,
|
|
128
|
-
defaultProp: defaultOpen ??
|
|
99
|
+
defaultProp: defaultOpen ?? !0,
|
|
129
100
|
onChange: onOpenChange,
|
|
130
101
|
strategy: "most-recent-wins"
|
|
131
|
-
});
|
|
132
|
-
|
|
133
|
-
const onPause = (0, import_core.useEvent)(props.onPause);
|
|
134
|
-
const onResume = (0, import_core.useEvent)(props.onResume);
|
|
135
|
-
const shouldShow = forceMount || open;
|
|
136
|
-
if (!shouldShow)
|
|
137
|
-
return null;
|
|
138
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
102
|
+
}), id = React.useId(), onPause = (0, import_core.useEvent)(props.onPause), onResume = (0, import_core.useEvent)(props.onResume);
|
|
103
|
+
return forceMount || open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
139
104
|
import_ToastImpl.ToastImpl,
|
|
140
105
|
{
|
|
141
106
|
id,
|
|
142
107
|
open,
|
|
143
108
|
...toastProps,
|
|
144
109
|
ref: forwardedRef,
|
|
145
|
-
onClose: () => setOpen(
|
|
110
|
+
onClose: () => setOpen(!1),
|
|
146
111
|
onPause,
|
|
147
112
|
onResume,
|
|
148
113
|
onSwipeEnd: (0, import_core.composeEventHandlers)(props.onSwipeEnd, (event) => {
|
|
149
|
-
setOpen(
|
|
114
|
+
setOpen(!1);
|
|
150
115
|
})
|
|
151
116
|
}
|
|
152
|
-
);
|
|
117
|
+
) : null;
|
|
153
118
|
})
|
|
154
119
|
);
|
|
155
120
|
ToastComponent.displayName = import_constants.TOAST_NAME;
|
package/dist/cjs/Toast.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Toast.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
+
var Toast_exports = {};
|
|
25
|
+
__export(Toast_exports, {
|
|
26
|
+
Toast: () => Toast,
|
|
27
|
+
ToastProvider: () => import_ToastProvider.ToastProvider,
|
|
28
|
+
ToastViewport: () => import_ToastViewport.ToastViewport,
|
|
29
|
+
createToastScope: () => import_ToastProvider.createToastScope,
|
|
30
|
+
useToast: () => import_ToastImperative.useToast,
|
|
31
|
+
useToastController: () => import_ToastImperative.useToastController,
|
|
32
|
+
useToastState: () => import_ToastImperative.useToastState
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(Toast_exports);
|
|
35
|
+
var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_constants = require("./constants"), import_ToastAnnounce = require("./ToastAnnounce"), import_ToastImperative = require("./ToastImperative"), import_ToastImpl = require("./ToastImpl"), import_ToastProvider = require("./ToastProvider"), import_ToastViewport = require("./ToastViewport"), import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
+
const TITLE_NAME = "ToastTitle", ToastTitle = (0, import_core.styled)(import_text.SizableText, {
|
|
37
|
+
name: TITLE_NAME,
|
|
38
|
+
variants: {
|
|
39
|
+
unstyled: {
|
|
40
|
+
false: {
|
|
41
|
+
color: "$color",
|
|
42
|
+
size: "$4"
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
defaultVariants: {
|
|
47
|
+
unstyled: !1
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
ToastTitle.displayName = TITLE_NAME;
|
|
51
|
+
const DESCRIPTION_NAME = "ToastDescription", ToastDescription = (0, import_core.styled)(import_text.SizableText, {
|
|
52
|
+
name: DESCRIPTION_NAME,
|
|
53
|
+
variants: {
|
|
54
|
+
unstyled: {
|
|
55
|
+
false: {
|
|
56
|
+
color: "$color11",
|
|
57
|
+
size: "$1"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
defaultVariants: {
|
|
62
|
+
unstyled: !1
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
ToastDescription.displayName = DESCRIPTION_NAME;
|
|
66
|
+
const ACTION_NAME = "ToastAction", ToastAction = React.forwardRef(
|
|
67
|
+
(props, forwardedRef) => {
|
|
68
|
+
const { altText, ...actionProps } = props;
|
|
69
|
+
return altText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { altText, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastClose, { ...actionProps, ref: forwardedRef }) }) : null;
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
ToastAction.propTypes = {
|
|
73
|
+
altText(props) {
|
|
74
|
+
return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
ToastAction.displayName = ACTION_NAME;
|
|
78
|
+
const CLOSE_NAME = "ToastClose", ToastCloseFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
79
|
+
name: CLOSE_NAME,
|
|
80
|
+
tag: "button"
|
|
81
|
+
}), ToastClose = React.forwardRef(
|
|
82
|
+
(props, forwardedRef) => {
|
|
83
|
+
const { __scopeToast, ...closeProps } = props, interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(CLOSE_NAME, __scopeToast);
|
|
84
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
85
|
+
ToastCloseFrame,
|
|
86
|
+
{
|
|
87
|
+
accessibilityLabel: "Dialog Close",
|
|
88
|
+
...closeProps,
|
|
89
|
+
ref: forwardedRef,
|
|
90
|
+
onPress: (0, import_core.composeEventHandlers)(props.onPress, interactiveContext.onClose)
|
|
91
|
+
}
|
|
92
|
+
) });
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
ToastClose.displayName = CLOSE_NAME;
|
|
96
|
+
const ToastComponent = React.forwardRef(
|
|
97
|
+
import_ToastImpl.ToastImplFrame.extractable((props, forwardedRef) => {
|
|
98
|
+
const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
99
|
+
prop: openProp,
|
|
100
|
+
defaultProp: defaultOpen ?? !0,
|
|
101
|
+
onChange: onOpenChange,
|
|
102
|
+
strategy: "most-recent-wins"
|
|
103
|
+
}), id = React.useId(), onPause = (0, import_core.useEvent)(props.onPause), onResume = (0, import_core.useEvent)(props.onResume);
|
|
104
|
+
return forceMount || open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
105
|
+
import_ToastImpl.ToastImpl,
|
|
106
|
+
{
|
|
107
|
+
id,
|
|
108
|
+
open,
|
|
109
|
+
...toastProps,
|
|
110
|
+
ref: forwardedRef,
|
|
111
|
+
onClose: () => setOpen(!1),
|
|
112
|
+
onPause,
|
|
113
|
+
onResume,
|
|
114
|
+
onSwipeEnd: (0, import_core.composeEventHandlers)(props.onSwipeEnd, (event) => {
|
|
115
|
+
setOpen(!1);
|
|
116
|
+
})
|
|
117
|
+
}
|
|
118
|
+
) : null;
|
|
119
|
+
})
|
|
120
|
+
);
|
|
121
|
+
ToastComponent.displayName = import_constants.TOAST_NAME;
|
|
122
|
+
const Toast = (0, import_core.withStaticProperties)(
|
|
123
|
+
(0, import_core.themeable)(ToastComponent, import_ToastImpl.ToastImplFrame.staticConfig),
|
|
124
|
+
{
|
|
125
|
+
Title: ToastTitle,
|
|
126
|
+
Description: ToastDescription,
|
|
127
|
+
Action: ToastAction,
|
|
128
|
+
Close: ToastClose
|
|
129
|
+
}
|
|
130
|
+
);
|
|
131
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
132
|
+
0 && (module.exports = {
|
|
133
|
+
Toast,
|
|
134
|
+
ToastProvider,
|
|
135
|
+
ToastViewport,
|
|
136
|
+
createToastScope,
|
|
137
|
+
useToast,
|
|
138
|
+
useToastController,
|
|
139
|
+
useToastState
|
|
140
|
+
});
|
|
141
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Toast.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
14
11
|
for (let key of __getOwnPropNames(from))
|
|
15
|
-
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
13
|
return to;
|
|
19
14
|
};
|
|
20
15
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
@@ -22,27 +17,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
17
|
// file that has been converted to a CommonJS file using a Babel-
|
|
23
18
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
19
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable:
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
26
21
|
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
29
23
|
var ToastAnnounce_exports = {};
|
|
30
24
|
__export(ToastAnnounce_exports, {
|
|
31
25
|
ToastAnnounce: () => ToastAnnounce,
|
|
32
26
|
ToastAnnounceExclude: () => ToastAnnounceExclude
|
|
33
27
|
});
|
|
34
28
|
module.exports = __toCommonJS(ToastAnnounce_exports);
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_core = require("@tamagui/core");
|
|
37
|
-
var import_portal = require("@tamagui/portal");
|
|
38
|
-
var import_visually_hidden = require("@tamagui/visually-hidden");
|
|
39
|
-
var React = __toESM(require("react"));
|
|
40
|
-
var import_constants = require("./constants");
|
|
41
|
-
var import_ToastProvider = require("./ToastProvider");
|
|
29
|
+
var import_core = require("@tamagui/core"), import_portal = require("@tamagui/portal"), import_visually_hidden = require("@tamagui/visually-hidden"), React = __toESM(require("react")), import_constants = require("./constants"), import_ToastProvider = require("./ToastProvider"), import_jsx_runtime = require("react/jsx-runtime");
|
|
42
30
|
const ToastAnnounceExcludeFrame = (0, import_core.styled)(import_core.Stack, {
|
|
43
31
|
name: "ToastAnnounceExclude"
|
|
44
|
-
})
|
|
45
|
-
const ToastAnnounceExclude = React.forwardRef(
|
|
32
|
+
}), ToastAnnounceExclude = React.forwardRef(
|
|
46
33
|
(props, forwardedRef) => {
|
|
47
34
|
const { __scopeToast, altText, ...announceExcludeProps } = props;
|
|
48
35
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -55,18 +42,12 @@ const ToastAnnounceExclude = React.forwardRef(
|
|
|
55
42
|
}
|
|
56
43
|
);
|
|
57
44
|
}
|
|
58
|
-
)
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
|
|
63
|
-
const [isAnnounced, setIsAnnounced] = React.useState(false);
|
|
64
|
-
useNextFrame(() => setRenderAnnounceText(true));
|
|
65
|
-
React.useEffect(() => {
|
|
66
|
-
const timer = setTimeout(() => setIsAnnounced(true), 1e3);
|
|
45
|
+
), ToastAnnounce = (props) => {
|
|
46
|
+
const { __scopeToast, children, ...announceProps } = props, context = (0, import_ToastProvider.useToastProviderContext)(import_constants.TOAST_NAME, __scopeToast), [renderAnnounceText, setRenderAnnounceText] = React.useState(!1), [isAnnounced, setIsAnnounced] = React.useState(!1);
|
|
47
|
+
return useNextFrame(() => setRenderAnnounceText(!0)), React.useEffect(() => {
|
|
48
|
+
const timer = setTimeout(() => setIsAnnounced(!0), 1e3);
|
|
67
49
|
return () => clearTimeout(timer);
|
|
68
|
-
}, [])
|
|
69
|
-
return isAnnounced ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { children: [
|
|
50
|
+
}, []), isAnnounced ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { children: [
|
|
70
51
|
context.label,
|
|
71
52
|
" ",
|
|
72
53
|
children
|
|
@@ -76,14 +57,11 @@ function useNextFrame(callback = () => {
|
|
|
76
57
|
}) {
|
|
77
58
|
const fn = (0, import_core.useEvent)(callback);
|
|
78
59
|
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
79
|
-
let raf1 = 0;
|
|
80
|
-
|
|
81
|
-
raf1 = requestAnimationFrame(() => {
|
|
60
|
+
let raf1 = 0, raf2 = 0;
|
|
61
|
+
return raf1 = requestAnimationFrame(() => {
|
|
82
62
|
raf2 = requestAnimationFrame(fn);
|
|
83
|
-
})
|
|
84
|
-
|
|
85
|
-
cancelAnimationFrame(raf1);
|
|
86
|
-
cancelAnimationFrame(raf2);
|
|
63
|
+
}), () => {
|
|
64
|
+
cancelAnimationFrame(raf1), cancelAnimationFrame(raf2);
|
|
87
65
|
};
|
|
88
66
|
}, [fn]);
|
|
89
67
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastAnnounce.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQO,0BACP,gBAAuB,4BACvB,yBAA+B,qCAC/B,QAAuB,2BAEvB,mBAA2B,wBAC3B,uBAAqD,4BAe/C;AAbN,MAAM,gCAA4B,oBAAO,mBAAO;AAAA,EAC9C,MAAM;AACR,CAAC,GAMK,uBAAuB,MAAM;AAAA,EACjC,CAAC,OAA+C,iBAAiB;AAC/D,UAAM,EAAE,cAAc,SAAS,GAAG,qBAAqB,IAAI;AAE3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,+BAA4B;AAAA,QAC5B,2BAAyB,WAAW;AAAA,QACnC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF,GAQM,gBAA8C,CAClD,UACG;AACH,QAAM,EAAE,cAAc,UAAU,GAAG,cAAc,IAAI,OAC/C,cAAU,8CAAwB,6BAAY,YAAY,GAC1D,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,EAAK,GAClE,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAK;AAG1D,sBAAa,MAAM,sBAAsB,EAAI,CAAC,GAG9C,MAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,WAAW,MAAM,eAAe,EAAI,GAAG,GAAI;AACzD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC,GAEE,cAAc,OACnB,4CAAC,wBAAO,SAAO,IACb,sDAAC,yCAAgB,GAAG,eACjB,gCACC,6CAAC,oBACE;AAAA,YAAQ;AAAA,IAAM;AAAA,IAAE;AAAA,KACnB,GAEJ,GACF;AAEJ;AAIA,SAAS,aAAa,WAAW,MAAM;AAAC,GAAG;AACzC,QAAM,SAAK,sBAAS,QAAQ;AAC5B,6CAA0B,MAAM;AAC9B,QAAI,OAAO,GACP,OAAO;AACX,kBAAO,sBAAsB,MAAM;AACjC,aAAO,sBAAsB,EAAE;AAAA,IACjC,CAAC,GACM,MAAM;AACX,2BAAqB,IAAI,GACzB,qBAAqB,IAAI;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,EAAE,CAAC;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
+
var ToastAnnounce_exports = {};
|
|
25
|
+
__export(ToastAnnounce_exports, {
|
|
26
|
+
ToastAnnounce: () => ToastAnnounce,
|
|
27
|
+
ToastAnnounceExclude: () => ToastAnnounceExclude
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(ToastAnnounce_exports);
|
|
30
|
+
var import_core = require("@tamagui/core"), import_portal = require("@tamagui/portal"), import_visually_hidden = require("@tamagui/visually-hidden"), React = __toESM(require("react")), import_constants = require("./constants"), import_ToastProvider = require("./ToastProvider"), import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
const ToastAnnounceExcludeFrame = (0, import_core.styled)(import_core.Stack, {
|
|
32
|
+
name: "ToastAnnounceExclude"
|
|
33
|
+
}), ToastAnnounceExclude = React.forwardRef(
|
|
34
|
+
(props, forwardedRef) => {
|
|
35
|
+
const { __scopeToast, altText, ...announceExcludeProps } = props;
|
|
36
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
37
|
+
ToastAnnounceExcludeFrame,
|
|
38
|
+
{
|
|
39
|
+
"data-toast-announce-exclude": "",
|
|
40
|
+
"data-toast-announce-alt": altText || void 0,
|
|
41
|
+
...announceExcludeProps,
|
|
42
|
+
ref: forwardedRef
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
), ToastAnnounce = (props) => {
|
|
47
|
+
const { __scopeToast, children, ...announceProps } = props, context = (0, import_ToastProvider.useToastProviderContext)(import_constants.TOAST_NAME, __scopeToast), [renderAnnounceText, setRenderAnnounceText] = React.useState(!1), [isAnnounced, setIsAnnounced] = React.useState(!1);
|
|
48
|
+
return useNextFrame(() => setRenderAnnounceText(!0)), React.useEffect(() => {
|
|
49
|
+
const timer = setTimeout(() => setIsAnnounced(!0), 1e3);
|
|
50
|
+
return () => clearTimeout(timer);
|
|
51
|
+
}, []), isAnnounced ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { children: [
|
|
52
|
+
context.label,
|
|
53
|
+
" ",
|
|
54
|
+
children
|
|
55
|
+
] }) }) });
|
|
56
|
+
};
|
|
57
|
+
function useNextFrame(callback = () => {
|
|
58
|
+
}) {
|
|
59
|
+
const fn = (0, import_core.useEvent)(callback);
|
|
60
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
61
|
+
let raf1 = 0, raf2 = 0;
|
|
62
|
+
return raf1 = requestAnimationFrame(() => {
|
|
63
|
+
raf2 = requestAnimationFrame(fn);
|
|
64
|
+
}), () => {
|
|
65
|
+
cancelAnimationFrame(raf1), cancelAnimationFrame(raf2);
|
|
66
|
+
};
|
|
67
|
+
}, [fn]);
|
|
68
|
+
}
|
|
69
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
70
|
+
0 && (module.exports = {
|
|
71
|
+
ToastAnnounce,
|
|
72
|
+
ToastAnnounceExclude
|
|
73
|
+
});
|
|
74
|
+
//# sourceMappingURL=ToastAnnounce.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ToastAnnounce.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQO,0BACP,gBAAuB,4BACvB,yBAA+B,qCAC/B,QAAuB,2BAEvB,mBAA2B,wBAC3B,uBAAqD,4BAe/C;AAbN,MAAM,gCAA4B,oBAAO,mBAAO;AAAA,EAC9C,MAAM;AACR,CAAC,GAMK,uBAAuB,MAAM;AAAA,EACjC,CAAC,OAA+C,iBAAiB;AAC/D,UAAM,EAAE,cAAc,SAAS,GAAG,qBAAqB,IAAI;AAE3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,+BAA4B;AAAA,QAC5B,2BAAyB,WAAW;AAAA,QACnC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF,GAQM,gBAA8C,CAClD,UACG;AACH,QAAM,EAAE,cAAc,UAAU,GAAG,cAAc,IAAI,OAC/C,cAAU,8CAAwB,6BAAY,YAAY,GAC1D,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,EAAK,GAClE,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAK;AAG1D,sBAAa,MAAM,sBAAsB,EAAI,CAAC,GAG9C,MAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,WAAW,MAAM,eAAe,EAAI,GAAG,GAAI;AACzD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC,GAEE,cAAc,OACnB,4CAAC,wBAAO,SAAO,IACb,sDAAC,yCAAgB,GAAG,eACjB,gCACC,6CAAC,oBACE;AAAA,YAAQ;AAAA,IAAM;AAAA,IAAE;AAAA,KACnB,GAEJ,GACF;AAEJ;AAIA,SAAS,aAAa,WAAW,MAAM;AAAC,GAAG;AACzC,QAAM,SAAK,sBAAS,QAAQ;AAC5B,6CAA0B,MAAM;AAC9B,QAAI,OAAO,GACP,OAAO;AACX,kBAAO,sBAAsB,MAAM;AACjC,aAAO,sBAAsB,EAAE;AAAA,IACjC,CAAC,GACM,MAAM;AACX,2BAAqB,IAAI,GACzB,qBAAqB,IAAI;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,EAAE,CAAC;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|