aport-tools 4.4.4 → 4.4.6

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.4 | ISC */
+/*! aport-tools v4.4.6 | 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,37 @@ 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 _f = React.useState(false),
+    errorBack = _f[0],
+    seterrorBack = _f[1];
+  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*/];
+            if (!(stepIndex > currentStep)) return [3 /*break*/, 2];
+            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);
+              seterrorBack(true);
+              return [2 /*return*/]; // Prevent step change
+            }
+            _a.label = 2;
+          case 2:
+            // 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,
@@ -292,11 +323,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, {
-        backgroundColor: currentStep >= index ? colors.primary.hex : colors.body.hex
+        backgroundColor: !errorBack ? currentStep >= index ? colors.primary.hex : colors.body.hex : colors.error.hex
       }]
     }, renderStepContent(index)), steps && /*#__PURE__*/React.createElement(Text, {
       style: styles$9.stepText
@@ -409,13 +440,29 @@ 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,
@@ -424,7 +471,8 @@ var Form = function Form(_a) {
     onPress: stepper.onPress,
     totalSteps: stepper.totalSteps,
     stepType: stepper.stepType,
-    icon: stepper.icon
+    icon: stepper.icon,
+    stepStyle: stepper.stepStyle
   })), children);
 };