aport-tools 4.4.26 → 4.4.28

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.26 | 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,19 +1015,34 @@ var InputCheck = function InputCheck(_a) {
     max = _a.max,
     _c = _a.rowAmount,
     rowAmount = _c === void 0 ? 3 : _c,
+    firstValue = _a.firstValue,
     _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,
+  var _f = useFormContext();
+    _f.formValues;
+    var setFormValue = _f.setFormValue,
     formErrors = _f.errors;
-  var _g = useState(formValues[name] || []),
+  var _g = useState([]),
     selectedValues = _g[0],
     setSelectedValues = _g[1];
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
+  var isFirstRender = useRef(true);
+  // Initialize selectedValues on first render if firstValue is provided
+  useEffect(function () {
+    if (isFirstRender.current && firstValue) {
+      var initialSelectedValues = options.filter(function (option) {
+        return firstValue.some(function (fv) {
+          return fv.value === option.value;
+        });
+      });
+      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;
     var updatedSelection;
@@ -1075,11 +1090,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