@ariakit/react 0.4.28 → 0.4.29
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/{CHANGELOG-035.md → CHANGELOG-0314.md} +205 -0
- package/CHANGELOG.md +48 -202
- package/cjs/__chunks/{SXAPGTJ4.cjs → 2ENQD3AS.cjs} +6 -6
- package/cjs/__chunks/{L2IFVMDU.cjs → 2WBRQ3I7.cjs} +7 -6
- package/cjs/__chunks/{N3DLR7OL.cjs → 3B6TF7HK.cjs} +6 -6
- package/cjs/__chunks/{XPQIHUQ7.cjs → 42GL4LKI.cjs} +20 -20
- package/cjs/__chunks/{VXUZM542.cjs → 53Q7HWXL.cjs} +165 -165
- package/cjs/__chunks/{3FIXGHZ2.cjs → 5QRVCRDI.cjs} +5 -5
- package/cjs/__chunks/{7MXJT4IN.cjs → 5XICU34X.cjs} +3 -3
- package/cjs/__chunks/{334WKW6I.cjs → 5ZX5ACFH.cjs} +4 -4
- package/cjs/__chunks/{2MDC3Z3V.cjs → 6BNWLCHF.cjs} +10 -10
- package/cjs/__chunks/{IFZV5LA3.cjs → 6XKLGFUO.cjs} +17 -17
- package/cjs/__chunks/{PZXRBFZF.cjs → 7SEEXNY6.cjs} +7 -7
- package/cjs/__chunks/{VXDLN5CP.cjs → 7XB4QE2H.cjs} +29 -29
- package/cjs/__chunks/{RVXPEX7O.cjs → AI3BA27G.cjs} +18 -18
- package/cjs/__chunks/{NG34QRI6.cjs → BTARPES4.cjs} +79 -32
- package/cjs/__chunks/{LCX235VJ.cjs → CKHOJYDQ.cjs} +6 -6
- package/cjs/__chunks/{C4NVIV6V.cjs → CRPG37KH.cjs} +104 -84
- package/cjs/__chunks/{4RKQMGBK.cjs → CYTUSXPR.cjs} +236 -222
- package/cjs/__chunks/{IHVFJGGN.cjs → D6USTXKA.cjs} +4 -4
- package/cjs/__chunks/{NFZWL7LE.cjs → DDV252ZY.cjs} +4 -4
- package/cjs/__chunks/DVB2WSHD.cjs +41 -0
- package/cjs/__chunks/{YEXJT4IL.cjs → EF57ZMJN.cjs} +10 -10
- package/cjs/__chunks/{RR46KI45.cjs → EQYJ6RA7.cjs} +3 -3
- package/cjs/__chunks/{D4HCGWOU.cjs → FHPV2Q7C.cjs} +182 -78
- package/cjs/__chunks/{FHQ5DVYQ.cjs → FNYFMCD7.cjs} +4 -4
- package/cjs/__chunks/{FELYQPO5.cjs → FWVWDDOL.cjs} +182 -173
- package/cjs/__chunks/{GUY4MKX2.cjs → G2JI2Z7U.cjs} +12 -12
- package/cjs/__chunks/{Z5PDS46M.cjs → GI27TVAM.cjs} +159 -159
- package/cjs/__chunks/{PTE2IJM5.cjs → GQZ5DRPC.cjs} +32 -30
- package/cjs/__chunks/{XH4GE3VE.cjs → GV4SR2CM.cjs} +7 -7
- package/cjs/__chunks/{PU63IQFD.cjs → HCYQ5Z7Z.cjs} +58 -58
- package/cjs/__chunks/{ASOIXRUN.cjs → HGV6FCZP.cjs} +61 -61
- package/cjs/__chunks/{OOFUBC32.cjs → I4JS2KAF.cjs} +17 -19
- package/cjs/__chunks/{DVWS2XPY.cjs → I6N3772N.cjs} +21 -21
- package/cjs/__chunks/{7POA4244.cjs → IEVLYJJP.cjs} +22 -22
- package/cjs/__chunks/{ZNW2LLWJ.cjs → IGWSYIUY.cjs} +15 -15
- package/cjs/__chunks/{QAUJZR6Y.cjs → JBOLBTVU.cjs} +15 -4
- package/cjs/__chunks/{MN5TONXW.cjs → JXYV7OWF.cjs} +33 -36
- package/cjs/__chunks/{FIPBE5IX.cjs → KDVG735H.cjs} +3 -3
- package/cjs/__chunks/{TSBEWPNT.cjs → KFUU3G3B.cjs} +39 -39
- package/cjs/__chunks/{ZYPARRXG.cjs → LGUAIO4Q.cjs} +4 -4
- package/cjs/__chunks/{5NTEPQ2U.cjs → M6YHODMV.cjs} +20 -20
- package/cjs/__chunks/{SIF7IN4L.cjs → MWZS5XD4.cjs} +12 -12
- package/cjs/__chunks/{UUEFM3TG.cjs → NBAYASRC.cjs} +17 -17
- package/cjs/__chunks/{RXZPZPJX.cjs → OFFSDIY3.cjs} +21 -21
- package/cjs/__chunks/{RGH2H3WL.cjs → OP2QHIHD.cjs} +4 -4
- package/cjs/__chunks/{2HXQHKBC.cjs → P6Y2DILA.cjs} +17 -17
- package/cjs/__chunks/{LMCBLO3G.cjs → P7AY4KL3.cjs} +10 -10
- package/cjs/__chunks/{PDPE2VAZ.cjs → QJQWEU4Q.cjs} +134 -120
- package/cjs/__chunks/{UV7CXZEM.cjs → RZJLQJQM.cjs} +9 -9
- package/cjs/__chunks/{34UJGLOZ.cjs → SAFZBKT3.cjs} +61 -48
- package/cjs/__chunks/{LVHC4DSB.cjs → TMY4OIYC.cjs} +19 -19
- package/cjs/__chunks/{LS5VO6AA.cjs → ULDO57DJ.cjs} +12 -12
- package/cjs/__chunks/{NMUCJYMR.cjs → US2XYAXE.cjs} +83 -83
- package/cjs/__chunks/{GUB6WHB6.cjs → VUISVT3V.cjs} +9 -9
- package/cjs/__chunks/{RLKC7JVT.cjs → WHUT2PFL.cjs} +4 -4
- package/cjs/__chunks/WLHP5OM6.cjs +37 -0
- package/cjs/__chunks/{7M4GY5DS.cjs → WYI5CKPV.cjs} +38 -38
- package/cjs/__chunks/{SQ72MZ63.cjs → ZPWE3FTF.cjs} +39 -39
- package/cjs/button.cjs +5 -5
- package/cjs/checkbox.cjs +8 -8
- package/cjs/collection.cjs +6 -6
- package/cjs/combobox.cjs +30 -30
- package/cjs/command.cjs +4 -4
- package/cjs/composite.cjs +17 -17
- package/cjs/dialog.cjs +18 -18
- package/cjs/disclosure.cjs +9 -9
- package/cjs/focus-trap.cjs +5 -5
- package/cjs/focusable.cjs +3 -3
- package/cjs/form.cjs +14 -14
- package/cjs/group.cjs +3 -3
- package/cjs/heading.cjs +3 -3
- package/cjs/hovercard.cjs +25 -25
- package/cjs/index.cjs +59 -59
- package/cjs/menu.cjs +42 -42
- package/cjs/menubar.cjs +8 -8
- package/cjs/popover.cjs +25 -25
- package/cjs/portal.cjs +5 -5
- package/cjs/radio.cjs +12 -12
- package/cjs/role.cjs +3 -3
- package/cjs/select.cjs +36 -36
- package/cjs/separator.cjs +3 -3
- package/cjs/store.cjs +3 -3
- package/cjs/tab.cjs +15 -15
- package/cjs/toolbar.cjs +13 -13
- package/cjs/tooltip.cjs +15 -15
- package/cjs/visually-hidden.cjs +3 -3
- package/package.json +4 -4
- package/cjs/__chunks/FVIS5BFZ.cjs +0 -41
- package/cjs/__chunks/TLUFYZC7.cjs +0 -37
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _7XB4QE2Hcjs = require('./7XB4QE2H.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _CKHOJYDQcjs = require('./CKHOJYDQ.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _DWSXHZYMcjs = require('./DWSXHZYM.cjs');
|
|
@@ -17,16 +17,16 @@ var _DWSXHZYMcjs = require('./DWSXHZYM.cjs');
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
25
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
var
|
|
29
|
+
var _BTARPES4cjs = require('./BTARPES4.cjs');
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
@@ -52,34 +52,36 @@ var _NG34QRI6cjs = require('./NG34QRI6.cjs');
|
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
56
58
|
|
|
57
59
|
// ../ariakit-components/dist/dialog/dialog-store.js
|
|
58
60
|
function createDialogStore(props = {}) {
|
|
59
|
-
return
|
|
61
|
+
return _WYI5CKPVcjs.createDisclosureStore.call(void 0, props);
|
|
60
62
|
}
|
|
61
63
|
|
|
62
64
|
// ../ariakit-react-components/dist/dialog/dialog-store.js
|
|
63
65
|
function useDialogStoreProps(store, update, props) {
|
|
64
|
-
return
|
|
66
|
+
return _WYI5CKPVcjs.useDisclosureStoreProps.call(void 0, store, update, props);
|
|
65
67
|
}
|
|
66
68
|
function useDialogStore(props = {}) {
|
|
67
|
-
const [store, update] =
|
|
69
|
+
const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createDialogStore, props);
|
|
68
70
|
return useDialogStoreProps(store, update, props);
|
|
69
71
|
}
|
|
70
72
|
|
|
71
73
|
// ../ariakit-react-components/dist/focusable/focusable-container.js
|
|
72
74
|
var _jsxruntime = require('react/jsx-runtime');
|
|
73
75
|
var TagName = "div";
|
|
74
|
-
var useFocusableContainer =
|
|
75
|
-
props =
|
|
76
|
+
var useFocusableContainer = _JBOLBTVUcjs.createHook.call(void 0, function useFocusableContainer2({ autoFocusOnShow = true, ...props }) {
|
|
77
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BTARPES4cjs.FocusableContext.Provider, {
|
|
76
78
|
value: autoFocusOnShow,
|
|
77
79
|
children: element
|
|
78
80
|
}), [autoFocusOnShow]);
|
|
79
81
|
return props;
|
|
80
82
|
});
|
|
81
|
-
var FocusableContainer =
|
|
82
|
-
return
|
|
83
|
+
var FocusableContainer = _JBOLBTVUcjs.forwardRef.call(void 0, function FocusableContainer2(props) {
|
|
84
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useFocusableContainer(props));
|
|
83
85
|
});
|
|
84
86
|
|
|
85
87
|
// ../ariakit-react-components/dist/dialog/utils/orchestrate.js
|
|
@@ -164,7 +166,7 @@ function getSnapshotPropertyName(id) {
|
|
|
164
166
|
return `__ariakit-dialog-snapshot-${id}`;
|
|
165
167
|
}
|
|
166
168
|
function inSnapshot(id, element) {
|
|
167
|
-
const doc =
|
|
169
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, element);
|
|
168
170
|
const propertyName = getSnapshotPropertyName(id);
|
|
169
171
|
if (!doc.body[propertyName]) return true;
|
|
170
172
|
do {
|
|
@@ -177,7 +179,7 @@ function inSnapshot(id, element) {
|
|
|
177
179
|
function isValidElement(id, element, ignoredElements) {
|
|
178
180
|
if (ignoreTags.includes(element.tagName)) return false;
|
|
179
181
|
if (!inSnapshot(id, element)) return false;
|
|
180
|
-
return !ignoredElements.some((enabledElement) => enabledElement &&
|
|
182
|
+
return !ignoredElements.some((enabledElement) => enabledElement && _JBOLBTVUcjs.contains.call(void 0, element, enabledElement));
|
|
181
183
|
}
|
|
182
184
|
function walkTreeOutside(id, elements, callback, ancestorCallback) {
|
|
183
185
|
for (let element of elements) {
|
|
@@ -187,7 +189,7 @@ function walkTreeOutside(id, elements, callback, ancestorCallback) {
|
|
|
187
189
|
if (maybeAncestor === element) return false;
|
|
188
190
|
return maybeAncestor.contains(element);
|
|
189
191
|
});
|
|
190
|
-
const doc =
|
|
192
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, element);
|
|
191
193
|
const originalElement = element;
|
|
192
194
|
while (element.parentElement && element !== doc.body) {
|
|
193
195
|
ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement, originalElement);
|
|
@@ -199,13 +201,13 @@ function walkTreeOutside(id, elements, callback, ancestorCallback) {
|
|
|
199
201
|
}
|
|
200
202
|
}
|
|
201
203
|
function createWalkTreeSnapshot(id, elements) {
|
|
202
|
-
const { body } =
|
|
204
|
+
const { body } = _JBOLBTVUcjs.getDocument.call(void 0, elements[0]);
|
|
203
205
|
const cleanups2 = [];
|
|
204
206
|
const markElement2 = (element) => {
|
|
205
207
|
cleanups2.push(setProperty(element, getSnapshotPropertyName(id), true));
|
|
206
208
|
};
|
|
207
209
|
walkTreeOutside(id, elements, markElement2);
|
|
208
|
-
return
|
|
210
|
+
return _JBOLBTVUcjs.chain.call(void 0, setProperty(body, getSnapshotPropertyName(id), true), () => {
|
|
209
211
|
for (const cleanup of cleanups2) cleanup();
|
|
210
212
|
});
|
|
211
213
|
}
|
|
@@ -226,10 +228,10 @@ function getPropertyName(id = "", ancestor = false) {
|
|
|
226
228
|
return `__ariakit-dialog-${ancestor ? "ancestor" : "outside"}${id ? `-${id}` : ""}`;
|
|
227
229
|
}
|
|
228
230
|
function markElement(element, id = "") {
|
|
229
|
-
return
|
|
231
|
+
return _JBOLBTVUcjs.chain.call(void 0, setProperty(element, getPropertyName(), true), setProperty(element, getPropertyName(id), true));
|
|
230
232
|
}
|
|
231
233
|
function markAncestor(element, id = "") {
|
|
232
|
-
return
|
|
234
|
+
return _JBOLBTVUcjs.chain.call(void 0, setProperty(element, getPropertyName("", true), true), setProperty(element, getPropertyName(id, true), true));
|
|
233
235
|
}
|
|
234
236
|
function isElementMarked(element, id) {
|
|
235
237
|
const ancestorProperty = getPropertyName(id, true);
|
|
@@ -262,8 +264,8 @@ var _react = require('react');
|
|
|
262
264
|
|
|
263
265
|
function DialogBackdrop({ store, backdrop, alwaysVisible, hidden }) {
|
|
264
266
|
const ref = _react.useRef.call(void 0, null);
|
|
265
|
-
const disclosure =
|
|
266
|
-
const contentElement =
|
|
267
|
+
const disclosure = _WYI5CKPVcjs.useDisclosureStore.call(void 0, { disclosure: store });
|
|
268
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
267
269
|
_react.useEffect.call(void 0, () => {
|
|
268
270
|
const backdrop2 = ref.current;
|
|
269
271
|
const dialog = contentElement;
|
|
@@ -271,14 +273,14 @@ function DialogBackdrop({ store, backdrop, alwaysVisible, hidden }) {
|
|
|
271
273
|
if (!dialog) return;
|
|
272
274
|
backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
|
|
273
275
|
}, [contentElement]);
|
|
274
|
-
|
|
276
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
275
277
|
const id = contentElement == null ? void 0 : contentElement.id;
|
|
276
278
|
if (!id) return;
|
|
277
279
|
const backdrop2 = ref.current;
|
|
278
280
|
if (!backdrop2) return;
|
|
279
281
|
return markAncestor(backdrop2, id);
|
|
280
282
|
}, [contentElement]);
|
|
281
|
-
const props =
|
|
283
|
+
const props = _WYI5CKPVcjs.useDisclosureContent.call(void 0, {
|
|
282
284
|
ref,
|
|
283
285
|
store: disclosure,
|
|
284
286
|
role: "presentation",
|
|
@@ -294,12 +296,12 @@ function DialogBackdrop({ store, backdrop, alwaysVisible, hidden }) {
|
|
|
294
296
|
}
|
|
295
297
|
});
|
|
296
298
|
if (!backdrop) return null;
|
|
297
|
-
if (_react.isValidElement.call(void 0, backdrop)) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
299
|
+
if (_react.isValidElement.call(void 0, backdrop)) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CKHOJYDQcjs.Role, {
|
|
298
300
|
...props,
|
|
299
301
|
render: backdrop
|
|
300
302
|
});
|
|
301
303
|
const Component = typeof backdrop !== "boolean" ? backdrop : "div";
|
|
302
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
304
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CKHOJYDQcjs.Role, {
|
|
303
305
|
...props,
|
|
304
306
|
render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {})
|
|
305
307
|
});
|
|
@@ -327,17 +329,17 @@ function isFocusTrap(element, ...ids) {
|
|
|
327
329
|
|
|
328
330
|
// ../ariakit-react-components/dist/dialog/utils/disable-tree.js
|
|
329
331
|
function disableTree(element, ignoredElements) {
|
|
330
|
-
if (!("style" in element)) return
|
|
332
|
+
if (!("style" in element)) return _JBOLBTVUcjs.noop;
|
|
331
333
|
if (supportsInert()) return setProperty(element, "inert", true);
|
|
332
|
-
return
|
|
333
|
-
if (ignoredElements == null ? void 0 : ignoredElements.some((el) => el &&
|
|
334
|
+
return _JBOLBTVUcjs.chain.call(void 0, ..._JBOLBTVUcjs.getAllTabbableIn.call(void 0, element, true).map((element2) => {
|
|
335
|
+
if (ignoredElements == null ? void 0 : ignoredElements.some((el) => el && _JBOLBTVUcjs.contains.call(void 0, el, element2))) return _JBOLBTVUcjs.noop;
|
|
334
336
|
const restoreFocusMethod = orchestrate(element2, "focus", () => {
|
|
335
|
-
element2.focus =
|
|
337
|
+
element2.focus = _JBOLBTVUcjs.noop;
|
|
336
338
|
return () => {
|
|
337
339
|
delete element2.focus;
|
|
338
340
|
};
|
|
339
341
|
});
|
|
340
|
-
return
|
|
342
|
+
return _JBOLBTVUcjs.chain.call(void 0, setAttribute(element2, "tabindex", "-1"), restoreFocusMethod);
|
|
341
343
|
}), hideElementFromAccessibilityTree(element), assignStyle(element, {
|
|
342
344
|
pointerEvents: "none",
|
|
343
345
|
userSelect: "none",
|
|
@@ -353,7 +355,7 @@ function disableTreeOutside(id, elements) {
|
|
|
353
355
|
cleanups2.unshift(disableTree(element, elements));
|
|
354
356
|
}, (element) => {
|
|
355
357
|
if (!element.hasAttribute("role")) return;
|
|
356
|
-
if (elements.some((el) => el &&
|
|
358
|
+
if (elements.some((el) => el && _JBOLBTVUcjs.contains.call(void 0, el, element))) return;
|
|
357
359
|
cleanups2.unshift(setAttribute(element, "role", "none"));
|
|
358
360
|
});
|
|
359
361
|
const restoreTreeOutside = () => {
|
|
@@ -364,7 +366,7 @@ function disableTreeOutside(id, elements) {
|
|
|
364
366
|
|
|
365
367
|
// ../ariakit-react-components/dist/dialog/utils/prepend-hidden-dismiss.js
|
|
366
368
|
function prependHiddenDismiss(container, onClick) {
|
|
367
|
-
const button =
|
|
369
|
+
const button = _JBOLBTVUcjs.getDocument.call(void 0, container).createElement("button");
|
|
368
370
|
button.type = "button";
|
|
369
371
|
button.tabIndex = -1;
|
|
370
372
|
button.textContent = "Dismiss popup";
|
|
@@ -400,7 +402,7 @@ function usePreviousMouseDownRef(enabled, scope) {
|
|
|
400
402
|
const onMouseDown = (event) => {
|
|
401
403
|
previousMouseDownRef.current = event.target;
|
|
402
404
|
};
|
|
403
|
-
return
|
|
405
|
+
return _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "mousedown", onMouseDown, true, scope);
|
|
404
406
|
}, [enabled, scope]);
|
|
405
407
|
return previousMouseDownRef;
|
|
406
408
|
}
|
|
@@ -409,15 +411,15 @@ function usePreviousMouseDownRef(enabled, scope) {
|
|
|
409
411
|
|
|
410
412
|
function isInDocument(target) {
|
|
411
413
|
if (target.tagName === "HTML") return true;
|
|
412
|
-
return
|
|
414
|
+
return _JBOLBTVUcjs.contains.call(void 0, _JBOLBTVUcjs.getDocument.call(void 0, target).body, target);
|
|
413
415
|
}
|
|
414
416
|
function isDisclosure(disclosure, target) {
|
|
415
417
|
if (!disclosure) return false;
|
|
416
|
-
if (
|
|
418
|
+
if (_JBOLBTVUcjs.contains.call(void 0, disclosure, target)) return true;
|
|
417
419
|
const activeId = target.getAttribute("aria-activedescendant");
|
|
418
420
|
if (activeId) {
|
|
419
|
-
const activeElement =
|
|
420
|
-
if (activeElement) return
|
|
421
|
+
const activeElement = _JBOLBTVUcjs.getDocument.call(void 0, disclosure).getElementById(activeId);
|
|
422
|
+
if (activeElement) return _JBOLBTVUcjs.contains.call(void 0, disclosure, activeElement);
|
|
421
423
|
}
|
|
422
424
|
return false;
|
|
423
425
|
}
|
|
@@ -428,11 +430,11 @@ function isMouseEventOnDialog(event, dialog) {
|
|
|
428
430
|
return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
|
|
429
431
|
}
|
|
430
432
|
function useEventOutside({ store, type, listener, capture, domReady }) {
|
|
431
|
-
const callListener =
|
|
432
|
-
const open =
|
|
433
|
-
const contentElement =
|
|
433
|
+
const callListener = _JBOLBTVUcjs.useEvent.call(void 0, listener);
|
|
434
|
+
const open = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "open");
|
|
435
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
434
436
|
const focusedRef = _react.useRef.call(void 0, false);
|
|
435
|
-
|
|
437
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
436
438
|
if (!open) return;
|
|
437
439
|
if (!domReady) return;
|
|
438
440
|
if (!contentElement) return;
|
|
@@ -452,16 +454,16 @@ function useEventOutside({ store, type, listener, capture, domReady }) {
|
|
|
452
454
|
const { contentElement: contentElement2, disclosureElement } = store.getState();
|
|
453
455
|
const target = event.target;
|
|
454
456
|
if (!contentElement2) return;
|
|
455
|
-
if (!target) return;
|
|
457
|
+
if (!_JBOLBTVUcjs.isElement.call(void 0, target)) return;
|
|
456
458
|
if (!isInDocument(target)) return;
|
|
457
|
-
if (
|
|
459
|
+
if (_JBOLBTVUcjs.contains.call(void 0, contentElement2, target)) return;
|
|
458
460
|
if (isDisclosure(disclosureElement, target)) return;
|
|
459
461
|
if (target.hasAttribute("data-focus-trap")) return;
|
|
460
462
|
if (isMouseEventOnDialog(event, contentElement2)) return;
|
|
461
463
|
if (focusedRef.current && !isElementMarked(target, contentElement2.id)) return;
|
|
462
464
|
callListener(event);
|
|
463
465
|
};
|
|
464
|
-
return
|
|
466
|
+
return _JBOLBTVUcjs.addGlobalEventListener.call(void 0, type, onEvent, capture, contentElement ? _JBOLBTVUcjs.getWindow.call(void 0, contentElement) : void 0);
|
|
465
467
|
}, [
|
|
466
468
|
open,
|
|
467
469
|
capture,
|
|
@@ -476,9 +478,9 @@ function shouldHideOnInteractOutside(hideOnInteractOutside, event) {
|
|
|
476
478
|
return !!hideOnInteractOutside;
|
|
477
479
|
}
|
|
478
480
|
function useHideOnInteractOutside(store, hideOnInteractOutside, domReady, interactedOutsideRef) {
|
|
479
|
-
const open =
|
|
480
|
-
const contentElement =
|
|
481
|
-
const previousMouseDownRef = usePreviousMouseDownRef(open, contentElement ?
|
|
481
|
+
const open = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "open");
|
|
482
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
483
|
+
const previousMouseDownRef = usePreviousMouseDownRef(open, contentElement ? _JBOLBTVUcjs.getWindow.call(void 0, contentElement) : void 0);
|
|
482
484
|
const props = {
|
|
483
485
|
store,
|
|
484
486
|
domReady,
|
|
@@ -503,7 +505,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady, intera
|
|
|
503
505
|
listener: (event) => {
|
|
504
506
|
const { contentElement: contentElement2 } = store.getState();
|
|
505
507
|
if (!contentElement2) return;
|
|
506
|
-
if (event.target ===
|
|
508
|
+
if (event.target === _JBOLBTVUcjs.getDocument.call(void 0, contentElement2)) return;
|
|
507
509
|
if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
|
|
508
510
|
store.hide();
|
|
509
511
|
}
|
|
@@ -529,12 +531,12 @@ function useNestedDialogs(store) {
|
|
|
529
531
|
const add = _react.useCallback.call(void 0, (dialog) => {
|
|
530
532
|
var _a;
|
|
531
533
|
setDialogs((dialogs2) => [...dialogs2, dialog]);
|
|
532
|
-
return
|
|
534
|
+
return _JBOLBTVUcjs.chain.call(void 0, (_a = context.add) == null ? void 0 : _a.call(context, dialog), () => {
|
|
533
535
|
setDialogs((dialogs2) => dialogs2.filter((d) => d !== dialog));
|
|
534
536
|
});
|
|
535
537
|
}, [context]);
|
|
536
|
-
|
|
537
|
-
return
|
|
538
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
539
|
+
return _FHPV2Q7Ccjs.sync.call(void 0, store, ["open", "contentElement"], (state) => {
|
|
538
540
|
var _a;
|
|
539
541
|
if (!state.open) return;
|
|
540
542
|
if (!state.contentElement) return;
|
|
@@ -558,11 +560,11 @@ function useNestedDialogs(store) {
|
|
|
558
560
|
|
|
559
561
|
var _reactdom = require('react-dom');
|
|
560
562
|
function useRootDialog({ attribute, contentId, contentElement, enabled }) {
|
|
561
|
-
const [updated, retry] =
|
|
563
|
+
const [updated, retry] = _JBOLBTVUcjs.useForceUpdate.call(void 0, );
|
|
562
564
|
const isRootDialog = _react.useCallback.call(void 0, () => {
|
|
563
565
|
if (!enabled) return false;
|
|
564
566
|
if (!contentElement) return false;
|
|
565
|
-
const { body } =
|
|
567
|
+
const { body } = _JBOLBTVUcjs.getDocument.call(void 0, contentElement);
|
|
566
568
|
const id = body.getAttribute(attribute);
|
|
567
569
|
return !id || id === contentId;
|
|
568
570
|
}, [
|
|
@@ -576,7 +578,7 @@ function useRootDialog({ attribute, contentId, contentElement, enabled }) {
|
|
|
576
578
|
if (!enabled) return;
|
|
577
579
|
if (!contentId) return;
|
|
578
580
|
if (!contentElement) return;
|
|
579
|
-
const { body } =
|
|
581
|
+
const { body } = _JBOLBTVUcjs.getDocument.call(void 0, contentElement);
|
|
580
582
|
if (isRootDialog()) {
|
|
581
583
|
body.setAttribute(attribute, contentId);
|
|
582
584
|
return () => body.removeAttribute(attribute);
|
|
@@ -611,8 +613,8 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
|
|
|
611
613
|
_react.useEffect.call(void 0, () => {
|
|
612
614
|
if (!isRootDialog()) return;
|
|
613
615
|
if (!contentElement) return;
|
|
614
|
-
const doc =
|
|
615
|
-
const win =
|
|
616
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, contentElement);
|
|
617
|
+
const win = _JBOLBTVUcjs.getWindow.call(void 0, contentElement);
|
|
616
618
|
const { documentElement, body } = doc;
|
|
617
619
|
const cssScrollbarWidth = documentElement.style.getPropertyValue("--scrollbar-width");
|
|
618
620
|
const scrollbarWidth = cssScrollbarWidth ? Number.parseInt(cssScrollbarWidth, 10) : win.innerWidth - documentElement.clientWidth;
|
|
@@ -637,15 +639,15 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
|
|
|
637
639
|
});
|
|
638
640
|
return () => {
|
|
639
641
|
restoreStyle();
|
|
640
|
-
win.scrollTo({
|
|
642
|
+
if (process.env.NODE_ENV !== "test") win.scrollTo({
|
|
641
643
|
left: scrollX,
|
|
642
644
|
top: scrollY,
|
|
643
645
|
behavior: "instant"
|
|
644
646
|
});
|
|
645
647
|
};
|
|
646
648
|
};
|
|
647
|
-
const isIOS =
|
|
648
|
-
return
|
|
649
|
+
const isIOS = _JBOLBTVUcjs.isApple.call(void 0, ) && !_JBOLBTVUcjs.isMac.call(void 0, );
|
|
650
|
+
return _JBOLBTVUcjs.chain.call(void 0, setScrollbarWidthProperty(), isIOS ? setIOSStyle() : setStyle());
|
|
649
651
|
}, [isRootDialog, contentElement]);
|
|
650
652
|
}
|
|
651
653
|
|
|
@@ -653,23 +655,23 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
|
|
|
653
655
|
|
|
654
656
|
|
|
655
657
|
var TagName2 = "div";
|
|
656
|
-
var isSafariBrowser =
|
|
658
|
+
var isSafariBrowser = _JBOLBTVUcjs.isSafari.call(void 0, );
|
|
657
659
|
function isAlreadyFocusingAnotherElement(dialog) {
|
|
658
|
-
const activeElement =
|
|
660
|
+
const activeElement = _JBOLBTVUcjs.getActiveElement.call(void 0, dialog);
|
|
659
661
|
if (!activeElement) return false;
|
|
660
|
-
if (dialog &&
|
|
661
|
-
if (
|
|
662
|
+
if (dialog && _JBOLBTVUcjs.contains.call(void 0, dialog, activeElement)) return false;
|
|
663
|
+
if (_JBOLBTVUcjs.isFocusable.call(void 0, activeElement)) return true;
|
|
662
664
|
return false;
|
|
663
665
|
}
|
|
664
666
|
function getElementFromProp(prop, focusable = false) {
|
|
665
667
|
if (!prop) return null;
|
|
666
668
|
const element = "current" in prop ? prop.current : prop;
|
|
667
669
|
if (!element) return null;
|
|
668
|
-
if (focusable) return
|
|
670
|
+
if (focusable) return _JBOLBTVUcjs.isFocusable.call(void 0, element) ? element : null;
|
|
669
671
|
return element;
|
|
670
672
|
}
|
|
671
|
-
var useDialog =
|
|
672
|
-
const context =
|
|
673
|
+
var useDialog = _JBOLBTVUcjs.createHook.call(void 0, function useDialog2({ store: storeProp, open: openProp, onClose, focusable = true, modal = true, portal = modal, backdrop = modal, hideOnEscape = true, hideOnInteractOutside = true, getPersistentElements, preventBodyScroll = modal, autoFocusOnShow = true, autoFocusOnHide = true, initialFocus, finalFocus, unmountOnHide, unstable_treeSnapshotKey, ...props }) {
|
|
674
|
+
const context = _WYI5CKPVcjs.useDialogProviderContext.call(void 0, );
|
|
673
675
|
const ref = _react.useRef.call(void 0, null);
|
|
674
676
|
const store = useDialogStore({
|
|
675
677
|
store: storeProp || context,
|
|
@@ -688,31 +690,31 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
688
690
|
store.setOpen(true);
|
|
689
691
|
}
|
|
690
692
|
});
|
|
691
|
-
const { portalRef, domReady } =
|
|
693
|
+
const { portalRef, domReady } = _JBOLBTVUcjs.usePortalRef.call(void 0, portal, props.portalRef);
|
|
692
694
|
const preserveTabOrderProp = props.preserveTabOrder;
|
|
693
|
-
const preserveTabOrder =
|
|
694
|
-
const id =
|
|
695
|
-
const open =
|
|
696
|
-
const mounted =
|
|
697
|
-
const contentElement =
|
|
698
|
-
const hidden =
|
|
695
|
+
const preserveTabOrder = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => preserveTabOrderProp && !modal && state.mounted);
|
|
696
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
697
|
+
const open = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "open");
|
|
698
|
+
const mounted = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "mounted");
|
|
699
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
700
|
+
const hidden = _WYI5CKPVcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
|
|
699
701
|
usePreventBodyScroll(contentElement, id, preventBodyScroll && !hidden);
|
|
700
702
|
const interactedOutsideRef = _react.useRef.call(void 0, false);
|
|
701
|
-
|
|
702
|
-
return
|
|
703
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
704
|
+
return _FHPV2Q7Ccjs.sync.call(void 0, store, ["open"], (state) => {
|
|
703
705
|
if (!state.open) return;
|
|
704
706
|
interactedOutsideRef.current = false;
|
|
705
707
|
});
|
|
706
708
|
}, [store]);
|
|
707
709
|
useHideOnInteractOutside(store, hideOnInteractOutside, domReady, interactedOutsideRef);
|
|
708
710
|
const { wrapElement, nestedDialogs } = useNestedDialogs(store);
|
|
709
|
-
props =
|
|
711
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
|
|
710
712
|
const lastMousedownRef = _react.useRef.call(void 0, null);
|
|
711
713
|
if (isSafariBrowser) _react.useEffect.call(void 0, () => {
|
|
712
714
|
if (!domReady) return;
|
|
713
715
|
const dialog = ref.current;
|
|
714
716
|
if (!dialog) return;
|
|
715
|
-
const doc =
|
|
717
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, dialog);
|
|
716
718
|
const onMousedown = (event) => {
|
|
717
719
|
lastMousedownRef.current = event.target;
|
|
718
720
|
};
|
|
@@ -721,21 +723,21 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
721
723
|
doc.removeEventListener("mousedown", onMousedown, true);
|
|
722
724
|
};
|
|
723
725
|
}, [domReady]);
|
|
724
|
-
|
|
726
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
725
727
|
if (!open) return;
|
|
726
728
|
const dialog = ref.current;
|
|
727
|
-
const activeElement =
|
|
729
|
+
const activeElement = _JBOLBTVUcjs.getActiveElement.call(void 0, dialog, true);
|
|
728
730
|
if (!activeElement) return;
|
|
729
731
|
if (activeElement.tagName === "BODY") {
|
|
730
732
|
const fallback = lastMousedownRef.current;
|
|
731
733
|
lastMousedownRef.current = null;
|
|
732
734
|
if (!(fallback == null ? void 0 : fallback.isConnected)) return;
|
|
733
|
-
if (!
|
|
734
|
-
if (dialog &&
|
|
735
|
+
if (!_JBOLBTVUcjs.isFocusable.call(void 0, fallback)) return;
|
|
736
|
+
if (dialog && _JBOLBTVUcjs.contains.call(void 0, dialog, fallback)) return;
|
|
735
737
|
store.setDisclosureElement(fallback);
|
|
736
738
|
return;
|
|
737
739
|
}
|
|
738
|
-
if (dialog &&
|
|
740
|
+
if (dialog && _JBOLBTVUcjs.contains.call(void 0, dialog, activeElement)) return;
|
|
739
741
|
store.setDisclosureElement(activeElement);
|
|
740
742
|
}, [store, open]);
|
|
741
743
|
_react.useEffect.call(void 0, () => {
|
|
@@ -743,7 +745,7 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
743
745
|
if (!domReady) return;
|
|
744
746
|
const dialog = ref.current;
|
|
745
747
|
if (!dialog) return;
|
|
746
|
-
const win =
|
|
748
|
+
const win = _JBOLBTVUcjs.getWindow.call(void 0, dialog);
|
|
747
749
|
const viewport = win.visualViewport || win;
|
|
748
750
|
const setViewportHeight = () => {
|
|
749
751
|
var _a, _b;
|
|
@@ -770,7 +772,7 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
770
772
|
mounted,
|
|
771
773
|
domReady
|
|
772
774
|
]);
|
|
773
|
-
|
|
775
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
774
776
|
if (!supportsInert()) return;
|
|
775
777
|
if (open) return;
|
|
776
778
|
if (!mounted) return;
|
|
@@ -784,7 +786,7 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
784
786
|
domReady
|
|
785
787
|
]);
|
|
786
788
|
const canTakeTreeSnapshot = open && domReady;
|
|
787
|
-
|
|
789
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
788
790
|
if (!id) return;
|
|
789
791
|
if (!canTakeTreeSnapshot) return;
|
|
790
792
|
const dialog = ref.current;
|
|
@@ -794,8 +796,8 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
794
796
|
canTakeTreeSnapshot,
|
|
795
797
|
unstable_treeSnapshotKey
|
|
796
798
|
]);
|
|
797
|
-
const getPersistentElementsProp =
|
|
798
|
-
|
|
799
|
+
const getPersistentElementsProp = _JBOLBTVUcjs.useEvent.call(void 0, getPersistentElements);
|
|
800
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
799
801
|
if (!id) return;
|
|
800
802
|
if (!canTakeTreeSnapshot) return;
|
|
801
803
|
const { disclosureElement } = store.getState();
|
|
@@ -804,7 +806,7 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
804
806
|
...getPersistentElementsProp() || [],
|
|
805
807
|
...nestedDialogs.map((dialog) => dialog.getState().contentElement)
|
|
806
808
|
];
|
|
807
|
-
if (modal) return
|
|
809
|
+
if (modal) return _JBOLBTVUcjs.chain.call(void 0, markTreeOutside(id, allElements), disableTreeOutside(id, allElements));
|
|
808
810
|
return markTreeOutside(id, [disclosureElement, ...allElements]);
|
|
809
811
|
}, [
|
|
810
812
|
id,
|
|
@@ -816,15 +818,15 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
816
818
|
unstable_treeSnapshotKey
|
|
817
819
|
]);
|
|
818
820
|
const mayAutoFocusOnShow = !!autoFocusOnShow;
|
|
819
|
-
const autoFocusOnShowProp =
|
|
821
|
+
const autoFocusOnShowProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
|
|
820
822
|
const [autoFocusEnabled, setAutoFocusEnabled] = _react.useState.call(void 0, false);
|
|
821
823
|
_react.useEffect.call(void 0, () => {
|
|
822
824
|
if (!open) return;
|
|
823
825
|
if (!mayAutoFocusOnShow) return;
|
|
824
826
|
if (!domReady) return;
|
|
825
827
|
if (!(contentElement == null ? void 0 : contentElement.isConnected)) return;
|
|
826
|
-
const element = getElementFromProp(initialFocus, true) || contentElement.querySelector("[data-autofocus=true],[autofocus]") ||
|
|
827
|
-
const isElementFocusable =
|
|
828
|
+
const element = getElementFromProp(initialFocus, true) || contentElement.querySelector("[data-autofocus=true],[autofocus]") || _JBOLBTVUcjs.getFirstTabbableIn.call(void 0, contentElement, true, portal && preserveTabOrder) || contentElement;
|
|
829
|
+
const isElementFocusable = _JBOLBTVUcjs.isFocusable.call(void 0, element);
|
|
828
830
|
if (!autoFocusOnShowProp(isElementFocusable ? element : null)) return;
|
|
829
831
|
setAutoFocusEnabled(true);
|
|
830
832
|
queueMicrotask(() => {
|
|
@@ -849,9 +851,9 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
849
851
|
autoFocusOnShowProp
|
|
850
852
|
]);
|
|
851
853
|
const mayAutoFocusOnHide = !!autoFocusOnHide;
|
|
852
|
-
const autoFocusOnHideProp =
|
|
854
|
+
const autoFocusOnHideProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, autoFocusOnHide);
|
|
853
855
|
const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
|
|
854
|
-
|
|
856
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
855
857
|
if (!open) return;
|
|
856
858
|
setHasOpened(true);
|
|
857
859
|
return () => setHasOpened(false);
|
|
@@ -862,21 +864,21 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
862
864
|
if (isAlreadyFocusingAnotherElement(dialog)) return;
|
|
863
865
|
let element = getElementFromProp(finalFocus) || disclosureElement;
|
|
864
866
|
if (element == null ? void 0 : element.id) {
|
|
865
|
-
const doc =
|
|
867
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, element);
|
|
866
868
|
const selector = `[aria-activedescendant="${element.id}"]`;
|
|
867
869
|
const composite = doc.querySelector(selector);
|
|
868
870
|
if (composite) element = composite;
|
|
869
871
|
}
|
|
870
|
-
if (element && !
|
|
872
|
+
if (element && !_JBOLBTVUcjs.isFocusable.call(void 0, element)) {
|
|
871
873
|
const maybeParentDialog = element.closest("[data-dialog]");
|
|
872
874
|
if (maybeParentDialog == null ? void 0 : maybeParentDialog.id) {
|
|
873
|
-
const doc =
|
|
875
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, maybeParentDialog);
|
|
874
876
|
const selector = `[aria-controls~="${maybeParentDialog.id}"]`;
|
|
875
877
|
const control = doc.querySelector(selector);
|
|
876
878
|
if (control) element = control;
|
|
877
879
|
}
|
|
878
880
|
}
|
|
879
|
-
const isElementFocusable = element &&
|
|
881
|
+
const isElementFocusable = element && _JBOLBTVUcjs.isFocusable.call(void 0, element);
|
|
880
882
|
if (!isElementFocusable && retry) {
|
|
881
883
|
requestAnimationFrame(() => focusOnHide(dialog, false));
|
|
882
884
|
return;
|
|
@@ -890,7 +892,7 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
890
892
|
autoFocusOnHideProp
|
|
891
893
|
]);
|
|
892
894
|
const focusedOnHideRef = _react.useRef.call(void 0, false);
|
|
893
|
-
|
|
895
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
894
896
|
if (open) return;
|
|
895
897
|
if (!hasOpened) return;
|
|
896
898
|
if (!mayAutoFocusOnHide) return;
|
|
@@ -920,7 +922,7 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
920
922
|
mayAutoFocusOnHide,
|
|
921
923
|
focusOnHide
|
|
922
924
|
]);
|
|
923
|
-
const hideOnEscapeProp =
|
|
925
|
+
const hideOnEscapeProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, hideOnEscape);
|
|
924
926
|
_react.useEffect.call(void 0, () => {
|
|
925
927
|
if (!domReady) return;
|
|
926
928
|
if (!mounted) return;
|
|
@@ -931,20 +933,20 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
931
933
|
if (!dialog) return;
|
|
932
934
|
if (isElementMarked(dialog)) return;
|
|
933
935
|
const target = event.target;
|
|
934
|
-
if (!target) return;
|
|
936
|
+
if (!_JBOLBTVUcjs.isNode.call(void 0, target)) return;
|
|
935
937
|
const { disclosureElement } = store.getState();
|
|
936
938
|
const isValidTarget = () => {
|
|
937
|
-
if (target.tagName === "BODY") return true;
|
|
938
|
-
if (
|
|
939
|
+
if (_JBOLBTVUcjs.isElement.call(void 0, target) && target.tagName === "BODY") return true;
|
|
940
|
+
if (_JBOLBTVUcjs.contains.call(void 0, dialog, target)) return true;
|
|
939
941
|
if (!disclosureElement) return true;
|
|
940
|
-
if (
|
|
942
|
+
if (_JBOLBTVUcjs.contains.call(void 0, disclosureElement, target)) return true;
|
|
941
943
|
return false;
|
|
942
944
|
};
|
|
943
945
|
if (!isValidTarget()) return;
|
|
944
946
|
if (!hideOnEscapeProp(event)) return;
|
|
945
947
|
store.hide();
|
|
946
948
|
};
|
|
947
|
-
return
|
|
949
|
+
return _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "keydown", onKeyDown, true, contentElement ? _JBOLBTVUcjs.getWindow.call(void 0, contentElement) : void 0);
|
|
948
950
|
}, [
|
|
949
951
|
store,
|
|
950
952
|
domReady,
|
|
@@ -952,13 +954,13 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
952
954
|
contentElement,
|
|
953
955
|
hideOnEscapeProp
|
|
954
956
|
]);
|
|
955
|
-
props =
|
|
957
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DWSXHZYMcjs.HeadingLevel, {
|
|
956
958
|
level: modal ? 1 : void 0,
|
|
957
959
|
children: element
|
|
958
960
|
}), [modal]);
|
|
959
961
|
const hiddenProp = props.hidden;
|
|
960
962
|
const alwaysVisible = props.alwaysVisible;
|
|
961
|
-
props =
|
|
963
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => {
|
|
962
964
|
if (!backdrop) return element;
|
|
963
965
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogBackdrop, {
|
|
964
966
|
store,
|
|
@@ -974,11 +976,11 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
974
976
|
]);
|
|
975
977
|
const [headingId, setHeadingId] = _react.useState.call(void 0, );
|
|
976
978
|
const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
|
|
977
|
-
props =
|
|
979
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WYI5CKPVcjs.DialogScopedContextProvider, {
|
|
978
980
|
value: store,
|
|
979
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
981
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WYI5CKPVcjs.DialogHeadingContext.Provider, {
|
|
980
982
|
value: setHeadingId,
|
|
981
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
983
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WYI5CKPVcjs.DialogDescriptionContext.Provider, {
|
|
982
984
|
value: setDescriptionId,
|
|
983
985
|
children: element
|
|
984
986
|
})
|
|
@@ -992,21 +994,21 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
992
994
|
"aria-describedby": descriptionId,
|
|
993
995
|
...props,
|
|
994
996
|
id,
|
|
995
|
-
ref:
|
|
997
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref)
|
|
996
998
|
};
|
|
997
999
|
props = useFocusableContainer({
|
|
998
1000
|
...props,
|
|
999
1001
|
autoFocusOnShow: autoFocusEnabled
|
|
1000
1002
|
});
|
|
1001
|
-
props =
|
|
1003
|
+
props = _WYI5CKPVcjs.useDisclosureContent.call(void 0, {
|
|
1002
1004
|
store,
|
|
1003
1005
|
...props
|
|
1004
1006
|
});
|
|
1005
|
-
props =
|
|
1007
|
+
props = _BTARPES4cjs.useFocusable.call(void 0, {
|
|
1006
1008
|
...props,
|
|
1007
1009
|
focusable
|
|
1008
1010
|
});
|
|
1009
|
-
props =
|
|
1011
|
+
props = _7XB4QE2Hcjs.usePortal.call(void 0, {
|
|
1010
1012
|
portal,
|
|
1011
1013
|
...props,
|
|
1012
1014
|
portalRef,
|
|
@@ -1014,16 +1016,28 @@ var useDialog = _QAUJZR6Ycjs.createHook.call(void 0, function useDialog2({ store
|
|
|
1014
1016
|
});
|
|
1015
1017
|
return props;
|
|
1016
1018
|
});
|
|
1017
|
-
function createDialogComponent(Component, useProviderContext =
|
|
1018
|
-
return
|
|
1019
|
+
function createDialogComponent(Component, useProviderContext = _WYI5CKPVcjs.useDialogProviderContext) {
|
|
1020
|
+
return _JBOLBTVUcjs.forwardRef.call(void 0, function DialogComponent(props) {
|
|
1019
1021
|
const context = useProviderContext();
|
|
1020
|
-
if (!
|
|
1022
|
+
if (!_FHPV2Q7Ccjs.useStoreState.call(void 0, props.store || context, (state) => !props.unmountOnHide || (state == null ? void 0 : state.mounted) || !!props.open)) return null;
|
|
1021
1023
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...props });
|
|
1022
1024
|
});
|
|
1023
1025
|
}
|
|
1024
|
-
var
|
|
1025
|
-
return
|
|
1026
|
-
}),
|
|
1026
|
+
var DialogWithStore = createDialogComponent(_JBOLBTVUcjs.forwardRef.call(void 0, function DialogImpl(props) {
|
|
1027
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useDialog(props));
|
|
1028
|
+
}), _WYI5CKPVcjs.useDialogProviderContext);
|
|
1029
|
+
var DialogWithInternalStore = _JBOLBTVUcjs.forwardRef.call(void 0, function DialogWithInternalStore2(props) {
|
|
1030
|
+
const store = useDialogStore({ open: props.open });
|
|
1031
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogWithStore, {
|
|
1032
|
+
...props,
|
|
1033
|
+
store
|
|
1034
|
+
});
|
|
1035
|
+
});
|
|
1036
|
+
var Dialog = _JBOLBTVUcjs.forwardRef.call(void 0, function Dialog2(props) {
|
|
1037
|
+
const context = _WYI5CKPVcjs.useDialogProviderContext.call(void 0, );
|
|
1038
|
+
if (props.store || context || !props.unmountOnHide) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogWithStore, { ...props });
|
|
1039
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogWithInternalStore, { ...props });
|
|
1040
|
+
});
|
|
1027
1041
|
|
|
1028
1042
|
|
|
1029
1043
|
|