@react-spectrum/dialog 3.3.2 → 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.css +1 -2
- package/dist/main.js +611 -686
- package/dist/main.js.map +1 -1
- package/dist/module.js +612 -625
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +25 -24
- package/src/Dialog.tsx +4 -4
- package/dist/main.css.map +0 -1
package/dist/main.js
CHANGED
|
@@ -1,756 +1,681 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
require("./main.css");
|
|
2
|
+
var $aGPKm$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
|
|
3
|
+
var $aGPKm$reactspectrumbutton = require("@react-spectrum/button");
|
|
4
|
+
var $aGPKm$reactspectrumbuttongroup = require("@react-spectrum/buttongroup");
|
|
5
|
+
var $aGPKm$reactariautils = require("@react-aria/utils");
|
|
6
|
+
var $aGPKm$reactspectrumutils = require("@react-spectrum/utils");
|
|
7
|
+
var $aGPKm$reactspectrumview = require("@react-spectrum/view");
|
|
8
|
+
var $aGPKm$reactspectrumdivider = require("@react-spectrum/divider");
|
|
9
|
+
var $aGPKm$reactspectrumtext = require("@react-spectrum/text");
|
|
10
|
+
var $aGPKm$react = require("react");
|
|
11
|
+
var $aGPKm$reactariai18n = require("@react-aria/i18n");
|
|
12
|
+
var $aGPKm$spectrumiconsuiCrossLarge = require("@spectrum-icons/ui/CrossLarge");
|
|
13
|
+
var $aGPKm$reactariaoverlays = require("@react-aria/overlays");
|
|
14
|
+
var $aGPKm$reactariafocus = require("@react-aria/focus");
|
|
15
|
+
var $aGPKm$reactspectrumlayout = require("@react-spectrum/layout");
|
|
16
|
+
var $aGPKm$reactariadialog = require("@react-aria/dialog");
|
|
17
|
+
var $aGPKm$reactspectrumoverlays = require("@react-spectrum/overlays");
|
|
18
|
+
var $aGPKm$reactstatelyoverlays = require("@react-stately/overlays");
|
|
19
|
+
var $aGPKm$reactariainteractions = require("@react-aria/interactions");
|
|
20
|
+
|
|
21
|
+
function $parcel$exportWildcard(dest, source) {
|
|
22
|
+
Object.keys(source).forEach(function(key) {
|
|
23
|
+
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
4
26
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
27
|
+
Object.defineProperty(dest, key, {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function get() {
|
|
30
|
+
return source[key];
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
});
|
|
8
34
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
35
|
+
return dest;
|
|
36
|
+
}
|
|
37
|
+
function $parcel$interopDefault(a) {
|
|
38
|
+
return a && a.__esModule ? a.default : a;
|
|
39
|
+
}
|
|
40
|
+
function $parcel$export(e, n, v, s) {
|
|
41
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
42
|
+
}
|
|
43
|
+
var $1bf9453c78052870$exports = {};
|
|
14
44
|
|
|
15
|
-
|
|
16
|
-
Heading
|
|
17
|
-
} = require("@react-spectrum/text");
|
|
45
|
+
$parcel$export($1bf9453c78052870$exports, "AlertDialog", () => $1bf9453c78052870$export$de466dd8317b0b75);
|
|
18
46
|
|
|
19
|
-
var {
|
|
20
|
-
Divider
|
|
21
|
-
} = require("@react-spectrum/divider");
|
|
22
47
|
|
|
23
|
-
var {
|
|
24
|
-
useMessageFormatter
|
|
25
|
-
} = require("@react-aria/i18n");
|
|
26
48
|
|
|
27
|
-
var {
|
|
28
|
-
useDialog
|
|
29
|
-
} = require("@react-aria/dialog");
|
|
30
49
|
|
|
31
|
-
var {
|
|
32
|
-
Grid
|
|
33
|
-
} = require("@react-spectrum/layout");
|
|
34
50
|
|
|
35
|
-
var {
|
|
36
|
-
FocusScope
|
|
37
|
-
} = require("@react-aria/focus");
|
|
38
51
|
|
|
39
|
-
var {
|
|
40
|
-
DismissButton,
|
|
41
|
-
useOverlayPosition,
|
|
42
|
-
useOverlayTrigger
|
|
43
|
-
} = require("@react-aria/overlays");
|
|
52
|
+
var $962c86794f106020$exports = {};
|
|
44
53
|
|
|
45
|
-
|
|
54
|
+
$parcel$export($962c86794f106020$exports, "Dialog", () => $962c86794f106020$export$3ddf2d174ce01153);
|
|
46
55
|
|
|
47
|
-
var _react = $parcel$interopDefault(_react2);
|
|
48
56
|
|
|
49
|
-
var {
|
|
50
|
-
useContext,
|
|
51
|
-
useRef,
|
|
52
|
-
forwardRef,
|
|
53
|
-
Fragment,
|
|
54
|
-
useEffect
|
|
55
|
-
} = _react2;
|
|
56
57
|
|
|
57
|
-
var _spectrumIconsUiCrossLarge = $parcel$interopDefault(require("@spectrum-icons/ui/CrossLarge"));
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
const $59fcf3b6a0bdb727$export$8b93a07348a7730c = ($parcel$interopDefault($aGPKm$react)).createContext(null);
|
|
60
60
|
|
|
61
|
-
var {
|
|
62
|
-
Content
|
|
63
|
-
} = require("@react-spectrum/view");
|
|
64
61
|
|
|
65
|
-
var {
|
|
66
|
-
classNames,
|
|
67
|
-
useStyleProps,
|
|
68
|
-
SlotProvider,
|
|
69
|
-
unwrapDOMRef,
|
|
70
|
-
useDOMRef,
|
|
71
|
-
useHasChild,
|
|
72
|
-
useMediaQuery
|
|
73
|
-
} = require("@react-spectrum/utils");
|
|
74
62
|
|
|
75
|
-
var {
|
|
76
|
-
chain,
|
|
77
|
-
mergeProps
|
|
78
|
-
} = require("@react-aria/utils");
|
|
79
63
|
|
|
80
|
-
var {
|
|
81
|
-
ButtonGroup
|
|
82
|
-
} = require("@react-spectrum/buttongroup");
|
|
83
64
|
|
|
84
|
-
var {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
} = require("@react-spectrum/button");
|
|
65
|
+
var $7a223c7618933de9$exports = {};
|
|
66
|
+
var $65ab63371501fc94$exports = {};
|
|
67
|
+
$65ab63371501fc94$exports = JSON.parse("{\"alert\":\"تنبيه\",\"dismiss\":\"تجاهل\"}");
|
|
88
68
|
|
|
89
|
-
var _spectrumIconsUiAlertMedium = $parcel$interopDefault(require("@spectrum-icons/ui/AlertMedium"));
|
|
90
69
|
|
|
91
|
-
var
|
|
70
|
+
var $9a456c34c8316043$exports = {};
|
|
71
|
+
$9a456c34c8316043$exports = JSON.parse("{\"alert\":\"Сигнал\",\"dismiss\":\"Отхвърляне\"}");
|
|
92
72
|
|
|
93
|
-
var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
94
73
|
|
|
95
|
-
|
|
74
|
+
var $c7cc7b4686b5bf4d$exports = {};
|
|
75
|
+
$c7cc7b4686b5bf4d$exports = JSON.parse("{\"alert\":\"Výstraha\",\"dismiss\":\"Odstranit\"}");
|
|
96
76
|
|
|
97
|
-
function $parcel$interopDefault(a) {
|
|
98
|
-
return a && a.__esModule ? a.default : a;
|
|
99
|
-
}
|
|
100
77
|
|
|
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
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
var $
|
|
138
|
-
$
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
$
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
var $
|
|
150
|
-
$
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
$
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
var $
|
|
162
|
-
$
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
$
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
var $
|
|
174
|
-
$
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
$
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
var $
|
|
186
|
-
$
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
$
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
var $
|
|
198
|
-
$
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
$
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
var $
|
|
210
|
-
$
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
$
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
var $
|
|
222
|
-
$
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
$
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
$
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
$
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
"sk-SK": _babelRuntimeHelpersInteropRequireDefault($d550e21bd881bd66512a8a38d56ac2af$exports).default,
|
|
261
|
-
"sl-SI": _babelRuntimeHelpersInteropRequireDefault($a41b4f2e1963020b3a952fcb7469da5d$exports).default,
|
|
262
|
-
"sr-SP": _babelRuntimeHelpersInteropRequireDefault($b920d0a0d010e9dff65cb2996b08c573$exports).default,
|
|
263
|
-
"sv-SE": _babelRuntimeHelpersInteropRequireDefault($bc2e864b27d5d33a55efa85d4c6d$exports).default,
|
|
264
|
-
"tr-TR": _babelRuntimeHelpersInteropRequireDefault($fd3766a3dabdd75be0640de4e2a917$exports).default,
|
|
265
|
-
"uk-UA": _babelRuntimeHelpersInteropRequireDefault($ff96347c2e8f1ff2c2f9ebfa4c1f3$exports).default,
|
|
266
|
-
"zh-CN": _babelRuntimeHelpersInteropRequireDefault($f24d62a73ef94c1435318b9f95e0e1$exports).default,
|
|
267
|
-
"zh-TW": _babelRuntimeHelpersInteropRequireDefault($a102752d8d7f8dcfc276715c9d290294$exports).default
|
|
268
|
-
};
|
|
269
|
-
let $c24df1e30ea6d5a25486b1eedd756cd$var$sizeMap = {
|
|
270
|
-
S: 'small',
|
|
271
|
-
M: 'medium',
|
|
272
|
-
L: 'large',
|
|
273
|
-
fullscreen: 'fullscreen',
|
|
274
|
-
fullscreenTakeover: 'fullscreenTakeover'
|
|
78
|
+
var $f5666c1c51cebc8d$exports = {};
|
|
79
|
+
$f5666c1c51cebc8d$exports = JSON.parse("{\"alert\":\"Advarsel\",\"dismiss\":\"Luk\"}");
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
var $0a5b12eb5fa7ff54$exports = {};
|
|
83
|
+
$0a5b12eb5fa7ff54$exports = JSON.parse("{\"alert\":\"Warnhinweis\",\"dismiss\":\"Schließen\"}");
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
var $9dcd6e164b9b77bf$exports = {};
|
|
87
|
+
$9dcd6e164b9b77bf$exports = JSON.parse("{\"alert\":\"Ειδοποίηση\",\"dismiss\":\"Απόρριψη\"}");
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
var $806b92dcb141b7f9$exports = {};
|
|
91
|
+
$806b92dcb141b7f9$exports = JSON.parse("{\"dismiss\":\"Dismiss\",\"alert\":\"Alert\"}");
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
var $c35f2338054c8a87$exports = {};
|
|
95
|
+
$c35f2338054c8a87$exports = JSON.parse("{\"alert\":\"Alerta\",\"dismiss\":\"Descartar\"}");
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
var $f1c5a1d56c0c0b4c$exports = {};
|
|
99
|
+
$f1c5a1d56c0c0b4c$exports = JSON.parse("{\"alert\":\"Teade\",\"dismiss\":\"Lõpeta\"}");
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
var $5f0eef29036ba1a2$exports = {};
|
|
103
|
+
$5f0eef29036ba1a2$exports = JSON.parse("{\"alert\":\"Hälytys\",\"dismiss\":\"Hylkää\"}");
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
var $2fdae957caba1dd0$exports = {};
|
|
107
|
+
$2fdae957caba1dd0$exports = JSON.parse("{\"alert\":\"Alerte\",\"dismiss\":\"Rejeter\"}");
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
var $a45676ea154dc510$exports = {};
|
|
111
|
+
$a45676ea154dc510$exports = JSON.parse("{\"alert\":\"התראה\",\"dismiss\":\"התעלם\"}");
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
var $ed7ae8acce194f82$exports = {};
|
|
115
|
+
$ed7ae8acce194f82$exports = JSON.parse("{\"alert\":\"Upozorenje\",\"dismiss\":\"Odbaci\"}");
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
var $c231a41de85c9e21$exports = {};
|
|
119
|
+
$c231a41de85c9e21$exports = JSON.parse("{\"alert\":\"Figyelmeztetés\",\"dismiss\":\"Elutasítás\"}");
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
var $5a93dca271af449e$exports = {};
|
|
123
|
+
$5a93dca271af449e$exports = JSON.parse("{\"alert\":\"Avviso\",\"dismiss\":\"Ignora\"}");
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
var $980ee5844dd13e49$exports = {};
|
|
127
|
+
$980ee5844dd13e49$exports = JSON.parse("{\"alert\":\"アラート\",\"dismiss\":\"閉じる\"}");
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
var $8541436f4f0d5417$exports = {};
|
|
131
|
+
$8541436f4f0d5417$exports = JSON.parse("{\"alert\":\"경고\",\"dismiss\":\"무시\"}");
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
var $899fcc0320226522$exports = {};
|
|
135
|
+
$899fcc0320226522$exports = JSON.parse("{\"alert\":\"Įspėjimas\",\"dismiss\":\"Atmesti\"}");
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
var $6d22160168494c97$exports = {};
|
|
139
|
+
$6d22160168494c97$exports = JSON.parse("{\"alert\":\"Brīdinājums\",\"dismiss\":\"Nerādīt\"}");
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
var $6115bcfbc3e7b614$exports = {};
|
|
143
|
+
$6115bcfbc3e7b614$exports = JSON.parse("{\"alert\":\"Varsel\",\"dismiss\":\"Lukk\"}");
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
var $6e8f6056f38e9d69$exports = {};
|
|
147
|
+
$6e8f6056f38e9d69$exports = JSON.parse("{\"alert\":\"Melding\",\"dismiss\":\"Negeren\"}");
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
var $6d7c87d4d14b55a8$exports = {};
|
|
151
|
+
$6d7c87d4d14b55a8$exports = JSON.parse("{\"alert\":\"Ostrzeżenie\",\"dismiss\":\"Zignoruj\"}");
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
var $9ce1a7b94040ddee$exports = {};
|
|
155
|
+
$9ce1a7b94040ddee$exports = JSON.parse("{\"alert\":\"Alerta\",\"dismiss\":\"Descartar\"}");
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
var $5adcb3d147496a35$exports = {};
|
|
159
|
+
$5adcb3d147496a35$exports = JSON.parse("{\"alert\":\"Alerta\",\"dismiss\":\"Dispensar\"}");
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
var $0364081f7d32b7b3$exports = {};
|
|
163
|
+
$0364081f7d32b7b3$exports = JSON.parse("{\"alert\":\"Alertă\",\"dismiss\":\"Revocare\"}");
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
var $c219f19717f7d288$exports = {};
|
|
167
|
+
$c219f19717f7d288$exports = JSON.parse("{\"alert\":\"Предупреждение\",\"dismiss\":\"Пропустить\"}");
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
var $5e33ca1bfcdc0e4d$exports = {};
|
|
171
|
+
$5e33ca1bfcdc0e4d$exports = JSON.parse("{\"alert\":\"Upozornenie\",\"dismiss\":\"Zrušiť\"}");
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
var $6474981714d9c876$exports = {};
|
|
175
|
+
$6474981714d9c876$exports = JSON.parse("{\"alert\":\"Opozorilo\",\"dismiss\":\"Opusti\"}");
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
var $9e0d49d63cf9110a$exports = {};
|
|
179
|
+
$9e0d49d63cf9110a$exports = JSON.parse("{\"alert\":\"Upozorenje\",\"dismiss\":\"Odbaci\"}");
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
var $35e84a06c3231a1c$exports = {};
|
|
183
|
+
$35e84a06c3231a1c$exports = JSON.parse("{\"alert\":\"Varning\",\"dismiss\":\"Avvisa\"}");
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
var $ba9b89c43b3c337b$exports = {};
|
|
187
|
+
$ba9b89c43b3c337b$exports = JSON.parse("{\"alert\":\"Uyarı\",\"dismiss\":\"Kapat\"}");
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
var $e268bf65b03c0881$exports = {};
|
|
191
|
+
$e268bf65b03c0881$exports = JSON.parse("{\"alert\":\"Сигнал тривоги\",\"dismiss\":\"Скасувати\"}");
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
var $4c79597104e1f44c$exports = {};
|
|
195
|
+
$4c79597104e1f44c$exports = JSON.parse("{\"alert\":\"警报\",\"dismiss\":\"取消\"}");
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
var $0e5fd216d30024c9$exports = {};
|
|
199
|
+
$0e5fd216d30024c9$exports = JSON.parse("{\"alert\":\"警示\",\"dismiss\":\"關閉\"}");
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
$7a223c7618933de9$exports = {
|
|
203
|
+
"ar-AE": $65ab63371501fc94$exports,
|
|
204
|
+
"bg-BG": $9a456c34c8316043$exports,
|
|
205
|
+
"cs-CZ": $c7cc7b4686b5bf4d$exports,
|
|
206
|
+
"da-DK": $f5666c1c51cebc8d$exports,
|
|
207
|
+
"de-DE": $0a5b12eb5fa7ff54$exports,
|
|
208
|
+
"el-GR": $9dcd6e164b9b77bf$exports,
|
|
209
|
+
"en-US": $806b92dcb141b7f9$exports,
|
|
210
|
+
"es-ES": $c35f2338054c8a87$exports,
|
|
211
|
+
"et-EE": $f1c5a1d56c0c0b4c$exports,
|
|
212
|
+
"fi-FI": $5f0eef29036ba1a2$exports,
|
|
213
|
+
"fr-FR": $2fdae957caba1dd0$exports,
|
|
214
|
+
"he-IL": $a45676ea154dc510$exports,
|
|
215
|
+
"hr-HR": $ed7ae8acce194f82$exports,
|
|
216
|
+
"hu-HU": $c231a41de85c9e21$exports,
|
|
217
|
+
"it-IT": $5a93dca271af449e$exports,
|
|
218
|
+
"ja-JP": $980ee5844dd13e49$exports,
|
|
219
|
+
"ko-KR": $8541436f4f0d5417$exports,
|
|
220
|
+
"lt-LT": $899fcc0320226522$exports,
|
|
221
|
+
"lv-LV": $6d22160168494c97$exports,
|
|
222
|
+
"nb-NO": $6115bcfbc3e7b614$exports,
|
|
223
|
+
"nl-NL": $6e8f6056f38e9d69$exports,
|
|
224
|
+
"pl-PL": $6d7c87d4d14b55a8$exports,
|
|
225
|
+
"pt-BR": $9ce1a7b94040ddee$exports,
|
|
226
|
+
"pt-PT": $5adcb3d147496a35$exports,
|
|
227
|
+
"ro-RO": $0364081f7d32b7b3$exports,
|
|
228
|
+
"ru-RU": $c219f19717f7d288$exports,
|
|
229
|
+
"sk-SK": $5e33ca1bfcdc0e4d$exports,
|
|
230
|
+
"sl-SI": $6474981714d9c876$exports,
|
|
231
|
+
"sr-SP": $9e0d49d63cf9110a$exports,
|
|
232
|
+
"sv-SE": $35e84a06c3231a1c$exports,
|
|
233
|
+
"tr-TR": $ba9b89c43b3c337b$exports,
|
|
234
|
+
"uk-UA": $e268bf65b03c0881$exports,
|
|
235
|
+
"zh-CN": $4c79597104e1f44c$exports,
|
|
236
|
+
"zh-TW": $0e5fd216d30024c9$exports
|
|
275
237
|
};
|
|
276
|
-
var $fbfe205054a1d09dba6b25d1f1121e$$interop$default = $parcel$interopDefault($fbfe205054a1d09dba6b25d1f1121e$exports);
|
|
277
|
-
|
|
278
|
-
function $c24df1e30ea6d5a25486b1eedd756cd$var$Dialog(props, ref) {
|
|
279
|
-
let _ref = useContext($acaf784a76233553d69f87911a6848$export$DialogContext) || {},
|
|
280
|
-
{
|
|
281
|
-
type = 'modal'
|
|
282
|
-
} = _ref,
|
|
283
|
-
contextProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_ref, ["type"]);
|
|
284
|
-
|
|
285
|
-
let {
|
|
286
|
-
children,
|
|
287
|
-
isDismissable = contextProps.isDismissable,
|
|
288
|
-
onDismiss = contextProps.onClose,
|
|
289
|
-
size
|
|
290
|
-
} = props,
|
|
291
|
-
otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "isDismissable", "onDismiss", "size"]);
|
|
292
|
-
|
|
293
|
-
let formatMessage = useMessageFormatter($c24df1e30ea6d5a25486b1eedd756cd$var$intlMessages);
|
|
294
|
-
let {
|
|
295
|
-
styleProps
|
|
296
|
-
} = useStyleProps(otherProps);
|
|
297
|
-
size = type === 'popover' ? size || 'S' : size || 'L';
|
|
298
|
-
let domRef = useDOMRef(ref);
|
|
299
|
-
let gridRef = useRef();
|
|
300
|
-
let sizeVariant = $c24df1e30ea6d5a25486b1eedd756cd$var$sizeMap[type] || $c24df1e30ea6d5a25486b1eedd756cd$var$sizeMap[size];
|
|
301
|
-
let {
|
|
302
|
-
dialogProps,
|
|
303
|
-
titleProps
|
|
304
|
-
} = useDialog(mergeProps(contextProps, props), domRef);
|
|
305
|
-
let hasHeader = useHasChild("." + $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-header'], unwrapDOMRef(gridRef));
|
|
306
|
-
let hasFooter = useHasChild("." + $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-footer'], unwrapDOMRef(gridRef));
|
|
307
|
-
let slots = {
|
|
308
|
-
hero: {
|
|
309
|
-
UNSAFE_className: $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-hero']
|
|
310
|
-
},
|
|
311
|
-
header: {
|
|
312
|
-
UNSAFE_className: $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-header']
|
|
313
|
-
},
|
|
314
|
-
heading: _babelRuntimeHelpersExtends({
|
|
315
|
-
UNSAFE_className: classNames($fbfe205054a1d09dba6b25d1f1121e$$interop$default, 'spectrum-Dialog-heading', {
|
|
316
|
-
'spectrum-Dialog-heading--noHeader': !hasHeader
|
|
317
|
-
})
|
|
318
|
-
}, titleProps),
|
|
319
|
-
typeIcon: {
|
|
320
|
-
UNSAFE_className: $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-typeIcon']
|
|
321
|
-
},
|
|
322
|
-
divider: {
|
|
323
|
-
UNSAFE_className: $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-divider'],
|
|
324
|
-
size: 'M'
|
|
325
|
-
},
|
|
326
|
-
content: {
|
|
327
|
-
UNSAFE_className: $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-content']
|
|
328
|
-
},
|
|
329
|
-
footer: {
|
|
330
|
-
UNSAFE_className: $fbfe205054a1d09dba6b25d1f1121e$$interop$default['spectrum-Dialog-footer']
|
|
331
|
-
},
|
|
332
|
-
buttonGroup: {
|
|
333
|
-
UNSAFE_className: classNames($fbfe205054a1d09dba6b25d1f1121e$$interop$default, 'spectrum-Dialog-buttonGroup', {
|
|
334
|
-
'spectrum-Dialog-buttonGroup--noFooter': !hasFooter
|
|
335
|
-
}),
|
|
336
|
-
align: 'end'
|
|
337
|
-
}
|
|
338
|
-
}; // If rendered in a popover or tray there won't be a visible dismiss button,
|
|
339
|
-
// so we render a hidden one for screen readers.
|
|
340
238
|
|
|
341
|
-
let dismissButton;
|
|
342
239
|
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
var $e4ca8feea1f82112$exports = {};
|
|
243
|
+
|
|
244
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog", () => $e4ca8feea1f82112$export$4681f3bcac39b2b1, (v) => $e4ca8feea1f82112$export$4681f3bcac39b2b1 = v);
|
|
245
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--small", () => $e4ca8feea1f82112$export$5f2d9cc47409bd63, (v) => $e4ca8feea1f82112$export$5f2d9cc47409bd63 = v);
|
|
246
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--medium", () => $e4ca8feea1f82112$export$b9b8ef443d0a67ca, (v) => $e4ca8feea1f82112$export$b9b8ef443d0a67ca = v);
|
|
247
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--large", () => $e4ca8feea1f82112$export$b73c0c2fca84be2b, (v) => $e4ca8feea1f82112$export$b73c0c2fca84be2b = v);
|
|
248
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-hero", () => $e4ca8feea1f82112$export$d405fb0a0231aa1a, (v) => $e4ca8feea1f82112$export$d405fb0a0231aa1a = v);
|
|
249
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-grid", () => $e4ca8feea1f82112$export$c03cd5e23af67ff5, (v) => $e4ca8feea1f82112$export$c03cd5e23af67ff5 = v);
|
|
250
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-heading", () => $e4ca8feea1f82112$export$94335d73b7b209ec, (v) => $e4ca8feea1f82112$export$94335d73b7b209ec = v);
|
|
251
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-heading--noHeader", () => $e4ca8feea1f82112$export$ade8307239736e89, (v) => $e4ca8feea1f82112$export$ade8307239736e89 = v);
|
|
252
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-header", () => $e4ca8feea1f82112$export$1e158eaa6363e131, (v) => $e4ca8feea1f82112$export$1e158eaa6363e131 = v);
|
|
253
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-typeIcon", () => $e4ca8feea1f82112$export$5beee9480fc6ff07, (v) => $e4ca8feea1f82112$export$5beee9480fc6ff07 = v);
|
|
254
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-divider", () => $e4ca8feea1f82112$export$dd7633d642d0bc1c, (v) => $e4ca8feea1f82112$export$dd7633d642d0bc1c = v);
|
|
255
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--noDivider", () => $e4ca8feea1f82112$export$22425527a8943917, (v) => $e4ca8feea1f82112$export$22425527a8943917 = v);
|
|
256
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-content", () => $e4ca8feea1f82112$export$cb8eccd0f3639238, (v) => $e4ca8feea1f82112$export$cb8eccd0f3639238 = v);
|
|
257
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-footer", () => $e4ca8feea1f82112$export$3ecb5025a06fe08f, (v) => $e4ca8feea1f82112$export$3ecb5025a06fe08f = v);
|
|
258
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Button", () => $e4ca8feea1f82112$export$1db4cca5b4ade39a, (v) => $e4ca8feea1f82112$export$1db4cca5b4ade39a = v);
|
|
259
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-buttonGroup", () => $e4ca8feea1f82112$export$570ae852861555b7, (v) => $e4ca8feea1f82112$export$570ae852861555b7 = v);
|
|
260
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-buttonGroup--noFooter", () => $e4ca8feea1f82112$export$39dd75369bf2e830, (v) => $e4ca8feea1f82112$export$39dd75369bf2e830 = v);
|
|
261
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--dismissable", () => $e4ca8feea1f82112$export$9461b285d631d575, (v) => $e4ca8feea1f82112$export$9461b285d631d575 = v);
|
|
262
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog-closeButton", () => $e4ca8feea1f82112$export$a8494287d763a75d, (v) => $e4ca8feea1f82112$export$a8494287d763a75d = v);
|
|
263
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--error", () => $e4ca8feea1f82112$export$6b5beff56972a3b, (v) => $e4ca8feea1f82112$export$6b5beff56972a3b = v);
|
|
264
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--fullscreen", () => $e4ca8feea1f82112$export$118506da5d3ee7c4, (v) => $e4ca8feea1f82112$export$118506da5d3ee7c4 = v);
|
|
265
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--fullscreenTakeover", () => $e4ca8feea1f82112$export$5c061b2d3664fda9, (v) => $e4ca8feea1f82112$export$5c061b2d3664fda9 = v);
|
|
266
|
+
$parcel$export($e4ca8feea1f82112$exports, "spectrum-Dialog--warning", () => $e4ca8feea1f82112$export$4e66396adf61534f, (v) => $e4ca8feea1f82112$export$4e66396adf61534f = v);
|
|
267
|
+
var $e4ca8feea1f82112$export$4681f3bcac39b2b1;
|
|
268
|
+
var $e4ca8feea1f82112$export$5f2d9cc47409bd63;
|
|
269
|
+
var $e4ca8feea1f82112$export$b9b8ef443d0a67ca;
|
|
270
|
+
var $e4ca8feea1f82112$export$b73c0c2fca84be2b;
|
|
271
|
+
var $e4ca8feea1f82112$export$d405fb0a0231aa1a;
|
|
272
|
+
var $e4ca8feea1f82112$export$c03cd5e23af67ff5;
|
|
273
|
+
var $e4ca8feea1f82112$export$94335d73b7b209ec;
|
|
274
|
+
var $e4ca8feea1f82112$export$ade8307239736e89;
|
|
275
|
+
var $e4ca8feea1f82112$export$1e158eaa6363e131;
|
|
276
|
+
var $e4ca8feea1f82112$export$5beee9480fc6ff07;
|
|
277
|
+
var $e4ca8feea1f82112$export$dd7633d642d0bc1c;
|
|
278
|
+
var $e4ca8feea1f82112$export$22425527a8943917;
|
|
279
|
+
var $e4ca8feea1f82112$export$cb8eccd0f3639238;
|
|
280
|
+
var $e4ca8feea1f82112$export$3ecb5025a06fe08f;
|
|
281
|
+
var $e4ca8feea1f82112$export$1db4cca5b4ade39a;
|
|
282
|
+
var $e4ca8feea1f82112$export$570ae852861555b7;
|
|
283
|
+
var $e4ca8feea1f82112$export$39dd75369bf2e830;
|
|
284
|
+
var $e4ca8feea1f82112$export$9461b285d631d575;
|
|
285
|
+
var $e4ca8feea1f82112$export$a8494287d763a75d;
|
|
286
|
+
var $e4ca8feea1f82112$export$6b5beff56972a3b;
|
|
287
|
+
var $e4ca8feea1f82112$export$118506da5d3ee7c4;
|
|
288
|
+
var $e4ca8feea1f82112$export$5c061b2d3664fda9;
|
|
289
|
+
var $e4ca8feea1f82112$export$4e66396adf61534f;
|
|
290
|
+
$e4ca8feea1f82112$export$4681f3bcac39b2b1 = "spectrum-Dialog_6d8b48";
|
|
291
|
+
$e4ca8feea1f82112$export$5f2d9cc47409bd63 = "spectrum-Dialog--small_6d8b48";
|
|
292
|
+
$e4ca8feea1f82112$export$b9b8ef443d0a67ca = "spectrum-Dialog--medium_6d8b48";
|
|
293
|
+
$e4ca8feea1f82112$export$b73c0c2fca84be2b = "spectrum-Dialog--large_6d8b48";
|
|
294
|
+
$e4ca8feea1f82112$export$d405fb0a0231aa1a = "spectrum-Dialog-hero_6d8b48";
|
|
295
|
+
$e4ca8feea1f82112$export$c03cd5e23af67ff5 = "spectrum-Dialog-grid_6d8b48";
|
|
296
|
+
$e4ca8feea1f82112$export$94335d73b7b209ec = "spectrum-Dialog-heading_6d8b48";
|
|
297
|
+
$e4ca8feea1f82112$export$ade8307239736e89 = "spectrum-Dialog-heading--noHeader_6d8b48";
|
|
298
|
+
$e4ca8feea1f82112$export$1e158eaa6363e131 = "spectrum-Dialog-header_6d8b48";
|
|
299
|
+
$e4ca8feea1f82112$export$5beee9480fc6ff07 = "spectrum-Dialog-typeIcon_6d8b48";
|
|
300
|
+
$e4ca8feea1f82112$export$dd7633d642d0bc1c = "spectrum-Dialog-divider_6d8b48";
|
|
301
|
+
$e4ca8feea1f82112$export$22425527a8943917 = "spectrum-Dialog--noDivider_6d8b48";
|
|
302
|
+
$e4ca8feea1f82112$export$cb8eccd0f3639238 = "spectrum-Dialog-content_6d8b48";
|
|
303
|
+
$e4ca8feea1f82112$export$3ecb5025a06fe08f = "spectrum-Dialog-footer_6d8b48";
|
|
304
|
+
$e4ca8feea1f82112$export$1db4cca5b4ade39a = "spectrum-Button_6d8b48";
|
|
305
|
+
$e4ca8feea1f82112$export$570ae852861555b7 = "spectrum-Dialog-buttonGroup_6d8b48";
|
|
306
|
+
$e4ca8feea1f82112$export$39dd75369bf2e830 = "spectrum-Dialog-buttonGroup--noFooter_6d8b48";
|
|
307
|
+
$e4ca8feea1f82112$export$9461b285d631d575 = "spectrum-Dialog--dismissable_6d8b48";
|
|
308
|
+
$e4ca8feea1f82112$export$a8494287d763a75d = "spectrum-Dialog-closeButton_6d8b48";
|
|
309
|
+
$e4ca8feea1f82112$export$6b5beff56972a3b = "spectrum-Dialog--error_6d8b48";
|
|
310
|
+
$e4ca8feea1f82112$export$118506da5d3ee7c4 = "spectrum-Dialog--fullscreen_6d8b48";
|
|
311
|
+
$e4ca8feea1f82112$export$5c061b2d3664fda9 = "spectrum-Dialog--fullscreenTakeover_6d8b48";
|
|
312
|
+
$e4ca8feea1f82112$export$4e66396adf61534f = "spectrum-Dialog--warning_6d8b48";
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
|
|
316
|
+
|
|
317
|
+
let $962c86794f106020$var$sizeMap = {
|
|
318
|
+
S: 'small',
|
|
319
|
+
M: 'medium',
|
|
320
|
+
L: 'large',
|
|
321
|
+
fullscreen: 'fullscreen',
|
|
322
|
+
fullscreenTakeover: 'fullscreenTakeover'
|
|
323
|
+
};
|
|
324
|
+
function $962c86794f106020$var$Dialog(props, ref) {
|
|
325
|
+
let { type: type = 'modal' , ...contextProps } = $aGPKm$react.useContext($59fcf3b6a0bdb727$export$8b93a07348a7730c) || {
|
|
326
|
+
};
|
|
327
|
+
let { children: children , isDismissable: isDismissable = contextProps.isDismissable , onDismiss: onDismiss = contextProps.onClose , size: size , ...otherProps } = props;
|
|
328
|
+
let formatMessage = $aGPKm$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($7a223c7618933de9$exports)));
|
|
329
|
+
let { styleProps: styleProps } = $aGPKm$reactspectrumutils.useStyleProps(otherProps);
|
|
330
|
+
size = type === 'popover' ? size || 'S' : size || 'L';
|
|
331
|
+
let domRef = $aGPKm$reactspectrumutils.useDOMRef(ref);
|
|
332
|
+
let gridRef = $aGPKm$react.useRef();
|
|
333
|
+
let sizeVariant = $962c86794f106020$var$sizeMap[type] || $962c86794f106020$var$sizeMap[size];
|
|
334
|
+
let { dialogProps: dialogProps , titleProps: titleProps } = $aGPKm$reactariadialog.useDialog($aGPKm$reactariautils.mergeProps(contextProps, props), domRef);
|
|
335
|
+
let hasHeader = $aGPKm$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-header']}`, $aGPKm$reactspectrumutils.unwrapDOMRef(gridRef));
|
|
336
|
+
let hasFooter = $aGPKm$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-footer']}`, $aGPKm$reactspectrumutils.unwrapDOMRef(gridRef));
|
|
337
|
+
let slots = $aGPKm$react.useMemo(()=>({
|
|
338
|
+
hero: {
|
|
339
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-hero']
|
|
340
|
+
},
|
|
341
|
+
header: {
|
|
342
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-header']
|
|
343
|
+
},
|
|
344
|
+
heading: {
|
|
345
|
+
UNSAFE_className: $aGPKm$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports)), 'spectrum-Dialog-heading', {
|
|
346
|
+
'spectrum-Dialog-heading--noHeader': !hasHeader
|
|
347
|
+
}),
|
|
348
|
+
level: 2,
|
|
349
|
+
...titleProps
|
|
350
|
+
},
|
|
351
|
+
typeIcon: {
|
|
352
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-typeIcon']
|
|
353
|
+
},
|
|
354
|
+
divider: {
|
|
355
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-divider'],
|
|
356
|
+
size: 'M'
|
|
357
|
+
},
|
|
358
|
+
content: {
|
|
359
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-content']
|
|
360
|
+
},
|
|
361
|
+
footer: {
|
|
362
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-footer']
|
|
363
|
+
},
|
|
364
|
+
buttonGroup: {
|
|
365
|
+
UNSAFE_className: $aGPKm$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports)), 'spectrum-Dialog-buttonGroup', {
|
|
366
|
+
'spectrum-Dialog-buttonGroup--noFooter': !hasFooter
|
|
367
|
+
}),
|
|
368
|
+
align: 'end'
|
|
369
|
+
}
|
|
370
|
+
})
|
|
371
|
+
, [
|
|
372
|
+
(/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports)),
|
|
373
|
+
hasFooter,
|
|
374
|
+
hasHeader,
|
|
375
|
+
titleProps
|
|
376
|
+
]);
|
|
377
|
+
// If rendered in a popover or tray there won't be a visible dismiss button,
|
|
378
|
+
// so we render a hidden one for screen readers.
|
|
379
|
+
let dismissButton;
|
|
380
|
+
if (type === 'popover' || type === 'tray') dismissButton = /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactariaoverlays.DismissButton, {
|
|
381
|
+
onDismiss: onDismiss
|
|
346
382
|
});
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
383
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactariafocus.FocusScope, {
|
|
384
|
+
contain: true,
|
|
385
|
+
restoreFocus: true
|
|
386
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement("section", {
|
|
387
|
+
...styleProps,
|
|
388
|
+
...dialogProps,
|
|
389
|
+
className: $aGPKm$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports)), 'spectrum-Dialog', {
|
|
390
|
+
[`spectrum-Dialog--${sizeVariant}`]: sizeVariant,
|
|
391
|
+
'spectrum-Dialog--dismissable': isDismissable
|
|
392
|
+
}, styleProps.className),
|
|
393
|
+
ref: domRef
|
|
394
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumlayout.Grid, {
|
|
395
|
+
ref: gridRef,
|
|
396
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-grid']
|
|
397
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumutils.SlotProvider, {
|
|
398
|
+
slots: slots
|
|
399
|
+
}, children), isDismissable && /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumbutton.ActionButton, {
|
|
400
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports))['spectrum-Dialog-closeButton'],
|
|
401
|
+
isQuiet: true,
|
|
402
|
+
"aria-label": formatMessage('dismiss'),
|
|
403
|
+
onPress: onDismiss
|
|
404
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement(($parcel$interopDefault($aGPKm$spectrumiconsuiCrossLarge)), null))), dismissButton)));
|
|
369
405
|
}
|
|
370
406
|
/**
|
|
371
407
|
* Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
|
|
372
408
|
* Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
|
|
373
|
-
*/
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
"bg-BG": _babelRuntimeHelpersInteropRequireDefault($d47657a60dce6a446561e463337d2$exports).default,
|
|
383
|
-
"cs-CZ": _babelRuntimeHelpersInteropRequireDefault($aaf41d86207773bd33a13b9c2fdefae$exports).default,
|
|
384
|
-
"da-DK": _babelRuntimeHelpersInteropRequireDefault($fada89492396f01795b6d8b9fc048c31$exports).default,
|
|
385
|
-
"de-DE": _babelRuntimeHelpersInteropRequireDefault($c2039f98a7a2414febd720ea9aa4dc2f$exports).default,
|
|
386
|
-
"el-GR": _babelRuntimeHelpersInteropRequireDefault($f92c77e840e1d8faa1120faf4d27c4$exports).default,
|
|
387
|
-
"en-US": _babelRuntimeHelpersInteropRequireDefault($a56b0afce6e287db171a623c273f17$exports).default,
|
|
388
|
-
"es-ES": _babelRuntimeHelpersInteropRequireDefault($e013ca62a636e891abe4d8813d0fa63b$exports).default,
|
|
389
|
-
"et-EE": _babelRuntimeHelpersInteropRequireDefault($d9f24cb243acc68efd43118dac82e0$exports).default,
|
|
390
|
-
"fi-FI": _babelRuntimeHelpersInteropRequireDefault($aaaee9140d3768cedf8e286877d9$exports).default,
|
|
391
|
-
"fr-FR": _babelRuntimeHelpersInteropRequireDefault($a432d3ac150f27a29b3c5530a1df9$exports).default,
|
|
392
|
-
"he-IL": _babelRuntimeHelpersInteropRequireDefault($a81768068b9aa62104194470cc3f0654$exports).default,
|
|
393
|
-
"hr-HR": _babelRuntimeHelpersInteropRequireDefault($e5036b5739d845cfe9f6783a407$exports).default,
|
|
394
|
-
"hu-HU": _babelRuntimeHelpersInteropRequireDefault($cc5a75ca5b505e558eed9c1835f94f1e$exports).default,
|
|
395
|
-
"it-IT": _babelRuntimeHelpersInteropRequireDefault($c4a696abd1a16f20e2b4b003fbf6fbdb$exports).default,
|
|
396
|
-
"ja-JP": _babelRuntimeHelpersInteropRequireDefault($addaf646413c8be95a79f38e6345b8f2$exports).default,
|
|
397
|
-
"ko-KR": _babelRuntimeHelpersInteropRequireDefault($e3657a3eacf72d4741ea8f0b9$exports).default,
|
|
398
|
-
"lt-LT": _babelRuntimeHelpersInteropRequireDefault($c51dfe5990613a5f294275b6e13ecc$exports).default,
|
|
399
|
-
"lv-LV": _babelRuntimeHelpersInteropRequireDefault($ce2aae655de1b6e293ec050756a5dcb$exports).default,
|
|
400
|
-
"nb-NO": _babelRuntimeHelpersInteropRequireDefault($f61ed65bb5df99f0804c45d92ed2ab3e$exports).default,
|
|
401
|
-
"nl-NL": _babelRuntimeHelpersInteropRequireDefault($f1cfa4f0ca509c1473646b05bba816a$exports).default,
|
|
402
|
-
"pl-PL": _babelRuntimeHelpersInteropRequireDefault($c3a456ea785d7b1d4b0e87a09dbcaab4$exports).default,
|
|
403
|
-
"pt-BR": _babelRuntimeHelpersInteropRequireDefault($c9f6f2f98f8796205b43b84ad72b916c$exports).default,
|
|
404
|
-
"pt-PT": _babelRuntimeHelpersInteropRequireDefault($ddf8a9d40eed12ce095aa68902274da$exports).default,
|
|
405
|
-
"ro-RO": _babelRuntimeHelpersInteropRequireDefault($e44701ea63d9c73bbe297bd12d650f99$exports).default,
|
|
406
|
-
"ru-RU": _babelRuntimeHelpersInteropRequireDefault($c1caed8a35bc9ad3bcb054625de80$exports).default,
|
|
407
|
-
"sk-SK": _babelRuntimeHelpersInteropRequireDefault($d550e21bd881bd66512a8a38d56ac2af$exports).default,
|
|
408
|
-
"sl-SI": _babelRuntimeHelpersInteropRequireDefault($a41b4f2e1963020b3a952fcb7469da5d$exports).default,
|
|
409
|
-
"sr-SP": _babelRuntimeHelpersInteropRequireDefault($b920d0a0d010e9dff65cb2996b08c573$exports).default,
|
|
410
|
-
"sv-SE": _babelRuntimeHelpersInteropRequireDefault($bc2e864b27d5d33a55efa85d4c6d$exports).default,
|
|
411
|
-
"tr-TR": _babelRuntimeHelpersInteropRequireDefault($fd3766a3dabdd75be0640de4e2a917$exports).default,
|
|
412
|
-
"uk-UA": _babelRuntimeHelpersInteropRequireDefault($ff96347c2e8f1ff2c2f9ebfa4c1f3$exports).default,
|
|
413
|
-
"zh-CN": _babelRuntimeHelpersInteropRequireDefault($f24d62a73ef94c1435318b9f95e0e1$exports).default,
|
|
414
|
-
"zh-TW": _babelRuntimeHelpersInteropRequireDefault($a102752d8d7f8dcfc276715c9d290294$exports).default
|
|
415
|
-
};
|
|
409
|
+
*/ let $962c86794f106020$export$3ddf2d174ce01153 = /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).forwardRef($962c86794f106020$var$Dialog);
|
|
410
|
+
|
|
411
|
+
|
|
412
|
+
|
|
413
|
+
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
|
|
416
418
|
|
|
417
419
|
/**
|
|
418
420
|
* AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
|
|
419
|
-
*/
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
isPrimaryActionDisabled,
|
|
434
|
-
isSecondaryActionDisabled,
|
|
435
|
-
onCancel = () => {},
|
|
436
|
-
onPrimaryAction = () => {},
|
|
437
|
-
onSecondaryAction = () => {}
|
|
438
|
-
} = props,
|
|
439
|
-
otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["variant", "children", "primaryActionLabel", "secondaryActionLabel", "cancelLabel", "autoFocusButton", "title", "isPrimaryActionDisabled", "isSecondaryActionDisabled", "onCancel", "onPrimaryAction", "onSecondaryAction"]);
|
|
440
|
-
|
|
441
|
-
let {
|
|
442
|
-
styleProps
|
|
443
|
-
} = useStyleProps(otherProps);
|
|
444
|
-
let formatMessage = useMessageFormatter($eab8b93d67846b9c7317cd8c3302e$var$intlMessages);
|
|
445
|
-
let confirmVariant = 'primary';
|
|
446
|
-
|
|
447
|
-
if (variant) {
|
|
448
|
-
if (variant === 'confirmation') {
|
|
449
|
-
confirmVariant = 'cta';
|
|
450
|
-
} else if (variant === 'destructive') {
|
|
451
|
-
confirmVariant = 'negative';
|
|
421
|
+
*/ function $1bf9453c78052870$var$AlertDialog(props, ref) {
|
|
422
|
+
let { onClose: onClose = ()=>{
|
|
423
|
+
} } = $aGPKm$react.useContext($59fcf3b6a0bdb727$export$8b93a07348a7730c) || {
|
|
424
|
+
};
|
|
425
|
+
let { variant: variant , children: children , primaryActionLabel: primaryActionLabel , secondaryActionLabel: secondaryActionLabel , cancelLabel: cancelLabel , autoFocusButton: autoFocusButton , title: title , isPrimaryActionDisabled: isPrimaryActionDisabled , isSecondaryActionDisabled: isSecondaryActionDisabled , onCancel: onCancel = ()=>{
|
|
426
|
+
} , onPrimaryAction: onPrimaryAction = ()=>{
|
|
427
|
+
} , onSecondaryAction: onSecondaryAction = ()=>{
|
|
428
|
+
} , ...otherProps } = props;
|
|
429
|
+
let { styleProps: styleProps } = $aGPKm$reactspectrumutils.useStyleProps(otherProps);
|
|
430
|
+
let formatMessage = $aGPKm$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($7a223c7618933de9$exports)));
|
|
431
|
+
let confirmVariant = 'primary';
|
|
432
|
+
if (variant) {
|
|
433
|
+
if (variant === 'confirmation') confirmVariant = 'cta';
|
|
434
|
+
else if (variant === 'destructive') confirmVariant = 'negative';
|
|
452
435
|
}
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
436
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($962c86794f106020$export$3ddf2d174ce01153, {
|
|
437
|
+
UNSAFE_style: styleProps.style,
|
|
438
|
+
UNSAFE_className: $aGPKm$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e4ca8feea1f82112$exports)), {
|
|
439
|
+
[`spectrum-Dialog--${variant}`]: variant
|
|
440
|
+
}, styleProps.className),
|
|
441
|
+
isHidden: styleProps.hidden,
|
|
442
|
+
size: "M",
|
|
443
|
+
role: "alertdialog",
|
|
444
|
+
ref: ref
|
|
445
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumtext.Heading, null, title), (variant === 'error' || variant === 'warning') && /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement(($parcel$interopDefault($aGPKm$spectrumiconsuiAlertMedium)), {
|
|
446
|
+
slot: "typeIcon",
|
|
447
|
+
"aria-label": formatMessage('alert')
|
|
448
|
+
}), /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumdivider.Divider, null), /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumview.Content, null, children), /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumbuttongroup.ButtonGroup, {
|
|
449
|
+
align: "end"
|
|
450
|
+
}, cancelLabel && /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumbutton.Button, {
|
|
451
|
+
variant: "secondary",
|
|
452
|
+
onPress: ()=>$aGPKm$reactariautils.chain(onClose(), onCancel())
|
|
453
|
+
,
|
|
454
|
+
autoFocus: autoFocusButton === 'cancel'
|
|
455
|
+
}, cancelLabel), secondaryActionLabel && /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumbutton.Button, {
|
|
456
|
+
variant: "secondary",
|
|
457
|
+
onPress: ()=>$aGPKm$reactariautils.chain(onClose(), onSecondaryAction())
|
|
458
|
+
,
|
|
459
|
+
isDisabled: isSecondaryActionDisabled,
|
|
460
|
+
autoFocus: autoFocusButton === 'secondary'
|
|
461
|
+
}, secondaryActionLabel), /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumbutton.Button, {
|
|
462
|
+
variant: confirmVariant,
|
|
463
|
+
onPress: ()=>$aGPKm$reactariautils.chain(onClose(), onPrimaryAction())
|
|
464
|
+
,
|
|
465
|
+
isDisabled: isPrimaryActionDisabled,
|
|
466
|
+
autoFocus: autoFocusButton === 'primary'
|
|
467
|
+
}, primaryActionLabel))));
|
|
484
468
|
}
|
|
485
469
|
/**
|
|
486
470
|
* AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
|
|
487
|
-
*/
|
|
471
|
+
*/ let $1bf9453c78052870$export$de466dd8317b0b75 = /*#__PURE__*/ $aGPKm$react.forwardRef($1bf9453c78052870$var$AlertDialog);
|
|
488
472
|
|
|
489
473
|
|
|
490
|
-
let AlertDialog = /*#__PURE__*/forwardRef($eab8b93d67846b9c7317cd8c3302e$var$AlertDialog);
|
|
491
|
-
exports.AlertDialog = AlertDialog;
|
|
492
474
|
|
|
493
|
-
|
|
494
|
-
let {
|
|
495
|
-
children,
|
|
496
|
-
type = 'modal',
|
|
497
|
-
mobileType = type === 'popover' ? 'modal' : type,
|
|
498
|
-
hideArrow,
|
|
499
|
-
targetRef,
|
|
500
|
-
isDismissable,
|
|
501
|
-
isKeyboardDismissDisabled
|
|
502
|
-
} = props,
|
|
503
|
-
positionProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "type", "mobileType", "hideArrow", "targetRef", "isDismissable", "isKeyboardDismissDisabled"]);
|
|
475
|
+
var $27e3a817835df4bb$exports = {};
|
|
504
476
|
|
|
505
|
-
|
|
506
|
-
throw new Error('DialogTrigger must have exactly 2 children');
|
|
507
|
-
} // if a function is passed as the second child, it won't appear in toArray
|
|
477
|
+
$parcel$export($27e3a817835df4bb$exports, "DialogTrigger", () => $27e3a817835df4bb$export$2e1e1122cf0cba88);
|
|
508
478
|
|
|
509
479
|
|
|
510
|
-
let [trigger, content] = children; // On small devices, show a modal or tray instead of a popover.
|
|
511
|
-
// TODO: DNA variable?
|
|
512
|
-
|
|
513
|
-
let isMobile = useMediaQuery('(max-width: 700px)');
|
|
514
|
-
|
|
515
|
-
if (isMobile) {
|
|
516
|
-
// handle cases where desktop popovers need a close button for the mobile modal view
|
|
517
|
-
if (type !== 'modal' && mobileType === 'modal') {
|
|
518
|
-
isDismissable = true;
|
|
519
|
-
}
|
|
520
|
-
|
|
521
|
-
type = mobileType;
|
|
522
|
-
}
|
|
523
480
|
|
|
524
|
-
let state = useOverlayTriggerState(props);
|
|
525
|
-
let wasOpen = useRef(false);
|
|
526
|
-
wasOpen.current = state.isOpen;
|
|
527
|
-
let isExiting = useRef(false);
|
|
528
481
|
|
|
529
|
-
let onExiting = () => isExiting.current = true;
|
|
530
482
|
|
|
531
|
-
let onExited = () => isExiting.current = false; // eslint-disable-next-line arrow-body-style
|
|
532
483
|
|
|
533
484
|
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
485
|
+
function $27e3a817835df4bb$var$DialogTrigger(props) {
|
|
486
|
+
let { children: children , type: type = 'modal' , mobileType: mobileType = type === 'popover' ? 'modal' : type , hideArrow: hideArrow , targetRef: targetRef , isDismissable: isDismissable , isKeyboardDismissDisabled: isKeyboardDismissDisabled , ...positionProps } = props;
|
|
487
|
+
if (!Array.isArray(children) || children.length > 2) throw new Error('DialogTrigger must have exactly 2 children');
|
|
488
|
+
// if a function is passed as the second child, it won't appear in toArray
|
|
489
|
+
let [trigger, content] = children;
|
|
490
|
+
// On small devices, show a modal or tray instead of a popover.
|
|
491
|
+
// TODO: DNA variable?
|
|
492
|
+
let isMobile = $aGPKm$reactspectrumutils.useMediaQuery('(max-width: 700px)');
|
|
493
|
+
if (isMobile) {
|
|
494
|
+
// handle cases where desktop popovers need a close button for the mobile modal view
|
|
495
|
+
if (type !== 'modal' && mobileType === 'modal') isDismissable = true;
|
|
496
|
+
type = mobileType;
|
|
497
|
+
}
|
|
498
|
+
let state = $aGPKm$reactstatelyoverlays.useOverlayTriggerState(props);
|
|
499
|
+
let wasOpen = $aGPKm$react.useRef(false);
|
|
500
|
+
wasOpen.current = state.isOpen;
|
|
501
|
+
let isExiting = $aGPKm$react.useRef(false);
|
|
502
|
+
let onExiting = ()=>isExiting.current = true
|
|
503
|
+
;
|
|
504
|
+
let onExited = ()=>isExiting.current = false
|
|
505
|
+
;
|
|
506
|
+
// eslint-disable-next-line arrow-body-style
|
|
507
|
+
$aGPKm$react.useEffect(()=>{
|
|
508
|
+
return ()=>{
|
|
509
|
+
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.');
|
|
510
|
+
};
|
|
511
|
+
}, []);
|
|
512
|
+
if (type === 'popover') return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($27e3a817835df4bb$var$PopoverTrigger, {
|
|
513
|
+
...positionProps,
|
|
514
|
+
state: state,
|
|
515
|
+
targetRef: targetRef,
|
|
516
|
+
trigger: trigger,
|
|
517
|
+
content: content,
|
|
518
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
519
|
+
hideArrow: hideArrow
|
|
520
|
+
}));
|
|
521
|
+
let renderOverlay = ()=>{
|
|
522
|
+
switch(type){
|
|
523
|
+
case 'fullscreen':
|
|
524
|
+
case 'fullscreenTakeover':
|
|
525
|
+
case 'modal':
|
|
526
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumoverlays.Modal, {
|
|
527
|
+
isOpen: state.isOpen,
|
|
528
|
+
isDismissable: type === 'modal' ? isDismissable : false,
|
|
529
|
+
onClose: state.close,
|
|
530
|
+
type: type,
|
|
531
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
532
|
+
onExiting: onExiting,
|
|
533
|
+
onExited: onExited
|
|
534
|
+
}, typeof content === 'function' ? content(state.close) : content));
|
|
535
|
+
case 'tray':
|
|
536
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumoverlays.Tray, {
|
|
537
|
+
isOpen: state.isOpen,
|
|
538
|
+
onClose: state.close,
|
|
539
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled
|
|
540
|
+
}, typeof content === 'function' ? content(state.close) : content));
|
|
541
|
+
}
|
|
539
542
|
};
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
trigger: trigger,
|
|
547
|
-
content: content,
|
|
548
|
-
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
549
|
-
hideArrow: hideArrow
|
|
543
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($27e3a817835df4bb$var$DialogTriggerBase, {
|
|
544
|
+
type: type,
|
|
545
|
+
state: state,
|
|
546
|
+
isDismissable: isDismissable,
|
|
547
|
+
trigger: trigger,
|
|
548
|
+
overlay: renderOverlay()
|
|
550
549
|
}));
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
564
|
-
onExiting: onExiting,
|
|
565
|
-
onExited: onExited
|
|
566
|
-
}, typeof content === 'function' ? content(state.close) : content);
|
|
567
|
-
|
|
568
|
-
case 'tray':
|
|
569
|
-
return /*#__PURE__*/_react.createElement(Tray, {
|
|
570
|
-
isOpen: state.isOpen,
|
|
571
|
-
onClose: state.close,
|
|
572
|
-
isKeyboardDismissDisabled: isKeyboardDismissDisabled
|
|
573
|
-
}, typeof content === 'function' ? content(state.close) : content);
|
|
574
|
-
}
|
|
575
|
-
};
|
|
576
|
-
|
|
577
|
-
return /*#__PURE__*/_react.createElement($e8eede229dc4bb152d31b6896bc207be$var$DialogTriggerBase, {
|
|
578
|
-
type: type,
|
|
579
|
-
state: state,
|
|
580
|
-
isDismissable: isDismissable,
|
|
581
|
-
trigger: trigger,
|
|
582
|
-
overlay: renderOverlay()
|
|
583
|
-
});
|
|
584
|
-
} // Support DialogTrigger inside components using CollectionBuilder.
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
$e8eede229dc4bb152d31b6896bc207be$var$DialogTrigger.getCollectionNode = function* (props) {
|
|
588
|
-
let [trigger] = _react.Children.toArray(props.children);
|
|
589
|
-
|
|
590
|
-
let [, content] = props.children;
|
|
591
|
-
yield {
|
|
592
|
-
element: trigger,
|
|
593
|
-
wrapper: element => /*#__PURE__*/_react.createElement($e8eede229dc4bb152d31b6896bc207be$var$DialogTrigger, _babelRuntimeHelpersExtends({
|
|
594
|
-
key: element.key
|
|
595
|
-
}, props), element, content)
|
|
596
|
-
};
|
|
550
|
+
}
|
|
551
|
+
// Support DialogTrigger inside components using CollectionBuilder.
|
|
552
|
+
$27e3a817835df4bb$var$DialogTrigger.getCollectionNode = function*(props) {
|
|
553
|
+
let [trigger] = ($parcel$interopDefault($aGPKm$react)).Children.toArray(props.children);
|
|
554
|
+
let [, content] = props.children;
|
|
555
|
+
yield {
|
|
556
|
+
element: trigger,
|
|
557
|
+
wrapper: (element)=>/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($27e3a817835df4bb$var$DialogTrigger, {
|
|
558
|
+
key: element.key,
|
|
559
|
+
...props
|
|
560
|
+
}, element, content)
|
|
561
|
+
};
|
|
597
562
|
};
|
|
598
563
|
/**
|
|
599
564
|
* DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
|
|
600
565
|
* open state with the trigger's press state. Additionally, it allows you to customize the type and
|
|
601
566
|
* positioning of the Dialog.
|
|
602
|
-
*/
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
let
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
} =
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
let triggerPropsWithRef = _babelRuntimeHelpersExtends({}, triggerProps, {
|
|
644
|
-
ref: targetRef ? undefined : triggerRef
|
|
645
|
-
});
|
|
646
|
-
|
|
647
|
-
let overlay = /*#__PURE__*/_react.createElement(Popover, {
|
|
648
|
-
isOpen: state.isOpen,
|
|
649
|
-
UNSAFE_style: popoverProps.style,
|
|
650
|
-
ref: overlayRef,
|
|
651
|
-
onClose: state.close,
|
|
652
|
-
placement: placement,
|
|
653
|
-
arrowProps: arrowProps,
|
|
654
|
-
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
655
|
-
hideArrow: hideArrow
|
|
656
|
-
}, typeof content === 'function' ? content(state.close) : content);
|
|
657
|
-
|
|
658
|
-
return /*#__PURE__*/_react.createElement($e8eede229dc4bb152d31b6896bc207be$var$DialogTriggerBase, {
|
|
659
|
-
type: "popover",
|
|
660
|
-
state: state,
|
|
661
|
-
triggerProps: triggerPropsWithRef,
|
|
662
|
-
dialogProps: overlayProps,
|
|
663
|
-
trigger: trigger,
|
|
664
|
-
overlay: overlay
|
|
665
|
-
});
|
|
567
|
+
*/ // We don't want getCollectionNode to show up in the type definition
|
|
568
|
+
let $27e3a817835df4bb$export$2e1e1122cf0cba88 = $27e3a817835df4bb$var$DialogTrigger;
|
|
569
|
+
function $27e3a817835df4bb$var$PopoverTrigger({ state: state , targetRef: targetRef , trigger: trigger , content: content , hideArrow: hideArrow , isKeyboardDismissDisabled: isKeyboardDismissDisabled , ...props }) {
|
|
570
|
+
let triggerRef = $aGPKm$react.useRef();
|
|
571
|
+
let overlayRef = $aGPKm$react.useRef();
|
|
572
|
+
let { overlayProps: popoverProps , placement: placement , arrowProps: arrowProps } = $aGPKm$reactariaoverlays.useOverlayPosition({
|
|
573
|
+
targetRef: targetRef || triggerRef,
|
|
574
|
+
overlayRef: $aGPKm$reactspectrumutils.unwrapDOMRef(overlayRef),
|
|
575
|
+
placement: props.placement,
|
|
576
|
+
containerPadding: props.containerPadding,
|
|
577
|
+
offset: props.offset,
|
|
578
|
+
crossOffset: props.crossOffset,
|
|
579
|
+
shouldFlip: props.shouldFlip,
|
|
580
|
+
isOpen: state.isOpen
|
|
581
|
+
});
|
|
582
|
+
let { triggerProps: triggerProps , overlayProps: overlayProps } = $aGPKm$reactariaoverlays.useOverlayTrigger({
|
|
583
|
+
type: 'dialog'
|
|
584
|
+
}, state, triggerRef);
|
|
585
|
+
let triggerPropsWithRef = {
|
|
586
|
+
...triggerProps,
|
|
587
|
+
ref: targetRef ? undefined : triggerRef
|
|
588
|
+
};
|
|
589
|
+
let overlay = /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumoverlays.Popover, {
|
|
590
|
+
isOpen: state.isOpen,
|
|
591
|
+
UNSAFE_style: popoverProps.style,
|
|
592
|
+
ref: overlayRef,
|
|
593
|
+
onClose: state.close,
|
|
594
|
+
placement: placement,
|
|
595
|
+
arrowProps: arrowProps,
|
|
596
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
597
|
+
hideArrow: hideArrow
|
|
598
|
+
}, typeof content === 'function' ? content(state.close) : content);
|
|
599
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($27e3a817835df4bb$var$DialogTriggerBase, {
|
|
600
|
+
type: "popover",
|
|
601
|
+
state: state,
|
|
602
|
+
triggerProps: triggerPropsWithRef,
|
|
603
|
+
dialogProps: overlayProps,
|
|
604
|
+
trigger: trigger,
|
|
605
|
+
overlay: overlay
|
|
606
|
+
}));
|
|
666
607
|
}
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
}, dialogProps);
|
|
684
|
-
|
|
685
|
-
return /*#__PURE__*/_react.createElement(Fragment, null, /*#__PURE__*/_react.createElement(PressResponder, _babelRuntimeHelpersExtends({}, triggerProps, {
|
|
686
|
-
onPress: state.toggle,
|
|
687
|
-
isPressed: state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'
|
|
688
|
-
}), trigger), /*#__PURE__*/_react.createElement($acaf784a76233553d69f87911a6848$export$DialogContext.Provider, {
|
|
689
|
-
value: context
|
|
690
|
-
}, overlay));
|
|
608
|
+
function $27e3a817835df4bb$var$DialogTriggerBase({ type: type , state: state , isDismissable: isDismissable , dialogProps: dialogProps = {
|
|
609
|
+
} , triggerProps: triggerProps = {
|
|
610
|
+
} , overlay: overlay , trigger: trigger }) {
|
|
611
|
+
let context = {
|
|
612
|
+
type: type,
|
|
613
|
+
onClose: state.close,
|
|
614
|
+
isDismissable: isDismissable,
|
|
615
|
+
...dialogProps
|
|
616
|
+
};
|
|
617
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactariainteractions.PressResponder, {
|
|
618
|
+
...triggerProps,
|
|
619
|
+
onPress: state.toggle,
|
|
620
|
+
isPressed: state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'
|
|
621
|
+
}, trigger), /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($59fcf3b6a0bdb727$export$8b93a07348a7730c.Provider, {
|
|
622
|
+
value: context
|
|
623
|
+
}, overlay)));
|
|
691
624
|
}
|
|
692
625
|
|
|
693
|
-
/**
|
|
694
|
-
* A DialogContainer accepts a single Dialog as a child, and manages showing and hiding
|
|
695
|
-
* it in a modal. Useful in cases where there is no trigger element
|
|
696
|
-
* or when the trigger unmounts while the dialog is open.
|
|
697
|
-
*/
|
|
698
|
-
function DialogContainer(props) {
|
|
699
|
-
let {
|
|
700
|
-
children,
|
|
701
|
-
type = 'modal',
|
|
702
|
-
onDismiss,
|
|
703
|
-
isDismissable,
|
|
704
|
-
isKeyboardDismissDisabled
|
|
705
|
-
} = props;
|
|
706
|
-
|
|
707
|
-
let childArray = _react.Children.toArray(children);
|
|
708
|
-
|
|
709
|
-
if (childArray.length > 1) {
|
|
710
|
-
throw new Error('Only a single child can be passed to DialogContainer.');
|
|
711
|
-
}
|
|
712
|
-
|
|
713
|
-
let lastChild = useRef(null);
|
|
714
|
-
let child = /*#__PURE__*/_react.isValidElement(childArray[0]) ? childArray[0] : null;
|
|
715
|
-
|
|
716
|
-
if (child) {
|
|
717
|
-
lastChild.current = child;
|
|
718
|
-
}
|
|
719
|
-
|
|
720
|
-
let context = {
|
|
721
|
-
type,
|
|
722
|
-
onClose: onDismiss,
|
|
723
|
-
isDismissable
|
|
724
|
-
};
|
|
725
|
-
return /*#__PURE__*/_react.createElement(Modal, {
|
|
726
|
-
isOpen: !!child,
|
|
727
|
-
onClose: onDismiss,
|
|
728
|
-
type: type,
|
|
729
|
-
isDismissable: isDismissable,
|
|
730
|
-
isKeyboardDismissDisabled: isKeyboardDismissDisabled
|
|
731
|
-
}, /*#__PURE__*/_react.createElement($acaf784a76233553d69f87911a6848$export$DialogContext.Provider, {
|
|
732
|
-
value: context
|
|
733
|
-
}, lastChild.current));
|
|
734
|
-
}
|
|
735
626
|
|
|
736
|
-
exports
|
|
627
|
+
var $fc9acb28860f6f19$exports = {};
|
|
737
628
|
|
|
738
|
-
|
|
739
|
-
let context = useContext($acaf784a76233553d69f87911a6848$export$DialogContext);
|
|
629
|
+
$parcel$export($fc9acb28860f6f19$exports, "DialogContainer", () => $fc9acb28860f6f19$export$547754aada6e339f);
|
|
740
630
|
|
|
741
|
-
if (!context) {
|
|
742
|
-
throw new Error('Cannot call useDialogContext outside a <DialogTrigger> or <DialogContainer>.');
|
|
743
|
-
}
|
|
744
631
|
|
|
745
|
-
return {
|
|
746
|
-
type: context.type,
|
|
747
632
|
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
633
|
+
function $fc9acb28860f6f19$export$547754aada6e339f(props) {
|
|
634
|
+
let { children: children , type: type = 'modal' , onDismiss: onDismiss , isDismissable: isDismissable , isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
|
|
635
|
+
let childArray = ($parcel$interopDefault($aGPKm$react)).Children.toArray(children);
|
|
636
|
+
if (childArray.length > 1) throw new Error('Only a single child can be passed to DialogContainer.');
|
|
637
|
+
let lastChild = $aGPKm$react.useRef(null);
|
|
638
|
+
let child = /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).isValidElement(childArray[0]) ? childArray[0] : null;
|
|
639
|
+
if (child) lastChild.current = child;
|
|
640
|
+
let context = {
|
|
641
|
+
type: type,
|
|
642
|
+
onClose: onDismiss,
|
|
643
|
+
isDismissable: isDismissable
|
|
644
|
+
};
|
|
645
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($aGPKm$reactspectrumoverlays.Modal, {
|
|
646
|
+
isOpen: !!child,
|
|
647
|
+
onClose: onDismiss,
|
|
648
|
+
type: type,
|
|
649
|
+
isDismissable: isDismissable,
|
|
650
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled
|
|
651
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($aGPKm$react)).createElement($59fcf3b6a0bdb727$export$8b93a07348a7730c.Provider, {
|
|
652
|
+
value: context
|
|
653
|
+
}, lastChild.current)));
|
|
654
|
+
}
|
|
751
655
|
|
|
752
|
-
|
|
656
|
+
|
|
657
|
+
var $c69180d7765a688e$exports = {};
|
|
658
|
+
|
|
659
|
+
$parcel$export($c69180d7765a688e$exports, "useDialogContainer", () => $c69180d7765a688e$export$a2f2d8fa6720dab1);
|
|
660
|
+
|
|
661
|
+
|
|
662
|
+
function $c69180d7765a688e$export$a2f2d8fa6720dab1() {
|
|
663
|
+
let context = $aGPKm$react.useContext($59fcf3b6a0bdb727$export$8b93a07348a7730c);
|
|
664
|
+
if (!context) throw new Error('Cannot call useDialogContext outside a <DialogTrigger> or <DialogContainer>.');
|
|
665
|
+
return {
|
|
666
|
+
type: context.type,
|
|
667
|
+
dismiss () {
|
|
668
|
+
context.onClose();
|
|
669
|
+
}
|
|
670
|
+
};
|
|
753
671
|
}
|
|
754
672
|
|
|
755
|
-
|
|
673
|
+
|
|
674
|
+
$parcel$exportWildcard(module.exports, $1bf9453c78052870$exports);
|
|
675
|
+
$parcel$exportWildcard(module.exports, $962c86794f106020$exports);
|
|
676
|
+
$parcel$exportWildcard(module.exports, $27e3a817835df4bb$exports);
|
|
677
|
+
$parcel$exportWildcard(module.exports, $fc9acb28860f6f19$exports);
|
|
678
|
+
$parcel$exportWildcard(module.exports, $c69180d7765a688e$exports);
|
|
679
|
+
|
|
680
|
+
|
|
756
681
|
//# sourceMappingURL=main.js.map
|