@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.
Files changed (64) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/cjs/__chunks/{I4VW4CPQ.cjs → GET3PZI4.cjs} +2 -1
  3. package/cjs/__chunks/{6GU25WKL.cjs → HP2YFIDE.cjs} +1 -1
  4. package/cjs/__chunks/{OZQD6TLQ.cjs → KQYBSO76.cjs} +2 -2
  5. package/cjs/__chunks/{R32BMUUT.cjs → OKM7CARK.cjs} +2 -2
  6. package/cjs/__chunks/{HVCML4SE.cjs → RHFHMA7V.cjs} +2 -2
  7. package/cjs/__chunks/{OEERYQSB.cjs → XLXQVPCB.cjs} +2 -2
  8. package/cjs/__chunks/{LGMGD2LT.cjs → Z3TKBZHL.cjs} +2 -2
  9. package/cjs/combobox/combobox-item.cjs +2 -2
  10. package/cjs/combobox/combobox.cjs +28 -4
  11. package/cjs/composite/composite-item.cjs +2 -2
  12. package/cjs/composite/composite-overflow-disclosure.cjs +2 -2
  13. package/cjs/composite/composite.cjs +2 -2
  14. package/cjs/form/form-radio.cjs +3 -3
  15. package/cjs/menu/menu-bar.cjs +2 -2
  16. package/cjs/menu/menu-item-checkbox.cjs +3 -3
  17. package/cjs/menu/menu-item-radio.cjs +5 -5
  18. package/cjs/menu/menu-item.cjs +3 -3
  19. package/cjs/menu/menu-list.cjs +3 -3
  20. package/cjs/menu/menu.cjs +3 -3
  21. package/cjs/radio/radio-group.cjs +2 -2
  22. package/cjs/radio/radio.cjs +3 -3
  23. package/cjs/select/select-item.cjs +2 -2
  24. package/cjs/select/select-list.cjs +3 -3
  25. package/cjs/select/select-popover.cjs +3 -3
  26. package/cjs/tab/tab-list.cjs +2 -2
  27. package/cjs/tab/tab.cjs +2 -2
  28. package/cjs/toolbar/toolbar-container.cjs +3 -3
  29. package/cjs/toolbar/toolbar-input.cjs +3 -3
  30. package/cjs/toolbar/toolbar-item.cjs +3 -3
  31. package/cjs/toolbar/toolbar.cjs +2 -2
  32. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  33. package/esm/__chunks/{UYTR2SZP.js → 3NSZ5Q7K.js} +1 -1
  34. package/esm/__chunks/{Q6CBZJ7X.js → 5AXDCOCY.js} +1 -1
  35. package/esm/__chunks/{GMDF663U.js → DJLHFG5J.js} +1 -1
  36. package/esm/__chunks/{OUTTLNN7.js → E32RAHMA.js} +1 -1
  37. package/esm/__chunks/{6ICCUPPR.js → EL4DJS34.js} +1 -1
  38. package/esm/__chunks/{HNO7M6GL.js → SQCQXOYX.js} +1 -1
  39. package/esm/__chunks/{7MJF27QJ.js → ZZBJOUY4.js} +2 -1
  40. package/esm/combobox/combobox-item.js +1 -1
  41. package/esm/combobox/combobox.js +28 -4
  42. package/esm/composite/composite-item.js +1 -1
  43. package/esm/composite/composite-overflow-disclosure.js +1 -1
  44. package/esm/composite/composite.js +1 -1
  45. package/esm/form/form-radio.js +2 -2
  46. package/esm/menu/menu-bar.js +1 -1
  47. package/esm/menu/menu-item-checkbox.js +2 -2
  48. package/esm/menu/menu-item-radio.js +3 -3
  49. package/esm/menu/menu-item.js +2 -2
  50. package/esm/menu/menu-list.js +2 -2
  51. package/esm/menu/menu.js +2 -2
  52. package/esm/radio/radio-group.js +1 -1
  53. package/esm/radio/radio.js +2 -2
  54. package/esm/select/select-item.js +1 -1
  55. package/esm/select/select-list.js +2 -2
  56. package/esm/select/select-popover.js +2 -2
  57. package/esm/tab/tab-list.js +1 -1
  58. package/esm/tab/tab.js +1 -1
  59. package/esm/toolbar/toolbar-container.js +2 -2
  60. package/esm/toolbar/toolbar-input.js +2 -2
  61. package/esm/toolbar/toolbar-item.js +2 -2
  62. package/esm/toolbar/toolbar.js +1 -1
  63. package/esm/tsconfig.build.tsbuildinfo +1 -1
  64. package/package.json +2 -2
@@ -6,7 +6,7 @@ import {
6
6
  } from "./EEVSGAZW.js";
7
7
  import {
8
8
  useComposite
9
- } from "./7MJF27QJ.js";
9
+ } from "./ZZBJOUY4.js";
10
10
  import {
11
11
  isHidden
12
12
  } from "./WFPVIVLA.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useCompositeItem
