@ariakit/react-core 0.1.7 → 0.1.8
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.md +12 -0
- package/cjs/__chunks/{EEXWIKOB.cjs → IRSBF3C5.cjs} +20 -37
- package/cjs/__chunks/{FU76FHC2.cjs → JZRGYPLK.cjs} +2 -2
- package/cjs/__chunks/{QXXZLOZG.cjs → OMM6PC3A.cjs} +9 -39
- package/cjs/__chunks/{DCDTT7UY.cjs → YYKQBWQQ.cjs} +2 -2
- package/cjs/combobox/combobox-popover.cjs +7 -7
- package/cjs/composite/composite-overflow.cjs +7 -7
- package/cjs/dialog/dialog-backdrop.cjs +5 -3
- package/cjs/dialog/dialog-backdrop.d.ts +2 -2
- package/cjs/dialog/dialog.cjs +6 -6
- package/cjs/dialog/dialog.d.ts +2 -2
- package/cjs/dialog/utils/is-backdrop.cjs +21 -0
- package/cjs/dialog/utils/is-backdrop.d.ts +1 -0
- package/cjs/heading/heading-level.d.ts +1 -1
- package/cjs/hovercard/hovercard.cjs +8 -8
- package/cjs/menu/menu.cjs +8 -8
- package/cjs/popover/popover.cjs +7 -7
- package/cjs/select/select-popover.cjs +7 -7
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/dialog/utils/is-backdrop/package.json +7 -0
- package/esm/__chunks/{3L2YBPR3.js → CXDKC5CW.js} +1 -1
- package/esm/__chunks/{TCX5FQUL.js → EMZ4NQG4.js} +19 -36
- package/esm/__chunks/{RVIGSXKO.js → JJHXFKMC.js} +1 -1
- package/esm/__chunks/{JXNLCNWG.js → ZFMAA4DD.js} +10 -40
- package/esm/combobox/combobox-popover.js +6 -6
- package/esm/composite/composite-overflow.js +6 -6
- package/esm/dialog/dialog-backdrop.d.ts +2 -2
- package/esm/dialog/dialog-backdrop.js +4 -2
- package/esm/dialog/dialog.d.ts +2 -2
- package/esm/dialog/dialog.js +5 -5
- package/esm/dialog/utils/is-backdrop.d.ts +1 -0
- package/esm/dialog/utils/is-backdrop.js +21 -0
- package/esm/heading/heading-level.d.ts +1 -1
- package/esm/hovercard/hovercard.js +7 -7
- package/esm/menu/menu.js +7 -7
- package/esm/popover/popover.js +6 -6
- package/esm/select/select-popover.js +6 -6
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @ariakit/react-core
|
|
2
2
|
|
|
3
|
+
## 0.1.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Fixed `DialogBackdrop` not including the `data-backdrop` attribute in the initial render, causing a flash of unstyled content when the dialog is initially open. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
|
|
8
|
+
|
|
9
|
+
- Fixed `Dialog` calling `hideOnInteractOutside` twice when clicking on the backdrop. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
|
|
10
|
+
|
|
11
|
+
- The built-in `DialogBackdrop` component is no longer focusable. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
|
|
12
|
+
|
|
13
|
+
- Call `autoFocusOnHide` and `autoFocusOnShow` with a `null` argument when there's no element to focus or the element is not focusable. This allows users to specify a fallback element to focus on hide or show. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
|
|
14
|
+
|
|
3
15
|
## 0.1.7
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _OMM6PC3Acjs = require('./OMM6PC3A.cjs');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
var _O45IXGJWcjs = require('./O45IXGJW.cjs');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
var _TVZPJJTXcjs = require('./TVZPJJTX.cjs');
|
|
4
10
|
|
|
5
11
|
|
|
6
12
|
var _QRAQT522cjs = require('./QRAQT522.cjs');
|
|
@@ -18,12 +24,6 @@ var _W32FX7DMcjs = require('./W32FX7DM.cjs');
|
|
|
18
24
|
var _CARNFZQTcjs = require('./CARNFZQT.cjs');
|
|
19
25
|
|
|
20
26
|
|
|
21
|
-
var _O45IXGJWcjs = require('./O45IXGJW.cjs');
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var _TVZPJJTXcjs = require('./TVZPJJTX.cjs');
|
|
25
|
-
|
|
26
|
-
|
|
27
27
|
var _GHWBKA6Hcjs = require('./GHWBKA6H.cjs');
|
|
28
28
|
|
|
29
29
|
|
|
@@ -84,20 +84,12 @@ var _misc = require('@ariakit/core/utils/misc');
|
|
|
84
84
|
var _platform = require('@ariakit/core/utils/platform');
|
|
85
85
|
var _jsxruntime = require('react/jsx-runtime');
|
|
86
86
|
var isSafariBrowser = _platform.isSafari.call(void 0, );
|
|
87
|
-
function isBackdrop(dialog, element) {
|
|
88
|
-
const id = dialog.id;
|
|
89
|
-
if (!id)
|
|
90
|
-
return;
|
|
91
|
-
return element.getAttribute("data-backdrop") === id;
|
|
92
|
-
}
|
|
93
87
|
function isAlreadyFocusingAnotherElement(dialog) {
|
|
94
88
|
const activeElement = _dom.getActiveElement.call(void 0, );
|
|
95
89
|
if (!activeElement)
|
|
96
90
|
return false;
|
|
97
91
|
if (_dom.contains.call(void 0, dialog, activeElement))
|
|
98
92
|
return false;
|
|
99
|
-
if (isBackdrop(dialog, activeElement))
|
|
100
|
-
return false;
|
|
101
93
|
if (activeElement.hasAttribute("data-dialog"))
|
|
102
94
|
return false;
|
|
103
95
|
if (_focus.isFocusable.call(void 0, activeElement))
|
|
@@ -164,7 +156,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
164
156
|
_E5VOJWDRcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
|
|
165
157
|
const { wrapElement, nestedDialogs } = _NZYGNCZLcjs.useNestedDialogs.call(void 0, store);
|
|
166
158
|
props = _NREUHWTUcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
|
|
167
|
-
|
|
159
|
+
_NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
168
160
|
if (!open)
|
|
169
161
|
return;
|
|
170
162
|
const dialog = ref.current;
|
|
@@ -285,7 +277,8 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
285
277
|
// receives focus.
|
|
286
278
|
_focus.getFirstTabbableIn.call(void 0, contentElement, true, portal && preserveTabOrder) || // Finally, we fallback to the dialog element itself.
|
|
287
279
|
contentElement;
|
|
288
|
-
|
|
280
|
+
const isElementFocusable = _focus.isFocusable.call(void 0, element);
|
|
281
|
+
if (!autoFocusOnShowProp(isElementFocusable ? element : null))
|
|
289
282
|
return;
|
|
290
283
|
setAutoFocusEnabled(true);
|
|
291
284
|
element.focus();
|
|
@@ -321,9 +314,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
321
314
|
return;
|
|
322
315
|
const { disclosureElement } = store.getState();
|
|
323
316
|
let element = getElementFromProp(finalFocus) || disclosureElement;
|
|
324
|
-
if (
|
|
325
|
-
return;
|
|
326
|
-
if (element.id) {
|
|
317
|
+
if (element == null ? void 0 : element.id) {
|
|
327
318
|
const doc = _dom.getDocument.call(void 0, element);
|
|
328
319
|
const selector = `[aria-activedescendant="${element.id}"]`;
|
|
329
320
|
const composite = doc.querySelector(selector);
|
|
@@ -331,7 +322,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
331
322
|
element = composite;
|
|
332
323
|
}
|
|
333
324
|
}
|
|
334
|
-
if (!_focus.isFocusable.call(void 0, element)) {
|
|
325
|
+
if (element && !_focus.isFocusable.call(void 0, element)) {
|
|
335
326
|
const maybeParentDialog = _dom.closest.call(void 0, element, "[data-dialog]");
|
|
336
327
|
if (maybeParentDialog && maybeParentDialog.id) {
|
|
337
328
|
const doc = _dom.getDocument.call(void 0, maybeParentDialog);
|
|
@@ -342,15 +333,16 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
342
333
|
}
|
|
343
334
|
}
|
|
344
335
|
}
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
return;
|
|
336
|
+
const isElementFocusable = element && _focus.isFocusable.call(void 0, element);
|
|
337
|
+
if (!isElementFocusable && retry) {
|
|
348
338
|
requestAnimationFrame(() => focusOnHide(false));
|
|
349
339
|
return;
|
|
350
340
|
}
|
|
351
|
-
if (!autoFocusOnHideProp(element))
|
|
341
|
+
if (!autoFocusOnHideProp(isElementFocusable ? element : null))
|
|
342
|
+
return;
|
|
343
|
+
if (!isElementFocusable)
|
|
352
344
|
return;
|
|
353
|
-
element.focus();
|
|
345
|
+
element == null ? void 0 : element.focus();
|
|
354
346
|
};
|
|
355
347
|
if (!open) {
|
|
356
348
|
return focusOnHide();
|
|
@@ -406,13 +398,11 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
406
398
|
(element) => {
|
|
407
399
|
if (backdrop) {
|
|
408
400
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
409
|
-
|
|
401
|
+
_OMM6PC3Acjs.DialogBackdrop,
|
|
410
402
|
{
|
|
411
403
|
store,
|
|
412
404
|
backdrop,
|
|
413
405
|
backdropProps,
|
|
414
|
-
hideOnInteractOutside,
|
|
415
|
-
hideOnEscape,
|
|
416
406
|
hidden: hiddenProp,
|
|
417
407
|
children: element
|
|
418
408
|
}
|
|
@@ -420,14 +410,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
420
410
|
}
|
|
421
411
|
return element;
|
|
422
412
|
},
|
|
423
|
-
[
|
|
424
|
-
store,
|
|
425
|
-
backdrop,
|
|
426
|
-
backdropProps,
|
|
427
|
-
hideOnInteractOutside,
|
|
428
|
-
hideOnEscape,
|
|
429
|
-
hiddenProp
|
|
430
|
-
]
|
|
413
|
+
[store, backdrop, backdropProps, hiddenProp]
|
|
431
414
|
);
|
|
432
415
|
const [headingId, setHeadingId] = _react.useState.call(void 0, );
|
|
433
416
|
const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _IRSBF3C5cjs = require('./IRSBF3C5.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
|
|
@@ -99,7 +99,7 @@ var usePopover = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
99
99
|
position: "relative"
|
|
100
100
|
}, props.style)
|
|
101
101
|
});
|
|
102
|
-
props =
|
|
102
|
+
props = _IRSBF3C5cjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
103
103
|
store,
|
|
104
104
|
modal,
|
|
105
105
|
preserveTabOrder,
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _CARNFZQTcjs = require('./CARNFZQT.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _EM2PMFEWcjs = require('./EM2PMFEW.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
10
|
var _NREUHWTUcjs = require('./NREUHWTU.cjs');
|
|
13
11
|
|
|
14
12
|
|
|
@@ -17,15 +15,12 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
|
|
|
17
15
|
|
|
18
16
|
// src/dialog/dialog-backdrop.tsx
|
|
19
17
|
var _react = require('react');
|
|
20
|
-
var _events = require('@ariakit/core/utils/events');
|
|
21
18
|
var _misc = require('@ariakit/core/utils/misc');
|
|
22
19
|
var _jsxruntime = require('react/jsx-runtime');
|
|
23
20
|
function DialogBackdrop({
|
|
24
21
|
store,
|
|
25
22
|
backdrop,
|
|
26
23
|
backdropProps,
|
|
27
|
-
hideOnInteractOutside = true,
|
|
28
|
-
hideOnEscape = true,
|
|
29
24
|
hidden,
|
|
30
25
|
children
|
|
31
26
|
}) {
|
|
@@ -48,47 +43,22 @@ function DialogBackdrop({
|
|
|
48
43
|
return;
|
|
49
44
|
backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
|
|
50
45
|
}, [contentElement]);
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
const previousMouseDownRef = _X2GXTE3Pcjs.usePreviousMouseDownRef.call(void 0, mounted);
|
|
55
|
-
const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
|
|
56
|
-
onClickProp == null ? void 0 : onClickProp(event);
|
|
57
|
-
if (event.defaultPrevented)
|
|
58
|
-
return;
|
|
59
|
-
if (!_events.isSelfTarget.call(void 0, event))
|
|
60
|
-
return;
|
|
61
|
-
if (previousMouseDownRef.current !== event.currentTarget)
|
|
62
|
-
return;
|
|
63
|
-
if (!hideOnInteractOutsideProp(event))
|
|
64
|
-
return;
|
|
65
|
-
event.stopPropagation();
|
|
66
|
-
store.hide();
|
|
67
|
-
});
|
|
68
|
-
const onKeyDownProp = backdropProps == null ? void 0 : backdropProps.onKeyDown;
|
|
69
|
-
const hideOnEscapeProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnEscape);
|
|
70
|
-
const onKeyDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
|
|
71
|
-
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
72
|
-
if (event.defaultPrevented)
|
|
73
|
-
return;
|
|
74
|
-
if (event.key !== "Escape")
|
|
75
|
-
return;
|
|
76
|
-
if (!_events.isSelfTarget.call(void 0, event))
|
|
46
|
+
_NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
47
|
+
const id = contentElement == null ? void 0 : contentElement.id;
|
|
48
|
+
if (!id)
|
|
77
49
|
return;
|
|
78
|
-
|
|
50
|
+
const backdrop2 = ref.current;
|
|
51
|
+
if (!backdrop2)
|
|
79
52
|
return;
|
|
80
|
-
|
|
81
|
-
});
|
|
53
|
+
return _CARNFZQTcjs.markAncestor.call(void 0, backdrop2, id);
|
|
54
|
+
}, [contentElement]);
|
|
82
55
|
const props = _EM2PMFEWcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
83
56
|
store,
|
|
84
57
|
id: void 0,
|
|
85
58
|
role: "presentation",
|
|
86
|
-
tabIndex: -1,
|
|
87
59
|
hidden
|
|
88
60
|
}, backdropProps), {
|
|
89
61
|
ref: _NREUHWTUcjs.useForkRef.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
|
|
90
|
-
onClick,
|
|
91
|
-
onKeyDown,
|
|
92
62
|
style: _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
93
63
|
position: "fixed",
|
|
94
64
|
top: 0,
|
|
@@ -98,7 +68,7 @@ function DialogBackdrop({
|
|
|
98
68
|
}, backdropProps == null ? void 0 : backdropProps.style)
|
|
99
69
|
}));
|
|
100
70
|
const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
|
|
101
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { "data-backdrop": contentElement == null ? void 0 : contentElement.id, children }));
|
|
71
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "", children }));
|
|
102
72
|
}
|
|
103
73
|
|
|
104
74
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _JZRGYPLKcjs = require('./JZRGYPLK.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
@@ -282,7 +282,7 @@ var useHovercard = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
282
282
|
});
|
|
283
283
|
props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
284
284
|
props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
|
|
285
|
-
props =
|
|
285
|
+
props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
286
286
|
hideOnEscape,
|
|
287
287
|
store,
|
|
288
288
|
modal,
|
|
@@ -4,17 +4,17 @@ var _OHRAT4C4cjs = require('../__chunks/OHRAT4C4.cjs');
|
|
|
4
4
|
require('../__chunks/2WZVSPAI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../__chunks/
|
|
9
|
-
require('../__chunks/
|
|
7
|
+
var _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
|
|
8
|
+
require('../__chunks/IRSBF3C5.cjs');
|
|
9
|
+
require('../__chunks/OMM6PC3A.cjs');
|
|
10
|
+
require('../__chunks/O45IXGJW.cjs');
|
|
11
|
+
require('../__chunks/TVZPJJTX.cjs');
|
|
10
12
|
require('../__chunks/QRAQT522.cjs');
|
|
11
13
|
require('../__chunks/NZYGNCZL.cjs');
|
|
12
14
|
require('../__chunks/E5VOJWDR.cjs');
|
|
15
|
+
require('../__chunks/56NPFF7P.cjs');
|
|
13
16
|
require('../__chunks/W32FX7DM.cjs');
|
|
14
17
|
require('../__chunks/CARNFZQT.cjs');
|
|
15
|
-
require('../__chunks/O45IXGJW.cjs');
|
|
16
|
-
require('../__chunks/TVZPJJTX.cjs');
|
|
17
|
-
require('../__chunks/56NPFF7P.cjs');
|
|
18
18
|
require('../__chunks/NR3SJH64.cjs');
|
|
19
19
|
require('../__chunks/GHWBKA6H.cjs');
|
|
20
20
|
require('../__chunks/EE6OIU6X.cjs');
|
|
@@ -61,7 +61,7 @@ var useComboboxPopover = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
61
61
|
var _b = _a, { store, tabIndex, hideOnInteractOutside = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "tabIndex", "hideOnInteractOutside"]);
|
|
62
62
|
const baseElement = store.useState("baseElement");
|
|
63
63
|
props = _OHRAT4C4cjs.useComboboxList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
64
|
-
props =
|
|
64
|
+
props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
65
65
|
store,
|
|
66
66
|
autoFocusOnShow: false,
|
|
67
67
|
autoFocusOnHide: false,
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
3
|
+
var _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
|
|
4
|
+
require('../__chunks/IRSBF3C5.cjs');
|
|
5
|
+
require('../__chunks/OMM6PC3A.cjs');
|
|
6
|
+
require('../__chunks/O45IXGJW.cjs');
|
|
7
|
+
require('../__chunks/TVZPJJTX.cjs');
|
|
6
8
|
require('../__chunks/QRAQT522.cjs');
|
|
7
9
|
require('../__chunks/NZYGNCZL.cjs');
|
|
8
10
|
require('../__chunks/E5VOJWDR.cjs');
|
|
11
|
+
require('../__chunks/56NPFF7P.cjs');
|
|
9
12
|
require('../__chunks/W32FX7DM.cjs');
|
|
10
13
|
require('../__chunks/CARNFZQT.cjs');
|
|
11
|
-
require('../__chunks/O45IXGJW.cjs');
|
|
12
|
-
require('../__chunks/TVZPJJTX.cjs');
|
|
13
|
-
require('../__chunks/56NPFF7P.cjs');
|
|
14
14
|
require('../__chunks/NR3SJH64.cjs');
|
|
15
15
|
require('../__chunks/GHWBKA6H.cjs');
|
|
16
16
|
require('../__chunks/EE6OIU6X.cjs');
|
|
@@ -83,7 +83,7 @@ var useCompositeOverflow = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
83
83
|
}, props), {
|
|
84
84
|
onFocus
|
|
85
85
|
});
|
|
86
|
-
props =
|
|
86
|
+
props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
87
87
|
store,
|
|
88
88
|
backdropProps,
|
|
89
89
|
wrapperProps,
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
3
|
+
var _OMM6PC3Acjs = require('../__chunks/OMM6PC3A.cjs');
|
|
4
|
+
require('../__chunks/CARNFZQT.cjs');
|
|
5
|
+
require('../__chunks/NR3SJH64.cjs');
|
|
6
|
+
require('../__chunks/EE6OIU6X.cjs');
|
|
5
7
|
require('../__chunks/EM2PMFEW.cjs');
|
|
6
8
|
require('../__chunks/7NAIPZYN.cjs');
|
|
7
9
|
require('../__chunks/NREUHWTU.cjs');
|
|
@@ -9,4 +11,4 @@ require('../__chunks/2X5K3J7Y.cjs');
|
|
|
9
11
|
require('../__chunks/6455U47T.cjs');
|
|
10
12
|
|
|
11
13
|
|
|
12
|
-
exports.DialogBackdrop =
|
|
14
|
+
exports.DialogBackdrop = _OMM6PC3Acjs.DialogBackdrop;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
2
|
import type { DialogProps } from "./dialog.js";
|
|
3
|
-
type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "
|
|
3
|
+
type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hidden"> & {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
};
|
|
6
|
-
export declare function DialogBackdrop({ store, backdrop, backdropProps,
|
|
6
|
+
export declare function DialogBackdrop({ store, backdrop, backdropProps, hidden, children, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
package/cjs/dialog/dialog.cjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _IRSBF3C5cjs = require('../__chunks/IRSBF3C5.cjs');
|
|
5
|
+
require('../__chunks/OMM6PC3A.cjs');
|
|
6
|
+
require('../__chunks/O45IXGJW.cjs');
|
|
7
|
+
require('../__chunks/TVZPJJTX.cjs');
|
|
6
8
|
require('../__chunks/QRAQT522.cjs');
|
|
7
9
|
require('../__chunks/NZYGNCZL.cjs');
|
|
8
10
|
require('../__chunks/E5VOJWDR.cjs');
|
|
11
|
+
require('../__chunks/56NPFF7P.cjs');
|
|
9
12
|
require('../__chunks/W32FX7DM.cjs');
|
|
10
13
|
require('../__chunks/CARNFZQT.cjs');
|
|
11
|
-
require('../__chunks/O45IXGJW.cjs');
|
|
12
|
-
require('../__chunks/TVZPJJTX.cjs');
|
|
13
|
-
require('../__chunks/56NPFF7P.cjs');
|
|
14
14
|
require('../__chunks/NR3SJH64.cjs');
|
|
15
15
|
require('../__chunks/GHWBKA6H.cjs');
|
|
16
16
|
require('../__chunks/EE6OIU6X.cjs');
|
|
@@ -32,4 +32,4 @@ require('../__chunks/6455U47T.cjs');
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
exports.Dialog =
|
|
35
|
+
exports.Dialog = _IRSBF3C5cjs.Dialog; exports.useDialog = _IRSBF3C5cjs.useDialog;
|
package/cjs/dialog/dialog.d.ts
CHANGED
|
@@ -96,7 +96,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
|
|
|
96
96
|
* a different element to receive focus.
|
|
97
97
|
* @default true
|
|
98
98
|
*/
|
|
99
|
-
autoFocusOnShow?: BooleanOrCallback<HTMLElement>;
|
|
99
|
+
autoFocusOnShow?: BooleanOrCallback<HTMLElement | null>;
|
|
100
100
|
/**
|
|
101
101
|
* Determines whether an element outside of the dialog will be focused when
|
|
102
102
|
* the dialog is hidden if another element hasn't been focused in the action
|
|
@@ -106,7 +106,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
|
|
|
106
106
|
* element to be focused.
|
|
107
107
|
* @default true
|
|
108
108
|
*/
|
|
109
|
-
autoFocusOnHide?: BooleanOrCallback<HTMLElement>;
|
|
109
|
+
autoFocusOnHide?: BooleanOrCallback<HTMLElement | null>;
|
|
110
110
|
/**
|
|
111
111
|
* Specifies the element that will receive focus when the dialog is first
|
|
112
112
|
* opened. It can be an `HTMLElement` or a `React.RefObject` with an
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../__chunks/6455U47T.cjs');
|
|
2
|
+
|
|
3
|
+
// src/dialog/utils/is-backdrop.ts
|
|
4
|
+
function isBackdrop(element, dialog) {
|
|
5
|
+
if (!element)
|
|
6
|
+
return false;
|
|
7
|
+
const backdrop = element.getAttribute("data-backdrop");
|
|
8
|
+
if (backdrop == null)
|
|
9
|
+
return false;
|
|
10
|
+
if (backdrop === "")
|
|
11
|
+
return true;
|
|
12
|
+
if (backdrop === "true")
|
|
13
|
+
return true;
|
|
14
|
+
const id = dialog == null ? void 0 : dialog.id;
|
|
15
|
+
if (!id)
|
|
16
|
+
return false;
|
|
17
|
+
return backdrop === id;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
exports.isBackdrop = isBackdrop;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function isBackdrop(element?: Element | null, dialog?: HTMLElement | null): boolean;
|
|
@@ -14,7 +14,7 @@ import type { HeadingLevels } from "./utils.js";
|
|
|
14
14
|
* </HeadingLevel>
|
|
15
15
|
* ```
|
|
16
16
|
*/
|
|
17
|
-
export declare function HeadingLevel({ level, children }: HeadingLevelProps): JSX.Element;
|
|
17
|
+
export declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export type HeadingLevelProps = {
|
|
19
19
|
/**
|
|
20
20
|
* The heading level. By default, it'll increase the level by 1 based on the
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _YYKQBWQQcjs = require('../__chunks/YYKQBWQQ.cjs');
|
|
5
5
|
require('../__chunks/OLGMV24U.cjs');
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/
|
|
6
|
+
require('../__chunks/JZRGYPLK.cjs');
|
|
7
|
+
require('../__chunks/IRSBF3C5.cjs');
|
|
8
|
+
require('../__chunks/OMM6PC3A.cjs');
|
|
9
|
+
require('../__chunks/O45IXGJW.cjs');
|
|
10
|
+
require('../__chunks/TVZPJJTX.cjs');
|
|
9
11
|
require('../__chunks/QRAQT522.cjs');
|
|
10
12
|
require('../__chunks/NZYGNCZL.cjs');
|
|
11
13
|
require('../__chunks/E5VOJWDR.cjs');
|
|
14
|
+
require('../__chunks/56NPFF7P.cjs');
|
|
12
15
|
require('../__chunks/W32FX7DM.cjs');
|
|
13
16
|
require('../__chunks/CARNFZQT.cjs');
|
|
14
|
-
require('../__chunks/O45IXGJW.cjs');
|
|
15
|
-
require('../__chunks/TVZPJJTX.cjs');
|
|
16
|
-
require('../__chunks/56NPFF7P.cjs');
|
|
17
17
|
require('../__chunks/NR3SJH64.cjs');
|
|
18
18
|
require('../__chunks/GHWBKA6H.cjs');
|
|
19
19
|
require('../__chunks/EE6OIU6X.cjs');
|
|
@@ -36,4 +36,4 @@ require('../__chunks/6455U47T.cjs');
|
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
exports.Hovercard =
|
|
39
|
+
exports.Hovercard = _YYKQBWQQcjs.Hovercard; exports.useHovercard = _YYKQBWQQcjs.useHovercard;
|
package/cjs/menu/menu.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _YYKQBWQQcjs = require('../__chunks/YYKQBWQQ.cjs');
|
|
4
4
|
require('../__chunks/OLGMV24U.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
@@ -9,17 +9,17 @@ var _RHO5OVPEcjs = require('../__chunks/RHO5OVPE.cjs');
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
|
|
12
|
-
require('../__chunks/
|
|
13
|
-
require('../__chunks/
|
|
14
|
-
require('../__chunks/
|
|
12
|
+
require('../__chunks/JZRGYPLK.cjs');
|
|
13
|
+
require('../__chunks/IRSBF3C5.cjs');
|
|
14
|
+
require('../__chunks/OMM6PC3A.cjs');
|
|
15
|
+
require('../__chunks/O45IXGJW.cjs');
|
|
16
|
+
require('../__chunks/TVZPJJTX.cjs');
|
|
15
17
|
require('../__chunks/QRAQT522.cjs');
|
|
16
18
|
require('../__chunks/NZYGNCZL.cjs');
|
|
17
19
|
require('../__chunks/E5VOJWDR.cjs');
|
|
20
|
+
require('../__chunks/56NPFF7P.cjs');
|
|
18
21
|
require('../__chunks/W32FX7DM.cjs');
|
|
19
22
|
require('../__chunks/CARNFZQT.cjs');
|
|
20
|
-
require('../__chunks/O45IXGJW.cjs');
|
|
21
|
-
require('../__chunks/TVZPJJTX.cjs');
|
|
22
|
-
require('../__chunks/56NPFF7P.cjs');
|
|
23
23
|
require('../__chunks/NR3SJH64.cjs');
|
|
24
24
|
require('../__chunks/GHWBKA6H.cjs');
|
|
25
25
|
require('../__chunks/EE6OIU6X.cjs');
|
|
@@ -137,7 +137,7 @@ var useMenu = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
137
137
|
}, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
|
|
138
138
|
const mayAutoFocusOnShow = !!autoFocusOnShow;
|
|
139
139
|
const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
|
|
140
|
-
props =
|
|
140
|
+
props = _YYKQBWQQcjs.useHovercard.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
141
141
|
store,
|
|
142
142
|
initialFocus: initialFocusRef,
|
|
143
143
|
autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!props.modal
|
package/cjs/popover/popover.cjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
4
|
+
var _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
|
|
5
|
+
require('../__chunks/IRSBF3C5.cjs');
|
|
6
|
+
require('../__chunks/OMM6PC3A.cjs');
|
|
7
|
+
require('../__chunks/O45IXGJW.cjs');
|
|
8
|
+
require('../__chunks/TVZPJJTX.cjs');
|
|
7
9
|
require('../__chunks/QRAQT522.cjs');
|
|
8
10
|
require('../__chunks/NZYGNCZL.cjs');
|
|
9
11
|
require('../__chunks/E5VOJWDR.cjs');
|
|
12
|
+
require('../__chunks/56NPFF7P.cjs');
|
|
10
13
|
require('../__chunks/W32FX7DM.cjs');
|
|
11
14
|
require('../__chunks/CARNFZQT.cjs');
|
|
12
|
-
require('../__chunks/O45IXGJW.cjs');
|
|
13
|
-
require('../__chunks/TVZPJJTX.cjs');
|
|
14
|
-
require('../__chunks/56NPFF7P.cjs');
|
|
15
15
|
require('../__chunks/NR3SJH64.cjs');
|
|
16
16
|
require('../__chunks/GHWBKA6H.cjs');
|
|
17
17
|
require('../__chunks/EE6OIU6X.cjs');
|
|
@@ -34,4 +34,4 @@ require('../__chunks/6455U47T.cjs');
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
exports.Popover =
|
|
37
|
+
exports.Popover = _JZRGYPLKcjs.Popover; exports.usePopover = _JZRGYPLKcjs.usePopover;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
3
|
+
var _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
|
|
4
|
+
require('../__chunks/IRSBF3C5.cjs');
|
|
5
|
+
require('../__chunks/OMM6PC3A.cjs');
|
|
6
|
+
require('../__chunks/O45IXGJW.cjs');
|
|
7
|
+
require('../__chunks/TVZPJJTX.cjs');
|
|
6
8
|
require('../__chunks/QRAQT522.cjs');
|
|
7
9
|
require('../__chunks/NZYGNCZL.cjs');
|
|
8
10
|
require('../__chunks/E5VOJWDR.cjs');
|
|
11
|
+
require('../__chunks/56NPFF7P.cjs');
|
|
9
12
|
require('../__chunks/W32FX7DM.cjs');
|
|
10
13
|
require('../__chunks/CARNFZQT.cjs');
|
|
11
|
-
require('../__chunks/O45IXGJW.cjs');
|
|
12
|
-
require('../__chunks/TVZPJJTX.cjs');
|
|
13
|
-
require('../__chunks/56NPFF7P.cjs');
|
|
14
14
|
require('../__chunks/NR3SJH64.cjs');
|
|
15
15
|
require('../__chunks/GHWBKA6H.cjs');
|
|
16
16
|
require('../__chunks/EE6OIU6X.cjs');
|
|
@@ -51,7 +51,7 @@ var useSelectPopover = _7NAIPZYNcjs.createHook.call(void 0,
|
|
|
51
51
|
(_a) => {
|
|
52
52
|
var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
|
|
53
53
|
props = _ASQZCUUAcjs.useSelectList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
54
|
-
props =
|
|
54
|
+
props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
55
55
|
return props;
|
|
56
56
|
}
|
|
57
57
|
);
|