visits-style 1.4.13 → 1.4.15

package/dist/index.es.js

@@ -2,7 +2,7 @@ import { styled, css, keyframes } from 'styled-components';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { forwardRef, useLayoutEffect, useEffect, useRef, useMemo, useImperativeHandle, useState, cloneElement, Children, useCallback, createElement } from 'react';
 import { getLuminance, transparentize, darken } from 'polished';
-import { useId, useFloating, shift, flip, offset, useInteractions, useHover, useClientPoint, autoUpdate, useClick, FloatingOverlay, useDismiss, useTransitionStyles } from '@floating-ui/react';
+import { useId, useFloating, shift, flip, offset, autoUpdate, useInteractions, useHover, useClientPoint, useClick, FloatingOverlay, useDismiss, useTransitionStyles } from '@floating-ui/react';
 import { createPortal } from 'react-dom';
 
 const Wrapper$6 = /* @__PURE__ */ styled.div.withConfig({
@@ -694,6 +694,7 @@ const Tooltip$1 = forwardRef(({
       mainAxis: offset$1.y,
       crossAxis: offset$1.x
     })],
+    whileElementsMounted: disabled ? void 0 : autoUpdate,
     onOpenChange: setOpen
   });
   const {
@@ -793,7 +794,14 @@ const Popover = forwardRef(({
       crossAxis: offset$1.x
     })],
     open,
-    onOpenChange: setOpen,
+    onOpenChange: (value) => {
+      if (value) {
+        openRef.current?.(refs.reference.current, refs.floating.current);
+      } else {
+        closeRef.current?.(refs.reference.current, refs.floating.current);
+      }
+      setOpen(value);
+    },
     whileElementsMounted: autoUpdate
   });
   const handleBlur = useCallback((e) => {
@@ -801,21 +809,23 @@ const Popover = forwardRef(({
     if (onManualClose)
       return onManualClose();
     setOpen(false);
+    closeRef.current?.(refs.reference.current, refs.floating.current);
   }, [onManualClose]);
   useEffect(() => {
     if (disabled && open) {
       setOpen(false);
     }
   }, [disabled, open]);
-  useEffect(() => {
-    if (!open)
-      return;
-    openRef.current?.();
-    return () => closeRef.current?.();
-  }, [open]);
   useImperativeHandle(ref, () => ({
-    open: () => setOpen(true),
-    close: () => setOpen(false)
+    open: () => {
+      setOpen(true);
+      openRef.current?.(refs.reference.current, refs.floating.current);
+    },
+    close: () => {
+      setOpen(false);
+      closeRef.current?.(refs.reference.current, refs.floating.current);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }), []);
   const {
     getFloatingProps,
@@ -826,15 +836,13 @@ const Popover = forwardRef(({
   openRef.current = onOpen;
   closeRef.current = onClose;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    cloneElement(Children.only(label), {
+    cloneElement(Children.only(label), getReferenceProps({
       ref: refs.setReference,
-      ...getReferenceProps({
-        tabIndex: 0,
-        role: "button",
-        disabled,
-        onClick: stopPropagation$1
-      })
-    }),
+      tabIndex: 0,
+      role: "button",
+      disabled,
+      onClick: stopPropagation$1
+    })),
     /* @__PURE__ */ jsx(Portal$1, { children: open && !disabled ? /* @__PURE__ */ jsx(FloatingOverlay, { "data-testid": "visits-style-shadow", onClick: handleBlur, style: {
       zIndex
     }, children: /* @__PURE__ */ jsx(Tooltip, { role: "tooltip", ref: refs.setFloating, color, style: floatingStyles, ...getFloatingProps({

package/package.json

@@ -2,7 +2,7 @@
   "name": "visits-style",
   "repository": "https://github.com/visits-works/visits-style",
   "homepage": "https://github.com/visits-works/visits-style",
-  "version": "1.4.13",
+  "version": "1.4.15",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "engines": {
-    "node": ">=16"
+    "node": ">=18"
   },
   "peerDependencies": {
     "react": ">=18.2.0",
@@ -27,8 +27,8 @@
     "styled-components": ">=6.0.5"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.6",
+    "@floating-ui/react": "^0.26.13",
     "eslint-config-react-app": "^7.0.1",
-    "polished": "^4.2.2"
+    "polished": "^4.3.1"
   }
 }