fis-component 0.0.92 → 0.0.93

package/dist/cjs/index.js

@@ -73648,7 +73648,7 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
     const [isOpen, setIsOpen] = React.useState(false);
     const [referenceElement, setReferenceElement] = React.useState(null);
     const [popperElement, setPopperElement] = React.useState(null);
-    const [isSelecting, setIsSelecting] = React.useState(false);
+    const isSelectingRef = React.useRef(false);
     const popperOptions = React.useMemo(() => ({
         modifiers: [
             { name: "preventOverflow", options: { padding: 0, altAxis: true } },
@@ -73703,36 +73703,48 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
         }
     }, [multi, onChange, value]);
     const handleMenuChange = React.useCallback((values) => {
-        setIsSelecting(true);
+        console.log("Starting selection, blocking onBlur"); // Debug log
+        isSelectingRef.current = true;
         if (multi) {
             onChange(values);
-            setIsSelecting(false);
+            isSelectingRef.current = false;
         }
         else {
             if (values.length > 0) {
                 onChange(values[0]);
                 setIsOpen(false);
-                // Reset selecting flag after onChange completes
-                setTimeout(() => setIsSelecting(false), 0);
+                // Reset selecting flag after a longer delay to ensure validation completes
+                setTimeout(() => {
+                    console.log("Selection complete, allowing onBlur"); // Debug log
+                    isSelectingRef.current = false;
+                }, 100);
             }
         }
     }, [multi, onChange]);
     const handleMenuClick = React.useCallback(() => {
         if (!multi) {
+            console.log("Menu click, setting isSelecting to true"); // Debug log
+            isSelectingRef.current = true;
             setIsOpen(false);
+            setTimeout(() => {
+                console.log("Menu click complete, allowing onBlur"); // Debug log
+                isSelectingRef.current = false;
+            }, 100);
         }
     }, [multi]);
     // Handle onBlur to prevent validation flash during selection
     const handleBlur = React.useCallback((event) => {
         // Don't trigger onBlur validation if user is currently selecting an option
-        if (isSelecting) {
+        if (isSelectingRef.current) {
+            console.log("Blocking onBlur during selection"); // Debug log
             return;
         }
+        console.log("Allowing onBlur to proceed"); // Debug log
         // Call original onBlur if provided
         if (restProps.onBlur) {
             restProps.onBlur(event);
         }
-    }, [isSelecting, restProps]);
+    }, [restProps]);
     const menuProps = React.useMemo(() => ({
         groups: options,
         placeholder: placeholderSearch,