@giro-ds/react 3.0.2 → 3.0.3

package/dist/index.esm.js

@@ -685,8 +685,19 @@ const TextField = forwardRef(({ className, value = '', label, placeholder, type
     const generatedId = useId();
     const componentId = id || generatedId;
     useEffect(() => {
-        setInputValue(normalizeValue(value));
-    }, [value]);
+        const newValue = normalizeValue(value);
+        setInputValue(newValue);
+        // Reavaliar erro quando valor muda externamente (ex: DatePicker atualiza o campo)
+        if (inputError) {
+            const error = validateInput({
+                value: newValue,
+                maxLength,
+                errorMessage,
+                required,
+            });
+            setInputError(error);
+        }
+    }, [value, inputError, type, maxLength, errorMessage, required]);
     const handleChange = useCallback((e) => {
         const newValue = e.target.value;
         if (!disabled && (!maxLength || newValue.length <= maxLength)) {
@@ -2531,7 +2542,7 @@ function useSelectLogic({ value, required = false, search = false, onValueChange
         }
     }, [state.isOpen, enableApiSearch, onApiSearch]);
     useEffect(() => {
-        if (enableApiSearch && state.searchTerm && state.isOpen) {
+        if (enableApiSearch && state.isOpen) {
             if (lastSearchTermRef.current !== state.searchTerm) {
                 debouncedApiSearch(state.searchTerm);
             }
@@ -2722,25 +2733,28 @@ const Select = ({ items, onValueChange, onOpenChange, variant, required = false,
         maxWidth: maxWidth ? `${maxWidth}px` : undefined,
     }), [maxWidth]);
     const handleSearchChange = (e) => {
-        actions.setSearchInput(e.target.value);
+        const value = e.target.value;
+        actions.setSearchInput(value);
+        if (enableApiSearch) {
+            actions.setSearchTerm(value);
+        }
     };
     const handleSearchKeyDown = (e) => {
+        const isNavigationKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape', 'Tab'].includes(e.key);
+        if (!isNavigationKey) {
+            e.stopPropagation();
+            return;
+        }
         if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-            const input = e.currentTarget;
-            const hasSelection = input.selectionStart !== input.selectionEnd;
-            if (!hasSelection) {
-                e.preventDefault();
-                return;
-            }
+            e.currentTarget.blur();
+            return;
         }
         if (e.key === 'Enter') {
-            e.preventDefault();
-            e.stopPropagation();
-            actions.setSearchTerm(state.searchInput);
+            e.currentTarget.blur();
+            return;
         }
-        if (e.key === 'Escape') {
+        else if (e.key === 'Escape') {
             e.preventDefault();
-            e.stopPropagation();
             actions.resetSearch();
         }
     };