@rolster/react-components 18.15.11 → 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,35 +2087,29 @@ 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;
-        }
-        refresh(collection.current, formControl?.value);
-    }, [formControl?.value]);
     require$$0.useEffect(() => {
         collection.current = new components.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) {
@@ -2136,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 }));
@@ -2152,7 +2142,7 @@ function useListControl({ suggestions, formControl }) {
                 event: event,
                 list: listRef.current
             });
-            position.current = newPosition || 0;
+            position.current = newPosition ?? 0;
         }
     }
     function navigationElement(event) {
@@ -2172,7 +2162,7 @@ function useListControl({ suggestions, formControl }) {
         navigationElement,
         navigationInput,
         setFocused,
-        setFormState,
+        setFormValue,
         setValue,
         setVisible
     };
@@ -2189,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]);
@@ -2224,7 +2214,7 @@ function useFieldAutocomplete({ disabled, formControl, onSelect, onValue, sugges
     function onClickAction() {
         setVisible(false);
         setValue('');
-        setFormState(undefined);
+        setFormValue(undefined);
         onValue && onValue(undefined);
     }
     function onClickBackdrop() {
@@ -2246,7 +2236,7 @@ function useFieldAutocomplete({ disabled, formControl, onSelect, onValue, sugges
             onSelect(value);
         }
         else {
-            setFormState(value);
+            setFormValue(value);
             setValue(description);
         }
         onValue && onValue(value);
@@ -2493,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);
     }
@@ -2542,7 +2532,7 @@ function useFieldSelect({ suggestions, formControl, onSelect, onValue }) {
             onSelect(value);
         }
         else {
-            setFormState(value);
+            setFormValue(value);
             setValue(description);
         }
         onValue && onValue(value);