@ariakit/react-core 0.2.6 → 0.2.7
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 +6 -0
- package/cjs/__chunks/{W2HT5JVG.cjs → 5XCV5EYC.cjs} +2 -2
- package/cjs/__chunks/{GAXSMBTE.cjs → 7F62IPL4.cjs} +5 -5
- package/cjs/__chunks/{7N3VSG4A.cjs → H3K4JFZO.cjs} +3 -3
- package/cjs/__chunks/{COSA3K2S.cjs → IUR52EVR.cjs} +6 -4
- package/cjs/__chunks/JV2X54UE.cjs +96 -0
- package/cjs/__chunks/{ZHJT7NZK.cjs → KBAUXTTH.cjs} +26 -21
- package/cjs/__chunks/{4OHV3LC4.cjs → LWKIYVKL.cjs} +4 -6
- package/cjs/__chunks/{HNCLPSSV.cjs → NRIAM6MC.cjs} +2 -2
- package/cjs/__chunks/{JRMMZABK.cjs → OQ7OHY6L.cjs} +4 -2
- package/cjs/__chunks/{YEIYG56F.cjs → RYACMEZB.cjs} +6 -6
- package/cjs/__chunks/{6EZOH2LA.cjs → VGYBL6X3.cjs} +2 -2
- package/cjs/combobox/combobox-popover.cjs +11 -11
- package/cjs/composite/composite-overflow.cjs +11 -11
- package/cjs/dialog/dialog-backdrop.cjs +4 -4
- package/cjs/dialog/dialog.cjs +10 -10
- package/cjs/dialog/utils/disable-accessibility-tree-outside.cjs +3 -3
- package/cjs/dialog/utils/disable-tree-outside.cjs +4 -4
- package/cjs/dialog/utils/mark-tree-outside.cjs +3 -3
- package/cjs/dialog/utils/orchestrate.cjs +2 -2
- package/cjs/dialog/utils/orchestrate.d.ts +2 -2
- package/cjs/dialog/utils/use-hide-on-interact-outside.cjs +4 -4
- package/cjs/dialog/utils/use-nested-dialogs.cjs +2 -2
- package/cjs/dialog/utils/use-nested-dialogs.d.ts +1 -1
- package/cjs/dialog/utils/use-prevent-body-scroll.cjs +3 -3
- package/cjs/hovercard/hovercard.cjs +12 -12
- package/cjs/menu/menu.cjs +12 -12
- package/cjs/popover/popover.cjs +11 -11
- package/cjs/select/select-popover.cjs +11 -11
- package/cjs/tooltip/tooltip.cjs +12 -12
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/esm/__chunks/{EKB2TUKR.js → 265D6T7T.js} +1 -1
- package/esm/__chunks/{NOIOBRWH.js → 4D3OGBNH.js} +4 -2
- package/esm/__chunks/{ZWS67PVZ.js → 4V6VYUH3.js} +1 -1
- package/esm/__chunks/{HIZJQGB5.js → 5VTQ6DZF.js} +1 -1
- package/esm/__chunks/{4GMZGYHX.js → CKSO3V6B.js} +2 -2
- package/esm/__chunks/{LMWFU6EQ.js → EMR324FL.js} +1 -3
- package/esm/__chunks/{4OUEWDQI.js → IZU5PNP2.js} +17 -12
- package/esm/__chunks/{3DWMKQHI.js → OJHPXVNR.js} +5 -3
- package/esm/__chunks/T6V23Y6E.js +96 -0
- package/esm/__chunks/{ACAQG6DN.js → TJKNVC7W.js} +1 -1
- package/esm/__chunks/{H2CSFGIT.js → UPKA4QN5.js} +1 -1
- package/esm/combobox/combobox-popover.js +10 -10
- package/esm/composite/composite-overflow.js +10 -10
- package/esm/dialog/dialog-backdrop.js +3 -3
- package/esm/dialog/dialog.js +9 -9
- package/esm/dialog/utils/disable-accessibility-tree-outside.js +2 -2
- package/esm/dialog/utils/disable-tree-outside.js +3 -3
- package/esm/dialog/utils/mark-tree-outside.js +2 -2
- package/esm/dialog/utils/orchestrate.d.ts +2 -2
- package/esm/dialog/utils/orchestrate.js +1 -1
- package/esm/dialog/utils/use-hide-on-interact-outside.js +3 -3
- package/esm/dialog/utils/use-nested-dialogs.d.ts +1 -1
- package/esm/dialog/utils/use-nested-dialogs.js +1 -1
- package/esm/dialog/utils/use-prevent-body-scroll.js +2 -2
- package/esm/hovercard/hovercard.js +11 -11
- package/esm/menu/menu.js +11 -11
- package/esm/popover/popover.js +10 -10
- package/esm/select/select-popover.js +10 -10
- package/esm/tooltip/tooltip.js +11 -11
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/cjs/__chunks/NR3SJH64.cjs +0 -90
- package/esm/__chunks/DJESYNLE.js +0 -90
package/CHANGELOG.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _VGYBL6X3cjs = require('./VGYBL6X3.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
@@ -264,7 +264,7 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
264
264
|
});
|
|
265
265
|
props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
266
266
|
props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
|
|
267
|
-
props =
|
|
267
|
+
props = _VGYBL6X3cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
268
268
|
store,
|
|
269
269
|
modal,
|
|
270
270
|
portal
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _JV2X54UEcjs = require('./JV2X54UE.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
|
|
@@ -12,14 +12,14 @@ function getPropertyName(id = "", ancestor = false) {
|
|
|
12
12
|
}
|
|
13
13
|
function markElement(element, id = "") {
|
|
14
14
|
return _misc.chain.call(void 0,
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
_JV2X54UEcjs.setProperty.call(void 0, element, getPropertyName(), true),
|
|
16
|
+
_JV2X54UEcjs.setProperty.call(void 0, element, getPropertyName(id), true)
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
19
|
function markAncestor(element, id = "") {
|
|
20
20
|
return _misc.chain.call(void 0,
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
_JV2X54UEcjs.setProperty.call(void 0, element, getPropertyName("", true), true),
|
|
22
|
+
_JV2X54UEcjs.setProperty.call(void 0, element, getPropertyName(id, true), true)
|
|
23
23
|
);
|
|
24
24
|
}
|
|
25
25
|
function isElementMarked(element, id) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _7F62IPL4cjs = require('./7F62IPL4.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
|
|
@@ -71,7 +71,7 @@ function useEventOutside({
|
|
|
71
71
|
return;
|
|
72
72
|
if (isMouseEventOnDialog(event, contentElement))
|
|
73
73
|
return;
|
|
74
|
-
if (!
|
|
74
|
+
if (!_7F62IPL4cjs.isElementMarked.call(void 0, target, contentElement.id))
|
|
75
75
|
return;
|
|
76
76
|
callListener(event);
|
|
77
77
|
};
|
|
@@ -97,7 +97,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside) {
|
|
|
97
97
|
return;
|
|
98
98
|
if (!_dom.isVisible.call(void 0, previousMouseDown))
|
|
99
99
|
return;
|
|
100
|
-
if (!
|
|
100
|
+
if (!_7F62IPL4cjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
|
|
101
101
|
return;
|
|
102
102
|
if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
|
|
103
103
|
return;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _7F62IPL4cjs = require('./7F62IPL4.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _245ESIYYcjs = require('./245ESIYY.cjs');
|
|
@@ -53,18 +53,20 @@ function DialogBackdrop({
|
|
|
53
53
|
const backdrop2 = ref.current;
|
|
54
54
|
if (!backdrop2)
|
|
55
55
|
return;
|
|
56
|
-
return
|
|
56
|
+
return _7F62IPL4cjs.markAncestor.call(void 0, backdrop2, id);
|
|
57
57
|
}, [contentElement]);
|
|
58
58
|
backdropProps = _react.isValidElement.call(void 0, backdrop) ? _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
59
59
|
ref: "ref" in backdrop ? backdrop.ref : void 0
|
|
60
60
|
}, backdrop.props), backdropProps) : backdropProps;
|
|
61
|
+
if (hidden != null) {
|
|
62
|
+
backdropProps = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
|
|
63
|
+
}
|
|
61
64
|
const props = _5YBLVTWKcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
62
65
|
store,
|
|
63
66
|
id: void 0,
|
|
64
67
|
role: "presentation",
|
|
65
68
|
"data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
|
|
66
|
-
alwaysVisible
|
|
67
|
-
hidden
|
|
69
|
+
alwaysVisible
|
|
68
70
|
}, backdropProps), {
|
|
69
71
|
ref: _K4FBPMJ3cjs.useForkRef.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
|
|
70
72
|
style: _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/orchestrate.ts
|
|
2
|
+
var cleanups = Symbol();
|
|
3
|
+
function orchestrate(element, key, setup) {
|
|
4
|
+
if (!element[cleanups]) {
|
|
5
|
+
element[cleanups] = /* @__PURE__ */ new Map();
|
|
6
|
+
}
|
|
7
|
+
const elementCleanups = element[cleanups];
|
|
8
|
+
const prevCleanup = elementCleanups.get(key);
|
|
9
|
+
if (!prevCleanup) {
|
|
10
|
+
elementCleanups.set(key, setup());
|
|
11
|
+
return () => {
|
|
12
|
+
var _a;
|
|
13
|
+
(_a = elementCleanups.get(key)) == null ? void 0 : _a();
|
|
14
|
+
elementCleanups.delete(key);
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
const cleanup = setup();
|
|
18
|
+
const nextCleanup = () => {
|
|
19
|
+
cleanup();
|
|
20
|
+
prevCleanup();
|
|
21
|
+
elementCleanups.delete(key);
|
|
22
|
+
};
|
|
23
|
+
elementCleanups.set(key, nextCleanup);
|
|
24
|
+
return () => {
|
|
25
|
+
if (elementCleanups.get(key) !== nextCleanup)
|
|
26
|
+
return;
|
|
27
|
+
cleanup();
|
|
28
|
+
elementCleanups.set(key, prevCleanup);
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function setAttribute(element, attr, value) {
|
|
32
|
+
const setup = () => {
|
|
33
|
+
const previousValue = element.getAttribute(attr);
|
|
34
|
+
element.setAttribute(attr, value);
|
|
35
|
+
return () => {
|
|
36
|
+
if (previousValue == null) {
|
|
37
|
+
element.removeAttribute(attr);
|
|
38
|
+
} else {
|
|
39
|
+
element.setAttribute(attr, previousValue);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
return orchestrate(element, attr, setup);
|
|
44
|
+
}
|
|
45
|
+
function setProperty(element, property, value) {
|
|
46
|
+
const setup = () => {
|
|
47
|
+
const exists = property in element;
|
|
48
|
+
const previousValue = element[property];
|
|
49
|
+
element[property] = value;
|
|
50
|
+
return () => {
|
|
51
|
+
if (!exists) {
|
|
52
|
+
delete element[property];
|
|
53
|
+
} else {
|
|
54
|
+
element[property] = previousValue;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
return orchestrate(element, property, setup);
|
|
59
|
+
}
|
|
60
|
+
function assignStyle(element, style) {
|
|
61
|
+
if (!element)
|
|
62
|
+
return () => {
|
|
63
|
+
};
|
|
64
|
+
const setup = () => {
|
|
65
|
+
const prevStyle = element.style.cssText;
|
|
66
|
+
Object.assign(element.style, style);
|
|
67
|
+
return () => {
|
|
68
|
+
element.style.cssText = prevStyle;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
return orchestrate(element, "style", setup);
|
|
72
|
+
}
|
|
73
|
+
function setCSSProperty(element, property, value) {
|
|
74
|
+
if (!element)
|
|
75
|
+
return () => {
|
|
76
|
+
};
|
|
77
|
+
const setup = () => {
|
|
78
|
+
const previousValue = element.style.getPropertyValue(property);
|
|
79
|
+
element.style.setProperty(property, value);
|
|
80
|
+
return () => {
|
|
81
|
+
if (previousValue) {
|
|
82
|
+
element.style.setProperty(property, previousValue);
|
|
83
|
+
} else {
|
|
84
|
+
element.style.removeProperty(property);
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
return orchestrate(element, property, setup);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
exports.setAttribute = setAttribute; exports.setProperty = setProperty; exports.assignStyle = assignStyle; exports.setCSSProperty = setCSSProperty;
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _IUR52EVRcjs = require('./IUR52EVR.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _RYACMEZBcjs = require('./RYACMEZB.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _NRIAM6MCcjs = require('./NRIAM6MC.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _LWKIYVKLcjs = require('./LWKIYVKL.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _OQ7OHY6Lcjs = require('./OQ7OHY6L.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _H3K4JFZOcjs = require('./H3K4JFZO.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
var _W32FX7DMcjs = require('./W32FX7DM.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
|
|
25
|
+
var _7F62IPL4cjs = require('./7F62IPL4.cjs');
|
|
25
26
|
|
|
26
27
|
|
|
27
28
|
var _UPT7GI2Icjs = require('./UPT7GI2I.cjs');
|
|
@@ -152,9 +153,9 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
152
153
|
const mounted = store.useState("mounted");
|
|
153
154
|
const contentElement = store.useState("contentElement");
|
|
154
155
|
const hidden = _5YBLVTWKcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
const { wrapElement, nestedDialogs } =
|
|
156
|
+
_LWKIYVKLcjs.usePreventBodyScroll.call(void 0, store, preventBodyScroll && !hidden);
|
|
157
|
+
_H3K4JFZOcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
|
|
158
|
+
const { wrapElement, nestedDialogs } = _OQ7OHY6Lcjs.useNestedDialogs.call(void 0, store);
|
|
158
159
|
props = _K4FBPMJ3cjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
|
|
159
160
|
_K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
|
|
160
161
|
if (!open)
|
|
@@ -229,25 +230,28 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
229
230
|
const dialog = ref.current;
|
|
230
231
|
const persistentElements = getPersistentElementsProp() || [];
|
|
231
232
|
const allElements = [
|
|
232
|
-
// In addition to the dialog element, we also include the portal node
|
|
233
|
-
// so nested dialogs are considered as well.
|
|
233
|
+
// In addition to the dialog element, we also include the portal node
|
|
234
|
+
// here so nested dialogs are considered as well.
|
|
234
235
|
dialog,
|
|
235
236
|
portalNode,
|
|
236
|
-
...
|
|
237
|
-
|
|
237
|
+
...persistentElements,
|
|
238
|
+
// We still need to include nested dialogs here because they may be
|
|
239
|
+
// outside the portal node or the parent dialog may not be using a
|
|
240
|
+
// portal.
|
|
241
|
+
...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
|
|
238
242
|
];
|
|
239
243
|
if (!shouldDisableAccessibilityTree) {
|
|
240
|
-
return
|
|
244
|
+
return _7F62IPL4cjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
|
|
241
245
|
}
|
|
242
246
|
if (modal) {
|
|
243
247
|
return _misc.chain.call(void 0,
|
|
244
|
-
|
|
245
|
-
|
|
248
|
+
_7F62IPL4cjs.markTreeOutside.call(void 0, id, ...allElements),
|
|
249
|
+
_RYACMEZBcjs.disableTreeOutside.call(void 0, ...allElements)
|
|
246
250
|
);
|
|
247
251
|
}
|
|
248
252
|
return _misc.chain.call(void 0,
|
|
249
|
-
|
|
250
|
-
|
|
253
|
+
_7F62IPL4cjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
|
|
254
|
+
_NRIAM6MCcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
|
|
251
255
|
);
|
|
252
256
|
}, [
|
|
253
257
|
id,
|
|
@@ -368,6 +372,8 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
368
372
|
const dialog = ref.current;
|
|
369
373
|
if (!dialog)
|
|
370
374
|
return;
|
|
375
|
+
if (_7F62IPL4cjs.isElementMarked.call(void 0, dialog))
|
|
376
|
+
return;
|
|
371
377
|
const target = event.target;
|
|
372
378
|
if (!target)
|
|
373
379
|
return;
|
|
@@ -387,7 +393,6 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
387
393
|
return;
|
|
388
394
|
if (!hideOnEscapeProp(event))
|
|
389
395
|
return;
|
|
390
|
-
event.stopImmediatePropagation();
|
|
391
396
|
store.hide();
|
|
392
397
|
};
|
|
393
398
|
return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown);
|
|
@@ -405,7 +410,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
405
410
|
if (backdrop) {
|
|
406
411
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
407
412
|
backdrop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
408
|
-
|
|
413
|
+
_IUR52EVRcjs.DialogBackdrop,
|
|
409
414
|
{
|
|
410
415
|
store,
|
|
411
416
|
backdrop,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _JV2X54UEcjs = require('./JV2X54UE.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
|
|
@@ -20,20 +20,18 @@ function usePreventBodyScroll(store, enabled) {
|
|
|
20
20
|
if (!enabled)
|
|
21
21
|
return;
|
|
22
22
|
const { contentElement } = store.getState();
|
|
23
|
-
if (!contentElement)
|
|
24
|
-
return;
|
|
25
23
|
const doc = _dom.getDocument.call(void 0, contentElement);
|
|
26
24
|
const win = _dom.getWindow.call(void 0, contentElement);
|
|
27
25
|
const { documentElement, body } = doc;
|
|
28
26
|
const cssScrollbarWidth = documentElement.style.getPropertyValue("--scrollbar-width");
|
|
29
27
|
const scrollbarWidth = cssScrollbarWidth ? parseInt(cssScrollbarWidth) : win.innerWidth - documentElement.clientWidth;
|
|
30
|
-
const setScrollbarWidthProperty = () =>
|
|
28
|
+
const setScrollbarWidthProperty = () => _JV2X54UEcjs.setCSSProperty.call(void 0,
|
|
31
29
|
documentElement,
|
|
32
30
|
"--scrollbar-width",
|
|
33
31
|
`${scrollbarWidth}px`
|
|
34
32
|
);
|
|
35
33
|
const paddingProperty = getPaddingProperty(documentElement);
|
|
36
|
-
const setStyle = () =>
|
|
34
|
+
const setStyle = () => _JV2X54UEcjs.assignStyle.call(void 0, body, {
|
|
37
35
|
overflow: "hidden",
|
|
38
36
|
[paddingProperty]: `${scrollbarWidth}px`
|
|
39
37
|
});
|
|
@@ -42,7 +40,7 @@ function usePreventBodyScroll(store, enabled) {
|
|
|
42
40
|
const { scrollX, scrollY, visualViewport } = win;
|
|
43
41
|
const offsetLeft = (_a = visualViewport == null ? void 0 : visualViewport.offsetLeft) != null ? _a : 0;
|
|
44
42
|
const offsetTop = (_b = visualViewport == null ? void 0 : visualViewport.offsetTop) != null ? _b : 0;
|
|
45
|
-
const restoreStyle =
|
|
43
|
+
const restoreStyle = _JV2X54UEcjs.assignStyle.call(void 0, body, {
|
|
46
44
|
position: "fixed",
|
|
47
45
|
overflow: "hidden",
|
|
48
46
|
top: `${-(scrollY - Math.floor(offsetTop))}px`,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _JV2X54UEcjs = require('./JV2X54UE.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
|
|
7
7
|
|
|
8
8
|
// src/dialog/utils/disable-accessibility-tree-outside.ts
|
|
9
9
|
function hideElementFromAccessibilityTree(element) {
|
|
10
|
-
return
|
|
10
|
+
return _JV2X54UEcjs.setAttribute.call(void 0, element, "aria-hidden", "true");
|
|
11
11
|
}
|
|
12
12
|
function disableAccessibilityTreeOutside(...elements) {
|
|
13
13
|
const cleanups = [];
|
|
@@ -30,11 +30,13 @@ function useNestedDialogs(store) {
|
|
|
30
30
|
return store.sync(
|
|
31
31
|
(state) => {
|
|
32
32
|
var _a;
|
|
33
|
+
if (!state.open)
|
|
34
|
+
return;
|
|
33
35
|
if (!state.contentElement)
|
|
34
36
|
return;
|
|
35
|
-
return (_a = context.add) == null ? void 0 : _a.call(context,
|
|
37
|
+
return (_a = context.add) == null ? void 0 : _a.call(context, store);
|
|
36
38
|
},
|
|
37
|
-
["contentElement"]
|
|
39
|
+
["open", "contentElement"]
|
|
38
40
|
);
|
|
39
41
|
}, [store, context]);
|
|
40
42
|
_K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _NRIAM6MCcjs = require('./NRIAM6MC.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
|
|
@@ -8,7 +8,7 @@ var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _JV2X54UEcjs = require('./JV2X54UE.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
|
|
@@ -21,11 +21,11 @@ function disableElement(element) {
|
|
|
21
21
|
if (!("style" in element))
|
|
22
22
|
return _misc.noop;
|
|
23
23
|
if (_56NPFF7Pcjs.supportsInert.call(void 0, )) {
|
|
24
|
-
return
|
|
24
|
+
return _JV2X54UEcjs.setProperty.call(void 0, element, "inert", true);
|
|
25
25
|
}
|
|
26
26
|
return _misc.chain.call(void 0,
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
_NRIAM6MCcjs.hideElementFromAccessibilityTree.call(void 0, element),
|
|
28
|
+
_JV2X54UEcjs.assignStyle.call(void 0, element, {
|
|
29
29
|
pointerEvents: "none",
|
|
30
30
|
userSelect: "none",
|
|
31
31
|
cursor: "default"
|
|
@@ -38,7 +38,7 @@ function disableTreeOutside(...elements) {
|
|
|
38
38
|
_focus.getAllTabbable.call(void 0, ).forEach((element) => {
|
|
39
39
|
if (elements.some((el) => el && _dom.contains.call(void 0, el, element)))
|
|
40
40
|
return;
|
|
41
|
-
cleanups.unshift(
|
|
41
|
+
cleanups.unshift(_JV2X54UEcjs.setAttribute.call(void 0, element, "tabindex", "-1"));
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
_TFOIZV2Vcjs.walkTreeOutside.call(void 0, elements, (element) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _KBAUXTTHcjs = require('./KBAUXTTH.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
|
|
@@ -338,7 +338,7 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
338
338
|
position: "relative"
|
|
339
339
|
}, props.style)
|
|
340
340
|
});
|
|
341
|
-
props =
|
|
341
|
+
props = _KBAUXTTHcjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
342
342
|
store,
|
|
343
343
|
modal,
|
|
344
344
|
preserveTabOrder,
|
|
@@ -4,18 +4,18 @@ var _LLP4PENDcjs = require('../__chunks/LLP4PEND.cjs');
|
|
|
4
4
|
require('../__chunks/2WZVSPAI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../__chunks/
|
|
9
|
-
require('../__chunks/
|
|
10
|
-
require('../__chunks/
|
|
11
|
-
require('../__chunks/
|
|
12
|
-
require('../__chunks/
|
|
13
|
-
require('../__chunks/
|
|
14
|
-
require('../__chunks/
|
|
7
|
+
var _VGYBL6X3cjs = require('../__chunks/VGYBL6X3.cjs');
|
|
8
|
+
require('../__chunks/KBAUXTTH.cjs');
|
|
9
|
+
require('../__chunks/IUR52EVR.cjs');
|
|
10
|
+
require('../__chunks/RYACMEZB.cjs');
|
|
11
|
+
require('../__chunks/NRIAM6MC.cjs');
|
|
12
|
+
require('../__chunks/LWKIYVKL.cjs');
|
|
13
|
+
require('../__chunks/OQ7OHY6L.cjs');
|
|
14
|
+
require('../__chunks/H3K4JFZO.cjs');
|
|
15
15
|
require('../__chunks/56NPFF7P.cjs');
|
|
16
16
|
require('../__chunks/W32FX7DM.cjs');
|
|
17
|
-
require('../__chunks/
|
|
18
|
-
require('../__chunks/
|
|
17
|
+
require('../__chunks/7F62IPL4.cjs');
|
|
18
|
+
require('../__chunks/JV2X54UE.cjs');
|
|
19
19
|
require('../__chunks/UPT7GI2I.cjs');
|
|
20
20
|
require('../__chunks/TFOIZV2V.cjs');
|
|
21
21
|
require('../__chunks/X2GXTE3P.cjs');
|
|
@@ -72,7 +72,7 @@ var useComboboxPopover = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
72
72
|
]);
|
|
73
73
|
const baseElement = store.useState("baseElement");
|
|
74
74
|
props = _LLP4PENDcjs.useComboboxList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
|
|
75
|
-
props =
|
|
75
|
+
props = _VGYBL6X3cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
76
76
|
store,
|
|
77
77
|
alwaysVisible,
|
|
78
78
|
autoFocusOnShow: false,
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/
|
|
9
|
-
require('../__chunks/
|
|
10
|
-
require('../__chunks/
|
|
3
|
+
var _VGYBL6X3cjs = require('../__chunks/VGYBL6X3.cjs');
|
|
4
|
+
require('../__chunks/KBAUXTTH.cjs');
|
|
5
|
+
require('../__chunks/IUR52EVR.cjs');
|
|
6
|
+
require('../__chunks/RYACMEZB.cjs');
|
|
7
|
+
require('../__chunks/NRIAM6MC.cjs');
|
|
8
|
+
require('../__chunks/LWKIYVKL.cjs');
|
|
9
|
+
require('../__chunks/OQ7OHY6L.cjs');
|
|
10
|
+
require('../__chunks/H3K4JFZO.cjs');
|
|
11
11
|
require('../__chunks/56NPFF7P.cjs');
|
|
12
12
|
require('../__chunks/W32FX7DM.cjs');
|
|
13
|
-
require('../__chunks/
|
|
14
|
-
require('../__chunks/
|
|
13
|
+
require('../__chunks/7F62IPL4.cjs');
|
|
14
|
+
require('../__chunks/JV2X54UE.cjs');
|
|
15
15
|
require('../__chunks/UPT7GI2I.cjs');
|
|
16
16
|
require('../__chunks/TFOIZV2V.cjs');
|
|
17
17
|
require('../__chunks/X2GXTE3P.cjs');
|
|
@@ -84,7 +84,7 @@ var useCompositeOverflow = _5U7AP6Y2cjs.createHook.call(void 0,
|
|
|
84
84
|
}, props), {
|
|
85
85
|
onFocus
|
|
86
86
|
});
|
|
87
|
-
props =
|
|
87
|
+
props = _VGYBL6X3cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
88
88
|
store,
|
|
89
89
|
backdropProps,
|
|
90
90
|
wrapperProps,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
3
|
+
var _IUR52EVRcjs = require('../__chunks/IUR52EVR.cjs');
|
|
4
|
+
require('../__chunks/7F62IPL4.cjs');
|
|
5
|
+
require('../__chunks/JV2X54UE.cjs');
|
|
6
6
|
require('../__chunks/TFOIZV2V.cjs');
|
|
7
7
|
require('../__chunks/245ESIYY.cjs');
|
|
8
8
|
require('../__chunks/5YBLVTWK.cjs');
|
|
@@ -12,4 +12,4 @@ require('../__chunks/2X5K3J7Y.cjs');
|
|
|
12
12
|
require('../__chunks/6455U47T.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
exports.DialogBackdrop =
|
|
15
|
+
exports.DialogBackdrop = _IUR52EVRcjs.DialogBackdrop;
|
package/cjs/dialog/dialog.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/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/
|
|
9
|
-
require('../__chunks/
|
|
10
|
-
require('../__chunks/
|
|
4
|
+
var _KBAUXTTHcjs = require('../__chunks/KBAUXTTH.cjs');
|
|
5
|
+
require('../__chunks/IUR52EVR.cjs');
|
|
6
|
+
require('../__chunks/RYACMEZB.cjs');
|
|
7
|
+
require('../__chunks/NRIAM6MC.cjs');
|
|
8
|
+
require('../__chunks/LWKIYVKL.cjs');
|
|
9
|
+
require('../__chunks/OQ7OHY6L.cjs');
|
|
10
|
+
require('../__chunks/H3K4JFZO.cjs');
|
|
11
11
|
require('../__chunks/56NPFF7P.cjs');
|
|
12
12
|
require('../__chunks/W32FX7DM.cjs');
|
|
13
|
-
require('../__chunks/
|
|
14
|
-
require('../__chunks/
|
|
13
|
+
require('../__chunks/7F62IPL4.cjs');
|
|
14
|
+
require('../__chunks/JV2X54UE.cjs');
|
|
15
15
|
require('../__chunks/UPT7GI2I.cjs');
|
|
16
16
|
require('../__chunks/TFOIZV2V.cjs');
|
|
17
17
|
require('../__chunks/X2GXTE3P.cjs');
|
|
@@ -33,4 +33,4 @@ require('../__chunks/6455U47T.cjs');
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
exports.Dialog =
|
|
36
|
+
exports.Dialog = _KBAUXTTHcjs.Dialog; exports.useDialog = _KBAUXTTHcjs.useDialog;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../__chunks/
|
|
4
|
+
var _NRIAM6MCcjs = require('../../__chunks/NRIAM6MC.cjs');
|
|
5
|
+
require('../../__chunks/JV2X54UE.cjs');
|
|
6
6
|
require('../../__chunks/TFOIZV2V.cjs');
|
|
7
7
|
require('../../__chunks/6455U47T.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.disableAccessibilityTreeOutside =
|
|
11
|
+
exports.disableAccessibilityTreeOutside = _NRIAM6MCcjs.disableAccessibilityTreeOutside; exports.hideElementFromAccessibilityTree = _NRIAM6MCcjs.hideElementFromAccessibilityTree;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../__chunks/
|
|
3
|
+
var _RYACMEZBcjs = require('../../__chunks/RYACMEZB.cjs');
|
|
4
|
+
require('../../__chunks/NRIAM6MC.cjs');
|
|
5
5
|
require('../../__chunks/56NPFF7P.cjs');
|
|
6
|
-
require('../../__chunks/
|
|
6
|
+
require('../../__chunks/JV2X54UE.cjs');
|
|
7
7
|
require('../../__chunks/TFOIZV2V.cjs');
|
|
8
8
|
require('../../__chunks/6455U47T.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.disableTreeOutside =
|
|
11
|
+
exports.disableTreeOutside = _RYACMEZBcjs.disableTreeOutside;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
7
|
-
require('../../__chunks/
|
|
6
|
+
var _7F62IPL4cjs = require('../../__chunks/7F62IPL4.cjs');
|
|
7
|
+
require('../../__chunks/JV2X54UE.cjs');
|
|
8
8
|
require('../../__chunks/TFOIZV2V.cjs');
|
|
9
9
|
require('../../__chunks/6455U47T.cjs');
|
|
10
10
|
|
|
@@ -12,4 +12,4 @@ require('../../__chunks/6455U47T.cjs');
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
exports.isElementMarked =
|
|
15
|
+
exports.isElementMarked = _7F62IPL4cjs.isElementMarked; exports.markAncestor = _7F62IPL4cjs.markAncestor; exports.markElement = _7F62IPL4cjs.markElement; exports.markTreeOutside = _7F62IPL4cjs.markTreeOutside;
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _JV2X54UEcjs = require('../../__chunks/JV2X54UE.cjs');
|
|
7
7
|
require('../../__chunks/6455U47T.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.assignStyle =
|
|
13
|
+
exports.assignStyle = _JV2X54UEcjs.assignStyle; exports.setAttribute = _JV2X54UEcjs.setAttribute; exports.setCSSProperty = _JV2X54UEcjs.setCSSProperty; exports.setProperty = _JV2X54UEcjs.setProperty;
|