@rolster/react-components 18.15.11 → 18.15.13

package/dist/es/index.js

@@ -2073,7 +2073,6 @@ function useListControl({ suggestions, formControl }) {
     });
     const collection = useRef(new ListCollection([]));
     const position = useRef(0);
-    const changeInternal = useRef(false);
     const protectedValue = useRef();
     useEffect(() => {
         function onCloseSuggestions({ target }) {
@@ -2086,35 +2085,29 @@ function useListControl({ suggestions, formControl }) {
         };
     }, []);
     useEffect(() => {
-        formControl?.touch();
+        state.visible && formControl?.touch();
         setState((state) => ({
             ...state,
             higher: locationListCanTop(contentRef.current, listRef.current)
         }));
     }, [state.visible]);
-    useEffect(() => {
-        if (!changeInternal.current) {
-            changeInternal.current = false;
-            return;
-        }
-        refresh(collection.current, formControl?.value);
-    }, [formControl?.value]);
     useEffect(() => {
         collection.current = new ListCollection(suggestions);
         refresh(collection.current, formControl?.value);
-    }, [suggestions]);
+    }, [suggestions, formControl?.value]);
     function refresh(collection, state) {
         if (!state) {
             return refreshProtected(collection) ? undefined : setValue('');
         }
         const element = collection.find(state);
         if (element) {
+            protectedValue.current = undefined;
             return setValue(element.description);
         }
         if (!refreshProtected(collection)) {
             protectedValue.current = state;
             setValue('');
-            setFormState(undefined);
+            setFormValue(undefined);
         }
     }
     function refreshProtected(collection) {
@@ -2134,11 +2127,8 @@ function useListControl({ suggestions, formControl }) {
     function setValue(value) {
         setState((state) => ({ ...state, value }));
     }
-    function setFormState(value) {
-        if (formControl) {
-            changeInternal.current = true;
-            formControl.setValue(value);
-        }
+    function setFormValue(value) {
+        formControl?.setValue(value);
     }
     function setVisible(visible) {
         setState((state) => ({ ...state, visible }));
@@ -2150,7 +2140,7 @@ function useListControl({ suggestions, formControl }) {
                 event: event,
                 list: listRef.current
             });
-            position.current = newPosition || 0;
+            position.current = newPosition ?? 0;
         }
     }
     function navigationElement(event) {
@@ -2170,7 +2160,7 @@ function useListControl({ suggestions, formControl }) {
         navigationElement,
         navigationInput,
         setFocused,
-        setFormState,
+        setFormValue,
         setValue,
         setVisible
     };
@@ -2187,7 +2177,7 @@ function useFieldAutocomplete({ disabled, formControl, onSelect, onValue, sugges
         previous: null
     });
     const listControl = useListControl({ suggestions, formControl });
-    const { inputRef, navigationElement, navigationInput, setFocused, setFormState, setValue, setVisible } = listControl;
+    const { inputRef, navigationElement, navigationInput, setFocused, setFormValue, setValue, setVisible } = listControl;
     useEffect(() => {
         refreshCoincidences(pattern, true);
     }, [suggestions]);
@@ -2222,7 +2212,7 @@ function useFieldAutocomplete({ disabled, formControl, onSelect, onValue, sugges
     function onClickAction() {
         setVisible(false);
         setValue('');
-        setFormState(undefined);
+        setFormValue(undefined);
         onValue && onValue(undefined);
     }
     function onClickBackdrop() {
@@ -2244,7 +2234,7 @@ function useFieldAutocomplete({ disabled, formControl, onSelect, onValue, sugges
             onSelect(value);
         }
         else {
-            setFormState(value);
+            setFormValue(value);
             setValue(description);
         }
         onValue && onValue(value);
@@ -2491,7 +2481,7 @@ function RlsFieldDateRange({ children, date: datePicker, disabled, formControl,
 
 function useFieldSelect({ suggestions, formControl, onSelect, onValue }) {
     const listControl = useListControl({ suggestions, formControl });
-    const { inputRef, visible, navigationElement, navigationInput, setFocused, setFormState, setValue, setVisible } = listControl;
+    const { inputRef, visible, navigationElement, navigationInput, setFocused, setFormValue, setValue, setVisible } = listControl;
     function onFocusInput() {
         setFocused(true);
     }
@@ -2540,7 +2530,7 @@ function useFieldSelect({ suggestions, formControl, onSelect, onValue }) {
             onSelect(value);
         }
         else {
-            setFormState(value);
+            setFormValue(value);
             setValue(description);
         }
         onValue && onValue(value);