@rolster/react-components 18.21.41 → 18.21.43

package/dist/es/index.js

@@ -1552,7 +1552,7 @@ function RlsCheckBoxControl({ formControl, disabled, identifier, rlsTheme }) {
     return (jsxRuntimeExports.jsx(RlsCheckBox, { identifier: identifier, checked: !!formControl.value, disabled: disabled, onClick: onClick, rlsTheme: rlsTheme }));
 }
 
-function RlsInput({ children, decimals, disabled, formControl, identifier, onEnter, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }) {
+function RlsInput({ children, decimals, disabled, formControl, identifier, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }) {
     const valueInitial = formControl?.value ?? value ? String(value) : '';
     const [valueInput, setValueInput] = useState(valueInitial);
     const [focused, setFocused] = useState(false);
@@ -1584,11 +1584,13 @@ function RlsInput({ children, decimals, disabled, formControl, identifier, onEnt
     const _onFocus = useCallback(() => {
         formControl?.focus();
         setFocused(() => true);
-    }, [formControl]);
+        onFocus && onFocus();
+    }, [formControl, onFocus]);
     const _onBlur = useCallback(() => {
         formControl?.blur();
         setFocused(() => false);
-    }, [formControl]);
+        onBlur && onBlur();
+    }, [formControl, onBlur]);
     const className = useMemo(() => {
         return renderClassStatus('rls-input', {
             disabled: formControl?.disabled || disabled,
@@ -2634,17 +2636,24 @@ function useFieldAutocomplete(props) {
     }, [controller.setState]);
     const onChange = useCallback((element) => {
         if (props.onSelect) {
-            controller.setState({ modalIsVisible: false });
             element.value && props.onSelect(element.value);
         }
         else {
-            controller.setState({ modalIsVisible: false });
             controller.setFormValue(element);
         }
+        if (props.selectionContinuos) {
+            setPattern('');
+            controller.inputRef?.current?.focus();
+        }
+        else {
+            controller.setState({ modalIsVisible: false });
+        }
         props.onValue && props.onValue(element.value);
     }, [
         controller.setState,
         controller.setFormValue,
+        setPattern,
+        props.selectionContinuos,
         props.onSelect,
         props.onValue
     ]);