aport-tools 4.4.11 → 4.4.13

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.11 | ISC */
+/*! aport-tools v4.4.13 | ISC */
 'use strict';
 
 var React = require('react');
@@ -214,37 +214,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*/];
         }
       });
@@ -549,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.
    *
@@ -586,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, {
@@ -600,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