aport-tools 4.4.7 → 4.4.9

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.7 | ISC */
+/*! aport-tools v4.4.9 | ISC */
 import React, { useContext, useState, createContext, 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';
@@ -193,24 +193,35 @@ var Stepper = function Stepper(_a) {
     seterrorBack = _f[1];
   var handleStepPress = function handleStepPress(stepIndex) {
     return __awaiter(void 0, void 0, void 0, function () {
-      var errors;
+      var current, target, errors;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
             if (!presseable || stepIndex === currentStep) return [2 /*return*/];
-            if (!(stepIndex > currentStep)) return [3 /*break*/, 2];
-            return [4 /*yield*/, handleFormSubmit(formValues)];
+            current = currentStep;
+            target = stepIndex;
+            _a.label = 1;
           case 1:
+            if (!(current !== target)) return [3 /*break*/, 5];
+            if (!(target > current)) return [3 /*break*/, 3];
+            return [4 /*yield*/, handleFormSubmit(formValues)];
+          case 2:
             errors = _a.sent();
             if (Object.keys(errors).length > 0) {
-              console.log("Validation failed. Cannot proceed to step", stepIndex);
+              console.log("Validation failed at step ".concat(current + 1, ". Cannot proceed to step ").concat(current + 2, "."));
               seterrorBack(true);
-              return [2 /*return*/]; // Prevent step change
+              return [2 /*return*/]; // Stop at the first invalid step
             }
-            _a.label = 2;
-          case 2:
-            // Proceed to change step
-            onPress === null || onPress === void 0 ? void 0 : onPress(stepIndex);
+            seterrorBack(false);
+            current += 1; // Move to the next step
+            return [3 /*break*/, 4];
+          case 3:
+            current -= 1;
+            _a.label = 4;
+          case 4:
+            onPress === null || onPress === void 0 ? void 0 : onPress(current);
+            return [3 /*break*/, 1];
+          case 5:
             return [2 /*return*/];
         }
       });
@@ -219,7 +230,7 @@ var Stepper = function Stepper(_a) {
   React.useEffect(function () {
     Animated.timing(progressAnim, {
       toValue: currentStep,
-      duration: 300,
+      duration: 500,
       useNativeDriver: false
     }).start();
   }, [currentStep]);
@@ -306,7 +317,7 @@ var Stepper = function Stepper(_a) {
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles$9.step, stepStyle === "square" && styles$9.squareStep, {
-        backgroundColor: !errorBack ? currentStep >= index ? colors.primary.hex : colors.body.hex : colors.error.hex
+        backgroundColor: currentStep >= index ? !errorBack ? colors.primary.hex : colors.error.hex : colors.body.hex
       }]
     }, renderStepContent(index)), steps && /*#__PURE__*/React.createElement(Text, {
       style: styles$9.stepText