@react-spectrum/toast 3.0.0-beta.10 → 3.0.0-beta.12

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.
Files changed (47) hide show
  1. package/dist/Toast.main.js +112 -0
  2. package/dist/Toast.main.js.map +1 -0
  3. package/dist/Toast.mjs +107 -0
  4. package/dist/Toast.module.js +107 -0
  5. package/dist/Toast.module.js.map +1 -0
  6. package/dist/ToastContainer.main.js +146 -0
  7. package/dist/ToastContainer.main.js.map +1 -0
  8. package/dist/ToastContainer.mjs +136 -0
  9. package/dist/ToastContainer.module.js +136 -0
  10. package/dist/ToastContainer.module.js.map +1 -0
  11. package/dist/Toaster.main.js +67 -0
  12. package/dist/Toaster.main.js.map +1 -0
  13. package/dist/Toaster.mjs +61 -0
  14. package/dist/Toaster.module.js +61 -0
  15. package/dist/Toaster.module.js.map +1 -0
  16. package/dist/import.mjs +1 -451
  17. package/dist/intlStrings.main.js +108 -0
  18. package/dist/intlStrings.main.js.map +1 -0
  19. package/dist/intlStrings.mjs +110 -0
  20. package/dist/intlStrings.module.js +110 -0
  21. package/dist/intlStrings.module.js.map +1 -0
  22. package/dist/main.js +3 -449
  23. package/dist/main.js.map +1 -1
  24. package/dist/module.js +1 -451
  25. package/dist/module.js.map +1 -1
  26. package/dist/{main.css → toastContainer.b596792c.css} +16 -119
  27. package/dist/toastContainer.b596792c.css.map +1 -0
  28. package/dist/toastContainer_css.main.js +34 -0
  29. package/dist/toastContainer_css.main.js.map +1 -0
  30. package/dist/toastContainer_css.mjs +36 -0
  31. package/dist/toastContainer_css.module.js +36 -0
  32. package/dist/toastContainer_css.module.js.map +1 -0
  33. package/dist/toast_vars_css.main.js +38 -0
  34. package/dist/toast_vars_css.main.js.map +1 -0
  35. package/dist/toast_vars_css.mjs +40 -0
  36. package/dist/toast_vars_css.module.js +40 -0
  37. package/dist/toast_vars_css.module.js.map +1 -0
  38. package/dist/types.d.ts +2 -1
  39. package/dist/types.d.ts.map +1 -1
  40. package/dist/vars.85cde188.css +94 -0
  41. package/dist/vars.85cde188.css.map +1 -0
  42. package/package.json +13 -12
  43. package/src/Toast.tsx +4 -2
  44. package/src/ToastContainer.tsx +7 -21
  45. package/src/Toaster.tsx +3 -1
  46. package/src/toastContainer.css +4 -4
  47. package/dist/main.css.map +0 -1
