@giro-ds/react 3.0.1 → 3.0.3

package/dist/index.d.ts

@@ -676,7 +676,7 @@ declare const TablePagination: React__default.FC<TablePaginationProps>;
 type TextFieldType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
 interface TextFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'type'> {
     /** Controlled value */
-    value?: string;
+    value?: string | number;
     /** Change handler - receives string value */
     onChange?: (value: string) => void;
     /** Label text */

package/dist/index.esm.js

@@ -676,15 +676,28 @@ const validateInput = ({ value, maxLength, errorMessage, required }) => {
 };
 
 const TextField = forwardRef(({ className, value = '', label, placeholder, type = 'text', onChange, disabled = false, maxLength = 30, required = false, helperText, tooltip = false, tooltipText = '', side = 'bottom', align = 'start', errorMessage = '', id, icon, onBlur, onFocus, name, ...inputProps }, ref) => {
-    const [inputValue, setInputValue] = useState(value);
+    const normalizeValue = (val) => {
+        return val === undefined || val === null ? '' : String(val);
+    };
+    const [inputValue, setInputValue] = useState(normalizeValue(value));
     const [inputError, setInputError] = useState('');
     const [isFocused, setIsFocused] = useState(false);
     const generatedId = useId();
     const componentId = id || generatedId;
-    // ✅ Sincronizar estado interno com prop value externa
     useEffect(() => {
-        setInputValue(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)) {
@@ -2529,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);
             }
@@ -2720,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();
         }
     };