aport-tools 4.4.27 → 4.4.28

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,4 +1,4 @@
-/*! aport-tools v4.4.27 | ISC */
+/*! aport-tools v4.4.28 | 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';
@@ -1015,38 +1015,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;