3
- } from "./OUTTLNN7.js";
3
+ } from "./E32RAHMA.js";
4
4
  import {
5
5
  createElement,
6
6
  createHook,
@@ -7,7 +7,7 @@ import {
7
7
  } from "./ZSRI7KJ2.js";
8
8
  import {
9
9
  useComposite
10
- } from "./7MJF27QJ.js";
10
+ } from "./ZZBJOUY4.js";
11
11
  import {
12
12
  isHidden
13
13
  } from "./WFPVIVLA.js";
@@ -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,
@@ -3,7 +3,7 @@ import {
3
3
  } from "./6I2PARRP.js";
4
4
  import {
5
5
  useCompositeItem
6
- } from "./OUTTLNN7.js";
6
+ } from "./E32RAHMA.js";
7
7
  import {
8
8
  createElement,
9
9
  createHook,
@@ -10,7 +10,7 @@ import {
10
10
  } from "./VTOOL4S4.js";
11
11
  import {
12
12
  useCompositeItem
13
- } from "./OUTTLNN7.js";
13
+ } from "./E32RAHMA.js";
14
14
  import {
15
15
  createElement,
16
16
  createHook,
@@ -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";
@@ -7,7 +7,7 @@ import {
7
7
  } from "../__chunks/VTOOL4S4.js";
8
8
  import {
9
9
  useCompositeItem
10
- } from "../__chunks/OUTTLNN7.js";
10
+ } from "../__chunks/E32RAHMA.js";
11
11
  import "../__chunks/WQIYBPAY.js";
12
12
  import "../__chunks/EJLZ2L22.js";
13
13
  import "../__chunks/T3DJZG63.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "../__chunks/5NQLWI7E.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/7MJF27QJ.js";
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)
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CompositeItem,
3
3
  useCompositeItem
4
- } from "../__chunks/OUTTLNN7.js";
4
+ } from "../__chunks/E32RAHMA.js";
5
5
  import "../__chunks/WQIYBPAY.js";
6
6
  import "../__chunks/EJLZ2L22.js";
7
7
  import "../__chunks/T3DJZG63.js";
@@ -7,7 +7,7 @@ import "../__chunks/5NQLWI7E.js";
7
7
  import "../__chunks/EUD77B6Z.js";
8
8
  import {
9
9
  useCompositeItem
10
- } from "../__chunks/OUTTLNN7.js";
10
+ } from "../__chunks/E32RAHMA.js";
11
11
  import "../__chunks/WQIYBPAY.js";
12
12
  import "../__chunks/EJLZ2L22.js";
13
13
  import "../__chunks/T3DJZG63.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Composite,
3
3
  useComposite
4
- } from "../__chunks/7MJF27QJ.js";
4
+ } from "../__chunks/ZZBJOUY4.js";
5
5
  import "../__chunks/OXPV2NBK.js";
6
6
  import "../__chunks/Z3X3QN6P.js";
7
7
  import "../__chunks/YNUPNUID.js";
@@ -6,9 +6,9 @@ import {
6
6
  } from "../__chunks/P3I4MECH.js";
7
7
  import {
8
8
  useRadio
9
- } from "../__chunks/6ICCUPPR.js";
9
+ } from "../__chunks/EL4DJS34.js";
10
10
  import "../__chunks/6I2PARRP.js";
11
- import "../__chunks/OUTTLNN7.js";
11
+ import "../__chunks/E32RAHMA.js";
12
12
  import "../__chunks/WQIYBPAY.js";
13
13
  import "../__chunks/EJLZ2L22.js";
14
14
  import "../__chunks/T3DJZG63.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "../__chunks/HVBRRKV4.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/7MJF27QJ.js";
6
+ } from "../__chunks/ZZBJOUY4.js";
7
7
  import "../__chunks/OXPV2NBK.js";
8
8
  import "../__chunks/Z3X3QN6P.js";
9
9
  import "../__chunks/YNUPNUID.js";
@@ -6,14 +6,14 @@ import {
6
6
  } from "../__chunks/5OP64YHR.js";
7
7
  import {
8
8
  useMenuItem
9
- } from "../__chunks/HNO7M6GL.js";
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/OUTTLNN7.js";
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/HNO7M6GL.js";
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/6ICCUPPR.js";
11
+ } from "../__chunks/EL4DJS34.js";
12
12
  import "../__chunks/6I2PARRP.js";
13
13
  import "../__chunks/VTOOL4S4.js";
14
- import "../__chunks/OUTTLNN7.js";
14
+ import "../__chunks/E32RAHMA.js";
15
15
  import "../__chunks/WQIYBPAY.js";
16
16
  import "../__chunks/EJLZ2L22.js";
17
17
  import "../__chunks/T3DJZG63.js";
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  MenuItem,
3
3
  useMenuItem