package/dist/import.mjs CHANGED
@@ -1,62 +1,5 @@
1
- import $4ef3586572b5c0bd$exports from "./ar-AE.mjs";
2
- import $9294a3bc0be7c803$exports from "./bg-BG.mjs";
3
- import $2301cc9fa70c79b7$exports from "./cs-CZ.mjs";
4
- import $db68d63440e07cc2$exports from "./da-DK.mjs";
5
- import $59f85255004b972f$exports from "./de-DE.mjs";
6
- import $897a62d7e05e3ae7$exports from "./el-GR.mjs";
7
- import $cd5f6f9dc2665e8f$exports from "./en-US.mjs";
8
- import $91da3b58720e2afa$exports from "./es-ES.mjs";
9
- import $d881203a181403bc$exports from "./et-EE.mjs";
10
- import $b39cb8320f170f5d$exports from "./fi-FI.mjs";
11
- import $3dcec82c37bb9c69$exports from "./fr-FR.mjs";
12
- import $70451b8bc8958a93$exports from "./he-IL.mjs";
13
- import $8192b2e4907779a9$exports from "./hr-HR.mjs";
14
- import $734bda6365304ddb$exports from "./hu-HU.mjs";
15
- import $c985376db8169cb9$exports from "./it-IT.mjs";
16
- import $0a814f0515b1f941$exports from "./ja-JP.mjs";
17
- import $87900002a59b18f5$exports from "./ko-KR.mjs";
18
- import $b083aee709113368$exports from "./lt-LT.mjs";
19
- import $641d21187f9a9953$exports from "./lv-LV.mjs";
20
- import $920b9baf5fdd305b$exports from "./nb-NO.mjs";
21
- import $ac88c25d97133768$exports from "./nl-NL.mjs";
22
- import $dea3c2ca37b0afea$exports from "./pl-PL.mjs";
23
- import $36b701dae6c5c88a$exports from "./pt-BR.mjs";
24
- import $959bf461c37c3856$exports from "./pt-PT.mjs";
25
- import $584332ecb6a69cb1$exports from "./ro-RO.mjs";
26
- import $b3a312739e8cca16$exports from "./ru-RU.mjs";
27
- import $531de2843c7d5aa0$exports from "./sk-SK.mjs";
28
- import $52846db7e4bedb0e$exports from "./sl-SI.mjs";
29
- import $20c8bedbc8241336$exports from "./sr-SP.mjs";
30
- import $7a9bac9c7f5066c3$exports from "./sv-SE.mjs";
31
- import $ef512fc21e0fdf2f$exports from "./tr-TR.mjs";
32
- import $6764c871b5447c7a$exports from "./uk-UA.mjs";
33
- import $b1634d37b87f243f$exports from "./zh-CN.mjs";
34
- import $19cbd4230357935e$exports from "./zh-TW.mjs";
35
- import "./main.css";
36
- import $jn1ib$react, {useRef as $jn1ib$useRef, useEffect as $jn1ib$useEffect, useContext as $jn1ib$useContext, createContext as $jn1ib$createContext} from "react";
37
- import {ToastQueue as $jn1ib$ToastQueue, useToastQueue as $jn1ib$useToastQueue} from "@react-stately/toast";
38
- import {useSyncExternalStore as $jn1ib$useSyncExternalStore} from "use-sync-external-store/shim/index.js";
39
- import $jn1ib$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
40
- import {Button as $jn1ib$Button, ClearButton as $jn1ib$ClearButton} from "@react-spectrum/button";
41
- import {useDOMRef as $jn1ib$useDOMRef, useStyleProps as $jn1ib$useStyleProps, classNames as $jn1ib$classNames} from "@react-spectrum/utils";
42
- import $jn1ib$spectrumiconsuiCrossMedium from "@spectrum-icons/ui/CrossMedium";
43
- import $jn1ib$spectrumiconsuiInfoMedium from "@spectrum-icons/ui/InfoMedium";
44
- import $jn1ib$spectrumiconsuiSuccessMedium from "@spectrum-icons/ui/SuccessMedium";
45
- import {useLocalizedStringFormatter as $jn1ib$useLocalizedStringFormatter} from "@react-aria/i18n";
46
- import {useToast as $jn1ib$useToast, useToastRegion as $jn1ib$useToastRegion} from "@react-aria/toast";
47
- import {mergeProps as $jn1ib$mergeProps} from "@react-aria/utils";
48
- import {Provider as $jn1ib$Provider} from "@react-spectrum/provider";
49
- import $jn1ib$reactdom from "react-dom";
50
- import {useFocusRing as $jn1ib$useFocusRing} from "@react-aria/focus";
1
+ import {ToastContainer as $02c59b34bd70955a$export$f2815235e76a62b9, ToastQueue as $02c59b34bd70955a$export$f1f8569633bbbec4} from "./ToastContainer.mjs";
51
2
 
52
-
53
- function $parcel$interopDefault(a) {
54
- return a && a.__esModule ? a.default : a;
55
- }
56
-
57
- function $parcel$export(e, n, v, s) {
58
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
59
- }
60
3
  /*
61
4
  * Copyright 2020 Adobe. All rights reserved.
62
5
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -68,399 +11,6 @@ function $parcel$export(e, n, v, s) {
68
11
  * OF ANY KIND, either express or implied. See the License for the specific language
69
12
  * governing permissions and limitations under the License.
70
13
  */ /// <reference types="css-module-types" />
