@zenkigen-inc/component-ui 1.20.0 → 1.20.3

package/dist/index.js

@@ -907,11 +907,10 @@ var DatePicker = ({
     setIsOpen(false);
   };
   const handleSelect = (selected) => {
-    if (!selected) {
-      return;
+    if (selected != null) {
+      const selectedKey2 = formatLocalDateKey(selected);
+      onChange(createDateFromKey(selectedKey2, timeZone));
     }
-    const selectedKey2 = formatLocalDateKey(selected);
-    onChange(createDateFromKey(selectedKey2, timeZone));
     setIsOpen(false);
   };
   const handleClear = () => {
@@ -3687,8 +3686,19 @@ function Tooltip({
     if (isDisabledHover) {
       return;
     }
+    if (targetRef.current !== null) {
+      const dimensions = targetRef.current.getBoundingClientRect();
+      const position = calculatePosition({
+        dimensions,
+        maxWidth,
+        verticalPosition,
+        horizontalAlign,
+        tooltipSize: size
+      });
+      setTooltipPosition(position);
+    }
     setIsVisible(true);
-  }, [isDisabledHover]);
+  }, [isDisabledHover, calculatePosition, maxWidth, verticalPosition, horizontalAlign, size]);
   const handleMouseOutWrapper = (0, import_react53.useCallback)(() => {
     setIsVisible(false);
   }, []);
@@ -3698,6 +3708,27 @@ function Tooltip({
     const position = calculatePosition({ dimensions, maxWidth, verticalPosition, horizontalAlign, tooltipSize: size });
     setTooltipPosition(position);
   }, [calculatePosition, horizontalAlign, maxWidth, size, verticalPosition]);
+  (0, import_react53.useEffect)(() => {
+    if (!isVisible) return;
+    const updatePosition = () => {
+      if (targetRef.current === null) return;
+      const dimensions = targetRef.current.getBoundingClientRect();
+      const position = calculatePosition({
+        dimensions,
+        maxWidth,
+        verticalPosition,
+        horizontalAlign,
+        tooltipSize: size
+      });
+      setTooltipPosition(position);
+    };
+    window.addEventListener("scroll", updatePosition, { capture: true, passive: true });
+    window.addEventListener("resize", updatePosition, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", updatePosition, { capture: true });
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [isVisible, calculatePosition, maxWidth, verticalPosition, horizontalAlign, size]);
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "div",
     {

package/dist/index.mjs

@@ -839,11 +839,10 @@ var DatePicker = ({
     setIsOpen(false);
   };
   const handleSelect = (selected) => {
-    if (!selected) {
-      return;
+    if (selected != null) {
+      const selectedKey2 = formatLocalDateKey(selected);
+      onChange(createDateFromKey(selectedKey2, timeZone));
     }
-    const selectedKey2 = formatLocalDateKey(selected);
-    onChange(createDateFromKey(selectedKey2, timeZone));
     setIsOpen(false);
   };
   const handleClear = () => {
@@ -3619,8 +3618,19 @@ function Tooltip({
     if (isDisabledHover) {
       return;
     }
+    if (targetRef.current !== null) {
+      const dimensions = targetRef.current.getBoundingClientRect();
+      const position = calculatePosition({
+        dimensions,
+        maxWidth,
+        verticalPosition,
+        horizontalAlign,
+        tooltipSize: size
+      });
+      setTooltipPosition(position);
+    }
     setIsVisible(true);
-  }, [isDisabledHover]);
+  }, [isDisabledHover, calculatePosition, maxWidth, verticalPosition, horizontalAlign, size]);
   const handleMouseOutWrapper = useCallback14(() => {
     setIsVisible(false);
   }, []);
@@ -3630,6 +3640,27 @@ function Tooltip({
     const position = calculatePosition({ dimensions, maxWidth, verticalPosition, horizontalAlign, tooltipSize: size });
     setTooltipPosition(position);
   }, [calculatePosition, horizontalAlign, maxWidth, size, verticalPosition]);
+  useEffect9(() => {
+    if (!isVisible) return;
+    const updatePosition = () => {
+      if (targetRef.current === null) return;
+      const dimensions = targetRef.current.getBoundingClientRect();
+      const position = calculatePosition({
+        dimensions,
+        maxWidth,
+        verticalPosition,
+        horizontalAlign,
+        tooltipSize: size
+      });
+      setTooltipPosition(position);
+    };
+    window.addEventListener("scroll", updatePosition, { capture: true, passive: true });
+    window.addEventListener("resize", updatePosition, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", updatePosition, { capture: true });
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [isVisible, calculatePosition, maxWidth, verticalPosition, horizontalAlign, size]);
   return /* @__PURE__ */ jsxs33(
     "div",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenkigen-inc/component-ui",
-  "version": "1.20.0",
+  "version": "1.20.3",
   "repository": "https://github.com/zenkigen/zenkigen-component",
   "license": "MIT",
   "publishConfig": {
@@ -25,23 +25,23 @@
     "test:ci": "vitest run"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "6.4.0",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "hygen": "6.2.11",
-    "tsup": "8.5.0",
-    "typescript": "5.8.3"
+    "tsup": "8.5.1",
+    "typescript": "5.9.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@floating-ui/react": "0.27.16",
-    "@zenkigen-inc/component-config": "1.20.0",
-    "@zenkigen-inc/component-icons": "1.20.0",
-    "@zenkigen-inc/component-theme": "1.20.0",
+    "@floating-ui/react": "0.27.19",
+    "@zenkigen-inc/component-config": "1.20.3",
+    "@zenkigen-inc/component-icons": "1.20.3",
+    "@zenkigen-inc/component-theme": "1.20.3",
     "clsx": "2.1.1",
-    "react-day-picker": "9.13.0"
+    "react-day-picker": "9.14.0"
   }
 }