@ariakit/react-core 0.2.9 → 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 +14 -0
- package/cjs/__chunks/{I4VW4CPQ.cjs → GET3PZI4.cjs} +2 -1
- package/cjs/__chunks/{6GU25WKL.cjs → HP2YFIDE.cjs} +1 -1
- package/cjs/__chunks/{OZQD6TLQ.cjs → KQYBSO76.cjs} +2 -2
- package/cjs/__chunks/{R32BMUUT.cjs → OKM7CARK.cjs} +2 -2
- package/cjs/__chunks/{HVCML4SE.cjs → RHFHMA7V.cjs} +2 -2
- package/cjs/__chunks/{OEERYQSB.cjs → XLXQVPCB.cjs} +2 -2
- package/cjs/__chunks/{LGMGD2LT.cjs → Z3TKBZHL.cjs} +2 -2
- package/cjs/combobox/combobox-item.cjs +2 -2
- package/cjs/combobox/combobox.cjs +28 -4
- package/cjs/composite/composite-item.cjs +2 -2
- package/cjs/composite/composite-overflow-disclosure.cjs +2 -2
- package/cjs/composite/composite.cjs +2 -2
- package/cjs/form/form-radio.cjs +3 -3
- package/cjs/menu/menu-bar.cjs +2 -2
- package/cjs/menu/menu-item-checkbox.cjs +3 -3
- package/cjs/menu/menu-item-radio.cjs +5 -5
- package/cjs/menu/menu-item.cjs +3 -3
- package/cjs/menu/menu-list.cjs +3 -3
- package/cjs/menu/menu.cjs +3 -3
- package/cjs/radio/radio-group.cjs +2 -2
- package/cjs/radio/radio.cjs +3 -3
- package/cjs/select/select-item.cjs +2 -2
- package/cjs/select/select-list.cjs +3 -3
- package/cjs/select/select-popover.cjs +3 -3
- package/cjs/tab/tab-list.cjs +2 -2
- package/cjs/tab/tab.cjs +2 -2
- package/cjs/toolbar/toolbar-container.cjs +3 -3
- package/cjs/toolbar/toolbar-input.cjs +3 -3
- package/cjs/toolbar/toolbar-item.cjs +3 -3
- package/cjs/toolbar/toolbar.cjs +2 -2
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/esm/__chunks/{UYTR2SZP.js → 3NSZ5Q7K.js} +1 -1
- package/esm/__chunks/{Q6CBZJ7X.js → 5AXDCOCY.js} +1 -1
- package/esm/__chunks/{GMDF663U.js → DJLHFG5J.js} +1 -1
- package/esm/__chunks/{OUTTLNN7.js → E32RAHMA.js} +1 -1
- package/esm/__chunks/{6ICCUPPR.js → EL4DJS34.js} +1 -1
- package/esm/__chunks/{HNO7M6GL.js → SQCQXOYX.js} +1 -1
- package/esm/__chunks/{7MJF27QJ.js → ZZBJOUY4.js} +2 -1
- package/esm/combobox/combobox-item.js +1 -1
- package/esm/combobox/combobox.js +28 -4
- package/esm/composite/composite-item.js +1 -1
- package/esm/composite/composite-overflow-disclosure.js +1 -1
- package/esm/composite/composite.js +1 -1
- package/esm/form/form-radio.js +2 -2
- package/esm/menu/menu-bar.js +1 -1
- package/esm/menu/menu-item-checkbox.js +2 -2
- package/esm/menu/menu-item-radio.js +3 -3
- package/esm/menu/menu-item.js +2 -2
- package/esm/menu/menu-list.js +2 -2
- package/esm/menu/menu.js +2 -2
- package/esm/radio/radio-group.js +1 -1
- package/esm/radio/radio.js +2 -2
- package/esm/select/select-item.js +1 -1
- package/esm/select/select-list.js +2 -2
- package/esm/select/select-popover.js +2 -2
- package/esm/tab/tab-list.js +1 -1
- package/esm/tab/tab.js +1 -1
- package/esm/toolbar/toolbar-container.js +2 -2
- package/esm/toolbar/toolbar-input.js +2 -2
- package/esm/toolbar/toolbar-item.js +2 -2
- package/esm/toolbar/toolbar.js +1 -1
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -309,7 +309,7 @@ var useCompositeItem = createHook(
|
|
|
309
309
|
}
|
|
310
310
|
const shouldTabIndex = useStoreState(
|
|
311
311
|
store,
|
|
312
|
-
(state) => !state.virtualFocus && isActiveItem
|
|
312
|
+
(state) => !(store == null ? void 0 : store.item(id)) || !state.virtualFocus && isActiveItem
|
|
313
313
|
);
|
|
314
314
|
props = __spreadProps(__spreadValues({
|
|
315
315
|
id,
|
|
@@ -260,6 +260,7 @@ var useComposite = createHook(
|
|
|
260
260
|
const onKeyDownProp = props.onKeyDown;
|
|
261
261
|
const moveOnKeyPressProp = useBooleanEvent(moveOnKeyPress);
|
|
262
262
|
const onKeyDown = useEvent((event) => {
|
|
263
|
+
var _a2;
|
|
263
264
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
264
265
|
if (event.defaultPrevented)
|
|
265
266
|
return;
|
|
@@ -267,7 +268,7 @@ var useComposite = createHook(
|
|
|
267
268
|
return;
|
|
268
269
|
const { orientation, items, renderedItems, activeId: activeId2 } = store.getState();
|
|
269
270
|
const activeItem = getEnabledItem(store, activeId2);
|
|
270
|
-
if (activeItem)
|
|
271
|
+
if ((_a2 = activeItem == null ? void 0 : activeItem.element) == null ? void 0 : _a2.isConnected)
|
|
271
272
|
return;
|
|
272
273
|
const isVertical = orientation !== "horizontal";
|
|
273
274
|
const isHorizontal = orientation !== "vertical";
|
package/esm/combobox/combobox.js
CHANGED
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "../__chunks/5NQLWI7E.js";
|
|
4
4
|
import {
|
|
5
5
|
useComposite
|
|
6
|
-
} from "../__chunks/
|
|
6
|
+
} from "../__chunks/ZZBJOUY4.js";
|
|
7
7
|
import "../__chunks/OXPV2NBK.js";
|
|
8
8
|
import "../__chunks/Z3X3QN6P.js";
|
|
9
9
|
import "../__chunks/YNUPNUID.js";
|
|
@@ -32,7 +32,7 @@ import {
|
|
|
32
32
|
|
|
33
33
|
// src/combobox/combobox.ts
|
|
34
34
|
import { useEffect, useMemo, useRef, useState } from "react";
|
|
35
|
-
import { getPopupRole } from "@ariakit/core/utils/dom";
|
|
35
|
+
import { getPopupRole, getScrollingElement } from "@ariakit/core/utils/dom";
|
|
36
36
|
import {
|
|
37
37
|
isFocusEventOutside,
|
|
38
38
|
queueBeforeEvent
|
|
@@ -106,6 +106,7 @@ var useCombobox = createHook(
|
|
|
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 = useMemo(() => {
|
|
110
111
|
if (!inline)
|
|
111
112
|
return storeValue;
|
|
@@ -166,6 +167,22 @@ var useCombobox = createHook(
|
|
|
166
167
|
autoSelect,
|
|
167
168
|
storeValue
|
|
168
169
|
]);
|
|
170
|
+
const scrollingElementRef = useRef(null);
|
|
171
|
+
useEffect(() => {
|
|
172
|
+
if (!open)
|
|
173
|
+
return;
|
|
174
|
+
if (!contentElement)
|
|
175
|
+
return;
|
|
176
|
+
const scrollingElement = getScrollingElement(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
|
useSafeLayoutEffect(() => {
|
|
170
187
|
if (!storeValue)
|
|
171
188
|
return;
|
|
@@ -191,7 +208,6 @@ var useCombobox = createHook(
|
|
|
191
208
|
return;
|
|
192
209
|
store.setActiveId(null);
|
|
193
210
|
}, [valueUpdated, autoSelect, store]);
|
|
194
|
-
const contentElement = store.useState("contentElement");
|
|
195
211
|
useEffect(() => {
|
|
196
212
|
if (!inline)
|
|
197
213
|
return;
|
|
@@ -230,6 +246,14 @@ var useCombobox = createHook(
|
|
|
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 = createHook(
|
|
|
279
303
|
const showOnKeyDownProp = useBooleanEvent(showOnKeyDown);
|
|
280
304
|
const onKeyDown = useEvent(
|
|
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)
|
|
@@ -7,7 +7,7 @@ import "../__chunks/5NQLWI7E.js";
|
|
|
7
7
|
import "../__chunks/EUD77B6Z.js";
|
|
8
8
|
import {
|
|
9
9
|
useCompositeItem
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/E32RAHMA.js";
|
|
11
11
|
import "../__chunks/WQIYBPAY.js";
|
|
12
12
|
import "../__chunks/EJLZ2L22.js";
|
|
13
13
|
import "../__chunks/T3DJZG63.js";
|
package/esm/form/form-radio.js
CHANGED
|
@@ -6,9 +6,9 @@ import {
|
|
|
6
6
|
} from "../__chunks/P3I4MECH.js";
|
|
7
7
|
import {
|
|
8
8
|
useRadio
|
|
9
|
-
} from "../__chunks/
|
|
9
|
+
} from "../__chunks/EL4DJS34.js";
|
|
10
10
|
import "../__chunks/6I2PARRP.js";
|
|
11
|
-
import "../__chunks/
|
|
11
|
+
import "../__chunks/E32RAHMA.js";
|
|
12
12
|
import "../__chunks/WQIYBPAY.js";
|
|
13
13
|
import "../__chunks/EJLZ2L22.js";
|
|
14
14
|
import "../__chunks/T3DJZG63.js";
|
package/esm/menu/menu-bar.js
CHANGED
|
@@ -6,14 +6,14 @@ import {
|
|
|
6
6
|
} from "../__chunks/5OP64YHR.js";
|
|
7
7
|
import {
|
|
8
8
|
useMenuItem
|
|
9
|
-
} from "../__chunks/
|
|
9
|
+
} from "../__chunks/SQCQXOYX.js";
|
|
10
10
|
import {
|
|
11
11
|
MenuContext
|
|
12
12
|
} from "../__chunks/HVBRRKV4.js";
|
|
13
13
|
import "../__chunks/W7JXAQKF.js";
|
|
14
14
|
import "../__chunks/M5KYRTQG.js";
|
|
15
15
|
import "../__chunks/VTOOL4S4.js";
|
|
16
|
-
import "../__chunks/
|
|
16
|
+
import "../__chunks/E32RAHMA.js";
|
|
17
17
|
import "../__chunks/WQIYBPAY.js";
|
|
18
18
|
import "../__chunks/EJLZ2L22.js";
|
|
19
19
|
import "../__chunks/T3DJZG63.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useMenuItem
|
|
3
|
-
} from "../__chunks/
|
|
3
|
+
} from "../__chunks/SQCQXOYX.js";
|
|
4
4
|
import {
|
|
5
5
|
MenuContext,
|
|
6
6
|
MenuItemCheckedContext
|
|
@@ -8,10 +8,10 @@ import {
|
|
|
8
8
|
import "../__chunks/W7JXAQKF.js";
|
|
9
9
|
import {
|
|
10
10
|
useRadio
|
|
11
|
-
} from "../__chunks/
|
|
11
|
+
} from "../__chunks/EL4DJS34.js";
|
|
12
12
|
import "../__chunks/6I2PARRP.js";
|
|
13
13
|
import "../__chunks/VTOOL4S4.js";
|
|
14
|
-
import "../__chunks/
|
|
14
|
+
import "../__chunks/E32RAHMA.js";
|
|
15
15
|
import "../__chunks/WQIYBPAY.js";
|
|
16
16
|
import "../__chunks/EJLZ2L22.js";
|
|
17
17
|
import "../__chunks/T3DJZG63.js";
|
package/esm/menu/menu-item.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MenuItem,
|
|
3
3
|
useMenuItem
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/SQCQXOYX.js";
|
|
5
5
|
import "../__chunks/HVBRRKV4.js";
|
|
6
6
|
import "../__chunks/W7JXAQKF.js";
|
|
7
7
|
import "../__chunks/VTOOL4S4.js";
|
|
8
|
-
import "../__chunks/
|
|
8
|
+
import "../__chunks/E32RAHMA.js";
|
|
9
9
|
import "../__chunks/WQIYBPAY.js";
|
|
10
10
|
import "../__chunks/EJLZ2L22.js";
|
|
11
11
|
import "../__chunks/T3DJZG63.js";
|
package/esm/menu/menu-list.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MenuList,
|
|
3
3
|
useMenuList
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/DJLHFG5J.js";
|
|
5
5
|
import "../__chunks/HVBRRKV4.js";
|
|
6
6
|
import "../__chunks/ZSRI7KJ2.js";
|
|
7
|
-
import "../__chunks/
|
|
7
|
+
import "../__chunks/ZZBJOUY4.js";
|
|
8
8
|
import "../__chunks/OXPV2NBK.js";
|
|
9
9
|
import "../__chunks/Z3X3QN6P.js";
|
|
10
10
|
import "../__chunks/WFPVIVLA.js";
|
package/esm/menu/menu.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useMenuList
|
|
3
|
-
} from "../__chunks/
|
|
3
|
+
} from "../__chunks/DJLHFG5J.js";
|
|
4
4
|
import {
|
|
5
5
|
MenuBarContext,
|
|
6
6
|
MenuContext
|
|
7
7
|
} from "../__chunks/HVBRRKV4.js";
|
|
8
8
|
import "../__chunks/ZSRI7KJ2.js";
|
|
9
|
-
import "../__chunks/
|
|
9
|
+
import "../__chunks/ZZBJOUY4.js";
|
|
10
10
|
import "../__chunks/OXPV2NBK.js";
|
|
11
11
|
import "../__chunks/Z3X3QN6P.js";
|
|
12
12
|
import {
|
package/esm/radio/radio-group.js
CHANGED
package/esm/radio/radio.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Radio,
|
|
3
3
|
useRadio
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/EL4DJS34.js";
|
|
5
5
|
import "../__chunks/6I2PARRP.js";
|
|
6
|
-
import "../__chunks/
|
|
6
|
+
import "../__chunks/E32RAHMA.js";
|
|
7
7
|
import "../__chunks/WQIYBPAY.js";
|
|
8
8
|
import "../__chunks/EJLZ2L22.js";
|
|
9
9
|
import "../__chunks/T3DJZG63.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SelectList,
|
|
3
3
|
useSelectList
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/3NSZ5Q7K.js";
|
|
5
5
|
import "../__chunks/ZSRI7KJ2.js";
|
|
6
6
|
import "../__chunks/EEVSGAZW.js";
|
|
7
|
-
import "../__chunks/
|
|
7
|
+
import "../__chunks/ZZBJOUY4.js";
|
|
8
8
|
import "../__chunks/OXPV2NBK.js";
|
|
9
9
|
import "../__chunks/Z3X3QN6P.js";
|
|
10
10
|
import "../__chunks/WFPVIVLA.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useSelectList
|
|
3
|
-
} from "../__chunks/
|
|
3
|
+
} from "../__chunks/3NSZ5Q7K.js";
|
|
4
4
|
import "../__chunks/ZSRI7KJ2.js";
|
|
5
5
|
import "../__chunks/EEVSGAZW.js";
|
|
6
|
-
import "../__chunks/
|
|
6
|
+
import "../__chunks/ZZBJOUY4.js";
|
|
7
7
|
import "../__chunks/OXPV2NBK.js";
|
|
8
8
|
import "../__chunks/Z3X3QN6P.js";
|
|
9
9
|
import {
|
package/esm/tab/tab-list.js
CHANGED
package/esm/tab/tab.js
CHANGED
|
@@ -3,8 +3,8 @@ import {
|
|
|
3
3
|
} from "../__chunks/XPRWPHQV.js";
|
|
4
4
|
import {
|
|
5
5
|
useToolbarItem
|
|
6
|
-
} from "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
6
|
+
} from "../__chunks/5AXDCOCY.js";
|
|
7
|
+
import "../__chunks/E32RAHMA.js";
|
|
8
8
|
import "../__chunks/WQIYBPAY.js";
|
|
9
9
|
import "../__chunks/EJLZ2L22.js";
|
|
10
10
|
import "../__chunks/T3DJZG63.js";
|
|
@@ -3,8 +3,8 @@ import {
|
|
|
3
3
|
} from "../__chunks/OYQC776W.js";
|
|
4
4
|
import {
|
|
5
5
|
useToolbarItem
|
|
6
|
-
} from "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
6
|
+
} from "../__chunks/5AXDCOCY.js";
|
|
7
|
+
import "../__chunks/E32RAHMA.js";
|
|
8
8
|
import "../__chunks/WQIYBPAY.js";
|
|
9
9
|
import "../__chunks/EJLZ2L22.js";
|
|
10
10
|
import "../__chunks/T3DJZG63.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ToolbarItem,
|
|
3
3
|
useToolbarItem
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/5AXDCOCY.js";
|
|
5
|
+
import "../__chunks/E32RAHMA.js";
|
|
6
6
|
import "../__chunks/WQIYBPAY.js";
|
|
7
7
|
import "../__chunks/EJLZ2L22.js";
|
|
8
8
|
import "../__chunks/T3DJZG63.js";
|
package/esm/toolbar/toolbar.js
CHANGED