aport-tools 4.4.27 → 4.4.29

package/dist/forms/InputCheck.d.ts

@@ -13,7 +13,7 @@ interface InputCheckProps {
     rowAmount?: number;
     iconPosition?: "row" | "column";
     disabled?: boolean;
-    firstValue: InputOption[];
+    firstValue?: InputOption[];
 }
 declare const InputCheck: React.FC<InputCheckProps>;
 export default InputCheck;

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-/*! aport-tools v4.4.27 | ISC */
-import React, { useContext, useState, createContext, useRef, useEffect, useMemo, useCallback } from 'react';
+/*! aport-tools v4.4.29 | ISC */
+import React, { useContext, useState, useRef, createContext, 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';
 import * as ImagePicker from 'expo-image-picker';
@@ -395,42 +395,66 @@ var Form = function Form(_a) {
   var _c = useState({}),
     errors = _c[0],
     setErrors = _c[1];
+  // Ref to store the initial form values (firstValue).
+  var initialFormValues = useRef({});
   var setFormValue = function setFormValue(name, value) {
     setFormValues(function (prev) {
       var _a;
       return __assign(__assign({}, prev), (_a = {}, _a[name] = value, _a));
     });
+    if (!initialFormValues.current[name]) {
+      initialFormValues.current[name] = value; // Set the initial value once.
+    }
   };
   var handleSubmit = function handleSubmit() {
     return __awaiter(void 0, void 0, void 0, function () {
-      var validationErrors;
+      var modifiedFields, validationErrors;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            return [4 /*yield*/, onSubmit(formValues)];
+            modifiedFields = Object.keys(formValues).reduce(function (acc, key) {
+              var currentField = formValues[key]; // currentField is FormField
+              var initialField = currentField.firstValue; // Get initial value
+              // Compare current value with initial value
+              if (currentField.value !== initialField) {
+                acc[key] = currentField.value; // Include only modified fields
+              }
+              return acc;
+            }, {});
+            return [4 /*yield*/, onSubmit(modifiedFields)];
           case 1:
             validationErrors = _a.sent();
             // Set the validation errors in state
             setErrors(validationErrors);
-            // Prevent submission if there are any errors
+            // Prevent submission if there are validation errors
             if (Object.keys(validationErrors).length > 0) {
-              return [2 /*return*/]; // Prevent submission
+              return [2 /*return*/]; // Exit early if errors are present
             }
             return [2 /*return*/];
         }
       });
     });
   };
-  var handleFormSubmit = function handleFormSubmit(formValues) {
+  var handleFormSubmit = function handleFormSubmit() {
     return __awaiter(void 0, void 0, void 0, function () {
-      var validationErrors;
+      var modifiedFields, validationErrors;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            return [4 /*yield*/, onSubmit(formValues)];
+            modifiedFields = Object.keys(formValues).reduce(function (acc, key) {
+              var currentField = formValues[key];
+              var initialField = currentField === null || currentField === void 0 ? void 0 : currentField.firstValue; // Get initial value
+              if (currentField.value !== initialField) {
+                acc[key] = currentField.value; // Include only modified fields
+              }
+              return acc;
+            }, {});
+            return [4 /*yield*/, onSubmit(modifiedFields)];
           case 1:
             validationErrors = _a.sent();
+            // Set the validation errors in state
             setErrors(validationErrors);
+            // Return validation errors to allow further actions if needed
             return [2 /*return*/, validationErrors];
         }
       });
@@ -1015,38 +1039,33 @@ var InputCheck = function InputCheck(_a) {
     max = _a.max,
     _c = _a.rowAmount,
     rowAmount = _c === void 0 ? 3 : _c,
-    _d = _a.firstValue,
-    firstValue = _d === void 0 ? [] : _d,
-    _e = _a.iconPosition,
-    iconPosition = _e === void 0 ? "row" : _e,
-    _f = _a.disabled,
-    disabled = _f === void 0 ? false : _f;
-  var _g = useFormContext(),
-    formValues = _g.formValues,
-    setFormValue = _g.setFormValue,
-    formErrors = _g.errors;
-  var _h = useState(formValues[name] || []),
-    selectedValues = _h[0],
-    setSelectedValues = _h[1];
+    firstValue = _a.firstValue,
+    _d = _a.iconPosition,
+    iconPosition = _d === void 0 ? "row" : _d,
+    _e = _a.disabled,
+    disabled = _e === void 0 ? false : _e;
+  var _f = useFormContext();
+    _f.formValues;
+    var setFormValue = _f.setFormValue,
+    formErrors = _f.errors;
+  var _g = useState([]),
+    selectedValues = _g[0],
+    setSelectedValues = _g[1];
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
-  // Sync firstValue with selectedValues on mount or when firstValue changes
+  var isFirstRender = useRef(true);
+  // Initialize selectedValues on first render if firstValue is provided
   useEffect(function () {
-    var initialSelectedValues = options.filter(function (option) {
-      return firstValue.some(function (fv) {
-        return fv.value === option.value;
+    if (isFirstRender.current && firstValue) {
+      var initialSelectedValues = options.filter(function (option) {
+        return firstValue.some(function (fv) {
+          return fv.value === option.value;
+        });
       });
-    });
-    var formattedValues = initialSelectedValues.map(function (_a) {
-      var id = _a.id,
-        value = _a.value;
-      return {
-        id: id,
-        value: value
-      };
-    });
-    setSelectedValues(formattedValues);
-    setFormValue(name, formattedValues); // Update form context
+      setSelectedValues(initialSelectedValues);
+      setFormValue(name, initialSelectedValues); // Update form context
+      isFirstRender.current = false; // Prevent subsequent updates
+    }
   }, [firstValue, name, options, setFormValue]);
   var handleSelect = function handleSelect(id, value) {
     if (disabled) return;