@ariakit/react-core 0.4.22 → 0.4.23

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @ariakit/react-core
 
+## 0.4.23
+
+- Fixed [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure) so pressing Escape closes [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) when the popover starts open and the [`Combobox`](https://ariakit.org/reference/combobox) input is auto-focused.
+
 ## 0.4.22
 
 - Fixed [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio) so controlled reset states are reflected correctly by the menu item and [`MenuItemCheck`](https://ariakit.org/reference/menu-item-check).

package/cjs/combobox/combobox-disclosure.cjs

@@ -13,6 +13,9 @@ require('../__chunks/DIWKSV34.cjs');
 require('../__chunks/CFNQ2EAV.cjs');
 require('../__chunks/4JH5Q6AQ.cjs');
 require('../__chunks/T3QB4FR3.cjs');
+
+
+var _YY2UXBEBcjs = require('../__chunks/YY2UXBEB.cjs');
 require('../__chunks/SS26HAQ2.cjs');
 
 
@@ -21,6 +24,7 @@ require('../__chunks/SS26HAQ2.cjs');
 var _743QABRAcjs = require('../__chunks/743QABRA.cjs');
 
 
+
 var _KGFTRA3Ccjs = require('../__chunks/KGFTRA3C.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
@@ -63,10 +67,15 @@ var useComboboxDisclosure = _743QABRAcjs.createHook.call(void 0, function useCom
     onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented) return;
     if (!store) return;
-    const { baseElement } = store.getState();
-    store.setDisclosureElement(baseElement);
+    const { baseElement: baseElement2 } = store.getState();
+    store.setDisclosureElement(baseElement2);
   });
-  const open = store.useState("open");
+  const baseElement = _YY2UXBEBcjs.useStoreState.call(void 0, store, "baseElement");
+  const open = _YY2UXBEBcjs.useStoreState.call(void 0, store, "open");
+  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!baseElement) return;
+    store.setDisclosureElement(baseElement);
+  }, [store, baseElement]);
   props = {
     children,
     tabIndex: -1,

package/esm/combobox/combobox-disclosure.js

@@ -14,6 +14,9 @@ import "../__chunks/HMKTUWOU.js";
 import "../__chunks/PZ3OL7I2.js";
 import "../__chunks/U6HHPQDW.js";
 import "../__chunks/SWN3JYXT.js";
+import {
+  useStoreState
+} from "../__chunks/Q5W46E73.js";
 import "../__chunks/SMPCIMZM.js";
 import {
   createElement,
@@ -21,7 +24,8 @@ import {
   forwardRef
 } from "../__chunks/GWSL6KNJ.js";
 import {
-  useEvent
+  useEvent,
+  useSafeLayoutEffect
 } from "../__chunks/KPHZR4MB.js";
 import "../__chunks/YXGXYGQX.js";
 
@@ -64,10 +68,15 @@ var useComboboxDisclosure = createHook(function useComboboxDisclosure2({ store,
     onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented) return;
     if (!store) return;
-    const { baseElement } = store.getState();
-    store.setDisclosureElement(baseElement);
+    const { baseElement: baseElement2 } = store.getState();
+    store.setDisclosureElement(baseElement2);
   });
-  const open = store.useState("open");
+  const baseElement = useStoreState(store, "baseElement");
+  const open = useStoreState(store, "open");
+  useSafeLayoutEffect(() => {
+    if (!baseElement) return;
+    store.setDisclosureElement(baseElement);
+  }, [store, baseElement]);
   props = {
     children,
     tabIndex: -1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.4.22",
+  "version": "0.4.23",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",