aport-tools 4.4.24 → 4.4.26

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.24 | ISC */
+/*! aport-tools v4.4.26 | ISC */
 'use strict';
 
 var React = require('react');
@@ -1162,13 +1162,25 @@ 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;
+  var _h = React.useState([]),
+    selectedFiles = _h[0],
+    setSelectedFiles = _h[1];
+  // Ref to track initialization
+  var isInitialized = React.useRef(false);
+  // Sync firstValue with selectedFiles when it changes
+  React.useEffect(function () {
+    if (!isInitialized.current) {
+      setSelectedFiles(firstValue);
+      setFormValue(name, firstValue); // Update form context
+      isInitialized.current = true;
+    }
+  }, [firstValue, name, setFormValue]);
   var theme = React.useContext(aportThemes.ThemeContext).theme;
   var colors = theme.colors;
   var pickImage = function pickImage() {