@react-spectrum/dialog 3.3.5 → 3.3.6
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/main.js +293 -293
- package/dist/module.js +289 -289
- package/package.json +22 -22
package/dist/module.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import $
|
|
3
|
-
import {Button as $
|
|
4
|
-
import {ButtonGroup as $
|
|
5
|
-
import {chain as $
|
|
6
|
-
import {useStyleProps as $
|
|
7
|
-
import {Content as $
|
|
8
|
-
import {Divider as $
|
|
9
|
-
import {Heading as $
|
|
10
|
-
import $
|
|
11
|
-
import {useMessageFormatter as $
|
|
12
|
-
import $
|
|
13
|
-
import {DismissButton as $
|
|
14
|
-
import {FocusScope as $
|
|
15
|
-
import {Grid as $
|
|
16
|
-
import {useDialog as $
|
|
17
|
-
import {Modal as $
|
|
18
|
-
import {useOverlayTriggerState as $
|
|
19
|
-
import {PressResponder as $
|
|
2
|
+
import $a3vs5$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
|
|
3
|
+
import {Button as $a3vs5$Button, ActionButton as $a3vs5$ActionButton} from "@react-spectrum/button";
|
|
4
|
+
import {ButtonGroup as $a3vs5$ButtonGroup} from "@react-spectrum/buttongroup";
|
|
5
|
+
import {chain as $a3vs5$chain, mergeProps as $a3vs5$mergeProps} from "@react-aria/utils";
|
|
6
|
+
import {useStyleProps as $a3vs5$useStyleProps, classNames as $a3vs5$classNames, useDOMRef as $a3vs5$useDOMRef, useHasChild as $a3vs5$useHasChild, unwrapDOMRef as $a3vs5$unwrapDOMRef, SlotProvider as $a3vs5$SlotProvider, useMediaQuery as $a3vs5$useMediaQuery} from "@react-spectrum/utils";
|
|
7
|
+
import {Content as $a3vs5$Content} from "@react-spectrum/view";
|
|
8
|
+
import {Divider as $a3vs5$Divider} from "@react-spectrum/divider";
|
|
9
|
+
import {Heading as $a3vs5$Heading} from "@react-spectrum/text";
|
|
10
|
+
import $a3vs5$react, {useContext as $a3vs5$useContext, forwardRef as $a3vs5$forwardRef, useRef as $a3vs5$useRef, useMemo as $a3vs5$useMemo, useEffect as $a3vs5$useEffect, Fragment as $a3vs5$Fragment} from "react";
|
|
11
|
+
import {useMessageFormatter as $a3vs5$useMessageFormatter} from "@react-aria/i18n";
|
|
12
|
+
import $a3vs5$spectrumiconsuiCrossLarge from "@spectrum-icons/ui/CrossLarge";
|
|
13
|
+
import {DismissButton as $a3vs5$DismissButton, useOverlayPosition as $a3vs5$useOverlayPosition, useOverlayTrigger as $a3vs5$useOverlayTrigger} from "@react-aria/overlays";
|
|
14
|
+
import {FocusScope as $a3vs5$FocusScope} from "@react-aria/focus";
|
|
15
|
+
import {Grid as $a3vs5$Grid} from "@react-spectrum/layout";
|
|
16
|
+
import {useDialog as $a3vs5$useDialog} from "@react-aria/dialog";
|
|
17
|
+
import {Modal as $a3vs5$Modal, Tray as $a3vs5$Tray, Popover as $a3vs5$Popover} from "@react-spectrum/overlays";
|
|
18
|
+
import {useOverlayTriggerState as $a3vs5$useOverlayTriggerState} from "@react-stately/overlays";
|
|
19
|
+
import {PressResponder as $a3vs5$PressResponder} from "@react-aria/interactions";
|
|
20
20
|
|
|
21
21
|
function $parcel$interopDefault(a) {
|
|
22
22
|
return a && a.__esModule ? a.default : a;
|
|
@@ -24,336 +24,336 @@ function $parcel$interopDefault(a) {
|
|
|
24
24
|
function $parcel$export(e, n, v, s) {
|
|
25
25
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
26
26
|
}
|
|
27
|
-
var $
|
|
27
|
+
var $d1eec556c7100bf3$exports = {};
|
|
28
28
|
|
|
29
|
-
$parcel$export($
|
|
29
|
+
$parcel$export($d1eec556c7100bf3$exports, "AlertDialog", () => $d1eec556c7100bf3$export$de466dd8317b0b75);
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
var $
|
|
36
|
+
var $e417d6c4dc107c51$exports = {};
|
|
37
37
|
|
|
38
|
-
$parcel$export($
|
|
38
|
+
$parcel$export($e417d6c4dc107c51$exports, "Dialog", () => $e417d6c4dc107c51$export$3ddf2d174ce01153);
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
const $
|
|
43
|
+
const $12622d8e985adaeb$export$8b93a07348a7730c = $a3vs5$react.createContext(null);
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
-
var $
|
|
50
|
-
var $
|
|
51
|
-
$
|
|
49
|
+
var $a8506252fb8fadd7$exports = {};
|
|
50
|
+
var $746a7e27425387cd$exports = {};
|
|
51
|
+
$746a7e27425387cd$exports = JSON.parse("{\"alert\":\"تنبيه\",\"dismiss\":\"تجاهل\"}");
|
|
52
52
|
|
|
53
53
|
|
|
54
|
-
var $
|
|
55
|
-
$
|
|
54
|
+
var $9b92f63ff847a222$exports = {};
|
|
55
|
+
$9b92f63ff847a222$exports = JSON.parse("{\"alert\":\"Сигнал\",\"dismiss\":\"Отхвърляне\"}");
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
var $
|
|
59
|
-
$
|
|
58
|
+
var $20cf6328f6218166$exports = {};
|
|
59
|
+
$20cf6328f6218166$exports = JSON.parse("{\"alert\":\"Výstraha\",\"dismiss\":\"Odstranit\"}");
|
|
60
60
|
|
|
61
61
|
|
|
62
|
-
var $
|
|
63
|
-
$
|
|
62
|
+
var $feae5726cb1a9ad6$exports = {};
|
|
63
|
+
$feae5726cb1a9ad6$exports = JSON.parse("{\"alert\":\"Advarsel\",\"dismiss\":\"Luk\"}");
|
|
64
64
|
|
|
65
65
|
|
|
66
|
-
var $
|
|
67
|
-
$
|
|
66
|
+
var $8783af492db96afd$exports = {};
|
|
67
|
+
$8783af492db96afd$exports = JSON.parse("{\"alert\":\"Warnhinweis\",\"dismiss\":\"Schließen\"}");
|
|
68
68
|
|
|
69
69
|
|
|
70
|
-
var $
|
|
71
|
-
$
|
|
70
|
+
var $0fa3badf58ed8b26$exports = {};
|
|
71
|
+
$0fa3badf58ed8b26$exports = JSON.parse("{\"alert\":\"Ειδοποίηση\",\"dismiss\":\"Απόρριψη\"}");
|
|
72
72
|
|
|
73
73
|
|
|
74
|
-
var $
|
|
75
|
-
$
|
|
74
|
+
var $cd542c896a7eb5db$exports = {};
|
|
75
|
+
$cd542c896a7eb5db$exports = JSON.parse("{\"dismiss\":\"Dismiss\",\"alert\":\"Alert\"}");
|
|
76
76
|
|
|
77
77
|
|
|
78
|
-
var $
|
|
79
|
-
$
|
|
78
|
+
var $c490ca1f2ec31c6f$exports = {};
|
|
79
|
+
$c490ca1f2ec31c6f$exports = JSON.parse("{\"alert\":\"Alerta\",\"dismiss\":\"Descartar\"}");
|
|
80
80
|
|
|
81
81
|
|
|
82
|
-
var $
|
|
83
|
-
$
|
|
82
|
+
var $1a8bff4bba863b01$exports = {};
|
|
83
|
+
$1a8bff4bba863b01$exports = JSON.parse("{\"alert\":\"Teade\",\"dismiss\":\"Lõpeta\"}");
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
var $
|
|
87
|
-
$
|
|
86
|
+
var $490762b5085e1865$exports = {};
|
|
87
|
+
$490762b5085e1865$exports = JSON.parse("{\"alert\":\"Hälytys\",\"dismiss\":\"Hylkää\"}");
|
|
88
88
|
|
|
89
89
|
|
|
90
|
-
var $
|
|
91
|
-
$
|
|
90
|
+
var $ecf99f93d8f74c7e$exports = {};
|
|
91
|
+
$ecf99f93d8f74c7e$exports = JSON.parse("{\"alert\":\"Alerte\",\"dismiss\":\"Rejeter\"}");
|
|
92
92
|
|
|
93
93
|
|
|
94
|
-
var $
|
|
95
|
-
$
|
|
94
|
+
var $208b633fd31536c4$exports = {};
|
|
95
|
+
$208b633fd31536c4$exports = JSON.parse("{\"alert\":\"התראה\",\"dismiss\":\"התעלם\"}");
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
var $
|
|
99
|
-
$
|
|
98
|
+
var $2f21ba5e1c145a4b$exports = {};
|
|
99
|
+
$2f21ba5e1c145a4b$exports = JSON.parse("{\"alert\":\"Upozorenje\",\"dismiss\":\"Odbaci\"}");
|
|
100
100
|
|
|
101
101
|
|
|
102
|
-
var $
|
|
103
|
-
$
|
|
102
|
+
var $d60c8f2474b5bc66$exports = {};
|
|
103
|
+
$d60c8f2474b5bc66$exports = JSON.parse("{\"alert\":\"Figyelmeztetés\",\"dismiss\":\"Elutasítás\"}");
|
|
104
104
|
|
|
105
105
|
|
|
106
|
-
var $
|
|
107
|
-
$
|
|
106
|
+
var $4450aa33843982d5$exports = {};
|
|
107
|
+
$4450aa33843982d5$exports = JSON.parse("{\"alert\":\"Avviso\",\"dismiss\":\"Ignora\"}");
|
|
108
108
|
|
|
109
109
|
|
|
110
|
-
var $
|
|
111
|
-
$
|
|
110
|
+
var $52ecd0b20e94a497$exports = {};
|
|
111
|
+
$52ecd0b20e94a497$exports = JSON.parse("{\"alert\":\"アラート\",\"dismiss\":\"閉じる\"}");
|
|
112
112
|
|
|
113
113
|
|
|
114
|
-
var $
|
|
115
|
-
$
|
|
114
|
+
var $a840f8ab1d6e3059$exports = {};
|
|
115
|
+
$a840f8ab1d6e3059$exports = JSON.parse("{\"alert\":\"경고\",\"dismiss\":\"무시\"}");
|
|
116
116
|
|
|
117
117
|
|
|
118
|
-
var $
|
|
119
|
-
$
|
|
118
|
+
var $5c53a36707aecc71$exports = {};
|
|
119
|
+
$5c53a36707aecc71$exports = JSON.parse("{\"alert\":\"Įspėjimas\",\"dismiss\":\"Atmesti\"}");
|
|
120
120
|
|
|
121
121
|
|
|
122
|
-
var $
|
|
123
|
-
$
|
|
122
|
+
var $2d8d6fb42de45dee$exports = {};
|
|
123
|
+
$2d8d6fb42de45dee$exports = JSON.parse("{\"alert\":\"Brīdinājums\",\"dismiss\":\"Nerādīt\"}");
|
|
124
124
|
|
|
125
125
|
|
|
126
|
-
var $
|
|
127
|
-
$
|
|
126
|
+
var $88b4000a39864772$exports = {};
|
|
127
|
+
$88b4000a39864772$exports = JSON.parse("{\"alert\":\"Varsel\",\"dismiss\":\"Lukk\"}");
|
|
128
128
|
|
|
129
129
|
|
|
130
|
-
var $
|
|
131
|
-
$
|
|
130
|
+
var $496dbd5dce0195a1$exports = {};
|
|
131
|
+
$496dbd5dce0195a1$exports = JSON.parse("{\"alert\":\"Melding\",\"dismiss\":\"Negeren\"}");
|
|
132
132
|
|
|
133
133
|
|
|
134
|
-
var $
|
|
135
|
-
$
|
|
134
|
+
var $83f5ba9404561e21$exports = {};
|
|
135
|
+
$83f5ba9404561e21$exports = JSON.parse("{\"alert\":\"Ostrzeżenie\",\"dismiss\":\"Zignoruj\"}");
|
|
136
136
|
|
|
137
137
|
|
|
138
|
-
var $
|
|
139
|
-
$
|
|
138
|
+
var $be9e9fc1ddcd1e9f$exports = {};
|
|
139
|
+
$be9e9fc1ddcd1e9f$exports = JSON.parse("{\"alert\":\"Alerta\",\"dismiss\":\"Descartar\"}");
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
var $
|
|
143
|
-
$
|
|
142
|
+
var $ba2036b31a09e341$exports = {};
|
|
143
|
+
$ba2036b31a09e341$exports = JSON.parse("{\"alert\":\"Alerta\",\"dismiss\":\"Dispensar\"}");
|
|
144
144
|
|
|
145
145
|
|
|
146
|
-
var $
|
|
147
|
-
$
|
|
146
|
+
var $f532dc5a774abced$exports = {};
|
|
147
|
+
$f532dc5a774abced$exports = JSON.parse("{\"alert\":\"Alertă\",\"dismiss\":\"Revocare\"}");
|
|
148
148
|
|
|
149
149
|
|
|
150
|
-
var $
|
|
151
|
-
$
|
|
150
|
+
var $f859c17c1efa49ad$exports = {};
|
|
151
|
+
$f859c17c1efa49ad$exports = JSON.parse("{\"alert\":\"Предупреждение\",\"dismiss\":\"Пропустить\"}");
|
|
152
152
|
|
|
153
153
|
|
|
154
|
-
var $
|
|
155
|
-
$
|
|
154
|
+
var $b2078ccf7f9d4f5a$exports = {};
|
|
155
|
+
$b2078ccf7f9d4f5a$exports = JSON.parse("{\"alert\":\"Upozornenie\",\"dismiss\":\"Zrušiť\"}");
|
|
156
156
|
|
|
157
157
|
|
|
158
|
-
var $
|
|
159
|
-
$
|
|
158
|
+
var $72e7e998316cc8cd$exports = {};
|
|
159
|
+
$72e7e998316cc8cd$exports = JSON.parse("{\"alert\":\"Opozorilo\",\"dismiss\":\"Opusti\"}");
|
|
160
160
|
|
|
161
161
|
|
|
162
|
-
var $
|
|
163
|
-
$
|
|
162
|
+
var $b93babbfeec77b8b$exports = {};
|
|
163
|
+
$b93babbfeec77b8b$exports = JSON.parse("{\"alert\":\"Upozorenje\",\"dismiss\":\"Odbaci\"}");
|
|
164
164
|
|
|
165
165
|
|
|
166
|
-
var $
|
|
167
|
-
$
|
|
166
|
+
var $14c1ee30bef2d6c4$exports = {};
|
|
167
|
+
$14c1ee30bef2d6c4$exports = JSON.parse("{\"alert\":\"Varning\",\"dismiss\":\"Avvisa\"}");
|
|
168
168
|
|
|
169
169
|
|
|
170
|
-
var $
|
|
171
|
-
$
|
|
170
|
+
var $6c1d9f3e37a33bcb$exports = {};
|
|
171
|
+
$6c1d9f3e37a33bcb$exports = JSON.parse("{\"alert\":\"Uyarı\",\"dismiss\":\"Kapat\"}");
|
|
172
172
|
|
|
173
173
|
|
|
174
|
-
var $
|
|
175
|
-
$
|
|
174
|
+
var $b3c51d8eb840043d$exports = {};
|
|
175
|
+
$b3c51d8eb840043d$exports = JSON.parse("{\"alert\":\"Сигнал тривоги\",\"dismiss\":\"Скасувати\"}");
|
|
176
176
|
|
|
177
177
|
|
|
178
|
-
var $
|
|
179
|
-
$
|
|
178
|
+
var $c150228bcb0342da$exports = {};
|
|
179
|
+
$c150228bcb0342da$exports = JSON.parse("{\"alert\":\"警报\",\"dismiss\":\"取消\"}");
|
|
180
180
|
|
|
181
181
|
|
|
182
|
-
var $
|
|
183
|
-
$
|
|
182
|
+
var $8dd75f36a163eea4$exports = {};
|
|
183
|
+
$8dd75f36a163eea4$exports = JSON.parse("{\"alert\":\"警示\",\"dismiss\":\"關閉\"}");
|
|
184
184
|
|
|
185
185
|
|
|
186
|
-
$
|
|
187
|
-
"ar-AE": $
|
|
188
|
-
"bg-BG": $
|
|
189
|
-
"cs-CZ": $
|
|
190
|
-
"da-DK": $
|
|
191
|
-
"de-DE": $
|
|
192
|
-
"el-GR": $
|
|
193
|
-
"en-US": $
|
|
194
|
-
"es-ES": $
|
|
195
|
-
"et-EE": $
|
|
196
|
-
"fi-FI": $
|
|
197
|
-
"fr-FR": $
|
|
198
|
-
"he-IL": $
|
|
199
|
-
"hr-HR": $
|
|
200
|
-
"hu-HU": $
|
|
201
|
-
"it-IT": $
|
|
202
|
-
"ja-JP": $
|
|
203
|
-
"ko-KR": $
|
|
204
|
-
"lt-LT": $
|
|
205
|
-
"lv-LV": $
|
|
206
|
-
"nb-NO": $
|
|
207
|
-
"nl-NL": $
|
|
208
|
-
"pl-PL": $
|
|
209
|
-
"pt-BR": $
|
|
210
|
-
"pt-PT": $
|
|
211
|
-
"ro-RO": $
|
|
212
|
-
"ru-RU": $
|
|
213
|
-
"sk-SK": $
|
|
214
|
-
"sl-SI": $
|
|
215
|
-
"sr-SP": $
|
|
216
|
-
"sv-SE": $
|
|
217
|
-
"tr-TR": $
|
|
218
|
-
"uk-UA": $
|
|
219
|
-
"zh-CN": $
|
|
220
|
-
"zh-TW": $
|
|
186
|
+
$a8506252fb8fadd7$exports = {
|
|
187
|
+
"ar-AE": $746a7e27425387cd$exports,
|
|
188
|
+
"bg-BG": $9b92f63ff847a222$exports,
|
|
189
|
+
"cs-CZ": $20cf6328f6218166$exports,
|
|
190
|
+
"da-DK": $feae5726cb1a9ad6$exports,
|
|
191
|
+
"de-DE": $8783af492db96afd$exports,
|
|
192
|
+
"el-GR": $0fa3badf58ed8b26$exports,
|
|
193
|
+
"en-US": $cd542c896a7eb5db$exports,
|
|
194
|
+
"es-ES": $c490ca1f2ec31c6f$exports,
|
|
195
|
+
"et-EE": $1a8bff4bba863b01$exports,
|
|
196
|
+
"fi-FI": $490762b5085e1865$exports,
|
|
197
|
+
"fr-FR": $ecf99f93d8f74c7e$exports,
|
|
198
|
+
"he-IL": $208b633fd31536c4$exports,
|
|
199
|
+
"hr-HR": $2f21ba5e1c145a4b$exports,
|
|
200
|
+
"hu-HU": $d60c8f2474b5bc66$exports,
|
|
201
|
+
"it-IT": $4450aa33843982d5$exports,
|
|
202
|
+
"ja-JP": $52ecd0b20e94a497$exports,
|
|
203
|
+
"ko-KR": $a840f8ab1d6e3059$exports,
|
|
204
|
+
"lt-LT": $5c53a36707aecc71$exports,
|
|
205
|
+
"lv-LV": $2d8d6fb42de45dee$exports,
|
|
206
|
+
"nb-NO": $88b4000a39864772$exports,
|
|
207
|
+
"nl-NL": $496dbd5dce0195a1$exports,
|
|
208
|
+
"pl-PL": $83f5ba9404561e21$exports,
|
|
209
|
+
"pt-BR": $be9e9fc1ddcd1e9f$exports,
|
|
210
|
+
"pt-PT": $ba2036b31a09e341$exports,
|
|
211
|
+
"ro-RO": $f532dc5a774abced$exports,
|
|
212
|
+
"ru-RU": $f859c17c1efa49ad$exports,
|
|
213
|
+
"sk-SK": $b2078ccf7f9d4f5a$exports,
|
|
214
|
+
"sl-SI": $72e7e998316cc8cd$exports,
|
|
215
|
+
"sr-SP": $b93babbfeec77b8b$exports,
|
|
216
|
+
"sv-SE": $14c1ee30bef2d6c4$exports,
|
|
217
|
+
"tr-TR": $6c1d9f3e37a33bcb$exports,
|
|
218
|
+
"uk-UA": $b3c51d8eb840043d$exports,
|
|
219
|
+
"zh-CN": $c150228bcb0342da$exports,
|
|
220
|
+
"zh-TW": $8dd75f36a163eea4$exports
|
|
221
221
|
};
|
|
222
222
|
|
|
223
223
|
|
|
224
224
|
|
|
225
225
|
|
|
226
|
-
var $
|
|
227
|
-
|
|
228
|
-
$parcel$export($
|
|
229
|
-
$parcel$export($
|
|
230
|
-
$parcel$export($
|
|
231
|
-
$parcel$export($
|
|
232
|
-
$parcel$export($
|
|
233
|
-
$parcel$export($
|
|
234
|
-
$parcel$export($
|
|
235
|
-
$parcel$export($
|
|
236
|
-
$parcel$export($
|
|
237
|
-
$parcel$export($
|
|
238
|
-
$parcel$export($
|
|
239
|
-
$parcel$export($
|
|
240
|
-
$parcel$export($
|
|
241
|
-
$parcel$export($
|
|
242
|
-
$parcel$export($
|
|
243
|
-
$parcel$export($
|
|
244
|
-
$parcel$export($
|
|
245
|
-
$parcel$export($
|
|
246
|
-
$parcel$export($
|
|
247
|
-
$parcel$export($
|
|
248
|
-
$parcel$export($
|
|
249
|
-
$parcel$export($
|
|
250
|
-
$parcel$export($
|
|
251
|
-
var $
|
|
252
|
-
var $
|
|
253
|
-
var $
|
|
254
|
-
var $
|
|
255
|
-
var $
|
|
256
|
-
var $
|
|
257
|
-
var $
|
|
258
|
-
var $
|
|
259
|
-
var $
|
|
260
|
-
var $
|
|
261
|
-
var $
|
|
262
|
-
var $
|
|
263
|
-
var $
|
|
264
|
-
var $
|
|
265
|
-
var $
|
|
266
|
-
var $
|
|
267
|
-
var $
|
|
268
|
-
var $
|
|
269
|
-
var $
|
|
270
|
-
var $
|
|
271
|
-
var $
|
|
272
|
-
var $
|
|
273
|
-
var $
|
|
274
|
-
$
|
|
275
|
-
$
|
|
276
|
-
$
|
|
277
|
-
$
|
|
278
|
-
$
|
|
279
|
-
$
|
|
280
|
-
$
|
|
281
|
-
$
|
|
282
|
-
$
|
|
283
|
-
$
|
|
284
|
-
$
|
|
285
|
-
$
|
|
286
|
-
$
|
|
287
|
-
$
|
|
288
|
-
$
|
|
289
|
-
$
|
|
290
|
-
$
|
|
291
|
-
$
|
|
292
|
-
$
|
|
293
|
-
$
|
|
294
|
-
$
|
|
295
|
-
$
|
|
296
|
-
$
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
let $
|
|
226
|
+
var $526b49150b65bcba$exports = {};
|
|
227
|
+
|
|
228
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog", () => $526b49150b65bcba$export$4681f3bcac39b2b1, (v) => $526b49150b65bcba$export$4681f3bcac39b2b1 = v);
|
|
229
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--small", () => $526b49150b65bcba$export$5f2d9cc47409bd63, (v) => $526b49150b65bcba$export$5f2d9cc47409bd63 = v);
|
|
230
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--medium", () => $526b49150b65bcba$export$b9b8ef443d0a67ca, (v) => $526b49150b65bcba$export$b9b8ef443d0a67ca = v);
|
|
231
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--large", () => $526b49150b65bcba$export$b73c0c2fca84be2b, (v) => $526b49150b65bcba$export$b73c0c2fca84be2b = v);
|
|
232
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-hero", () => $526b49150b65bcba$export$d405fb0a0231aa1a, (v) => $526b49150b65bcba$export$d405fb0a0231aa1a = v);
|
|
233
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-grid", () => $526b49150b65bcba$export$c03cd5e23af67ff5, (v) => $526b49150b65bcba$export$c03cd5e23af67ff5 = v);
|
|
234
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-heading", () => $526b49150b65bcba$export$94335d73b7b209ec, (v) => $526b49150b65bcba$export$94335d73b7b209ec = v);
|
|
235
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-heading--noHeader", () => $526b49150b65bcba$export$ade8307239736e89, (v) => $526b49150b65bcba$export$ade8307239736e89 = v);
|
|
236
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-header", () => $526b49150b65bcba$export$1e158eaa6363e131, (v) => $526b49150b65bcba$export$1e158eaa6363e131 = v);
|
|
237
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-typeIcon", () => $526b49150b65bcba$export$5beee9480fc6ff07, (v) => $526b49150b65bcba$export$5beee9480fc6ff07 = v);
|
|
238
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-divider", () => $526b49150b65bcba$export$dd7633d642d0bc1c, (v) => $526b49150b65bcba$export$dd7633d642d0bc1c = v);
|
|
239
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--noDivider", () => $526b49150b65bcba$export$22425527a8943917, (v) => $526b49150b65bcba$export$22425527a8943917 = v);
|
|
240
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-content", () => $526b49150b65bcba$export$cb8eccd0f3639238, (v) => $526b49150b65bcba$export$cb8eccd0f3639238 = v);
|
|
241
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-footer", () => $526b49150b65bcba$export$3ecb5025a06fe08f, (v) => $526b49150b65bcba$export$3ecb5025a06fe08f = v);
|
|
242
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Button", () => $526b49150b65bcba$export$1db4cca5b4ade39a, (v) => $526b49150b65bcba$export$1db4cca5b4ade39a = v);
|
|
243
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-buttonGroup", () => $526b49150b65bcba$export$570ae852861555b7, (v) => $526b49150b65bcba$export$570ae852861555b7 = v);
|
|
244
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-buttonGroup--noFooter", () => $526b49150b65bcba$export$39dd75369bf2e830, (v) => $526b49150b65bcba$export$39dd75369bf2e830 = v);
|
|
245
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--dismissable", () => $526b49150b65bcba$export$9461b285d631d575, (v) => $526b49150b65bcba$export$9461b285d631d575 = v);
|
|
246
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog-closeButton", () => $526b49150b65bcba$export$a8494287d763a75d, (v) => $526b49150b65bcba$export$a8494287d763a75d = v);
|
|
247
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--error", () => $526b49150b65bcba$export$6b5beff56972a3b, (v) => $526b49150b65bcba$export$6b5beff56972a3b = v);
|
|
248
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--fullscreen", () => $526b49150b65bcba$export$118506da5d3ee7c4, (v) => $526b49150b65bcba$export$118506da5d3ee7c4 = v);
|
|
249
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--fullscreenTakeover", () => $526b49150b65bcba$export$5c061b2d3664fda9, (v) => $526b49150b65bcba$export$5c061b2d3664fda9 = v);
|
|
250
|
+
$parcel$export($526b49150b65bcba$exports, "spectrum-Dialog--warning", () => $526b49150b65bcba$export$4e66396adf61534f, (v) => $526b49150b65bcba$export$4e66396adf61534f = v);
|
|
251
|
+
var $526b49150b65bcba$export$4681f3bcac39b2b1;
|
|
252
|
+
var $526b49150b65bcba$export$5f2d9cc47409bd63;
|
|
253
|
+
var $526b49150b65bcba$export$b9b8ef443d0a67ca;
|
|
254
|
+
var $526b49150b65bcba$export$b73c0c2fca84be2b;
|
|
255
|
+
var $526b49150b65bcba$export$d405fb0a0231aa1a;
|
|
256
|
+
var $526b49150b65bcba$export$c03cd5e23af67ff5;
|
|
257
|
+
var $526b49150b65bcba$export$94335d73b7b209ec;
|
|
258
|
+
var $526b49150b65bcba$export$ade8307239736e89;
|
|
259
|
+
var $526b49150b65bcba$export$1e158eaa6363e131;
|
|
260
|
+
var $526b49150b65bcba$export$5beee9480fc6ff07;
|
|
261
|
+
var $526b49150b65bcba$export$dd7633d642d0bc1c;
|
|
262
|
+
var $526b49150b65bcba$export$22425527a8943917;
|
|
263
|
+
var $526b49150b65bcba$export$cb8eccd0f3639238;
|
|
264
|
+
var $526b49150b65bcba$export$3ecb5025a06fe08f;
|
|
265
|
+
var $526b49150b65bcba$export$1db4cca5b4ade39a;
|
|
266
|
+
var $526b49150b65bcba$export$570ae852861555b7;
|
|
267
|
+
var $526b49150b65bcba$export$39dd75369bf2e830;
|
|
268
|
+
var $526b49150b65bcba$export$9461b285d631d575;
|
|
269
|
+
var $526b49150b65bcba$export$a8494287d763a75d;
|
|
270
|
+
var $526b49150b65bcba$export$6b5beff56972a3b;
|
|
271
|
+
var $526b49150b65bcba$export$118506da5d3ee7c4;
|
|
272
|
+
var $526b49150b65bcba$export$5c061b2d3664fda9;
|
|
273
|
+
var $526b49150b65bcba$export$4e66396adf61534f;
|
|
274
|
+
$526b49150b65bcba$export$4681f3bcac39b2b1 = "spectrum-Dialog_6d8b48";
|
|
275
|
+
$526b49150b65bcba$export$5f2d9cc47409bd63 = "spectrum-Dialog--small_6d8b48";
|
|
276
|
+
$526b49150b65bcba$export$b9b8ef443d0a67ca = "spectrum-Dialog--medium_6d8b48";
|
|
277
|
+
$526b49150b65bcba$export$b73c0c2fca84be2b = "spectrum-Dialog--large_6d8b48";
|
|
278
|
+
$526b49150b65bcba$export$d405fb0a0231aa1a = "spectrum-Dialog-hero_6d8b48";
|
|
279
|
+
$526b49150b65bcba$export$c03cd5e23af67ff5 = "spectrum-Dialog-grid_6d8b48";
|
|
280
|
+
$526b49150b65bcba$export$94335d73b7b209ec = "spectrum-Dialog-heading_6d8b48";
|
|
281
|
+
$526b49150b65bcba$export$ade8307239736e89 = "spectrum-Dialog-heading--noHeader_6d8b48";
|
|
282
|
+
$526b49150b65bcba$export$1e158eaa6363e131 = "spectrum-Dialog-header_6d8b48";
|
|
283
|
+
$526b49150b65bcba$export$5beee9480fc6ff07 = "spectrum-Dialog-typeIcon_6d8b48";
|
|
284
|
+
$526b49150b65bcba$export$dd7633d642d0bc1c = "spectrum-Dialog-divider_6d8b48";
|
|
285
|
+
$526b49150b65bcba$export$22425527a8943917 = "spectrum-Dialog--noDivider_6d8b48";
|
|
286
|
+
$526b49150b65bcba$export$cb8eccd0f3639238 = "spectrum-Dialog-content_6d8b48";
|
|
287
|
+
$526b49150b65bcba$export$3ecb5025a06fe08f = "spectrum-Dialog-footer_6d8b48";
|
|
288
|
+
$526b49150b65bcba$export$1db4cca5b4ade39a = "spectrum-Button_6d8b48";
|
|
289
|
+
$526b49150b65bcba$export$570ae852861555b7 = "spectrum-Dialog-buttonGroup_6d8b48";
|
|
290
|
+
$526b49150b65bcba$export$39dd75369bf2e830 = "spectrum-Dialog-buttonGroup--noFooter_6d8b48";
|
|
291
|
+
$526b49150b65bcba$export$9461b285d631d575 = "spectrum-Dialog--dismissable_6d8b48";
|
|
292
|
+
$526b49150b65bcba$export$a8494287d763a75d = "spectrum-Dialog-closeButton_6d8b48";
|
|
293
|
+
$526b49150b65bcba$export$6b5beff56972a3b = "spectrum-Dialog--error_6d8b48";
|
|
294
|
+
$526b49150b65bcba$export$118506da5d3ee7c4 = "spectrum-Dialog--fullscreen_6d8b48";
|
|
295
|
+
$526b49150b65bcba$export$5c061b2d3664fda9 = "spectrum-Dialog--fullscreenTakeover_6d8b48";
|
|
296
|
+
$526b49150b65bcba$export$4e66396adf61534f = "spectrum-Dialog--warning_6d8b48";
|
|
297
|
+
|
|
298
|
+
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
let $e417d6c4dc107c51$var$sizeMap = {
|
|
302
302
|
S: 'small',
|
|
303
303
|
M: 'medium',
|
|
304
304
|
L: 'large',
|
|
305
305
|
fullscreen: 'fullscreen',
|
|
306
306
|
fullscreenTakeover: 'fullscreenTakeover'
|
|
307
307
|
};
|
|
308
|
-
function $
|
|
309
|
-
let { type: type = 'modal' , ...contextProps } = $
|
|
308
|
+
function $e417d6c4dc107c51$var$Dialog(props, ref) {
|
|
309
|
+
let { type: type = 'modal' , ...contextProps } = $a3vs5$useContext($12622d8e985adaeb$export$8b93a07348a7730c) || {
|
|
310
310
|
};
|
|
311
311
|
let { children: children , isDismissable: isDismissable = contextProps.isDismissable , onDismiss: onDismiss = contextProps.onClose , size: size , ...otherProps } = props;
|
|
312
|
-
let formatMessage = $
|
|
313
|
-
let { styleProps: styleProps } = $
|
|
312
|
+
let formatMessage = $a3vs5$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a8506252fb8fadd7$exports)));
|
|
313
|
+
let { styleProps: styleProps } = $a3vs5$useStyleProps(otherProps);
|
|
314
314
|
size = type === 'popover' ? size || 'S' : size || 'L';
|
|
315
|
-
let domRef = $
|
|
316
|
-
let gridRef = $
|
|
317
|
-
let sizeVariant = $
|
|
318
|
-
let { dialogProps: dialogProps , titleProps: titleProps } = $
|
|
319
|
-
let hasHeader = $
|
|
320
|
-
let hasFooter = $
|
|
321
|
-
let slots = $
|
|
315
|
+
let domRef = $a3vs5$useDOMRef(ref);
|
|
316
|
+
let gridRef = $a3vs5$useRef();
|
|
317
|
+
let sizeVariant = $e417d6c4dc107c51$var$sizeMap[type] || $e417d6c4dc107c51$var$sizeMap[size];
|
|
318
|
+
let { dialogProps: dialogProps , titleProps: titleProps } = $a3vs5$useDialog($a3vs5$mergeProps(contextProps, props), domRef);
|
|
319
|
+
let hasHeader = $a3vs5$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-header']}`, $a3vs5$unwrapDOMRef(gridRef));
|
|
320
|
+
let hasFooter = $a3vs5$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-footer']}`, $a3vs5$unwrapDOMRef(gridRef));
|
|
321
|
+
let slots = $a3vs5$useMemo(()=>({
|
|
322
322
|
hero: {
|
|
323
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
323
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-hero']
|
|
324
324
|
},
|
|
325
325
|
header: {
|
|
326
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
326
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-header']
|
|
327
327
|
},
|
|
328
328
|
heading: {
|
|
329
|
-
UNSAFE_className: $
|
|
329
|
+
UNSAFE_className: $a3vs5$classNames((/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports)), 'spectrum-Dialog-heading', {
|
|
330
330
|
'spectrum-Dialog-heading--noHeader': !hasHeader
|
|
331
331
|
}),
|
|
332
332
|
level: 2,
|
|
333
333
|
...titleProps
|
|
334
334
|
},
|
|
335
335
|
typeIcon: {
|
|
336
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
336
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-typeIcon']
|
|
337
337
|
},
|
|
338
338
|
divider: {
|
|
339
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
339
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-divider'],
|
|
340
340
|
size: 'M'
|
|
341
341
|
},
|
|
342
342
|
content: {
|
|
343
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
343
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-content']
|
|
344
344
|
},
|
|
345
345
|
footer: {
|
|
346
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
346
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-footer']
|
|
347
347
|
},
|
|
348
348
|
buttonGroup: {
|
|
349
|
-
UNSAFE_className: $
|
|
349
|
+
UNSAFE_className: $a3vs5$classNames((/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports)), 'spectrum-Dialog-buttonGroup', {
|
|
350
350
|
'spectrum-Dialog-buttonGroup--noFooter': !hasFooter
|
|
351
351
|
}),
|
|
352
352
|
align: 'end'
|
|
353
353
|
}
|
|
354
354
|
})
|
|
355
355
|
, [
|
|
356
|
-
(/*@__PURE__*/$parcel$interopDefault($
|
|
356
|
+
(/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports)),
|
|
357
357
|
hasFooter,
|
|
358
358
|
hasHeader,
|
|
359
359
|
titleProps
|
|
@@ -361,36 +361,36 @@ function $9ebc80e39875ce6d$var$Dialog(props, ref) {
|
|
|
361
361
|
// If rendered in a popover or tray there won't be a visible dismiss button,
|
|
362
362
|
// so we render a hidden one for screen readers.
|
|
363
363
|
let dismissButton;
|
|
364
|
-
if (type === 'popover' || type === 'tray') dismissButton = /*#__PURE__*/ $
|
|
364
|
+
if (type === 'popover' || type === 'tray') dismissButton = /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$DismissButton, {
|
|
365
365
|
onDismiss: onDismiss
|
|
366
366
|
});
|
|
367
|
-
return(/*#__PURE__*/ $
|
|
367
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($a3vs5$FocusScope, {
|
|
368
368
|
contain: true,
|
|
369
369
|
restoreFocus: true
|
|
370
|
-
}, /*#__PURE__*/ $
|
|
370
|
+
}, /*#__PURE__*/ $a3vs5$react.createElement("section", {
|
|
371
371
|
...styleProps,
|
|
372
372
|
...dialogProps,
|
|
373
|
-
className: $
|
|
373
|
+
className: $a3vs5$classNames((/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports)), 'spectrum-Dialog', {
|
|
374
374
|
[`spectrum-Dialog--${sizeVariant}`]: sizeVariant,
|
|
375
375
|
'spectrum-Dialog--dismissable': isDismissable
|
|
376
376
|
}, styleProps.className),
|
|
377
377
|
ref: domRef
|
|
378
|
-
}, /*#__PURE__*/ $
|
|
378
|
+
}, /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Grid, {
|
|
379
379
|
ref: gridRef,
|
|
380
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
381
|
-
}, /*#__PURE__*/ $
|
|
380
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-grid']
|
|
381
|
+
}, /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$SlotProvider, {
|
|
382
382
|
slots: slots
|
|
383
|
-
}, children), isDismissable && /*#__PURE__*/ $
|
|
384
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
383
|
+
}, children), isDismissable && /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$ActionButton, {
|
|
384
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports))['spectrum-Dialog-closeButton'],
|
|
385
385
|
isQuiet: true,
|
|
386
386
|
"aria-label": formatMessage('dismiss'),
|
|
387
387
|
onPress: onDismiss
|
|
388
|
-
}, /*#__PURE__*/ $
|
|
388
|
+
}, /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$spectrumiconsuiCrossLarge, null))), dismissButton)));
|
|
389
389
|
}
|
|
390
390
|
/**
|
|
391
391
|
* Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
|
|
392
392
|
* Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
|
|
393
|
-
*/ let $
|
|
393
|
+
*/ let $e417d6c4dc107c51$export$3ddf2d174ce01153 = /*#__PURE__*/ $a3vs5$react.forwardRef($e417d6c4dc107c51$var$Dialog);
|
|
394
394
|
|
|
395
395
|
|
|
396
396
|
|
|
@@ -402,49 +402,49 @@ function $9ebc80e39875ce6d$var$Dialog(props, ref) {
|
|
|
402
402
|
|
|
403
403
|
/**
|
|
404
404
|
* AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
|
|
405
|
-
*/ function $
|
|
405
|
+
*/ function $d1eec556c7100bf3$var$AlertDialog(props, ref) {
|
|
406
406
|
let { onClose: onClose = ()=>{
|
|
407
|
-
} } = $
|
|
407
|
+
} } = $a3vs5$useContext($12622d8e985adaeb$export$8b93a07348a7730c) || {
|
|
408
408
|
};
|
|
409
409
|
let { variant: variant , children: children , primaryActionLabel: primaryActionLabel , secondaryActionLabel: secondaryActionLabel , cancelLabel: cancelLabel , autoFocusButton: autoFocusButton , title: title , isPrimaryActionDisabled: isPrimaryActionDisabled , isSecondaryActionDisabled: isSecondaryActionDisabled , onCancel: onCancel = ()=>{
|
|
410
410
|
} , onPrimaryAction: onPrimaryAction = ()=>{
|
|
411
411
|
} , onSecondaryAction: onSecondaryAction = ()=>{
|
|
412
412
|
} , ...otherProps } = props;
|
|
413
|
-
let { styleProps: styleProps } = $
|
|
414
|
-
let formatMessage = $
|
|
413
|
+
let { styleProps: styleProps } = $a3vs5$useStyleProps(otherProps);
|
|
414
|
+
let formatMessage = $a3vs5$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a8506252fb8fadd7$exports)));
|
|
415
415
|
let confirmVariant = 'primary';
|
|
416
416
|
if (variant) {
|
|
417
417
|
if (variant === 'confirmation') confirmVariant = 'cta';
|
|
418
418
|
else if (variant === 'destructive') confirmVariant = 'negative';
|
|
419
419
|
}
|
|
420
|
-
return(/*#__PURE__*/ $
|
|
420
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($e417d6c4dc107c51$export$3ddf2d174ce01153, {
|
|
421
421
|
UNSAFE_style: styleProps.style,
|
|
422
|
-
UNSAFE_className: $
|
|
422
|
+
UNSAFE_className: $a3vs5$classNames((/*@__PURE__*/$parcel$interopDefault($526b49150b65bcba$exports)), {
|
|
423
423
|
[`spectrum-Dialog--${variant}`]: variant
|
|
424
424
|
}, styleProps.className),
|
|
425
425
|
isHidden: styleProps.hidden,
|
|
426
426
|
size: "M",
|
|
427
427
|
role: "alertdialog",
|
|
428
428
|
ref: ref
|
|
429
|
-
}, /*#__PURE__*/ $
|
|
429
|
+
}, /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Heading, null, title), (variant === 'error' || variant === 'warning') && /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$spectrumiconsuiAlertMedium, {
|
|
430
430
|
slot: "typeIcon",
|
|
431
431
|
"aria-label": formatMessage('alert')
|
|
432
|
-
}), /*#__PURE__*/ $
|
|
432
|
+
}), /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Divider, null), /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Content, null, children), /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$ButtonGroup, {
|
|
433
433
|
align: "end"
|
|
434
|
-
}, cancelLabel && /*#__PURE__*/ $
|
|
434
|
+
}, cancelLabel && /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Button, {
|
|
435
435
|
variant: "secondary",
|
|
436
|
-
onPress: ()=>$
|
|
436
|
+
onPress: ()=>$a3vs5$chain(onClose(), onCancel())
|
|
437
437
|
,
|
|
438
438
|
autoFocus: autoFocusButton === 'cancel'
|
|
439
|
-
}, cancelLabel), secondaryActionLabel && /*#__PURE__*/ $
|
|
439
|
+
}, cancelLabel), secondaryActionLabel && /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Button, {
|
|
440
440
|
variant: "secondary",
|
|
441
|
-
onPress: ()=>$
|
|
441
|
+
onPress: ()=>$a3vs5$chain(onClose(), onSecondaryAction())
|
|
442
442
|
,
|
|
443
443
|
isDisabled: isSecondaryActionDisabled,
|
|
444
444
|
autoFocus: autoFocusButton === 'secondary'
|
|
445
|
-
}, secondaryActionLabel), /*#__PURE__*/ $
|
|
445
|
+
}, secondaryActionLabel), /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Button, {
|
|
446
446
|
variant: confirmVariant,
|
|
447
|
-
onPress: ()=>$
|
|
447
|
+
onPress: ()=>$a3vs5$chain(onClose(), onPrimaryAction())
|
|
448
448
|
,
|
|
449
449
|
isDisabled: isPrimaryActionDisabled,
|
|
450
450
|
autoFocus: autoFocusButton === 'primary'
|
|
@@ -452,13 +452,13 @@ function $9ebc80e39875ce6d$var$Dialog(props, ref) {
|
|
|
452
452
|
}
|
|
453
453
|
/**
|
|
454
454
|
* AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
|
|
455
|
-
*/ let $
|
|
455
|
+
*/ let $d1eec556c7100bf3$export$de466dd8317b0b75 = /*#__PURE__*/ $a3vs5$forwardRef($d1eec556c7100bf3$var$AlertDialog);
|
|
456
456
|
|
|
457
457
|
|
|
458
458
|
|
|
459
|
-
var $
|
|
459
|
+
var $64fc83526e627438$exports = {};
|
|
460
460
|
|
|
461
|
-
$parcel$export($
|
|
461
|
+
$parcel$export($64fc83526e627438$exports, "DialogTrigger", () => $64fc83526e627438$export$2e1e1122cf0cba88);
|
|
462
462
|
|
|
463
463
|
|
|
464
464
|
|
|
@@ -466,34 +466,34 @@ $parcel$export($11ef79c95e3f8509$exports, "DialogTrigger", () => $11ef79c95e3f85
|
|
|
466
466
|
|
|
467
467
|
|
|
468
468
|
|
|
469
|
-
function $
|
|
469
|
+
function $64fc83526e627438$var$DialogTrigger(props) {
|
|
470
470
|
let { children: children , type: type = 'modal' , mobileType: mobileType = type === 'popover' ? 'modal' : type , hideArrow: hideArrow , targetRef: targetRef , isDismissable: isDismissable , isKeyboardDismissDisabled: isKeyboardDismissDisabled , ...positionProps } = props;
|
|
471
471
|
if (!Array.isArray(children) || children.length > 2) throw new Error('DialogTrigger must have exactly 2 children');
|
|
472
472
|
// if a function is passed as the second child, it won't appear in toArray
|
|
473
473
|
let [trigger, content] = children;
|
|
474
474
|
// On small devices, show a modal or tray instead of a popover.
|
|
475
475
|
// TODO: DNA variable?
|
|
476
|
-
let isMobile = $
|
|
476
|
+
let isMobile = $a3vs5$useMediaQuery('(max-width: 700px)');
|
|
477
477
|
if (isMobile) {
|
|
478
478
|
// handle cases where desktop popovers need a close button for the mobile modal view
|
|
479
479
|
if (type !== 'modal' && mobileType === 'modal') isDismissable = true;
|
|
480
480
|
type = mobileType;
|
|
481
481
|
}
|
|
482
|
-
let state = $
|
|
483
|
-
let wasOpen = $
|
|
482
|
+
let state = $a3vs5$useOverlayTriggerState(props);
|
|
483
|
+
let wasOpen = $a3vs5$useRef(false);
|
|
484
484
|
wasOpen.current = state.isOpen;
|
|
485
|
-
let isExiting = $
|
|
485
|
+
let isExiting = $a3vs5$useRef(false);
|
|
486
486
|
let onExiting = ()=>isExiting.current = true
|
|
487
487
|
;
|
|
488
488
|
let onExited = ()=>isExiting.current = false
|
|
489
489
|
;
|
|
490
490
|
// eslint-disable-next-line arrow-body-style
|
|
491
|
-
$
|
|
491
|
+
$a3vs5$useEffect(()=>{
|
|
492
492
|
return ()=>{
|
|
493
493
|
if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') console.warn('A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.');
|
|
494
494
|
};
|
|
495
495
|
}, []);
|
|
496
|
-
if (type === 'popover') return(/*#__PURE__*/ $
|
|
496
|
+
if (type === 'popover') return(/*#__PURE__*/ $a3vs5$react.createElement($64fc83526e627438$var$PopoverTrigger, {
|
|
497
497
|
...positionProps,
|
|
498
498
|
state: state,
|
|
499
499
|
targetRef: targetRef,
|
|
@@ -507,7 +507,7 @@ function $11ef79c95e3f8509$var$DialogTrigger(props) {
|
|
|
507
507
|
case 'fullscreen':
|
|
508
508
|
case 'fullscreenTakeover':
|
|
509
509
|
case 'modal':
|
|
510
|
-
return(/*#__PURE__*/ $
|
|
510
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Modal, {
|
|
511
511
|
isOpen: state.isOpen,
|
|
512
512
|
isDismissable: type === 'modal' ? isDismissable : false,
|
|
513
513
|
onClose: state.close,
|
|
@@ -517,14 +517,14 @@ function $11ef79c95e3f8509$var$DialogTrigger(props) {
|
|
|
517
517
|
onExited: onExited
|
|
518
518
|
}, typeof content === 'function' ? content(state.close) : content));
|
|
519
519
|
case 'tray':
|
|
520
|
-
return(/*#__PURE__*/ $
|
|
520
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Tray, {
|
|
521
521
|
isOpen: state.isOpen,
|
|
522
522
|
onClose: state.close,
|
|
523
523
|
isKeyboardDismissDisabled: isKeyboardDismissDisabled
|
|
524
524
|
}, typeof content === 'function' ? content(state.close) : content));
|
|
525
525
|
}
|
|
526
526
|
};
|
|
527
|
-
return(/*#__PURE__*/ $
|
|
527
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($64fc83526e627438$var$DialogTriggerBase, {
|
|
528
528
|
type: type,
|
|
529
529
|
state: state,
|
|
530
530
|
isDismissable: isDismissable,
|
|
@@ -533,12 +533,12 @@ function $11ef79c95e3f8509$var$DialogTrigger(props) {
|
|
|
533
533
|
}));
|
|
534
534
|
}
|
|
535
535
|
// Support DialogTrigger inside components using CollectionBuilder.
|
|
536
|
-
$
|
|
537
|
-
let [trigger] = $
|
|
536
|
+
$64fc83526e627438$var$DialogTrigger.getCollectionNode = function*(props) {
|
|
537
|
+
let [trigger] = $a3vs5$react.Children.toArray(props.children);
|
|
538
538
|
let [, content] = props.children;
|
|
539
539
|
yield {
|
|
540
540
|
element: trigger,
|
|
541
|
-
wrapper: (element)=>/*#__PURE__*/ $
|
|
541
|
+
wrapper: (element)=>/*#__PURE__*/ $a3vs5$react.createElement($64fc83526e627438$var$DialogTrigger, {
|
|
542
542
|
key: element.key,
|
|
543
543
|
...props
|
|
544
544
|
}, element, content)
|
|
@@ -549,13 +549,13 @@ $11ef79c95e3f8509$var$DialogTrigger.getCollectionNode = function*(props) {
|
|
|
549
549
|
* open state with the trigger's press state. Additionally, it allows you to customize the type and
|
|
550
550
|
* positioning of the Dialog.
|
|
551
551
|
*/ // We don't want getCollectionNode to show up in the type definition
|
|
552
|
-
let $
|
|
553
|
-
function $
|
|
554
|
-
let triggerRef = $
|
|
555
|
-
let overlayRef = $
|
|
556
|
-
let { overlayProps: popoverProps , placement: placement , arrowProps: arrowProps } = $
|
|
552
|
+
let $64fc83526e627438$export$2e1e1122cf0cba88 = $64fc83526e627438$var$DialogTrigger;
|
|
553
|
+
function $64fc83526e627438$var$PopoverTrigger({ state: state , targetRef: targetRef , trigger: trigger , content: content , hideArrow: hideArrow , isKeyboardDismissDisabled: isKeyboardDismissDisabled , ...props }) {
|
|
554
|
+
let triggerRef = $a3vs5$useRef();
|
|
555
|
+
let overlayRef = $a3vs5$useRef();
|
|
556
|
+
let { overlayProps: popoverProps , placement: placement , arrowProps: arrowProps } = $a3vs5$useOverlayPosition({
|
|
557
557
|
targetRef: targetRef || triggerRef,
|
|
558
|
-
overlayRef: $
|
|
558
|
+
overlayRef: $a3vs5$unwrapDOMRef(overlayRef),
|
|
559
559
|
placement: props.placement,
|
|
560
560
|
containerPadding: props.containerPadding,
|
|
561
561
|
offset: props.offset,
|
|
@@ -563,14 +563,14 @@ function $11ef79c95e3f8509$var$PopoverTrigger({ state: state , targetRef: target
|
|
|
563
563
|
shouldFlip: props.shouldFlip,
|
|
564
564
|
isOpen: state.isOpen
|
|
565
565
|
});
|
|
566
|
-
let { triggerProps: triggerProps , overlayProps: overlayProps } = $
|
|
566
|
+
let { triggerProps: triggerProps , overlayProps: overlayProps } = $a3vs5$useOverlayTrigger({
|
|
567
567
|
type: 'dialog'
|
|
568
568
|
}, state, triggerRef);
|
|
569
569
|
let triggerPropsWithRef = {
|
|
570
570
|
...triggerProps,
|
|
571
571
|
ref: targetRef ? undefined : triggerRef
|
|
572
572
|
};
|
|
573
|
-
let overlay = /*#__PURE__*/ $
|
|
573
|
+
let overlay = /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Popover, {
|
|
574
574
|
isOpen: state.isOpen,
|
|
575
575
|
UNSAFE_style: popoverProps.style,
|
|
576
576
|
ref: overlayRef,
|
|
@@ -580,7 +580,7 @@ function $11ef79c95e3f8509$var$PopoverTrigger({ state: state , targetRef: target
|
|
|
580
580
|
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
581
581
|
hideArrow: hideArrow
|
|
582
582
|
}, typeof content === 'function' ? content(state.close) : content);
|
|
583
|
-
return(/*#__PURE__*/ $
|
|
583
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($64fc83526e627438$var$DialogTriggerBase, {
|
|
584
584
|
type: "popover",
|
|
585
585
|
state: state,
|
|
586
586
|
triggerProps: triggerPropsWithRef,
|
|
@@ -589,7 +589,7 @@ function $11ef79c95e3f8509$var$PopoverTrigger({ state: state , targetRef: target
|
|
|
589
589
|
overlay: overlay
|
|
590
590
|
}));
|
|
591
591
|
}
|
|
592
|
-
function $
|
|
592
|
+
function $64fc83526e627438$var$DialogTriggerBase({ type: type , state: state , isDismissable: isDismissable , dialogProps: dialogProps = {
|
|
593
593
|
} , triggerProps: triggerProps = {
|
|
594
594
|
} , overlay: overlay , trigger: trigger }) {
|
|
595
595
|
let context = {
|
|
@@ -598,53 +598,53 @@ function $11ef79c95e3f8509$var$DialogTriggerBase({ type: type , state: state , i
|
|
|
598
598
|
isDismissable: isDismissable,
|
|
599
599
|
...dialogProps
|
|
600
600
|
};
|
|
601
|
-
return(/*#__PURE__*/ $
|
|
601
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Fragment, null, /*#__PURE__*/ $a3vs5$react.createElement($a3vs5$PressResponder, {
|
|
602
602
|
...triggerProps,
|
|
603
603
|
onPress: state.toggle,
|
|
604
604
|
isPressed: state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'
|
|
605
|
-
}, trigger), /*#__PURE__*/ $
|
|
605
|
+
}, trigger), /*#__PURE__*/ $a3vs5$react.createElement($12622d8e985adaeb$export$8b93a07348a7730c.Provider, {
|
|
606
606
|
value: context
|
|
607
607
|
}, overlay)));
|
|
608
608
|
}
|
|
609
609
|
|
|
610
610
|
|
|
611
|
-
var $
|
|
611
|
+
var $9118838491d90f43$exports = {};
|
|
612
612
|
|
|
613
|
-
$parcel$export($
|
|
613
|
+
$parcel$export($9118838491d90f43$exports, "DialogContainer", () => $9118838491d90f43$export$547754aada6e339f);
|
|
614
614
|
|
|
615
615
|
|
|
616
616
|
|
|
617
|
-
function $
|
|
617
|
+
function $9118838491d90f43$export$547754aada6e339f(props) {
|
|
618
618
|
let { children: children , type: type = 'modal' , onDismiss: onDismiss , isDismissable: isDismissable , isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
|
|
619
|
-
let childArray = $
|
|
619
|
+
let childArray = $a3vs5$react.Children.toArray(children);
|
|
620
620
|
if (childArray.length > 1) throw new Error('Only a single child can be passed to DialogContainer.');
|
|
621
|
-
let lastChild = $
|
|
622
|
-
let child = /*#__PURE__*/ $
|
|
621
|
+
let lastChild = $a3vs5$useRef(null);
|
|
622
|
+
let child = /*#__PURE__*/ $a3vs5$react.isValidElement(childArray[0]) ? childArray[0] : null;
|
|
623
623
|
if (child) lastChild.current = child;
|
|
624
624
|
let context = {
|
|
625
625
|
type: type,
|
|
626
626
|
onClose: onDismiss,
|
|
627
627
|
isDismissable: isDismissable
|
|
628
628
|
};
|
|
629
|
-
return(/*#__PURE__*/ $
|
|
629
|
+
return(/*#__PURE__*/ $a3vs5$react.createElement($a3vs5$Modal, {
|
|
630
630
|
isOpen: !!child,
|
|
631
631
|
onClose: onDismiss,
|
|
632
632
|
type: type,
|
|
633
633
|
isDismissable: isDismissable,
|
|
634
634
|
isKeyboardDismissDisabled: isKeyboardDismissDisabled
|
|
635
|
-
}, /*#__PURE__*/ $
|
|
635
|
+
}, /*#__PURE__*/ $a3vs5$react.createElement($12622d8e985adaeb$export$8b93a07348a7730c.Provider, {
|
|
636
636
|
value: context
|
|
637
637
|
}, lastChild.current)));
|
|
638
638
|
}
|
|
639
639
|
|
|
640
640
|
|
|
641
|
-
var $
|
|
641
|
+
var $fd952a49be617d20$exports = {};
|
|
642
642
|
|
|
643
|
-
$parcel$export($
|
|
643
|
+
$parcel$export($fd952a49be617d20$exports, "useDialogContainer", () => $fd952a49be617d20$export$a2f2d8fa6720dab1);
|
|
644
644
|
|
|
645
645
|
|
|
646
|
-
function $
|
|
647
|
-
let context = $
|
|
646
|
+
function $fd952a49be617d20$export$a2f2d8fa6720dab1() {
|
|
647
|
+
let context = $a3vs5$useContext($12622d8e985adaeb$export$8b93a07348a7730c);
|
|
648
648
|
if (!context) throw new Error('Cannot call useDialogContext outside a <DialogTrigger> or <DialogContainer>.');
|
|
649
649
|
return {
|
|
650
650
|
type: context.type,
|
|
@@ -657,5 +657,5 @@ function $cf0085d131861940$export$a2f2d8fa6720dab1() {
|
|
|
657
657
|
|
|
658
658
|
|
|
659
659
|
|
|
660
|
-
export {$
|
|
660
|
+
export {$d1eec556c7100bf3$export$de466dd8317b0b75 as AlertDialog, $e417d6c4dc107c51$export$3ddf2d174ce01153 as Dialog, $64fc83526e627438$export$2e1e1122cf0cba88 as DialogTrigger, $9118838491d90f43$export$547754aada6e339f as DialogContainer, $fd952a49be617d20$export$a2f2d8fa6720dab1 as useDialogContainer};
|
|
661
661
|
//# sourceMappingURL=module.js.map
|