71
- /*
72
- * Copyright 2020 Adobe. All rights reserved.
73
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
74
- * you may not use this file except in compliance with the License. You may obtain a copy
75
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
76
- *
77
- * Unless required by applicable law or agreed to in writing, software distributed under
78
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
79
- * OF ANY KIND, either express or implied. See the License for the specific language
80
- * governing permissions and limitations under the License.
81
- */
82
- /*
83
- * Copyright 2020 Adobe. All rights reserved.
84
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
85
- * you may not use this file except in compliance with the License. You may obtain a copy
86
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
87
- *
88
- * Unless required by applicable law or agreed to in writing, software distributed under
89
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
90
- * OF ANY KIND, either express or implied. See the License for the specific language
91
- * governing permissions and limitations under the License.
92
- */
93
-
94
-
95
-
96
-
97
- var $41e47081d30453d1$exports = {};
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
-
131
-
132
- $41e47081d30453d1$exports = {
133
- "ar-AE": $4ef3586572b5c0bd$exports,
134
- "bg-BG": $9294a3bc0be7c803$exports,
135
- "cs-CZ": $2301cc9fa70c79b7$exports,
136
- "da-DK": $db68d63440e07cc2$exports,
137
- "de-DE": $59f85255004b972f$exports,
138
- "el-GR": $897a62d7e05e3ae7$exports,
139
- "en-US": $cd5f6f9dc2665e8f$exports,
140
- "es-ES": $91da3b58720e2afa$exports,
141
- "et-EE": $d881203a181403bc$exports,
142
- "fi-FI": $b39cb8320f170f5d$exports,
143
- "fr-FR": $3dcec82c37bb9c69$exports,
144
- "he-IL": $70451b8bc8958a93$exports,
145
- "hr-HR": $8192b2e4907779a9$exports,
146
- "hu-HU": $734bda6365304ddb$exports,
147
- "it-IT": $c985376db8169cb9$exports,
148
- "ja-JP": $0a814f0515b1f941$exports,
149
- "ko-KR": $87900002a59b18f5$exports,
150
- "lt-LT": $b083aee709113368$exports,
151
- "lv-LV": $641d21187f9a9953$exports,
152
- "nb-NO": $920b9baf5fdd305b$exports,
153
- "nl-NL": $ac88c25d97133768$exports,
154
- "pl-PL": $dea3c2ca37b0afea$exports,
155
- "pt-BR": $36b701dae6c5c88a$exports,
156
- "pt-PT": $959bf461c37c3856$exports,
157
- "ro-RO": $584332ecb6a69cb1$exports,
158
- "ru-RU": $b3a312739e8cca16$exports,
159
- "sk-SK": $531de2843c7d5aa0$exports,
160
- "sl-SI": $52846db7e4bedb0e$exports,
161
- "sr-SP": $20c8bedbc8241336$exports,
162
- "sv-SE": $7a9bac9c7f5066c3$exports,
163
- "tr-TR": $ef512fc21e0fdf2f$exports,
164
- "uk-UA": $6764c871b5447c7a$exports,
165
- "zh-CN": $b1634d37b87f243f$exports,
166
- "zh-TW": $19cbd4230357935e$exports
167
- };
168
-
169
-
170
-
171
- var $e05a169dc2f4f928$exports = {};
172
-
173
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Button", () => $e05a169dc2f4f928$export$1db4cca5b4ade39a, (v) => $e05a169dc2f4f928$export$1db4cca5b4ade39a = v);
174
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-ClearButton", () => $e05a169dc2f4f928$export$b752ce409e5660c, (v) => $e05a169dc2f4f928$export$b752ce409e5660c = v);
175
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast", () => $e05a169dc2f4f928$export$c8747d73d7954b9c, (v) => $e05a169dc2f4f928$export$c8747d73d7954b9c = v);
176
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--info", () => $e05a169dc2f4f928$export$fcf916881d7253a9, (v) => $e05a169dc2f4f928$export$fcf916881d7253a9 = v);
177
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--negative", () => $e05a169dc2f4f928$export$bd5a0b226e8b302, (v) => $e05a169dc2f4f928$export$bd5a0b226e8b302 = v);
178
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--positive", () => $e05a169dc2f4f928$export$5c8e63d2763f4a55, (v) => $e05a169dc2f4f928$export$5c8e63d2763f4a55 = v);
179
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-body", () => $e05a169dc2f4f928$export$36e75d1f579741b3, (v) => $e05a169dc2f4f928$export$36e75d1f579741b3 = v);
180
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-buttons", () => $e05a169dc2f4f928$export$19218cf016f919e5, (v) => $e05a169dc2f4f928$export$19218cf016f919e5 = v);
181
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-content", () => $e05a169dc2f4f928$export$454f092ca47c3462, (v) => $e05a169dc2f4f928$export$454f092ca47c3462 = v);
182
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-typeIcon", () => $e05a169dc2f4f928$export$8e9e50fe392680b2, (v) => $e05a169dc2f4f928$export$8e9e50fe392680b2 = v);
183
- var $e05a169dc2f4f928$export$1db4cca5b4ade39a;
184
- var $e05a169dc2f4f928$export$b752ce409e5660c;
185
- var $e05a169dc2f4f928$export$c8747d73d7954b9c;
186
- var $e05a169dc2f4f928$export$fcf916881d7253a9;
187
- var $e05a169dc2f4f928$export$bd5a0b226e8b302;
188
- var $e05a169dc2f4f928$export$5c8e63d2763f4a55;
189
- var $e05a169dc2f4f928$export$36e75d1f579741b3;
190
- var $e05a169dc2f4f928$export$19218cf016f919e5;
191
- var $e05a169dc2f4f928$export$454f092ca47c3462;
192
- var $e05a169dc2f4f928$export$8e9e50fe392680b2;
193
- $e05a169dc2f4f928$export$1db4cca5b4ade39a = `O7O3BG_spectrum-Button`;
194
- $e05a169dc2f4f928$export$b752ce409e5660c = `O7O3BG_spectrum-ClearButton`;
195
- $e05a169dc2f4f928$export$c8747d73d7954b9c = `O7O3BG_spectrum-Toast`;
196
- $e05a169dc2f4f928$export$fcf916881d7253a9 = `O7O3BG_spectrum-Toast--info`;
197
- $e05a169dc2f4f928$export$bd5a0b226e8b302 = `O7O3BG_spectrum-Toast--negative`;
198
- $e05a169dc2f4f928$export$5c8e63d2763f4a55 = `O7O3BG_spectrum-Toast--positive`;
199
- $e05a169dc2f4f928$export$36e75d1f579741b3 = `O7O3BG_spectrum-Toast-body`;
200
- $e05a169dc2f4f928$export$19218cf016f919e5 = `O7O3BG_spectrum-Toast-buttons`;
201
- $e05a169dc2f4f928$export$454f092ca47c3462 = `O7O3BG_spectrum-Toast-content`;
202
- $e05a169dc2f4f928$export$8e9e50fe392680b2 = `O7O3BG_spectrum-Toast-typeIcon`;
203
-
204
-
205
-
206
- var $f3b51ac952d4aeac$exports = {};
207
-
208
- $parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
209
- $parcel$export($f3b51ac952d4aeac$exports, "focus-ring", () => $f3b51ac952d4aeac$export$f39a09f249340e2a, (v) => $f3b51ac952d4aeac$export$f39a09f249340e2a = v);
210
- $parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
211
- $parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
212
- $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
213
- $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
214
- $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
215
- $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
216
- var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
217
- var $f3b51ac952d4aeac$export$f39a09f249340e2a;
218
- var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
219
- var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
220
- var $f3b51ac952d4aeac$export$4109102f950813a6;
221
- var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
222
- var $f3b51ac952d4aeac$export$2927016961429360;
223
- var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
224
- $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
225
- $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
226
- $f3b51ac952d4aeac$export$f39a09f249340e2a = `xynrca_focus-ring`;
227
- $f3b51ac952d4aeac$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer`;
228
- $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
229
- $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
230
- $f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
231
- $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
232
- $f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
233
- $f3b51ac952d4aeac$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
234
-
235
-
236
- /*
237
- * Copyright 2020 Adobe. All rights reserved.
238
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
239
- * you may not use this file except in compliance with the License. You may obtain a copy
240
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
241
- *
242
- * Unless required by applicable law or agreed to in writing, software distributed under
243
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
244
- * OF ANY KIND, either express or implied. See the License for the specific language
245
- * governing permissions and limitations under the License.
246
- */
247
-
248
-
249
-
250
-
251
-
252
-
253
-
254
- const $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $jn1ib$createContext)(false);
255
- function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
256
- let { children: children, state: state } = props;
257
- let ref = (0, $jn1ib$useRef)();
258
- let { regionProps: regionProps } = (0, $jn1ib$useToastRegion)(props, state, ref);
259
- let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $jn1ib$useFocusRing)();
260
- let contents = /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $jn1ib$Provider), {
261
- UNSAFE_style: {
262
- background: "transparent"
263
- }
264
- }, /*#__PURE__*/ (0, $jn1ib$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
265
- value: isFocusVisible
266
- }, /*#__PURE__*/ (0, $jn1ib$react).createElement("div", {
267
- ...(0, $jn1ib$mergeProps)(regionProps, focusProps),
268
- ref: ref,
269
- "data-position": "bottom",
270
- "data-placement": "center",
271
- className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f3b51ac952d4aeac$exports))), "react-spectrum-ToastContainer")
272
- }, children)));
273
- return /*#__PURE__*/ (0, $jn1ib$reactdom).createPortal(contents, document.body);
274
- }
275
-
276
-
277
-
278
-
279
- const $7e7a2952509f3a56$export$fde44257752a9f60 = {
280
- info: (0, $jn1ib$spectrumiconsuiInfoMedium),
281
- negative: (0, $jn1ib$spectrumiconsuiAlertMedium),
282
- positive: (0, $jn1ib$spectrumiconsuiSuccessMedium)
283
- };
284
- function $7e7a2952509f3a56$var$Toast(props, ref) {
285
- var _state_visibleToasts_;
286
- let { toast: { key: key, animation: animation, content: { children: children, variant: variant, actionLabel: actionLabel, onAction: onAction, shouldCloseOnAction: shouldCloseOnAction } }, state: state, ...otherProps } = props;
287
- let domRef = (0, $jn1ib$useDOMRef)(ref);
288
- let { closeButtonProps: closeButtonProps, titleProps: titleProps, toastProps: toastProps } = (0, $jn1ib$useToast)(props, state, domRef);
289
- let { styleProps: styleProps } = (0, $jn1ib$useStyleProps)(otherProps);
290
- let stringFormatter = (0, $jn1ib$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($41e47081d30453d1$exports))), "@react-spectrum/toast");
291
- let iconLabel = variant && variant !== "neutral" ? stringFormatter.format(variant) : null;
292
- let Icon = $7e7a2952509f3a56$export$fde44257752a9f60[variant];
293
- let isFocusVisible = (0, $jn1ib$useContext)((0, $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff));
294
- const handleAction = ()=>{
295
- if (onAction) onAction();
296
- if (shouldCloseOnAction) state.close(key);
297
- };
298
- return /*#__PURE__*/ (0, $jn1ib$react).createElement("div", {
299
- ...styleProps,
300
- ...toastProps,
301
- ref: domRef,
302
- className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e05a169dc2f4f928$exports))), "spectrum-Toast", {
303
- ["spectrum-Toast--" + variant]: variant
304
- }, styleProps.className, (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f3b51ac952d4aeac$exports))), "spectrum-Toast", {
305
- "focus-ring": props.toast.key === ((_state_visibleToasts_ = state.visibleToasts[0]) === null || _state_visibleToasts_ === void 0 ? void 0 : _state_visibleToasts_.key) && isFocusVisible
306
- })),
307
- style: {
308
- ...styleProps.style,
309
- zIndex: props.toast.priority
310
- },
311
- "data-animation": animation,
312
- onAnimationEnd: ()=>{
313
- if (animation === "exiting") state.remove(key);
314
- }
315
- }, Icon && /*#__PURE__*/ (0, $jn1ib$react).createElement(Icon, {
316
- "aria-label": iconLabel,
317
- UNSAFE_className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e05a169dc2f4f928$exports))), "spectrum-Toast-typeIcon")
318
- }), /*#__PURE__*/ (0, $jn1ib$react).createElement("div", {
319
- className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e05a169dc2f4f928$exports))), "spectrum-Toast-body")
320
- }, /*#__PURE__*/ (0, $jn1ib$react).createElement("div", {
321
- className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e05a169dc2f4f928$exports))), "spectrum-Toast-content"),
322
- ...titleProps
323
- }, children), actionLabel && /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $jn1ib$Button), {
324
- onPress: handleAction,
325
- UNSAFE_className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e05a169dc2f4f928$exports))), "spectrum-Button"),
326
- variant: "secondary",
327
- staticColor: "white"
328
- }, actionLabel)), /*#__PURE__*/ (0, $jn1ib$react).createElement("div", {
329
- className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e05a169dc2f4f928$exports))), "spectrum-Toast-buttons")
330
- }, /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $jn1ib$ClearButton), {
331
- ...closeButtonProps,
332
- variant: "overBackground"
333
- }, /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $jn1ib$spectrumiconsuiCrossMedium), null))));
334
- }
335
- let $7e7a2952509f3a56$export$8d8dc7d5f743331b = /*#__PURE__*/ (0, $jn1ib$react).forwardRef($7e7a2952509f3a56$var$Toast);
336
-
337
-
338
-
339
-
340
-
341
- // There is a single global toast queue instance for the whole app, initialized lazily.
342
- let $02c59b34bd70955a$var$globalToastQueue = null;
343
- function $02c59b34bd70955a$var$getGlobalToastQueue() {
344
- if (!$02c59b34bd70955a$var$globalToastQueue) $02c59b34bd70955a$var$globalToastQueue = new (0, $jn1ib$ToastQueue)({
345
- maxVisibleToasts: 1,
346
- hasExitAnimation: true
347
- });
348
- return $02c59b34bd70955a$var$globalToastQueue;
349
- }
350
- function $02c59b34bd70955a$export$320311f0e4ecb3ae() {
351
- $02c59b34bd70955a$var$globalToastQueue = null;
352
- }
353
- let $02c59b34bd70955a$var$toastProviders = new Set();
354
- let $02c59b34bd70955a$var$subscriptions = new Set();
355
- function $02c59b34bd70955a$var$subscribe(fn) {
356
- $02c59b34bd70955a$var$subscriptions.add(fn);
357
- return ()=>$02c59b34bd70955a$var$subscriptions.delete(fn);
358
- }
359
- function $02c59b34bd70955a$var$triggerSubscriptions() {
360
- for (let fn of $02c59b34bd70955a$var$subscriptions)fn();
361
- }
362
- function $02c59b34bd70955a$var$getActiveToastContainer() {
363
- return $02c59b34bd70955a$var$toastProviders.values().next().value;
364
- }
365
- function $02c59b34bd70955a$var$useActiveToastContainer() {
366
- return (0, $jn1ib$useSyncExternalStore)($02c59b34bd70955a$var$subscribe, $02c59b34bd70955a$var$getActiveToastContainer, $02c59b34bd70955a$var$getActiveToastContainer);
367
- }
368
- function $02c59b34bd70955a$export$f2815235e76a62b9(props) {
369
- // Track all toast provider instances in a set.
370
- // Only the first one will actually render.
371
- // We use a ref to do this, since it will have a stable identity
372
- // over the lifetime of the component.
373
- let ref = (0, $jn1ib$useRef)();
374
- // eslint-disable-next-line arrow-body-style
375
- (0, $jn1ib$useEffect)(()=>{
376
- $02c59b34bd70955a$var$toastProviders.add(ref);
377
- $02c59b34bd70955a$var$triggerSubscriptions();
378
- return ()=>{
379
- // When this toast provider unmounts, reset all animations so that
380
- // when the new toast provider renders, it is seamless.
381
- for (let toast of $02c59b34bd70955a$var$getGlobalToastQueue().visibleToasts)toast.animation = null;
382
- // Remove this toast provider, and call subscriptions.
383
- // This will cause all other instances to re-render,
384
- // and the first one to become the new active toast provider.
385
- $02c59b34bd70955a$var$toastProviders.delete(ref);
386
- $02c59b34bd70955a$var$triggerSubscriptions();
387
- };
388
- }, []);
389
- // Only render if this is the active toast provider instance, and there are visible toasts.
390
- let activeToastContainer = $02c59b34bd70955a$var$useActiveToastContainer();
391
- let state = (0, $jn1ib$useToastQueue)($02c59b34bd70955a$var$getGlobalToastQueue());
392
- if (ref === activeToastContainer && state.visibleToasts.length > 0) return /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7), {
393
- state: state,
394
- ...props
395
- }, state.visibleToasts.map((toast)=>/*#__PURE__*/ (0, $jn1ib$react).createElement((0, $7e7a2952509f3a56$export$8d8dc7d5f743331b), {
396
- key: toast.key,
397
- toast: toast,
398
- state: state
399
- })));
400
- return null;
401
- }
402
- function $02c59b34bd70955a$var$addToast(children, variant, options = {}) {
403
- // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.
404
- if (typeof CustomEvent !== "undefined" && typeof window !== "undefined") {
405
- let event = new CustomEvent("react-spectrum-toast", {
406
- cancelable: true,
407
- bubbles: true,
408
- detail: {
409
- children: children,
410
- variant: variant,
411
- options: options
412
- }
413
- });
414
- let shouldContinue = window.dispatchEvent(event);
415
- if (!shouldContinue) return;
416
- }
417
- let value = {
418
- children: children,
419
- variant: variant,
420
- actionLabel: options.actionLabel,
421
- onAction: options.onAction,
422
- shouldCloseOnAction: options.shouldCloseOnAction
423
- };
424
- // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible
425
- // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.
426
- // It is debatable whether non-actionable toasts would also fail.
427
- let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : null;
428
- let queue = $02c59b34bd70955a$var$getGlobalToastQueue();
429
- let key = queue.add(value, {
430
- priority: $02c59b34bd70955a$var$getPriority(variant, options),
431
- timeout: timeout,
432
- onClose: options.onClose
433
- });
434
- return ()=>queue.close(key);
435
- }
436
- const $02c59b34bd70955a$export$f1f8569633bbbec4 = {
437
- /** Queues a neutral toast. */ neutral (children, options = {}) {
438
- return $02c59b34bd70955a$var$addToast(children, "neutral", options);
439
- },
440
- /** Queues a positive toast. */ positive (children, options = {}) {
441
- return $02c59b34bd70955a$var$addToast(children, "positive", options);
442
- },
443
- /** Queues a negative toast. */ negative (children, options = {}) {
444
- return $02c59b34bd70955a$var$addToast(children, "negative", options);
445
- },
446
- /** Queues an informational toast. */ info (children, options = {}) {
447
- return $02c59b34bd70955a$var$addToast(children, "info", options);
448
- }
449
- };
450
- // https://spectrum.adobe.com/page/toast/#Priority-queue
451
- // TODO: if a lower priority toast comes in, no way to know until you dismiss the higher priority one.
452
- const $02c59b34bd70955a$var$VARIANT_PRIORITY = {
453
- negative: 10,
454
- positive: 3,
455
- info: 2,
456
- neutral: 1
457
- };
458
- function $02c59b34bd70955a$var$getPriority(variant, options) {
459
- let priority = $02c59b34bd70955a$var$VARIANT_PRIORITY[variant] || 1;
460
- if (options.onAction) priority += 4;
461
- return priority;
462
- }
463
-
464
14
 
465
15
 
466
16
 
@@ -0,0 +1,108 @@
1
+ var $0cf579c4d0619650$exports = require("./ar-AE.main.js");
2
+ var $01a5f2e754a3aca3$exports = require("./bg-BG.main.js");
3
+ var $349346d24fea9f93$exports = require("./cs-CZ.main.js");
4
+ var $494b47caf5000db5$exports = require("./da-DK.main.js");
5
+ var $42361f52619ce7b5$exports = require("./de-DE.main.js");
6
+ var $2f3eceb7f6af8880$exports = require("./el-GR.main.js");
7
+ var $1c4e755cf68da042$exports = require("./en-US.main.js");
8
+ var $36392de7ab7cf0d8$exports = require("./es-ES.main.js");
9
+ var $f8a5185ea50f4353$exports = require("./et-EE.main.js");
10
+ var $467647dbbf34963d$exports = require("./fi-FI.main.js");
11
+ var $0bfd77936feb977b$exports = require("./fr-FR.main.js");
12
+ var $8634f5ced1fe2330$exports = require("./he-IL.main.js");
13
+ var $e8561294409b4f3f$exports = require("./hr-HR.main.js");
14
+ var $1adc73e933a677bc$exports = require("./hu-HU.main.js");
15
+ var $7425b3dc28bbc3a1$exports = require("./it-IT.main.js");
16
+ var $ed1abfad0f0fe18c$exports = require("./ja-JP.main.js");
17
+ var $209b4fa3dff0b709$exports = require("./ko-KR.main.js");
18
+ var $7f853a3d76cc8c7a$exports = require("./lt-LT.main.js");
19
+ var $db6d2778aa3efd1c$exports = require("./lv-LV.main.js");
20
+ var $cbc52695be0ba010$exports = require("./nb-NO.main.js");
21
+ var $7349a16c865e9d83$exports = require("./nl-NL.main.js");
22
+ var $9ba752c7df1444c8$exports = require("./pl-PL.main.js");
23
+ var $e71cba549c8a84b2$exports = require("./pt-BR.main.js");
24
+ var $e59fbedfd0efbd85$exports = require("./pt-PT.main.js");
25
+ var $4f5a4de90ef42f83$exports = require("./ro-RO.main.js");
26
+ var $bbf3a5b56b359b1a$exports = require("./ru-RU.main.js");
27
+ var $35b1c2966d1d12e1$exports = require("./sk-SK.main.js");
28
+ var $0d987d762afd0da6$exports = require("./sl-SI.main.js");
29
+ var $bbb1b12c9819feea$exports = require("./sr-SP.main.js");
30
+ var $2e2b2ebfa5ef1eda$exports = require("./sv-SE.main.js");
31
+ var $c9e3aeb1c2d42bfd$exports = require("./tr-TR.main.js");
32
+ var $5026bf09e6af5326$exports = require("./uk-UA.main.js");
33
+ var $f17a6e030d52029e$exports = require("./zh-CN.main.js");
34
+ var $a73ba38da5e03e12$exports = require("./zh-TW.main.js");
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+
66
+
67
+
68
+
69
+
70
+ module.exports = {
71
+ "ar-AE": $0cf579c4d0619650$exports,
72
+ "bg-BG": $01a5f2e754a3aca3$exports,
73
+ "cs-CZ": $349346d24fea9f93$exports,
74
+ "da-DK": $494b47caf5000db5$exports,
75
+ "de-DE": $42361f52619ce7b5$exports,
76
+ "el-GR": $2f3eceb7f6af8880$exports,
77
+ "en-US": $1c4e755cf68da042$exports,
78
+ "es-ES": $36392de7ab7cf0d8$exports,
79
+ "et-EE": $f8a5185ea50f4353$exports,
80
+ "fi-FI": $467647dbbf34963d$exports,
81
+ "fr-FR": $0bfd77936feb977b$exports,
82
+ "he-IL": $8634f5ced1fe2330$exports,
83
+ "hr-HR": $e8561294409b4f3f$exports,
84
+ "hu-HU": $1adc73e933a677bc$exports,
85
+ "it-IT": $7425b3dc28bbc3a1$exports,
86
+ "ja-JP": $ed1abfad0f0fe18c$exports,
87
+ "ko-KR": $209b4fa3dff0b709$exports,
88
+ "lt-LT": $7f853a3d76cc8c7a$exports,
89
+ "lv-LV": $db6d2778aa3efd1c$exports,
90
+ "nb-NO": $cbc52695be0ba010$exports,
91
+ "nl-NL": $7349a16c865e9d83$exports,
92
+ "pl-PL": $9ba752c7df1444c8$exports,
93
+ "pt-BR": $e71cba549c8a84b2$exports,
94
+ "pt-PT": $e59fbedfd0efbd85$exports,
95
+ "ro-RO": $4f5a4de90ef42f83$exports,
96
+ "ru-RU": $bbf3a5b56b359b1a$exports,
97
+ "sk-SK": $35b1c2966d1d12e1$exports,
98
+ "sl-SI": $0d987d762afd0da6$exports,
99
+ "sr-SP": $bbb1b12c9819feea$exports,
100
+ "sv-SE": $2e2b2ebfa5ef1eda$exports,
101
+ "tr-TR": $c9e3aeb1c2d42bfd$exports,
102
+ "uk-UA": $5026bf09e6af5326$exports,
103
+ "zh-CN": $f17a6e030d52029e$exports,
104
+ "zh-TW": $a73ba38da5e03e12$exports
105
+ };
106
+
107
+
108
+ //# sourceMappingURL=intlStrings.main.js.map
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,iBAAiB;IACf,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;AACX","sources":["packages/@react-spectrum/toast/src/*.js"],"sourcesContent":["const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}"],"names":[],"version":3,"file":"intlStrings.main.js.map"}