aport-tools 4.4.3 → 4.4.5

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.3 | ISC */
+/*! aport-tools v4.4.5 | ISC */
 'use strict';
 
 var React = require('react');
@@ -196,7 +196,7 @@ var Stepper = function Stepper(_a) {
     currentStep = _a.currentStep,
     _b = _a.presseable,
     presseable = _b === void 0 ? false : _b,
-    _onPress = _a.onPress,
+    onPress = _a.onPress,
     _c = _a.stepStyle,
     stepStyle = _c === void 0 ? "circular" : _c,
     totalSteps = _a.totalSteps,
@@ -206,6 +206,30 @@ var Stepper = function Stepper(_a) {
   var progressAnim = React.useRef(new reactNative.Animated.Value(0)).current;
   var theme = React.useContext(aportThemes.ThemeContext).theme;
   var colors = theme.colors;
+  var _e = useFormContext(),
+    formValues = _e.formValues,
+    handleFormSubmit = _e.handleFormSubmit;
+  var handleStepPress = function handleStepPress(stepIndex) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var errors;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!presseable || stepIndex === currentStep) return [2 /*return*/];
+            return [4 /*yield*/, handleFormSubmit(formValues)];
+          case 1:
+            errors = _a.sent();
+            if (Object.keys(errors).length > 0) {
+              console.log("Validation failed. Cannot proceed to step", stepIndex);
+              return [2 /*return*/]; // Prevent step change
+            }
+            // Proceed to change step
+            onPress === null || onPress === void 0 ? void 0 : onPress(stepIndex);
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
   React.useEffect(function () {
     reactNative.Animated.timing(progressAnim, {
       toValue: currentStep,
@@ -269,10 +293,13 @@ var Stepper = function Stepper(_a) {
       case "number":
       default:
         return /*#__PURE__*/React.createElement(Text, {
-          style: {
-            fontSize: 16,
-            fontWeight: "bold"
-          }
+          b: true,
+          typeFont: "primary",
+          style: [currentStep >= index ? {
+            color: colors.textButton.hex
+          } : {
+            color: colors.text.hex
+          }]
         }, index + 1);
     }
   };
@@ -289,13 +316,11 @@ var Stepper = function Stepper(_a) {
       }],
       disabled: !presseable,
       onPress: function onPress() {
-        return _onPress && _onPress(index);
+        return handleStepPress(index);
       }
     }, /*#__PURE__*/React.createElement(reactNative.View, {
-      style: [styles$9.step, stepStyle === "square" && styles$9.squareStep, currentStep >= index && {
-        backgroundColor: colors.primary.hex
-      }, {
-        backgroundColor: colors.body.hex
+      style: [styles$9.step, stepStyle === "square" && styles$9.squareStep, {
+        backgroundColor: currentStep >= index ? colors.primary.hex : colors.body.hex
       }]
     }, renderStepContent(index)), steps && /*#__PURE__*/React.createElement(Text, {
       style: styles$9.stepText
@@ -408,22 +433,39 @@ var Form = function Form(_a) {
       });
     });
   };
+  var handleFormSubmit = function handleFormSubmit(formValues) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var validationErrors;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4 /*yield*/, onSubmit(formValues)];
+          case 1:
+            validationErrors = _a.sent();
+            setErrors(validationErrors);
+            return [2 /*return*/, validationErrors];
+        }
+      });
+    });
+  };
   return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       formValues: formValues,
       setFormValue: setFormValue,
       errors: errors,
       setErrors: setErrors,
-      handleSubmit: handleSubmit
+      handleSubmit: handleSubmit,
+      handleFormSubmit: handleFormSubmit
     }
   }, stepper && (/*#__PURE__*/React.createElement(Stepper, {
     steps: stepper.steps,
-    currentStep: stepper.step,
+    currentStep: stepper.currentStep,
     presseable: stepper.presseable,
     onPress: stepper.onPress,
     totalSteps: stepper.totalSteps,
     stepType: stepper.stepType,
-    icon: stepper.icon
+    icon: stepper.icon,
+    stepStyle: stepper.stepStyle
   })), children);
 };