aport-tools 4.4.30 → 4.4.32

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.30 | ISC */
+/*! aport-tools v4.4.32 | ISC */
 'use strict';
 
 var React = require('react');
@@ -398,6 +398,18 @@ var styles$9 = reactNative.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__*/React.createContext(undefined);
 var useFormContext = function useFormContext() {
   var context = React.useContext(FormContext);
@@ -416,40 +428,51 @@ var Form = function Form(_a) {
   var _c = React.useState({}),
     errors = _c[0],
     setErrors = _c[1];
-  var setFormValue = function setFormValue(name, value) {
+  var _d = React.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*/];
         }
@@ -573,12 +596,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.
    *
@@ -1490,5 +1513,6 @@ exports.InputList = InputList;
 exports.Label = Label;
 exports.Text = Text;
 exports.TextArea = TextArea;
+exports.setFormValueGlobal = setFormValueGlobal;
 exports.useFormContext = useFormContext;
 //# sourceMappingURL=index.js.map