aport-tools 4.4.30 → 4.4.31

package/dist/forms/FormContext.d.ts

@@ -12,12 +12,13 @@ interface FormContextProps {
     /**
      * A function to update a specific form field value.
      * It takes the `name` of the form field and the new `value` to be set.
+     * and an optional `firstValue` to track the initial value.
      * Example usage:
      * ```ts
-     * setFormValue('email', 'newemail@example.com');
+     * setFormValue('email', 'newemail@example.com', 'oldemail@example.com');
      * ```
      */
-    setFormValue: (name: string, value: any) => void;
+    setFormValue: (name: string, value: any, firstValue?: any) => void;
     /**
      * Stores the current form errors as an object.
      * Each key is a form field name and the value is an array of error messages for that field.

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.30 | ISC */
+/*! aport-tools v4.4.31 | ISC */
 import React, { useContext, useState, createContext, useRef, useEffect, useMemo, useCallback } 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';
@@ -395,40 +395,44 @@ var Form = function Form(_a) {
   var _c = useState({}),
     errors = _c[0],
     setErrors = _c[1];
-  var setFormValue = function setFormValue(name, value) {
+  var _d = useState({}),
+    firstValues = _d[0],
+    setFirstValues = _d[1]; // Track firstValues
+  var setFormValue = function setFormValue(name, value, firstValue) {
     setFormValues(function (prev) {
       var _a;
       return __assign(__assign({}, prev), (_a = {}, _a[name] = value, _a));
     });
+    if (firstValue !== undefined) {
+      setFirstValues(function (prev) {
+        var _a;
+        return __assign(__assign({}, prev), (_a = {}, _a[name] = firstValue, _a));
+      });
+    }
   };
   var handleSubmit = function handleSubmit() {
     return __awaiter(void 0, void 0, void 0, function () {
-      var modifiedFields, validationErrors;
+      var modifiedValues, validationErrors;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            modifiedFields = Object.keys(formValues).reduce(function (acc, key) {
-              var currentField = formValues[key];
-              // Check if firstValue exists
-              if ((currentField === null || currentField === void 0 ? void 0 : currentField.firstValue) !== undefined) {
-                // Only include the field if the value has changed
-                if (currentField.value !== currentField.firstValue) {
-                  acc[key] = currentField.value;
-                }
-              } else {
-                // Include the field if firstValue is not defined
-                acc[key] = currentField.value;
+            modifiedValues = Object.keys(formValues).reduce(function (result, key) {
+              var hasFirstValue = key in firstValues;
+              var isModified = hasFirstValue && formValues[key] !== firstValues[key];
+              var isNewValue = !hasFirstValue;
+              if (isModified || isNewValue) {
+                result[key] = formValues[key];
               }
-              return acc;
+              return result;
             }, {});
-            return [4 /*yield*/, onSubmit(modifiedFields)];
+            return [4 /*yield*/, onSubmit(modifiedValues)];
           case 1:
             validationErrors = _a.sent();
             // Set the validation errors in state
             setErrors(validationErrors);
-            // Prevent submission if there are validation errors
+            // Prevent submission if there are any errors
             if (Object.keys(validationErrors).length > 0) {
-              return [2 /*return*/]; // Exit early if errors are present
+              return [2 /*return*/]; // Prevent submission
             }
             return [2 /*return*/];
         }
@@ -552,12 +556,12 @@ var Input = function Input(_a) {
       isFirstRender.current = false;
       if (firstValue !== undefined) {
         setInternalValue(firstValue);
-        setFormValue(name, firstValue);
+        setFormValue(name, firstValue, firstValue); // Pass firstValue here
       } else {
         setInternalValue(formValues[name] || "");
       }
     }
-  }, [firstValue]); // Only re-run if `firstValue` changes
+  }, [firstValue]);
   /**
    * Handles text changes in the input field, applying formatting based on the inputType.
    *