@rolster/react-components 18.15.12 → 18.15.13

package/dist/cjs/index.js

@@ -2075,7 +2075,6 @@ function useListControl({ suggestions, formControl }) {
     });
     const collection = require$$0.useRef(new components.ListCollection([]));
     const position = require$$0.useRef(0);
-    const changeInternal = require$$0.useRef(false);
     const protectedValue = require$$0.useRef();
     require$$0.useEffect(() => {
         function onCloseSuggestions({ target }) {
@@ -2088,17 +2087,13 @@ function useListControl({ suggestions, formControl }) {
         };
     }, []);
     require$$0.useEffect(() => {
-        formControl?.touch();
+        state.visible && formControl?.touch();
         setState((state) => ({
             ...state,
             higher: components.locationListCanTop(contentRef.current, listRef.current)
         }));
     }, [state.visible]);
     require$$0.useEffect(() => {
-        if (changeInternal.current) {
-            changeInternal.current = false;
-            return;
-        }
         collection.current = new components.ListCollection(suggestions);
         refresh(collection.current, formControl?.value);
     }, [suggestions, formControl?.value]);
@@ -2108,12 +2103,13 @@ function useListControl({ suggestions, formControl }) {
         }
         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) {
@@ -2133,11 +2129,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 }));
@@ -2169,7 +2162,7 @@ function useListControl({ suggestions, formControl }) {
         navigationElement,
         navigationInput,
         setFocused,
-        setFormState,
+        setFormValue,
         setValue,
         setVisible
     };
@@ -2186,7 +2179,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;
     require$$0.useEffect(() => {
         refreshCoincidences(pattern, true);
     }, [suggestions]);
@@ -2221,7 +2214,7 @@ function useFieldAutocomplete({ disabled, formControl, onSelect, onValue, sugges
     function onClickAction() {
         setVisible(false);
         setValue('');
-        setFormState(undefined);
+        setFormValue(undefined);
         onValue && onValue(undefined);
     }
     function onClickBackdrop() {
@@ -2243,7 +2236,7 @@ function useFieldAutocomplete({ disabled, formControl, onSelect, onValue, sugges
             onSelect(value);
         }
         else {
-            setFormState(value);
+            setFormValue(value);
             setValue(description);
         }
         onValue && onValue(value);
@@ -2490,7 +2483,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);
     }
@@ -2539,7 +2532,7 @@ function useFieldSelect({ suggestions, formControl, onSelect, onValue }) {
             onSelect(value);
         }
         else {
-            setFormState(value);
+            setFormValue(value);
             setValue(description);
         }
         onValue && onValue(value);