@ariakit/react-core 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @ariakit/react-core
 
+## 0.1.3
+
+### Patch Changes
+
+- Fixed `Dialog` not returning focus when closed when rendered with `React.lazy`. ([#2290](https://github.com/ariakit/ariakit/pull/2290))
+
+- Fixed `Hovercard` being shown on touch/tap on mobile devices. ([#2291](https://github.com/ariakit/ariakit/pull/2291))
+
+- Fixed `Hovercard` not properly cleaning up the timeout to hide the card when
+  unmounted. ([#2289](https://github.com/ariakit/ariakit/pull/2289))
+
+- Updated dependencies: `@ariakit/core@0.1.2`.
+
 ## 0.1.2
 
 ### Patch Changes

package/cjs/__chunks/{WPKIYKH6.cjs → 7HZT2AAH.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _YAJKVIK2cjs = require('./YAJKVIK2.cjs');
+var _LH4INSYScjs = require('./LH4INSYS.cjs');
 
 
 
@@ -185,7 +185,10 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
           store.hide();
         }, hideTimeout);
       };
-      return _events.addGlobalEventListener.call(void 0, "mousemove", onMouseMove, true);
+      return _misc.chain.call(void 0, 
+        _events.addGlobalEventListener.call(void 0, "mousemove", onMouseMove, true),
+        () => clearTimeout(hideTimeoutRef.current)
+      );
     }, [
       store,
       domReady,
@@ -265,7 +268,7 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
     };
     props = useAutoFocusOnHide({ store, ...props });
     props = useAutoFocusOnShow({ store, modal, ...props });
-    props = _YAJKVIK2cjs.usePopover.call(void 0, {
+    props = _LH4INSYScjs.usePopover.call(void 0, {
       hideOnEscape,
       store,
       modal,

package/cjs/__chunks/{GEJXRZB4.cjs → HJTX27PU.cjs}

@@ -142,7 +142,6 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
       (state) => preserveTabOrderProp && !modal && state.mounted
     );
     const open = store.useState("open");
-    const openRef = _react.useRef.call(void 0, open);
     const shouldDisableAccessibilityTree = modal || portal && preserveTabOrder && _platform.isSafari.call(void 0, );
     const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
     const contentElement = store.useState("contentElement");
@@ -280,10 +279,15 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
     ]);
     const mayAutoFocusOnHide = !!autoFocusOnHide;
     const autoFocusOnHideProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, autoFocusOnHide);
+    const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
+    _react.useEffect.call(void 0, () => {
+      if (!open)
+        return;
+      setHasOpened(true);
+      return () => setHasOpened(false);
+    }, [open]);
     _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
-      const prevOpen = openRef.current;
-      openRef.current = open;
-      if (!prevOpen)
+      if (!hasOpened)
         return;
       if (!mayAutoFocusOnHide)
         return;
@@ -324,7 +328,7 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
         return focusOnHide();
       }
       return focusOnHide;
-    }, [open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
+    }, [hasOpened, open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
     const hideOnEscapeProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnEscape);
     _react.useEffect.call(void 0, () => {
       if (!domReady)

package/cjs/__chunks/{YAJKVIK2.cjs → LH4INSYS.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _GEJXRZB4cjs = require('./GEJXRZB4.cjs');
+var _HJTX27PUcjs = require('./HJTX27PU.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -90,7 +90,7 @@ var usePopover = _UYIFJ7U3cjs.createHook.call(void 0,
         ...props.style
       }
     };
-    props = _GEJXRZB4cjs.useDialog.call(void 0, {
+    props = _HJTX27PUcjs.useDialog.call(void 0, {
       store,
       modal,
       preserveTabOrder,

package/cjs/__chunks/{OSVJV44D.cjs → WLSIWMKQ.cjs}

@@ -53,6 +53,8 @@ var useHovercardAnchor = _UYIFJ7U3cjs.createHook.call(void 0,
         const { showTimeout } = store.getState();
         showTimeoutRef.current = window.setTimeout(() => {
           showTimeoutRef.current = 0;
+          if (!isMouseMoving())
+            return;
           store.show();
         }, showTimeout);
       }

package/cjs/combobox/combobox-popover.cjs

@@ -4,8 +4,8 @@ var _DARNBOHZcjs = require('../__chunks/DARNBOHZ.cjs');
 require('../__chunks/2WZVSPAI.cjs');
 
 
-var _YAJKVIK2cjs = require('../__chunks/YAJKVIK2.cjs');
-require('../__chunks/GEJXRZB4.cjs');
+var _LH4INSYScjs = require('../__chunks/LH4INSYS.cjs');
+require('../__chunks/HJTX27PU.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
 require('../__chunks/XKBGBOWQ.cjs');
 require('../__chunks/ORRE4SVW.cjs');
@@ -53,7 +53,7 @@ var useComboboxPopover = _UYIFJ7U3cjs.createHook.call(void 0,
   ({ store, tabIndex, hideOnInteractOutside = true, ...props }) => {
     const baseElement = store.useState("baseElement");
     props = _DARNBOHZcjs.useComboboxList.call(void 0, { store, ...props });
-    props = _YAJKVIK2cjs.usePopover.call(void 0, {
+    props = _LH4INSYScjs.usePopover.call(void 0, {
       store,
       autoFocusOnShow: false,
       autoFocusOnHide: false,

package/cjs/composite/composite-overflow.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _YAJKVIK2cjs = require('../__chunks/YAJKVIK2.cjs');
-require('../__chunks/GEJXRZB4.cjs');
+var _LH4INSYScjs = require('../__chunks/LH4INSYS.cjs');
+require('../__chunks/HJTX27PU.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
 require('../__chunks/XKBGBOWQ.cjs');
 require('../__chunks/ORRE4SVW.cjs');
@@ -72,7 +72,7 @@ var useCompositeOverflow = _UYIFJ7U3cjs.createHook.call(void 0,
       ...props,
       onFocus
     };
-    props = _YAJKVIK2cjs.usePopover.call(void 0, {
+    props = _LH4INSYScjs.usePopover.call(void 0, {
       store,
       backdropProps,
       wrapperProps,

package/cjs/dialog/dialog.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _GEJXRZB4cjs = require('../__chunks/GEJXRZB4.cjs');
+var _HJTX27PUcjs = require('../__chunks/HJTX27PU.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
 require('../__chunks/XKBGBOWQ.cjs');
 require('../__chunks/ORRE4SVW.cjs');
@@ -29,4 +29,4 @@ require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.Dialog = _GEJXRZB4cjs.Dialog; exports.useDialog = _GEJXRZB4cjs.useDialog;
+exports.Dialog = _HJTX27PUcjs.Dialog; exports.useDialog = _HJTX27PUcjs.useDialog;

package/cjs/hovercard/hovercard-anchor.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _OSVJV44Dcjs = require('../__chunks/OSVJV44D.cjs');
+var _WLSIWMKQcjs = require('../__chunks/WLSIWMKQ.cjs');
 require('../__chunks/44UMDBZE.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
 require('../__chunks/5QY4WCTR.cjs');
@@ -9,4 +9,4 @@ require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.HovercardAnchor = _OSVJV44Dcjs.HovercardAnchor; exports.useHovercardAnchor = _OSVJV44Dcjs.useHovercardAnchor;
+exports.HovercardAnchor = _WLSIWMKQcjs.HovercardAnchor; exports.useHovercardAnchor = _WLSIWMKQcjs.useHovercardAnchor;

package/cjs/hovercard/hovercard.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _WPKIYKH6cjs = require('../__chunks/WPKIYKH6.cjs');
+var _7HZT2AAHcjs = require('../__chunks/7HZT2AAH.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/YAJKVIK2.cjs');
-require('../__chunks/GEJXRZB4.cjs');
+require('../__chunks/LH4INSYS.cjs');
+require('../__chunks/HJTX27PU.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
 require('../__chunks/XKBGBOWQ.cjs');
 require('../__chunks/ORRE4SVW.cjs');
@@ -33,4 +33,4 @@ require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.Hovercard = _WPKIYKH6cjs.Hovercard; exports.useHovercard = _WPKIYKH6cjs.useHovercard;
+exports.Hovercard = _7HZT2AAHcjs.Hovercard; exports.useHovercard = _7HZT2AAHcjs.useHovercard;

package/cjs/menu/menu-button.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _OSVJV44Dcjs = require('../__chunks/OSVJV44D.cjs');
+var _WLSIWMKQcjs = require('../__chunks/WLSIWMKQ.cjs');
 
 
 
@@ -131,7 +131,7 @@ var useMenuButton = _UYIFJ7U3cjs.createHook.call(void 0,
       onKeyDown,
       onClick
     };
-    props = _OSVJV44Dcjs.useHovercardAnchor.call(void 0, {
+    props = _WLSIWMKQcjs.useHovercardAnchor.call(void 0, {
       store,
       focusable,
       accessibleWhenDisabled,

package/cjs/menu/menu.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _WPKIYKH6cjs = require('../__chunks/WPKIYKH6.cjs');
+var _7HZT2AAHcjs = require('../__chunks/7HZT2AAH.cjs');
 require('../__chunks/OLGMV24U.cjs');
 
 
@@ -9,8 +9,8 @@ var _3RC6Q4WIcjs = require('../__chunks/3RC6Q4WI.cjs');
 
 
 var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
-require('../__chunks/YAJKVIK2.cjs');
-require('../__chunks/GEJXRZB4.cjs');
+require('../__chunks/LH4INSYS.cjs');
+require('../__chunks/HJTX27PU.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
 require('../__chunks/XKBGBOWQ.cjs');
 require('../__chunks/ORRE4SVW.cjs');
@@ -128,7 +128,7 @@ var useMenu = _UYIFJ7U3cjs.createHook.call(void 0,
     }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;
     const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
-    props = _WPKIYKH6cjs.useHovercard.call(void 0, {
+    props = _7HZT2AAHcjs.useHovercard.call(void 0, {
       store,
       initialFocus: initialFocusRef,
       autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!props.modal,

package/cjs/popover/popover.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _YAJKVIK2cjs = require('../__chunks/YAJKVIK2.cjs');
-require('../__chunks/GEJXRZB4.cjs');
+var _LH4INSYScjs = require('../__chunks/LH4INSYS.cjs');
+require('../__chunks/HJTX27PU.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
 require('../__chunks/XKBGBOWQ.cjs');
 require('../__chunks/ORRE4SVW.cjs');
@@ -31,4 +31,4 @@ require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.Popover = _YAJKVIK2cjs.Popover; exports.usePopover = _YAJKVIK2cjs.usePopover;
+exports.Popover = _LH4INSYScjs.Popover; exports.usePopover = _LH4INSYScjs.usePopover;

package/cjs/select/select-popover.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _YAJKVIK2cjs = require('../__chunks/YAJKVIK2.cjs');
-require('../__chunks/GEJXRZB4.cjs');
+var _LH4INSYScjs = require('../__chunks/LH4INSYS.cjs');
+require('../__chunks/HJTX27PU.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
 require('../__chunks/XKBGBOWQ.cjs');
 require('../__chunks/ORRE4SVW.cjs');
@@ -44,7 +44,7 @@ require('../__chunks/2X5K3J7Y.cjs');
 var useSelectPopover = _UYIFJ7U3cjs.createHook.call(void 0, 
   ({ store, ...props }) => {
     props = _MAVPFWFVcjs.useSelectList.call(void 0, { store, ...props });
-    props = _YAJKVIK2cjs.usePopover.call(void 0, { store, ...props });
+    props = _LH4INSYScjs.usePopover.call(void 0, { store, ...props });
     return props;
   }
 );