@chekinapp/ui 0.0.30 → 0.0.31

package/dist/index.cjs

@@ -2486,18 +2486,25 @@ function useModalControls(initState = false, { disabled } = {}) {
 
 // src/hooks/use-outside-click.ts
 var import_react16 = require("react");
-function useOutsideClick(elementRef, onOutsideClick, nested) {
+function useOutsideClick({
+  elementRef,
+  onOutsideClick,
+  triggerRef,
+  isDisabled,
+  nested
+}) {
   const handleOutsideClick = (0, import_react16.useRef)(onOutsideClick);
   handleOutsideClick.current = onOutsideClick;
   const checkNestedElements = (0, import_react16.useCallback)(
-    (event) => {
+    (event, ownerDocument) => {
       const checkIsElementClickedBySelector = (selector) => {
-        const nestedElement = getDocument().querySelector(selector);
+        const nestedElement = ownerDocument.querySelector(selector);
         return nestedElement?.contains(event.target);
       };
       const checkDataAttribute = () => {
         const target = event.target;
-        if (!target || !(target instanceof HTMLElement)) {
+        const HTMLElementConstructor = ownerDocument.defaultView?.HTMLElement ?? HTMLElement;
+        if (!target || !(target instanceof HTMLElementConstructor)) {
           return false;
         }
         let current = target;
@@ -2521,19 +2528,29 @@ function useOutsideClick(elementRef, onOutsideClick, nested) {
     [nested]
   );
   (0, import_react16.useEffect)(() => {
+    if (isDisabled || !handleOutsideClick.current) {
+      return;
+    }
+    const ownerDocument = elementRef?.current?.ownerDocument ?? triggerRef?.current?.ownerDocument ?? getDocument();
     function handleClickOutside(event) {
-      const isNestedElement = checkNestedElements(event);
-      if (elementRef?.current && !elementRef.current.contains(event.target) && !isNestedElement) {
+      const target = event.target;
+      const NodeConstructor = ownerDocument.defaultView?.Node ?? Node;
+      if (!target || !(target instanceof NodeConstructor)) {
+        return;
+      }
+      const targetNode = target;
+      const isNestedElement = checkNestedElements(event, ownerDocument);
+      if (elementRef?.current && !elementRef.current.contains(targetNode) && !triggerRef?.current?.contains(targetNode) && !isNestedElement) {
         handleOutsideClick.current?.(event);
       }
     }
-    getDocument().addEventListener("mousedown", handleClickOutside, true);
-    getDocument().addEventListener("touchstart", handleClickOutside, true);
+    ownerDocument.addEventListener("mousedown", handleClickOutside, true);
+    ownerDocument.addEventListener("touchstart", handleClickOutside, true);
     return () => {
-      getDocument().removeEventListener("mousedown", handleClickOutside, true);
-      getDocument().removeEventListener("touchstart", handleClickOutside, true);
+      ownerDocument.removeEventListener("mousedown", handleClickOutside, true);
+      ownerDocument.removeEventListener("touchstart", handleClickOutside, true);
     };
-  }, [checkNestedElements, elementRef]);
+  }, [checkNestedElements, elementRef, isDisabled, triggerRef]);
 }
 
 // src/hooks/use-screen-resize.ts
@@ -11292,7 +11309,11 @@ var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
   const combinedRef = useCombinedRef(ref, desktopTriggerRef);
   const activeMobileIndex = getOptionIndex(options, pendingValue);
   const valueLabel = value ? getValueLabel?.(value) ?? String(value.label) : void 0;
-  useOutsideClick(containerRef, isOpen && !isMobile ? () => setIsOpen(false) : null);
+  useOutsideClick({
+    elementRef: containerRef,
+    onOutsideClick: () => setIsOpen(false),
+    isDisabled: !isOpen || isMobile
+  });
   React38.useEffect(() => {
     if (isBlocked) {
       setIsOpen(false);
@@ -11792,7 +11813,11 @@ var SearchableSelectInternal = ({
   const triggerError = error ?? invalid;
   const describedBy = error && !hideErrorMessage ? errorId : void 0;
   const activeOptionId = highlightedIndex >= 0 ? getOptionId(reactId, highlightedIndex) : void 0;
-  useOutsideClick(containerRef, open && !isMobile ? () => closeSelect() : null);
+  useOutsideClick({
+    elementRef: containerRef,
+    onOutsideClick: () => closeSelect(),
+    isDisabled: !open || isMobile
+  });
   const handleOnOpenChange = useEvent(onOpenChange);
   const setSelectOpen = (0, import_react63.useCallback)(
     (nextOpen, options2) => {