aport-tools 4.4.26 → 4.4.27

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.26 | ISC */
+/*! aport-tools v4.4.27 | ISC */
 'use strict';
 
 var React = require('react');
@@ -1036,19 +1036,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 = React.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 = React.useState(formValues[name] || []),
+    selectedValues = _h[0],
+    setSelectedValues = _h[1];
   var theme = React.useContext(aportThemes.ThemeContext).theme;
   var colors = theme.colors;
+  // Sync firstValue with selectedValues on mount or when firstValue changes
+  React.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;
@@ -1096,11 +1116,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