aport-tools 4.4.4 → 4.4.6

package/dist/forms/FormContext.d.ts

@@ -42,6 +42,7 @@ interface FormContextProps {
      * Typically, this function would call `onSubmit` and handle errors by updating the `errors` state.
      */
     handleSubmit: () => void;
+    handleFormSubmit: (formValues: Record<string, any>) => Promise<Record<string, string[]>>;
 }
 export declare const useFormContext: () => FormContextProps;
 interface StepperProps {

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.4 | ISC */
+/*! aport-tools v4.4.6 | 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';
@@ -175,7 +175,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,
@@ -185,6 +185,37 @@ var Stepper = function Stepper(_a) {
   var progressAnim = React.useRef(new Animated.Value(0)).current;
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
+  var _e = useFormContext(),
+    formValues = _e.formValues,
+    handleFormSubmit = _e.handleFormSubmit;
+  var _f = 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 () {
     Animated.timing(progressAnim, {
       toValue: currentStep,
@@ -271,11 +302,11 @@ var Stepper = function Stepper(_a) {
       }],
       disabled: !presseable,
       onPress: function onPress() {
-        return _onPress && _onPress(index);
+        return handleStepPress(index);
       }
     }, /*#__PURE__*/React.createElement(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
@@ -388,13 +419,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,
@@ -403,7 +450,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);
 };