@giro-ds/react 3.0.1 → 3.0.2

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,14 +676,16 @@ 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);
+        setInputValue(normalizeValue(value));
     }, [value]);
     const handleChange = useCallback((e) => {
         const newValue = e.target.value;