aport-tools 4.4.24 → 4.4.25

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.24 | ISC */
+/*! aport-tools v4.4.25 | ISC */
 'use strict';
 
 var React = require('react');
@@ -1162,13 +1162,24 @@ var InputAttach = function InputAttach(_a) {
     _d = _a.disabled,
     disabled = _d === void 0 ? false : _d,
     _e = _a.placeholder,
-    placeholder = _e === void 0 ? "Upload an image" : _e;
-  var _f = useFormContext(),
-    setFormValue = _f.setFormValue,
-    formErrors = _f.errors;
-  var _g = React.useState([]),
-    selectedFiles = _g[0],
-    setSelectedFiles = _g[1];
+    placeholder = _e === void 0 ? "Upload an image" : _e,
+    _f = _a.firstValue,
+    firstValue = _f === void 0 ? [] : _f;
+  var _g = useFormContext(),
+    setFormValue = _g.setFormValue,
+    formErrors = _g.errors;
+  // Initialize with firstValue or an empty array
+  var _h = React.useState(function () {
+      return Array.isArray(firstValue) ? firstValue.slice(0, amount) : [];
+    }),
+    selectedFiles = _h[0],
+    setSelectedFiles = _h[1];
+  // Update the form context on mount with firstValue if provided
+  React.useEffect(function () {
+    if (firstValue.length > 0) {
+      setFormValue(name, firstValue.slice(0, amount));
+    }
+  }, [firstValue, name, setFormValue, amount]);
   var theme = React.useContext(aportThemes.ThemeContext).theme;
   var colors = theme.colors;
   var pickImage = function pickImage() {