aport-tools 4.4.11 → 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.11 | 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';
@@ -193,37 +193,26 @@ var Stepper = function Stepper(_a) {
     seterrorBack = _f[1];
   var handleStepPress = function handleStepPress(stepIndex) {
     return __awaiter(void 0, void 0, void 0, function () {
-      var current, target, errors;
+      var targetStep, errors;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
             if (!presseable || stepIndex === currentStep) return [2 /*return*/];
-            current = currentStep;
-            target = stepIndex;
-            _a.label = 1;
-          case 1:
-            if (!(current !== target)) return [3 /*break*/, 5];
-            if (!(target > current)) return [3 /*break*/, 3];
+            targetStep = stepIndex > currentStep ? currentStep + 1 : currentStep - 1;
+            if (!(targetStep > currentStep)) return [3 /*break*/, 2];
             return [4 /*yield*/, handleFormSubmit(formValues)];
-          case 2:
+          case 1:
             errors = _a.sent();
             if (Object.keys(errors).length > 0) {
-              console.log("Validation failed at step ".concat(current + 1, ". Cannot proceed to step ").concat(current + 2, "."));
+              console.log("Validation failed at step ".concat(currentStep, ". Cannot proceed to step ").concat(targetStep, "."));
               seterrorBack(true);
-              return [2 /*return*/]; // Stop if the current step has errors
+              return [2 /*return*/]; // Stop if current step has errors
             }
+            _a.label = 2;
+          case 2:
+            // Update step
             seterrorBack(false);
-            current += 1; // Move to the next step
-            return [3 /*break*/, 4];
-          case 3:
-            // Moving backward: No validation required
-            current -= 1;
-            _a.label = 4;
-          case 4:
-            // Update the current step visually for each intermediate step
-            onPress === null || onPress === void 0 ? void 0 : onPress(current);
-            return [3 /*break*/, 1];
-          case 5:
+            onPress === null || onPress === void 0 ? void 0 : onPress(targetStep);
             return [2 /*return*/];
         }
       });
@@ -528,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.
    *
@@ -565,6 +567,7 @@ var Input = function Input(_a) {
         formattedText = text.replace(/\D/g, "");
         break;
     }
+    setInternalValue(formattedText);
     setFormValue(name, formattedText);
   };
   return /*#__PURE__*/React.createElement(View, {
@@ -579,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