aport-tools 4.4.25 → 4.4.27

package/dist/forms/InputCheck.d.ts

@@ -1,17 +1,19 @@
 import React from "react";
+interface InputOption {
+    id: string;
+    label?: string;
+    icon?: string;
+    value: string;
+}
 interface InputCheckProps {
     name: string;
-    options: {
-        id: string;
-        label: string;
-        icon?: string;
-        value: string;
-    }[];
+    options: InputOption[];
     multi?: boolean;
     max?: number;
     rowAmount?: number;
     iconPosition?: "row" | "column";
     disabled?: boolean;
+    firstValue: InputOption[];
 }
 declare const InputCheck: React.FC<InputCheckProps>;
 export default InputCheck;

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.25 | ISC */
+/*! aport-tools v4.4.27 | 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,19 +1015,39 @@ var InputCheck = function InputCheck(_a) {
     max = _a.max,
     _c = _a.rowAmount,
     rowAmount = _c === void 0 ? 3 : _c,
-    _d = _a.iconPosition,
-    iconPosition = _d === void 0 ? "row" : _d,
-    _e = _a.disabled,
-    disabled = _e === void 0 ? false : _e;
-  var _f = useFormContext(),
-    formValues = _f.formValues,
-    setFormValue = _f.setFormValue,
-    formErrors = _f.errors;
-  var _g = useState(formValues[name] || []),
-    selectedValues = _g[0],
-    setSelectedValues = _g[1];
+    _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];
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
+  // Sync firstValue with selectedValues on mount or when firstValue changes
+  useEffect(function () {
+    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
+  }, [firstValue, name, options, setFormValue]);
   var handleSelect = function handleSelect(id, value) {
     if (disabled) return;
     var updatedSelection;
@@ -1075,11 +1095,11 @@ var InputCheck = function InputCheck(_a) {
         uri: item.icon
       },
       style: [styles$2.icon, iconPosition === "column" && styles$2.iconColumn]
-    })), /*#__PURE__*/React.createElement(Text, {
+    })), item.label && (/*#__PURE__*/React.createElement(Text, {
       style: [styles$2.label, {
         color: isSelected ? colors.textButton.hex : colors.text.hex
       }]
-    }, item.label));
+    }, item.label)));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
     style: styles$2.title
@@ -1147,18 +1167,19 @@ var InputAttach = function InputAttach(_a) {
   var _g = useFormContext(),
     setFormValue = _g.setFormValue,
     formErrors = _g.errors;
-  // Initialize with firstValue or an empty array
-  var _h = useState(function () {
-      return Array.isArray(firstValue) ? firstValue.slice(0, amount) : [];
-    }),
+  var _h = useState([]),
     selectedFiles = _h[0],
     setSelectedFiles = _h[1];
-  // Update the form context on mount with firstValue if provided
+  // Ref to track initialization
+  var isInitialized = useRef(false);
+  // Sync firstValue with selectedFiles when it changes
   useEffect(function () {
-    if (firstValue.length > 0) {
-      setFormValue(name, firstValue.slice(0, amount));
+    if (!isInitialized.current) {
+      setSelectedFiles(firstValue);
+      setFormValue(name, firstValue); // Update form context
+      isInitialized.current = true;
     }
-  }, [firstValue, name, setFormValue, amount]);
+  }, [firstValue, name, setFormValue]);
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
   var pickImage = function pickImage() {