aport-tools 4.4.12 → 4.4.13

package/dist/forms/Input.d.ts

@@ -8,6 +8,10 @@ interface InputProps extends TextInputProps {
      * The unique identifier for the input field, used to manage its state within the form.
      */
     name: string;
+    /**
+     * Optional first value if you want to set values with fetch or dont have empty inputs.
+     */
+    firstValue?: string;
     /**
      * The text label displayed above the input field.
      */

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-/*! aport-tools v4.4.12 | ISC */
-import React, { useContext, useState, createContext, useCallback, useMemo } from 'react';
+/*! aport-tools v4.4.13 | ISC */
+import React, { useContext, useState, createContext, useEffect, useCallback, useMemo } from 'react';
 import { StyleSheet, Text as Text$1, Animated, View, TouchableOpacity, Image, TextInput, Modal, Pressable, FlatList, Keyboard, Platform, Alert, ActivityIndicator } from 'react-native';
 import { ThemeContext } from 'aport-themes';
 import * as ImagePicker from 'expo-image-picker';
@@ -517,14 +517,27 @@ var Input = function Input(_a) {
   var name = _a.name,
     label = _a.label,
     inputType = _a.inputType,
+    firstValue = _a.firstValue,
     style = _a.style,
-    rest = __rest(_a, ["name", "label", "inputType", "style"]);
+    rest = __rest(_a, ["name", "label", "inputType", "firstValue", "style"]);
   var _b = useFormContext(),
     formValues = _b.formValues,
     setFormValue = _b.setFormValue,
     formErrors = _b.errors;
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
+  var _c = useState(""),
+    internalValue = _c[0],
+    setInternalValue = _c[1];
+  // Initialize the internal value based on `firstValue` or `formValues`
+  useEffect(function () {
+    if (firstValue) {
+      setInternalValue(firstValue);
+      setFormValue(name, firstValue);
+    } else {
+      setInternalValue(formValues[name] || "");
+    }
+  }, [firstValue, formValues[name]]);
   /**
    * Handles text changes in the input field, applying formatting based on the inputType.
    *
@@ -554,6 +567,7 @@ var Input = function Input(_a) {
         formattedText = text.replace(/\D/g, "");
         break;
     }
+    setInternalValue(formattedText);
     setFormValue(name, formattedText);
   };
   return /*#__PURE__*/React.createElement(View, {
@@ -568,7 +582,7 @@ var Input = function Input(_a) {
       borderColor: formErrors[name] ? colors.error.hex : "#CCC",
       color: colors.text.hex
     }, style],
-    value: formValues[name] || "",
+    value: internalValue,
     onChangeText: handleChange,
     placeholder: label,
     placeholderTextColor: colors.placeHolder.hex