aport-tools 4.4.27 → 4.4.29

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.27 | ISC */
+/*! aport-tools v4.4.29 | ISC */
 'use strict';
 
 var React = require('react');
@@ -416,42 +416,66 @@ var Form = function Form(_a) {
   var _c = React.useState({}),
     errors = _c[0],
     setErrors = _c[1];
+  // Ref to store the initial form values (firstValue).
+  var initialFormValues = React.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];
         }
       });
@@ -1036,38 +1060,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 = React.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 = React.useState([]),
+    selectedValues = _g[0],
+    setSelectedValues = _g[1];
   var theme = React.useContext(aportThemes.ThemeContext).theme;
   var colors = theme.colors;
-  // Sync firstValue with selectedValues on mount or when firstValue changes
+  var isFirstRender = React.useRef(true);
+  // Initialize selectedValues on first render if firstValue is provided
   React.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;