aport-tools 4.4.30 → 4.4.32

package/dist/forms/Form.d.ts

@@ -1 +1 @@
-export { Form, useFormContext } from './FormContext';
+export { Form, useFormContext, setFormValueGlobal } from './FormContext';

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.
@@ -44,6 +45,7 @@ interface FormContextProps {
     handleSubmit: () => void;
     handleFormSubmit: (formValues: Record<string, any>) => Promise<Record<string, string[]>>;
 }
+export declare const setFormValueGlobal: (name: string, value: any, firstValue?: any) => void;
 export declare const useFormContext: () => FormContextProps;
 interface StepperProps {
     /**

package/dist/forms/index.d.ts

@@ -1,5 +1,5 @@
 export { Input } from './Input';
-export { Form, useFormContext } from './FormContext';
+export { Form, useFormContext, setFormValueGlobal } from './FormContext';
 export { default as TextArea } from './TextArea';
 export { default as Label } from './Label';
 export { default as ErrorList } from './ErrorList';

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.30 | ISC */
+/*! aport-tools v4.4.32 | 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';
@@ -377,6 +377,18 @@ var styles$9 = StyleSheet.create({
 });
 
 // src/forms/FormContext.tsx
+// Create a ref to hold the global `setFormValue` function
+var globalSetFormValueRef = {
+  current: null
+};
+// Utility to use `setFormValue` globally
+var setFormValueGlobal = function setFormValueGlobal(name, value, firstValue) {
+  if (globalSetFormValueRef.current) {
+    globalSetFormValueRef.current(name, value, firstValue);
+  } else {
+    console.warn("setFormValueGlobal was called before the Form was rendered.");
+  }
+};
 var FormContext = /*#__PURE__*/createContext(undefined);
 var useFormContext = function useFormContext() {
   var context = useContext(FormContext);
@@ -395,40 +407,51 @@ 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
+  // Assign the local `setFormValue` to the global ref on first render
+  React.useEffect(function () {
+    globalSetFormValueRef.current = setFormValue;
+    return function () {
+      globalSetFormValueRef.current = null; // Cleanup on unmount
+    };
+  }, []);
+  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 +575,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.
    *
@@ -1458,5 +1481,5 @@ var styles = StyleSheet.create({
   }
 });
 
-export { Button, Card, ErrorList, Form, Input, InputAttach, InputCheck, InputList, Label, Text, TextArea, useFormContext };
+export { Button, Card, ErrorList, Form, Input, InputAttach, InputCheck, InputList, Label, Text, TextArea, setFormValueGlobal, useFormContext };
 //# sourceMappingURL=index.esm.js.map