4
- } from "../__chunks/HNO7M6GL.js";
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/OUTTLNN7.js";
8
+ import "../__chunks/E32RAHMA.js";
9
9
  import "../__chunks/WQIYBPAY.js";
10
10
  import "../__chunks/EJLZ2L22.js";
11
11
  import "../__chunks/T3DJZG63.js";
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  MenuList,
3
3
  useMenuList
4
- } from "../__chunks/GMDF663U.js";
4
+ } from "../__chunks/DJLHFG5J.js";
5
5
  import "../__chunks/HVBRRKV4.js";
6
6
  import "../__chunks/ZSRI7KJ2.js";
7
- import "../__chunks/7MJF27QJ.js";
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/GMDF663U.js";
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/7MJF27QJ.js";
9
+ import "../__chunks/ZZBJOUY4.js";
10
10
  import "../__chunks/OXPV2NBK.js";
11
11
  import "../__chunks/Z3X3QN6P.js";
12
12
  import {
@@ -3,7 +3,7 @@ import {
3
3
  } from "../__chunks/6I2PARRP.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/7MJF27QJ.js";
6
+ } from "../__chunks/ZZBJOUY4.js";
7
7
  import "../__chunks/OXPV2NBK.js";
8
8
  import "../__chunks/Z3X3QN6P.js";
9
9
  import "../__chunks/YNUPNUID.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Radio,
3
3
  useRadio
4
- } from "../__chunks/6ICCUPPR.js";
4
+ } from "../__chunks/EL4DJS34.js";
5
5
  import "../__chunks/6I2PARRP.js";
6
- import "../__chunks/OUTTLNN7.js";
6
+ import "../__chunks/E32RAHMA.js";
7
7
  import "../__chunks/WQIYBPAY.js";
8
8
  import "../__chunks/EJLZ2L22.js";
9
9
  import "../__chunks/T3DJZG63.js";
@@ -7,7 +7,7 @@ import {
7
7
  } from "../__chunks/EEVSGAZW.js";
8
8
  import {
9
9
  useCompositeItem
10
- } from "../__chunks/OUTTLNN7.js";
10
+ } from "../__chunks/E32RAHMA.js";
11
11
  import "../__chunks/WQIYBPAY.js";
12
12
  import "../__chunks/EJLZ2L22.js";
13
13
  import "../__chunks/T3DJZG63.js";
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  SelectList,
3
3
  useSelectList
4
- } from "../__chunks/UYTR2SZP.js";
4
+ } from "../__chunks/3NSZ5Q7K.js";
5
5
  import "../__chunks/ZSRI7KJ2.js";
6
6
  import "../__chunks/EEVSGAZW.js";
7
- import "../__chunks/7MJF27QJ.js";
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/UYTR2SZP.js";
3
+ } from "../__chunks/3NSZ5Q7K.js";
4
4
  import "../__chunks/ZSRI7KJ2.js";
5
5
  import "../__chunks/EEVSGAZW.js";
6
- import "../__chunks/7MJF27QJ.js";
6
+ import "../__chunks/ZZBJOUY4.js";
7
7
  import "../__chunks/OXPV2NBK.js";
8
8
  import "../__chunks/Z3X3QN6P.js";
9
9
  import {
@@ -3,7 +3,7 @@ import {
3
3
  } from "../__chunks/UZKBEGMB.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/7MJF27QJ.js";
6
+ } from "../__chunks/ZZBJOUY4.js";
7
7
  import "../__chunks/OXPV2NBK.js";
8
8
  import "../__chunks/Z3X3QN6P.js";
9
9
  import "../__chunks/YNUPNUID.js";
package/esm/tab/tab.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  } from "../__chunks/UZKBEGMB.js";
4
4
  import {
5
5
  useCompositeItem
6
- } from "../__chunks/OUTTLNN7.js";
6
+ } from "../__chunks/E32RAHMA.js";
7
7
  import "../__chunks/WQIYBPAY.js";
8
8
  import "../__chunks/EJLZ2L22.js";
9
9
  import "../__chunks/T3DJZG63.js";
@@ -3,8 +3,8 @@ import {
3
3
  } from "../__chunks/XPRWPHQV.js";
4
4
  import {
5
5
  useToolbarItem
6
- } from "../__chunks/Q6CBZJ7X.js";
7
- import "../__chunks/OUTTLNN7.js";
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/Q6CBZJ7X.js";
7
- import "../__chunks/OUTTLNN7.js";
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/Q6CBZJ7X.js";
5
- import "../__chunks/OUTTLNN7.js";
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";
@@ -3,7 +3,7 @@ import {
3
3
  } from "../__chunks/DFUIIKXE.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/7MJF27QJ.js";
6
+ } from "../__chunks/ZZBJOUY4.js";
7
7
  import "../__chunks/OXPV2NBK.js";
8
8
  import "../__chunks/Z3X3QN6P.js";
9
9
  import "../__chunks/YNUPNUID.js";