widenarrow-ui 1.1.104 → 1.1.105

package/lib/components/DropDown/useHandleClickOutside.d.ts

@@ -2,5 +2,5 @@ import { RefObject } from 'react';
 type UseHandleClickOutsideReturn = {
     ref: RefObject<HTMLDivElement>;
 };
-export default function useHandleClickOutside(callback: (...args: unknown[]) => void): UseHandleClickOutsideReturn;
+export default function useHandleClickOutside(callback: (...args: unknown[]) => void, portalRef?: RefObject<HTMLDivElement>): UseHandleClickOutsideReturn;
 export {};

package/lib/index.esm.js

@@ -2674,19 +2674,31 @@ var RadioButton = function (_a) {
     return toolTip ? (jsx(ToolTip, { className: s$k('toolTip'), text: toolTip, children: getRadioButton() })) : (getRadioButton());
 };
 
-function useHandleClickOutside(callback) {
+function useHandleClickOutside(callback, portalRef) {
     var ref = useRef(null);
     useEffect(function () {
         var handleClickOutside = function (event) {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
+            var target = event.target;
+            var isOutsideContainer = ref.current && !ref.current.contains(target);
+            var isOutsidePortal = (portalRef === null || portalRef === void 0 ? void 0 : portalRef.current) && !portalRef.current.contains(target);
+            // If we have a portal ref, check if click is outside both container and portal
+            // If no portal ref, just check if click is outside container
+            if (portalRef === null || portalRef === void 0 ? void 0 : portalRef.current) {
+                if (isOutsideContainer && isOutsidePortal) {
+                    callback();
+                }
+            }
+            else {
+                if (isOutsideContainer) {
+                    callback();
+                }
             }
         };
         document.addEventListener('click', handleClickOutside, true);
         return function () {
             document.removeEventListener('click', handleClickOutside, true);
         };
-    }, [callback]);
+    }, [callback, portalRef]);
     return { ref: ref };
 }
 
@@ -2757,7 +2769,7 @@ var DropDown = function (_a) {
         onClose();
     };
     // Close the DropDown if we click outside the DropDown
-    var containerRef = useHandleClickOutside(onClose).ref;
+    var containerRef = useHandleClickOutside(onClose, withPortal ? { current: popperElement } : undefined).ref;
     // If a child has an onClickCallback, we want to close the DropDown when it is clicked.
     var cloneChildWithCloseCallback = function (child) {
         if (isValidElement(child) &&