@giro-ds/react 3.0.1 → 3.0.2

package/dist/components/TextField/TextField.types.d.ts

@@ -3,7 +3,7 @@ export type TextFieldType = 'text' | 'email' | 'password' | 'number' | 'tel' | '
 export type TooltipPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
 export interface TextFieldProps extends Omit<React.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.cjs

@@ -678,14 +678,16 @@ const validateInput = ({ value, maxLength, errorMessage, required }) => {
 };
 
 const TextField$1 = React.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] = React.useState(value);
+    const normalizeValue = (val) => {
+        return val === undefined || val === null ? '' : String(val);
+    };
+    const [inputValue, setInputValue] = React.useState(normalizeValue(value));
     const [inputError, setInputError] = React.useState('');
     const [isFocused, setIsFocused] = React.useState(false);
     const generatedId = React.useId();
     const componentId = id || generatedId;
-    // ✅ Sincronizar estado interno com prop value externa
     React.useEffect(() => {
-        setInputValue(value);
+        setInputValue(normalizeValue(value));
     }, [value]);
     const handleChange = React.useCallback((e) => {
         const newValue = e.target.value;