@ariakit/react-core 0.2.8 → 0.2.10
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 +26 -0
- package/cjs/__chunks/{6UH7OSG5.cjs → 364WU3DX.cjs} +2 -2
- package/cjs/__chunks/4CQBSK3W.cjs +46 -0
- package/cjs/__chunks/{4K22VVH6.cjs → 6WLP7YXF.cjs} +2 -2
- package/cjs/__chunks/{MJQOSYPH.cjs → 6Y7OJ66S.cjs} +2 -2
- package/cjs/__chunks/{HBWDRXN5.cjs → 7BSXU2OL.cjs} +2 -2
- package/cjs/__chunks/{JV2X54UE.cjs → BWQVQDGC.cjs} +6 -5
- package/cjs/__chunks/{TSZDLL4X.cjs → CEDXB2ML.cjs} +2 -2
- package/cjs/__chunks/{LULOLUTN.cjs → DFJJN2WM.cjs} +7 -13
- package/cjs/__chunks/{UUHO6ZXS.cjs → EYNBXS3C.cjs} +2 -2
- package/cjs/__chunks/{AYLR4G5I.cjs → FIEVSSEV.cjs} +1 -1
- package/cjs/__chunks/{7F62IPL4.cjs → FSADYSOP.cjs} +14 -6
- package/cjs/__chunks/{QAEK22OL.cjs → G2UKCWYO.cjs} +2 -2
- package/cjs/__chunks/{QUOAEQQ7.cjs → GET3PZI4.cjs} +4 -3
- package/cjs/__chunks/{6WWAF5Y2.cjs → GJ2WWSXI.cjs} +2 -2
- package/cjs/__chunks/{FMIZNXEA.cjs → GQUXK6V2.cjs} +18 -10
- package/cjs/__chunks/{S35Z3MRE.cjs → HM3GZVEF.cjs} +2 -2
- package/cjs/__chunks/{6UM5H74J.cjs → HP2YFIDE.cjs} +3 -3
- package/cjs/__chunks/{5NZUFDNS.cjs → HTXMZNNP.cjs} +4 -4
- package/cjs/__chunks/{3VAV4ULL.cjs → KQYBSO76.cjs} +2 -2
- package/cjs/__chunks/{K3VYU4RD.cjs → MOOOVIIV.cjs} +2 -2
- package/cjs/__chunks/{NRIAM6MC.cjs → O22LNQHS.cjs} +8 -2
- package/cjs/__chunks/{MUDM7N7Y.cjs → OKM7CARK.cjs} +2 -2
- package/cjs/__chunks/{GOWDAADN.cjs → PZBTPQEZ.cjs} +36 -45
- package/cjs/__chunks/{GZNLXFK3.cjs → RHFHMA7V.cjs} +2 -2
- package/cjs/__chunks/{RYACMEZB.cjs → S2VSVWFY.cjs} +12 -6
- package/cjs/__chunks/{47DEI3MG.cjs → SDW7WM6J.cjs} +2 -2
- package/cjs/__chunks/{QGYOOPA2.cjs → XIQNHQGW.cjs} +2 -2
- package/cjs/__chunks/{FM2UUSFC.cjs → XLXQVPCB.cjs} +2 -2
- package/cjs/__chunks/{6SZXUPLG.cjs → Z3TKBZHL.cjs} +2 -2
- package/cjs/__chunks/Z3TLXRS7.cjs +19 -0
- package/cjs/__chunks/{RYADB3U4.cjs → ZEDBIWF2.cjs} +2 -2
- package/cjs/button/button.cjs +4 -4
- package/cjs/checkbox/checkbox.cjs +4 -4
- package/cjs/combobox/combobox-cancel.cjs +4 -4
- package/cjs/combobox/combobox-disclosure.cjs +6 -6
- package/cjs/combobox/combobox-item.cjs +4 -4
- package/cjs/combobox/combobox-list.cjs +3 -3
- package/cjs/combobox/combobox-popover.cjs +18 -14
- package/cjs/combobox/combobox-store.d.ts +1 -0
- package/cjs/combobox/combobox.cjs +29 -5
- package/cjs/command/command.cjs +3 -3
- package/cjs/composite/composite-item.cjs +4 -4
- package/cjs/composite/composite-overflow-disclosure.cjs +9 -9
- package/cjs/composite/composite-overflow.cjs +16 -12
- package/cjs/composite/composite.cjs +3 -3
- package/cjs/dialog/dialog-backdrop.cjs +7 -4
- package/cjs/dialog/dialog-disclosure.cjs +6 -6
- package/cjs/dialog/dialog-dismiss.cjs +5 -5
- package/cjs/dialog/dialog.cjs +15 -11
- package/cjs/dialog/dialog.d.ts +2 -0
- package/cjs/dialog/utils/disable-accessibility-tree-outside.cjs +4 -3
- package/cjs/dialog/utils/disable-tree-outside.cjs +5 -4
- package/cjs/dialog/utils/is-backdrop.cjs +4 -18
- package/cjs/dialog/utils/is-backdrop.d.ts +1 -1
- package/cjs/dialog/utils/mark-tree-outside.cjs +4 -3
- package/cjs/dialog/utils/orchestrate.cjs +2 -2
- package/cjs/dialog/utils/orchestrate.d.ts +2 -7
- package/cjs/dialog/utils/use-hide-on-interact-outside.cjs +6 -5
- package/cjs/dialog/utils/use-prevent-body-scroll.cjs +4 -3
- package/cjs/dialog/utils/use-prevent-body-scroll.d.ts +1 -2
- package/cjs/dialog/utils/use-root-dialog.cjs +9 -0
- package/cjs/dialog/utils/use-root-dialog.d.ts +8 -0
- package/cjs/disclosure/disclosure.cjs +5 -5
- package/cjs/focusable/focusable.cjs +2 -2
- package/cjs/form/form-checkbox.cjs +4 -4
- package/cjs/form/form-input.cjs +2 -2
- package/cjs/form/form-push.cjs +4 -4
- package/cjs/form/form-radio.cjs +5 -5
- package/cjs/form/form-remove.cjs +4 -4
- package/cjs/form/form-reset.cjs +4 -4
- package/cjs/form/form-submit.cjs +4 -4
- package/cjs/hovercard/hovercard-anchor.cjs +3 -3
- package/cjs/hovercard/hovercard-disclosure.cjs +6 -6
- package/cjs/hovercard/hovercard-dismiss.cjs +7 -7
- package/cjs/hovercard/hovercard.cjs +17 -13
- package/cjs/menu/menu-bar.cjs +3 -3
- package/cjs/menu/menu-button.cjs +9 -9
- package/cjs/menu/menu-dismiss.cjs +7 -7
- package/cjs/menu/menu-item-checkbox.cjs +7 -7
- package/cjs/menu/menu-item-radio.cjs +7 -7
- package/cjs/menu/menu-item.cjs +5 -5
- package/cjs/menu/menu-list.cjs +4 -4
- package/cjs/menu/menu-store.d.ts +1 -0
- package/cjs/menu/menu.cjs +19 -16
- package/cjs/popover/popover-disclosure.cjs +7 -7
- package/cjs/popover/popover-dismiss.cjs +6 -6
- package/cjs/popover/popover.cjs +16 -12
- package/cjs/radio/radio-group.cjs +3 -3
- package/cjs/radio/radio.cjs +5 -5
- package/cjs/select/select-item.cjs +4 -4
- package/cjs/select/select-list.cjs +4 -4
- package/cjs/select/select-popover.cjs +19 -15
- package/cjs/select/select-store.d.ts +1 -0
- package/cjs/select/select.cjs +7 -7
- package/cjs/tab/tab-list.cjs +3 -3
- package/cjs/tab/tab-panel.cjs +2 -2
- package/cjs/tab/tab.cjs +4 -4
- package/cjs/toolbar/toolbar-container.cjs +5 -5
- package/cjs/toolbar/toolbar-input.cjs +5 -5
- package/cjs/toolbar/toolbar-item.cjs +5 -5
- package/cjs/toolbar/toolbar.cjs +3 -3
- package/cjs/tooltip/tooltip-anchor.cjs +3 -3
- package/cjs/tooltip/tooltip.cjs +17 -13
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/dialog/utils/use-root-dialog/package.json +8 -0
- package/esm/__chunks/{IVDTLBEM.js → 2NDM3R77.js} +1 -1
- package/esm/__chunks/{MQRO7CTY.js → 3NSZ5Q7K.js} +1 -1
- package/esm/__chunks/{FB4T6LXQ.js → 5AXDCOCY.js} +1 -1
- package/esm/__chunks/{7GXM6KPX.js → 77C2ITJF.js} +1 -1
- package/esm/__chunks/{265D6T7T.js → CYJJUQU3.js} +7 -1
- package/esm/__chunks/{6P5ZHMMU.js → DJLHFG5J.js} +1 -1
- package/esm/__chunks/{WKNIYKJV.js → E32RAHMA.js} +2 -2
- package/esm/__chunks/{J3XSDPNL.js → EL4DJS34.js} +1 -1
- package/esm/__chunks/{WANT555J.js → EUD77B6Z.js} +1 -1
- package/esm/__chunks/{T6V23Y6E.js → FW6QFGFT.js} +6 -5
- package/esm/__chunks/{ITSGLTHL.js → FYZCYWPI.js} +1 -1
- package/esm/__chunks/{TJKNVC7W.js → HCZMY53N.js} +10 -2
- package/esm/__chunks/IXXFVVA2.js +19 -0
- package/esm/__chunks/{YKJNQJWA.js → KF3PP2P3.js} +1 -1
- package/esm/__chunks/{QTOJ32BQ.js → LIFXUQPU.js} +7 -13
- package/esm/__chunks/{DCSOYJXT.js → MO5Q5FB7.js} +1 -1
- package/esm/__chunks/{JTITB4L3.js → N36XUJ4I.js} +1 -1
- package/esm/__chunks/{THTPXSX5.js → OTMCQXXR.js} +1 -1
- package/esm/__chunks/PYB45PRS.js +46 -0
- package/esm/__chunks/{CKSO3V6B.js → QLHUIPVK.js} +8 -2
- package/esm/__chunks/{5EHZOHU4.js → QTPMBYCP.js} +1 -1
- package/esm/__chunks/{MCW3SATG.js → RU5SBKR3.js} +16 -8
- package/esm/__chunks/{VC2N3HOU.js → SQCQXOYX.js} +1 -1
- package/esm/__chunks/{B4DAIM7E.js → TQ2K6WFI.js} +1 -1
- package/esm/__chunks/{RJWQJQSA.js → VSM5JGQO.js} +1 -1
- package/esm/__chunks/{PZMNV3SF.js → VV72RDTD.js} +3 -3
- package/esm/__chunks/{6R5NAG5K.js → WQIYBPAY.js} +1 -1
- package/esm/__chunks/{4E4RWZ6B.js → XECTFJQS.js} +28 -37
- package/esm/__chunks/{ZNCBVBWF.js → XJM2RD5W.js} +1 -1
- package/esm/__chunks/{OMYYUT2M.js → YNUPNUID.js} +1 -1
- package/esm/__chunks/{ZAKCZSVG.js → ZZBJOUY4.js} +3 -2
- package/esm/button/button.js +3 -3
- package/esm/checkbox/checkbox.js +3 -3
- package/esm/combobox/combobox-cancel.js +3 -3
- package/esm/combobox/combobox-disclosure.js +5 -5
- package/esm/combobox/combobox-item.js +3 -3
- package/esm/combobox/combobox-list.js +2 -2
- package/esm/combobox/combobox-popover.js +16 -12
- package/esm/combobox/combobox-store.d.ts +1 -0
- package/esm/combobox/combobox.js +29 -5
- package/esm/command/command.js +2 -2
- package/esm/composite/composite-item.js +3 -3
- package/esm/composite/composite-overflow-disclosure.js +7 -7
- package/esm/composite/composite-overflow.js +15 -11
- package/esm/composite/composite.js +2 -2
- package/esm/dialog/dialog-backdrop.js +6 -3
- package/esm/dialog/dialog-disclosure.js +5 -5
- package/esm/dialog/dialog-dismiss.js +4 -4
- package/esm/dialog/dialog.d.ts +2 -0
- package/esm/dialog/dialog.js +14 -10
- package/esm/dialog/utils/disable-accessibility-tree-outside.js +3 -2
- package/esm/dialog/utils/disable-tree-outside.js +4 -3
- package/esm/dialog/utils/is-backdrop.d.ts +1 -1
- package/esm/dialog/utils/is-backdrop.js +3 -17
- package/esm/dialog/utils/mark-tree-outside.js +3 -2
- package/esm/dialog/utils/orchestrate.d.ts +2 -7
- package/esm/dialog/utils/orchestrate.js +1 -1
- package/esm/dialog/utils/use-hide-on-interact-outside.js +5 -4
- package/esm/dialog/utils/use-prevent-body-scroll.d.ts +1 -2
- package/esm/dialog/utils/use-prevent-body-scroll.js +3 -2
- package/esm/dialog/utils/use-root-dialog.d.ts +8 -0
- package/esm/dialog/utils/use-root-dialog.js +9 -0
- package/esm/disclosure/disclosure.js +4 -4
- package/esm/focusable/focusable.js +1 -1
- package/esm/form/form-checkbox.js +3 -3
- package/esm/form/form-input.js +1 -1
- package/esm/form/form-push.js +3 -3
- package/esm/form/form-radio.js +4 -4
- package/esm/form/form-remove.js +3 -3
- package/esm/form/form-reset.js +3 -3
- package/esm/form/form-submit.js +3 -3
- package/esm/hovercard/hovercard-anchor.js +2 -2
- package/esm/hovercard/hovercard-disclosure.js +5 -5
- package/esm/hovercard/hovercard-dismiss.js +6 -6
- package/esm/hovercard/hovercard.js +16 -12
- package/esm/menu/menu-bar.js +2 -2
- package/esm/menu/menu-button.js +7 -7
- package/esm/menu/menu-dismiss.js +6 -6
- package/esm/menu/menu-item-checkbox.js +5 -5
- package/esm/menu/menu-item-radio.js +5 -5
- package/esm/menu/menu-item.js +4 -4
- package/esm/menu/menu-list.js +3 -3
- package/esm/menu/menu-store.d.ts +1 -0
- package/esm/menu/menu.js +17 -14
- package/esm/popover/popover-disclosure.js +6 -6
- package/esm/popover/popover-dismiss.js +5 -5
- package/esm/popover/popover.js +15 -11
- package/esm/radio/radio-group.js +2 -2
- package/esm/radio/radio.js +4 -4
- package/esm/select/select-item.js +3 -3
- package/esm/select/select-list.js +3 -3
- package/esm/select/select-popover.js +17 -13
- package/esm/select/select-store.d.ts +1 -0
- package/esm/select/select.js +6 -6
- package/esm/tab/tab-list.js +2 -2
- package/esm/tab/tab-panel.js +1 -1
- package/esm/tab/tab.js +3 -3
- package/esm/toolbar/toolbar-container.js +4 -4
- package/esm/toolbar/toolbar-input.js +4 -4
- package/esm/toolbar/toolbar-item.js +4 -4
- package/esm/toolbar/toolbar.js +2 -2
- package/esm/tooltip/tooltip-anchor.js +2 -2
- package/esm/tooltip/tooltip.js +16 -12
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +6 -2
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _DFJJN2WMcjs = require('./DFJJN2WM.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _S2VSVWFYcjs = require('./S2VSVWFY.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _O22LNQHScjs = require('./O22LNQHS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _GQUXK6V2cjs = require('./GQUXK6V2.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
var _WZI5KRRIcjs = require('./WZI5KRRI.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _HTXMZNNPcjs = require('./HTXMZNNP.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
var _W32FX7DMcjs = require('./W32FX7DM.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
25
|
+
var _FSADYSOPcjs = require('./FSADYSOP.cjs');
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
var _GXCVLZ7Wcjs = require('./GXCVLZ7W.cjs');
|
|
@@ -43,7 +43,7 @@ var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
|
|
|
43
43
|
var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
var
|
|
46
|
+
var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
|
|
@@ -140,10 +140,7 @@ var useDialog = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
140
140
|
"finalFocus"
|
|
141
141
|
]);
|
|
142
142
|
const ref = _react.useRef.call(void 0, null);
|
|
143
|
-
const { portalRef,
|
|
144
|
-
portal,
|
|
145
|
-
props.portalRef
|
|
146
|
-
);
|
|
143
|
+
const { portalRef, domReady } = _FHX4GO67cjs.usePortalRef.call(void 0, portal, props.portalRef);
|
|
147
144
|
const preserveTabOrderProp = props.preserveTabOrder;
|
|
148
145
|
const preserveTabOrder = store.useState(
|
|
149
146
|
(state) => preserveTabOrderProp && !modal && state.mounted
|
|
@@ -153,8 +150,8 @@ var useDialog = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
153
150
|
const mounted = store.useState("mounted");
|
|
154
151
|
const contentElement = store.useState("contentElement");
|
|
155
152
|
const hidden = _RQ3E2DZBcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
|
|
156
|
-
|
|
157
|
-
|
|
153
|
+
_GQUXK6V2cjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
|
|
154
|
+
_HTXMZNNPcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
|
|
158
155
|
const { wrapElement, nestedDialogs } = _WZI5KRRIcjs.useNestedDialogs.call(void 0, store);
|
|
159
156
|
props = _FHX4GO67cjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
|
|
160
157
|
_FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
|
|
@@ -222,6 +219,8 @@ var useDialog = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
222
219
|
}, [mounted, domReady, shouldDisableAccessibilityTree]);
|
|
223
220
|
const getPersistentElementsProp = _FHX4GO67cjs.useEvent.call(void 0, getPersistentElements);
|
|
224
221
|
_FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
|
|
222
|
+
if (!domReady)
|
|
223
|
+
return;
|
|
225
224
|
if (!id)
|
|
226
225
|
return;
|
|
227
226
|
if (!open)
|
|
@@ -230,37 +229,30 @@ var useDialog = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
230
229
|
const dialog = ref.current;
|
|
231
230
|
const persistentElements = getPersistentElementsProp() || [];
|
|
232
231
|
const allElements = [
|
|
233
|
-
// In addition to the dialog element, we also include the portal node
|
|
234
|
-
// here so nested dialogs are considered as well.
|
|
235
232
|
dialog,
|
|
236
|
-
portalNode,
|
|
237
233
|
...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
234
|
...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
|
|
242
235
|
];
|
|
243
236
|
if (!shouldDisableAccessibilityTree) {
|
|
244
|
-
return
|
|
237
|
+
return _FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
|
|
245
238
|
}
|
|
246
239
|
if (modal) {
|
|
247
240
|
return _misc.chain.call(void 0,
|
|
248
|
-
|
|
249
|
-
|
|
241
|
+
_FSADYSOPcjs.markTreeOutside.call(void 0, id, ...allElements),
|
|
242
|
+
_S2VSVWFYcjs.disableTreeOutside.call(void 0, ...allElements)
|
|
250
243
|
);
|
|
251
244
|
}
|
|
252
245
|
return _misc.chain.call(void 0,
|
|
253
|
-
|
|
254
|
-
|
|
246
|
+
_FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
|
|
247
|
+
_O22LNQHScjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
|
|
255
248
|
);
|
|
256
249
|
}, [
|
|
250
|
+
domReady,
|
|
257
251
|
id,
|
|
258
252
|
open,
|
|
259
253
|
store,
|
|
260
|
-
portal,
|
|
261
|
-
portalNode,
|
|
262
|
-
nestedDialogs,
|
|
263
254
|
getPersistentElementsProp,
|
|
255
|
+
nestedDialogs,
|
|
264
256
|
shouldDisableAccessibilityTree,
|
|
265
257
|
modal
|
|
266
258
|
]);
|
|
@@ -372,7 +364,7 @@ var useDialog = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
372
364
|
const dialog = ref.current;
|
|
373
365
|
if (!dialog)
|
|
374
366
|
return;
|
|
375
|
-
if (
|
|
367
|
+
if (_FSADYSOPcjs.isElementMarked.call(void 0, dialog))
|
|
376
368
|
return;
|
|
377
369
|
const target = event.target;
|
|
378
370
|
if (!target)
|
|
@@ -407,22 +399,21 @@ var useDialog = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
407
399
|
props = _FHX4GO67cjs.useWrapElement.call(void 0,
|
|
408
400
|
props,
|
|
409
401
|
(element) => {
|
|
410
|
-
if (backdrop)
|
|
411
|
-
return
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
}
|
|
425
|
-
return element;
|
|
402
|
+
if (!backdrop)
|
|
403
|
+
return element;
|
|
404
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
405
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
406
|
+
_DFJJN2WMcjs.DialogBackdrop,
|
|
407
|
+
{
|
|
408
|
+
store,
|
|
409
|
+
backdrop,
|
|
410
|
+
backdropProps,
|
|
411
|
+
hidden: hiddenProp,
|
|
412
|
+
alwaysVisible
|
|
413
|
+
}
|
|
414
|
+
),
|
|
415
|
+
element
|
|
416
|
+
] });
|
|
426
417
|
},
|
|
427
418
|
[store, backdrop, backdropProps, hiddenProp, alwaysVisible]
|
|
428
419
|
);
|
|
@@ -447,7 +438,7 @@ var useDialog = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
447
438
|
autoFocusOnShow: autoFocusEnabled
|
|
448
439
|
}));
|
|
449
440
|
props = _RQ3E2DZBcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
450
|
-
props =
|
|
441
|
+
props = _FIEVSSEVcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { focusable }));
|
|
451
442
|
props = _UNFAA7SHcjs.usePortal.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
|
|
452
443
|
return props;
|
|
453
444
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _HP2YFIDEcjs = require('./HP2YFIDE.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -15,7 +15,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
|
|
|
15
15
|
var useToolbarItem = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
16
16
|
(_a) => {
|
|
17
17
|
var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
|
|
18
|
-
props =
|
|
18
|
+
props = _HP2YFIDEcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
19
19
|
return props;
|
|
20
20
|
}
|
|
21
21
|
);
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _O22LNQHScjs = require('./O22LNQHS.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
+
var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
|
|
9
10
|
|
|
10
11
|
|
|
11
|
-
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
|
|
12
15
|
|
|
13
16
|
|
|
14
17
|
var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
|
|
@@ -21,11 +24,11 @@ function disableElement(element) {
|
|
|
21
24
|
if (!("style" in element))
|
|
22
25
|
return _misc.noop;
|
|
23
26
|
if (_56NPFF7Pcjs.supportsInert.call(void 0, )) {
|
|
24
|
-
return
|
|
27
|
+
return _BWQVQDGCcjs.setProperty.call(void 0, element, "inert", true);
|
|
25
28
|
}
|
|
26
29
|
return _misc.chain.call(void 0,
|
|
27
|
-
|
|
28
|
-
|
|
30
|
+
_O22LNQHScjs.hideElementFromAccessibilityTree.call(void 0, element),
|
|
31
|
+
_BWQVQDGCcjs.assignStyle.call(void 0, element, {
|
|
29
32
|
pointerEvents: "none",
|
|
30
33
|
userSelect: "none",
|
|
31
34
|
cursor: "default"
|
|
@@ -34,14 +37,17 @@ function disableElement(element) {
|
|
|
34
37
|
}
|
|
35
38
|
function disableTreeOutside(...elements) {
|
|
36
39
|
const cleanups = [];
|
|
40
|
+
const ids = elements.map((el) => el == null ? void 0 : el.id);
|
|
37
41
|
if (!_56NPFF7Pcjs.supportsInert.call(void 0, )) {
|
|
38
42
|
_focus.getAllTabbable.call(void 0, ).forEach((element) => {
|
|
39
43
|
if (elements.some((el) => el && _dom.contains.call(void 0, el, element)))
|
|
40
44
|
return;
|
|
41
|
-
cleanups.unshift(
|
|
45
|
+
cleanups.unshift(_BWQVQDGCcjs.setAttribute.call(void 0, element, "tabindex", "-1"));
|
|
42
46
|
});
|
|
43
47
|
}
|
|
44
48
|
_TFOIZV2Vcjs.walkTreeOutside.call(void 0, elements, (element) => {
|
|
49
|
+
if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
|
|
50
|
+
return;
|
|
45
51
|
cleanups.unshift(disableElement(element));
|
|
46
52
|
});
|
|
47
53
|
const restoreTreeOutside = () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -69,7 +69,7 @@ var useHovercardAnchor = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
69
69
|
ref: _FHX4GO67cjs.useMergeRefs.call(void 0, store.setAnchorElement, props.ref),
|
|
70
70
|
onMouseMove
|
|
71
71
|
});
|
|
72
|
-
props =
|
|
72
|
+
props = _FIEVSSEVcjs.useFocusable.call(void 0, props);
|
|
73
73
|
return props;
|
|
74
74
|
}
|
|
75
75
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _GJ2WWSXIcjs = require('./GJ2WWSXI.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -63,7 +63,7 @@ var useDisclosure = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
63
63
|
onMouseDown,
|
|
64
64
|
onClick
|
|
65
65
|
});
|
|
66
|
-
props =
|
|
66
|
+
props = _GJ2WWSXIcjs.useButton.call(void 0, props);
|
|
67
67
|
return props;
|
|
68
68
|
}
|
|
69
69
|
);
|
|
@@ -7,7 +7,7 @@ var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
|
|
|
7
7
|
var _TO7FN64Ncjs = require('./TO7FN64N.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _GET3PZI4cjs = require('./GET3PZI4.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
|
|
@@ -149,7 +149,7 @@ var useMenuList = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
149
149
|
"aria-orientation": orientation
|
|
150
150
|
}, props);
|
|
151
151
|
}
|
|
152
|
-
props =
|
|
152
|
+
props = _GET3PZI4cjs.useComposite.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, composite }, props));
|
|
153
153
|
props = _TO7FN64Ncjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
154
154
|
return props;
|
|
155
155
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _HP2YFIDEcjs = require('./HP2YFIDE.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
@@ -112,7 +112,7 @@ var useRadio = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
112
112
|
onClick,
|
|
113
113
|
onFocus
|
|
114
114
|
});
|
|
115
|
-
props =
|
|
115
|
+
props = _HP2YFIDEcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
|
|
116
116
|
return _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
117
117
|
value: nativeRadio ? value : void 0,
|
|
118
118
|
checked: isChecked
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/is-backdrop.ts
|
|
2
|
+
function isBackdrop(element, ...ids) {
|
|
3
|
+
if (!element)
|
|
4
|
+
return false;
|
|
5
|
+
const backdrop = element.getAttribute("data-backdrop");
|
|
6
|
+
if (backdrop == null)
|
|
7
|
+
return false;
|
|
8
|
+
if (backdrop === "")
|
|
9
|
+
return true;
|
|
10
|
+
if (backdrop === "true")
|
|
11
|
+
return true;
|
|
12
|
+
if (!ids.length)
|
|
13
|
+
return true;
|
|
14
|
+
return ids.some((id) => backdrop === id);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
exports.isBackdrop = isBackdrop;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _PZBTPQEZcjs = require('./PZBTPQEZ.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
|
|
@@ -338,7 +338,7 @@ var usePopover = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
338
338
|
position: "relative"
|
|
339
339
|
}, props.style)
|
|
340
340
|
});
|
|
341
|
-
props =
|
|
341
|
+
props = _PZBTPQEZcjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
342
342
|
store,
|
|
343
343
|
modal,
|
|
344
344
|
preserveTabOrder,
|
package/cjs/button/button.cjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
4
|
+
var _GJ2WWSXIcjs = require('../__chunks/GJ2WWSXI.cjs');
|
|
5
|
+
require('../__chunks/6WLP7YXF.cjs');
|
|
6
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
7
7
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
8
8
|
require('../__chunks/O3Z4C76T.cjs');
|
|
9
9
|
require('../__chunks/FHX4GO67.cjs');
|
|
@@ -12,4 +12,4 @@ require('../__chunks/6455U47T.cjs');
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
exports.Button =
|
|
15
|
+
exports.Button = _GJ2WWSXIcjs.Button; exports.useButton = _GJ2WWSXIcjs.useButton;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _6Y7OJ66Scjs = require('../__chunks/6Y7OJ66S.cjs');
|
|
5
5
|
require('../__chunks/FO6MB5HF.cjs');
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
6
|
+
require('../__chunks/6WLP7YXF.cjs');
|
|
7
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
8
8
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
9
9
|
require('../__chunks/O3Z4C76T.cjs');
|
|
10
10
|
require('../__chunks/C5W4YO2W.cjs');
|
|
@@ -14,4 +14,4 @@ require('../__chunks/6455U47T.cjs');
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
exports.Checkbox =
|
|
17
|
+
exports.Checkbox = _6Y7OJ66Scjs.Checkbox; exports.useCheckbox = _6Y7OJ66Scjs.useCheckbox;
|
|
@@ -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 _GJ2WWSXIcjs = require('../__chunks/GJ2WWSXI.cjs');
|
|
4
|
+
require('../__chunks/6WLP7YXF.cjs');
|
|
5
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
6
6
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -66,7 +66,7 @@ var useComboboxCancel = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
66
66
|
}, props), {
|
|
67
67
|
onClick
|
|
68
68
|
});
|
|
69
|
-
props =
|
|
69
|
+
props = _GJ2WWSXIcjs.useButton.call(void 0, props);
|
|
70
70
|
return props;
|
|
71
71
|
}
|
|
72
72
|
);
|
|
@@ -1,10 +1,10 @@
|
|
|
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/
|
|
3
|
+
var _G2UKCWYOcjs = require('../__chunks/G2UKCWYO.cjs');
|
|
4
|
+
require('../__chunks/XIQNHQGW.cjs');
|
|
5
|
+
require('../__chunks/GJ2WWSXI.cjs');
|
|
6
|
+
require('../__chunks/6WLP7YXF.cjs');
|
|
7
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
8
8
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
@@ -68,7 +68,7 @@ var useComboboxDisclosure = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
68
68
|
onMouseDown,
|
|
69
69
|
onClick
|
|
70
70
|
});
|
|
71
|
-
props =
|
|
71
|
+
props = _G2UKCWYOcjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
|
|
72
72
|
return props;
|
|
73
73
|
}
|
|
74
74
|
);
|
|
@@ -7,13 +7,13 @@ var _2WZVSPAIcjs = require('../__chunks/2WZVSPAI.cjs');
|
|
|
7
7
|
var _N6LDQVMCcjs = require('../__chunks/N6LDQVMC.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
require('../__chunks/
|
|
10
|
+
var _HP2YFIDEcjs = require('../__chunks/HP2YFIDE.cjs');
|
|
11
|
+
require('../__chunks/6WLP7YXF.cjs');
|
|
12
12
|
require('../__chunks/VQHQDEFP.cjs');
|
|
13
13
|
require('../__chunks/ZQAFJQIS.cjs');
|
|
14
14
|
require('../__chunks/KLZID3QO.cjs');
|
|
15
15
|
require('../__chunks/NVMBKFRB.cjs');
|
|
16
|
-
require('../__chunks/
|
|
16
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
17
17
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
18
18
|
|
|
19
19
|
|
|
@@ -126,7 +126,7 @@ var useComboboxItem = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
126
126
|
onKeyDown
|
|
127
127
|
});
|
|
128
128
|
const moveOnKeyPressProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, moveOnKeyPress);
|
|
129
|
-
props =
|
|
129
|
+
props = _HP2YFIDEcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
130
130
|
store
|
|
131
131
|
}, props), {
|
|
132
132
|
getItem,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _HM3GZVEFcjs = require('../__chunks/HM3GZVEF.cjs');
|
|
5
5
|
require('../__chunks/2WZVSPAI.cjs');
|
|
6
6
|
require('../__chunks/RQ3E2DZB.cjs');
|
|
7
|
-
require('../__chunks/
|
|
7
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
8
8
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
9
9
|
require('../__chunks/O3Z4C76T.cjs');
|
|
10
10
|
require('../__chunks/FHX4GO67.cjs');
|
|
@@ -13,4 +13,4 @@ require('../__chunks/6455U47T.cjs');
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
exports.ComboboxList =
|
|
16
|
+
exports.ComboboxList = _HM3GZVEFcjs.ComboboxList; exports.useComboboxList = _HM3GZVEFcjs.useComboboxList;
|
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _HM3GZVEFcjs = require('../__chunks/HM3GZVEF.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/
|
|
7
|
+
var _ZEDBIWF2cjs = require('../__chunks/ZEDBIWF2.cjs');
|
|
8
|
+
require('../__chunks/PZBTPQEZ.cjs');
|
|
9
|
+
require('../__chunks/DFJJN2WM.cjs');
|
|
10
|
+
require('../__chunks/S2VSVWFY.cjs');
|
|
11
|
+
require('../__chunks/O22LNQHS.cjs');
|
|
12
|
+
require('../__chunks/GQUXK6V2.cjs');
|
|
13
13
|
require('../__chunks/WZI5KRRI.cjs');
|
|
14
|
-
require('../__chunks/
|
|
14
|
+
require('../__chunks/HTXMZNNP.cjs');
|
|
15
|
+
require('../__chunks/X2GXTE3P.cjs');
|
|
15
16
|
require('../__chunks/56NPFF7P.cjs');
|
|
16
17
|
require('../__chunks/W32FX7DM.cjs');
|
|
17
|
-
require('../__chunks/
|
|
18
|
-
require('../__chunks/
|
|
18
|
+
require('../__chunks/FSADYSOP.cjs');
|
|
19
|
+
require('../__chunks/Z3TLXRS7.cjs');
|
|
20
|
+
require('../__chunks/BWQVQDGC.cjs');
|
|
19
21
|
require('../__chunks/GXCVLZ7W.cjs');
|
|
20
22
|
require('../__chunks/TFOIZV2V.cjs');
|
|
21
|
-
require('../__chunks/
|
|
23
|
+
require('../__chunks/4CQBSK3W.cjs');
|
|
22
24
|
require('../__chunks/SOPRUU56.cjs');
|
|
23
25
|
require('../__chunks/UNFAA7SH.cjs');
|
|
24
26
|
require('../__chunks/4AQRNZQ7.cjs');
|
|
@@ -28,7 +30,7 @@ require('../__chunks/N2VCZZLP.cjs');
|
|
|
28
30
|
require('../__chunks/7KKRNI4T.cjs');
|
|
29
31
|
require('../__chunks/RQ3E2DZB.cjs');
|
|
30
32
|
require('../__chunks/W5PBA4D6.cjs');
|
|
31
|
-
require('../__chunks/
|
|
33
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
32
34
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
33
35
|
require('../__chunks/ZKPH2VTW.cjs');
|
|
34
36
|
|
|
@@ -36,6 +38,8 @@ require('../__chunks/ZKPH2VTW.cjs');
|
|
|
36
38
|
|
|
37
39
|
|
|
38
40
|
var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
|
|
41
|
+
require('../__chunks/NAE74ZUF.cjs');
|
|
42
|
+
require('../__chunks/C5W4YO2W.cjs');
|
|
39
43
|
require('../__chunks/FHX4GO67.cjs');
|
|
40
44
|
require('../__chunks/2KYUOSJ4.cjs');
|
|
41
45
|
|
|
@@ -71,8 +75,8 @@ var useComboboxPopover = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
71
75
|
"hideOnInteractOutside"
|
|
72
76
|
]);
|
|
73
77
|
const baseElement = store.useState("baseElement");
|
|
74
|
-
props =
|
|
75
|
-
props =
|
|
78
|
+
props = _HM3GZVEFcjs.useComboboxList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
|
|
79
|
+
props = _ZEDBIWF2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
76
80
|
store,
|
|
77
81
|
alwaysVisible,
|
|
78
82
|
autoFocusOnShow: false,
|
|
@@ -5,6 +5,7 @@ import type { Store } from "../utils/store.js";
|
|
|
5
5
|
export declare function useComboboxStoreOptions(props: ComboboxStoreProps): {
|
|
6
6
|
setOpen?: ((open: boolean) => void) | undefined;
|
|
7
7
|
defaultOpen?: boolean | undefined;
|
|
8
|
+
disclosure?: import("@ariakit/core/disclosure/disclosure-store").DisclosureStore | undefined;
|
|
8
9
|
open?: boolean | undefined;
|
|
9
10
|
animated?: number | boolean | undefined;
|
|
10
11
|
setItems?: import("@ariakit/core/utils/types").BivariantCallback<(items: ({
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
var _B4IMQMNPcjs = require('../__chunks/B4IMQMNP.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _GET3PZI4cjs = require('../__chunks/GET3PZI4.cjs');
|
|
7
7
|
require('../__chunks/KLZID3QO.cjs');
|
|
8
8
|
require('../__chunks/NVMBKFRB.cjs');
|
|
9
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/FIEVSSEV.cjs');
|
|
10
10
|
require('../__chunks/LHHW5ZQP.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
@@ -106,6 +106,7 @@ var useCombobox = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
106
106
|
);
|
|
107
107
|
const items = store.useState("renderedItems");
|
|
108
108
|
const open = store.useState("open");
|
|
109
|
+
const contentElement = store.useState("contentElement");
|
|
109
110
|
const value = _react.useMemo.call(void 0, () => {
|
|
110
111
|
if (!inline)
|
|
111
112
|
return storeValue;
|
|
@@ -166,6 +167,22 @@ var useCombobox = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
166
167
|
autoSelect,
|
|
167
168
|
storeValue
|
|
168
169
|
]);
|
|
170
|
+
const scrollingElementRef = _react.useRef.call(void 0, null);
|
|
171
|
+
_react.useEffect.call(void 0, () => {
|
|
172
|
+
if (!open)
|
|
173
|
+
return;
|
|
174
|
+
if (!contentElement)
|
|
175
|
+
return;
|
|
176
|
+
const scrollingElement = _dom.getScrollingElement.call(void 0, contentElement);
|
|
177
|
+
if (!scrollingElement)
|
|
178
|
+
return;
|
|
179
|
+
scrollingElementRef.current = scrollingElement;
|
|
180
|
+
const onScroll = () => {
|
|
181
|
+
valueChangedRef.current = false;
|
|
182
|
+
};
|
|
183
|
+
scrollingElement.addEventListener("scroll", onScroll, { passive: true });
|
|
184
|
+
return () => scrollingElement.removeEventListener("scroll", onScroll);
|
|
185
|
+
}, [open, contentElement]);
|
|
169
186
|
_FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
|
|
170
187
|
if (!storeValue)
|
|
171
188
|
return;
|
|
@@ -191,7 +208,6 @@ var useCombobox = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
191
208
|
return;
|
|
192
209
|
store.setActiveId(null);
|
|
193
210
|
}, [valueUpdated, autoSelect, store]);
|
|
194
|
-
const contentElement = store.useState("contentElement");
|
|
195
211
|
_react.useEffect.call(void 0, () => {
|
|
196
212
|
if (!inline)
|
|
197
213
|
return;
|
|
@@ -230,6 +246,14 @@ var useCombobox = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
230
246
|
setCanInline(textInserted && caretAtEnd);
|
|
231
247
|
}
|
|
232
248
|
}
|
|
249
|
+
if (valueChangedRef.current && scrollingElementRef.current) {
|
|
250
|
+
const scrollingElement = scrollingElementRef.current;
|
|
251
|
+
const onScroll = () => {
|
|
252
|
+
valueChangedRef.current = true;
|
|
253
|
+
};
|
|
254
|
+
const options = { passive: true, once: true };
|
|
255
|
+
scrollingElement.addEventListener("scroll", onScroll, options);
|
|
256
|
+
}
|
|
233
257
|
if (showOnChangeProp(event)) {
|
|
234
258
|
store.show();
|
|
235
259
|
}
|
|
@@ -279,10 +303,10 @@ var useCombobox = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
279
303
|
const showOnKeyDownProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, showOnKeyDown);
|
|
280
304
|
const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0,
|
|
281
305
|
(event) => {
|
|
306
|
+
valueChangedRef.current = false;
|
|
282
307
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
283
308
|
if (event.defaultPrevented)
|
|
284
309
|
return;
|
|
285
|
-
valueChangedRef.current = false;
|
|
286
310
|
if (event.ctrlKey)
|
|
287
311
|
return;
|
|
288
312
|
if (event.altKey)
|
|
@@ -329,7 +353,7 @@ var useCombobox = _O3Z4C76Tcjs.createHook.call(void 0,
|
|
|
329
353
|
onKeyDown,
|
|
330
354
|
onBlur
|
|
331
355
|
});
|
|
332
|
-
props =
|
|
356
|
+
props = _GET3PZI4cjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
|
|
333
357
|
store,
|
|
334
358
|
focusable
|
|
335
359
|
}, props), {
|