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