@jenesei-software/jenesei-kit-react 1.2.6 → 1.2.8

package/build/{component-zhkRBgS8.js → component-zZ5X_UdT.js}

@@ -4,7 +4,7 @@ import { createLink } from "@tanstack/react-router";
 import * as React from "react";
 import { useLayoutEffect, useState, useRef, useMemo, useEffect, useCallback, memo } from "react";
 import styled, { css, keyframes } from "styled-components";
-import { J as JeneseiPalette, K as KEY_SIZE_DATA } from "./theme.global-B46v_8eu.js";
+import { J as JeneseiPalette, K as KEY_SIZE_DATA } from "./theme.global-DuEXPcSK.js";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 import { AnimatePresence, motion } from "framer-motion";
@@ -2142,6 +2142,10 @@ const usePopover = (props) => {
   useEffect(() => {
     if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;
     const cleanup = autoUpdate(refs.reference.current, refs.floating.current, update);
+    return () => cleanup();
+  }, [isOpen, refs.reference, refs.floating, update, props.isDisabled]);
+  useEffect(() => {
+    if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;
     if (props.isClickOutside) {
       clickOutsideHandler.current = (e) => {
         const refEl = refs.reference.current;
@@ -2160,7 +2164,6 @@ const usePopover = (props) => {
       document.addEventListener("mousedown", clickOutsideHandler.current);
     }
     return () => {
-      cleanup();
       if (clickOutsideHandler.current) {
         document.removeEventListener("mousedown", clickOutsideHandler.current);
         clickOutsideHandler.current = null;
@@ -2169,15 +2172,7 @@ const usePopover = (props) => {
         clearTimeout(hoverCloseTimeout.current);
       }
     };
-  }, [
-    isOpen,
-    refs.reference,
-    refs.floating,
-    update,
-    props.isClickOutside,
-    props.isDisabled,
-    props.refsExcludeClickOutside
-  ]);
+  }, [isOpen, refs.reference, refs.floating, props.isClickOutside, props.isDisabled, props.refsExcludeClickOutside]);
   useEffect(() => {
     if (!isOpen || !props.isFloatingHover || !refs.reference.current || !refs.floating.current || props.isDisabled)
       return;
@@ -2267,8 +2262,12 @@ const usePopover = (props) => {
   useEffect(() => {
     if (!refs.reference.current || props.isDisabled || !onBlurReference) return;
     const refEl = refs.reference.current;
+    const otherRefs = props.refsExcludeBlur || [];
     const handleBlur = (e) => {
-      if (refEl instanceof HTMLElement && !refEl.contains(e.relatedTarget)) {
+      if (refEl instanceof HTMLElement && !refEl.contains(e.relatedTarget) && !otherRefs.some((ref) => {
+        if (ref && "current" in ref && ref.current && ref.current instanceof HTMLElement)
+          return ref.current.contains(e.relatedTarget);
+      })) {
         onBlurReference();
       }
     };
@@ -2276,8 +2275,24 @@ const usePopover = (props) => {
     return () => {
       if (refEl instanceof HTMLElement) refEl.removeEventListener("blur", handleBlur, true);
     };
-  }, [refs.reference, props.isDisabled, onBlurReference]);
+  }, [refs.reference, props.isDisabled, onBlurReference, props.refsExcludeBlur]);
+  const getIsInside = useCallback(
+    (target) => {
+      if (!target) return false;
+      const refEl = refs.reference.current;
+      const floatingEl = refs.floating.current;
+      const otherRefs = props.refsExcludeBlur || [];
+      return refEl instanceof HTMLElement && refEl.contains(target) || floatingEl instanceof HTMLElement && floatingEl.contains(target) || otherRefs.some((ref) => {
+        if (ref && "current" in ref && ref.current && ref.current instanceof HTMLElement) {
+          return ref.current.contains(target);
+        }
+        return false;
+      });
+    },
+    [refs.reference, refs.floating, props.refsExcludeBlur]
+  );
   return {
+    getIsInside,
     isOpen,
     setIsOpen,
     open,
@@ -2487,4 +2502,4 @@ export {
   useMergeRefs as m,
   usePopover as u
 };
-//# sourceMappingURL=component-zhkRBgS8.js.map
+//# sourceMappingURL=component-zZ5X_UdT.js.map