aport-tools 4.4.12 → 4.4.13

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.12 | ISC */
+/*! aport-tools v4.4.13 | ISC */
 'use strict';
 
 var React = require('react');
@@ -538,14 +538,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 = React.useContext(aportThemes.ThemeContext).theme;
   var colors = theme.colors;
+  var _c = React.useState(""),
+    internalValue = _c[0],
+    setInternalValue = _c[1];
+  // Initialize the internal value based on `firstValue` or `formValues`
+  React.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.
    *
@@ -575,6 +588,7 @@ var Input = function Input(_a) {
         formattedText = text.replace(/\D/g, "");
         break;
     }
+    setInternalValue(formattedText);
     setFormValue(name, formattedText);
   };
   return /*#__PURE__*/React.createElement(reactNative.View, {
@@ -589,7 +603,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