@multiplatform.one/frappe-ui 7.4.0 → 7.5.0

package/dist/cjs/fields/FileUpload.native.js

@@ -34,7 +34,6 @@ var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
-var import_forms2 = require("@multiplatform.one/forms");
 var import_tamagui = require("tamagui");
 var import_FrappeProvider = require("../FrappeProvider.native.js");
 function _instanceof(left, right) {
@@ -46,6 +45,50 @@ function _instanceof(left, right) {
     return left instanceof right;
   }
 }
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  var k = 1024;
+  var sizes = ["Bytes", "KB", "MB", "GB"];
+  var i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+}
+function readFileAsDataUrl(file, param) {
+  var {
+    onProgress,
+    signal
+  } = param;
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    var onAbort = function onAbort2() {
+      reader.abort();
+      reject(new DOMException("Aborted", "AbortError"));
+    };
+    if (signal.aborted) {
+      onAbort();
+      return;
+    }
+    signal.addEventListener("abort", onAbort);
+    reader.onprogress = function (event) {
+      if (event.lengthComputable && event.total > 0) {
+        onProgress(Math.round(event.loaded / event.total * 100));
+      }
+    };
+    reader.onload = function () {
+      signal.removeEventListener("abort", onAbort);
+      onProgress(100);
+      resolve(reader.result);
+    };
+    reader.onerror = function () {
+      signal.removeEventListener("abort", onAbort);
+      reject(new Error("Failed to read file"));
+    };
+    reader.onabort = function () {
+      signal.removeEventListener("abort", onAbort);
+      reject(new DOMException("Aborted", "AbortError"));
+    };
+    reader.readAsDataURL(file);
+  });
+}
 function FileUpload(param) {
   var {
     label,
@@ -61,7 +104,8 @@ function FileUpload(param) {
     helperText,
     readOnly = false,
     skeleton = false,
-    compact = false
+    compact = false,
+    onUpload
   } = param;
   var _ref;
   var {
@@ -72,11 +116,15 @@ function FileUpload(param) {
   } = (0, import_theme.useResolvedKnobs)();
   var config = (0, import_FrappeProvider.useFrappeConfig)();
   var fileInputRef = (0, import_react2.useRef)(null);
-  var [uploading, setUploading] = (0, import_react2.useState)(false);
+  var [transfer, setTransfer] = (0, import_react2.useState)(null);
   var [error, setError] = (0, import_react2.useState)(null);
+  var transferRef = (0, import_react2.useRef)(null);
+  var onUploadRef = (0, import_react2.useRef)(onUpload);
+  onUploadRef.current = onUpload;
   var isLocked = disabled || readOnly;
   var minHeight = compact ? 40 : 56;
   var previewSize = compact ? 120 : 200;
+  var uploading = (transfer === null || transfer === void 0 ? void 0 : transfer.status) === "uploading";
   var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
   var finalConfig = finalBaseURL ? {
     baseURL: finalBaseURL,
@@ -90,7 +138,79 @@ function FileUpload(param) {
   var fileCollection = (0, import_frappe.useFrappeCollection)(finalConfig, "File", {
     fields: ["name", "file_name", "file_url", "is_private"]
   });
-  var handleFileSelect = async function handleFileSelect2(event) {
+  (0, import_react2.useEffect)(function () {
+    return function () {
+      var _transferRef_current;
+      (_transferRef_current = transferRef.current) === null || _transferRef_current === void 0 ? void 0 : _transferRef_current.controller.abort();
+    };
+  }, []);
+  var defaultUpload = (0, import_react2.useCallback)(async function (file, ctx) {
+    var base64 = await readFileAsDataUrl(file, ctx);
+    if (fileCollection) {
+      var tx = fileCollection.insert({
+        doctype: "File",
+        name: `new-${Date.now()}`,
+        file_name: file.name,
+        file_url: base64,
+        is_private: 0
+      });
+      await tx.isPersisted.promise;
+    }
+    return base64;
+  }, [fileCollection]);
+  var runTransfer = (0, import_react2.useCallback)(async function (file, controller) {
+    var _onUploadRef_current;
+    var upload = (_onUploadRef_current = onUploadRef.current) !== null && _onUploadRef_current !== void 0 ? _onUploadRef_current : defaultUpload;
+    try {
+      var url = await upload(file, {
+        onProgress: function onProgress(percent) {
+          var n = Math.min(100, Math.max(0, Math.round(Number(percent) || 0)));
+          setTransfer(function (prev) {
+            return prev ? {
+              ...prev,
+              progress: n
+            } : prev;
+          });
+        },
+        signal: controller.signal
+      });
+      if (controller.signal.aborted) return;
+      setTransfer(null);
+      transferRef.current = null;
+      setError(null);
+      onChange(url);
+    } catch (err) {
+      if (controller.signal.aborted || _instanceof(err, DOMException) && err.name === "AbortError") {
+        return;
+      }
+      var problem = _instanceof(err, Error) && err.message ? err.message : t("Upload failed");
+      setTransfer(function (prev) {
+        return prev ? {
+          ...prev,
+          status: "failed",
+          problem,
+          action: t("Try again or remove the file")
+        } : prev;
+      });
+      setError(null);
+    }
+  }, [defaultUpload, onChange, t]);
+  var startTransfer = (0, import_react2.useCallback)(function (file) {
+    var _transferRef_current;
+    (_transferRef_current = transferRef.current) === null || _transferRef_current === void 0 ? void 0 : _transferRef_current.controller.abort();
+    var controller = new AbortController();
+    var next = {
+      file,
+      status: "uploading",
+      progress: 0,
+      controller
+    };
+    transferRef.current = next;
+    setTransfer(next);
+    setError(null);
+    void runTransfer(file, controller);
+  }, [runTransfer]);
+  var handleFileSelect = function handleFileSelect2(event) {
     var _event_target_files;
     if (isLocked) return;
     var file = (_event_target_files = event.target.files) === null || _event_target_files === void 0 ? void 0 : _event_target_files[0];
@@ -99,51 +219,33 @@ function FileUpload(param) {
       setError(`File size exceeds ${Math.round(maxSize / 1024 / 1024)}MB limit`);
       return;
     }
-    setError(null);
-    setUploading(true);
-    try {
-      var reader = new FileReader();
-      reader.onload = async function (e) {
-        try {
-          var _e_target;
-          var base64 = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.result;
-          if (fileCollection) {
-            var tx = fileCollection.insert({
-              doctype: "File",
-              name: `new-${Date.now()}`,
-              file_name: file.name,
-              file_url: base64,
-              is_private: 0
-            });
-            await tx.isPersisted.promise;
-          }
-          onChange(base64);
-        } catch (err) {
-          setError(_instanceof(err, Error) ? err.message : t("Upload failed"));
-        } finally {
-          setUploading(false);
-        }
-      };
-      reader.onerror = function () {
-        setError(t("Failed to read file"));
-        setUploading(false);
-      };
-      reader.readAsDataURL(file);
-    } catch (err) {
-      setError(_instanceof(err, Error) ? err.message : t("Upload failed"));
-      setUploading(false);
-    }
+    startTransfer(file);
+  };
+  var handleCancel = function handleCancel2() {
+    var _transferRef_current;
+    (_transferRef_current = transferRef.current) === null || _transferRef_current === void 0 ? void 0 : _transferRef_current.controller.abort();
+    transferRef.current = null;
+    setTransfer(null);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  var handleRetry = function handleRetry2() {
+    if (!transfer) return;
+    startTransfer(transfer.file);
   };
   var handleRemove = function handleRemove2() {
     if (isLocked) return;
+    handleCancel();
     onChange("");
     if (fileInputRef.current) {
       fileInputRef.current.value = "";
     }
   };
+  var handleRemoveFailed = function handleRemoveFailed2() {
+    handleCancel();
+  };
   var handleClick = function handleClick2() {
     var _fileInputRef_current;
-    if (isLocked) return;
+    if (isLocked || uploading) return;
     (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();
   };
   if (skeleton) {
@@ -176,14 +278,103 @@ function FileUpload(param) {
       },
       onChange: handleFileSelect,
       disabled: isLocked || uploading
-    }), !value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+    }), transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      "data-file-upload": "transfer",
+      "data-transfer-status": transfer.status,
+      ...knobProps.gap,
+      ...knobProps.panelPadding,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+          size: 20
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          flex: 1,
+          gap: "$1",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            numberOfLines: 1,
+            children: transfer.file.name
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            numberOfLines: 1,
+            fontWeight: "700",
+            fontSize: "$2",
+            children: formatFileSize(transfer.file.size)
+          })]
+        }), transfer.status === "uploading" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          variant: "outlined",
+          icon: import_react.XIcon,
+          "aria-label": t("Cancel {{name}}", {
+            name: transfer.file.name
+          }),
+          disabled: isLocked,
+          onPress: handleCancel,
+          ...knobProps.borderRadius,
+          children: t("Cancel")
+        }) : null]
+      }), transfer.status === "uploading" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        "data-file-upload": "progress",
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": transfer.progress,
+        "aria-label": t("Uploading {{name}}", {
+          name: transfer.file.name
+        }),
+        height: 11,
+        width: "100%",
+        borderRadius: 1e3,
+        backgroundColor: "$color4",
+        overflow: "hidden",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          height: "100%",
+          width: `${transfer.progress}%`,
+          backgroundColor: "$color11"
+        })
+      }) : null, transfer.status === "failed" ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          color: "$red11",
+          fontSize: "$2",
+          children: transfer.problem
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          color: "$color11",
+          fontSize: "$2",
+          children: transfer.action
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          ...knobProps.gap,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            variant: "outlined",
+            "aria-label": t("Retry {{name}}", {
+              name: transfer.file.name
+            }),
+            disabled: isLocked,
+            onPress: handleRetry,
+            ...knobProps.borderRadius,
+            children: t("Retry")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            variant: "outlined",
+            icon: import_react.XIcon,
+            "aria-label": t("Remove {{name}}", {
+              name: transfer.file.name
+            }),
+            disabled: isLocked,
+            onPress: handleRemoveFailed,
+            ...knobProps.borderRadius,
+            children: t("Remove")
+          })]
+        })]
+      }) : null]
+    }) : null, !value && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       size: "$3",
-      icon: uploading ? import_forms2.Spinner : import_react.UploadIcon,
-      disabled: isLocked || uploading,
+      icon: import_react.UploadIcon,
+      disabled: isLocked,
       onPress: handleClick,
       ...knobProps.borderRadius,
-      children: uploading ? t("Uploading...") : t("Choose File")
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      children: t("Choose File")
+    }) : null, value ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       ...knobProps.gap,
       children: [isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
         // src (string), not source: the RN source object leaks onto the
@@ -206,13 +397,13 @@ function FileUpload(param) {
           numberOfLines: 1,
           children: value.split("/").pop() || value
         })]
-      }), !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      }), !readOnly && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         ...knobProps.gap,
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
           size: "$2",
           variant: "outlined",
           icon: import_react.UploadIcon,
-          disabled: isLocked || uploading,
+          disabled: isLocked,
           onPress: handleClick,
           ...knobProps.borderRadius,
           children: t("Replace")
@@ -220,21 +411,21 @@ function FileUpload(param) {
           size: "$2",
           variant: "outlined",
           icon: import_react.XIcon,
-          disabled: isLocked || uploading,
+          disabled: isLocked,
           onPress: handleRemove,
           ...knobProps.borderRadius,
           children: t("Remove")
         })]
-      })]
-    }), helperText && !error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      }) : null]
+    }) : null, helperText && !error && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       color: "$color11",
       fontSize: "$2",
       children: helperText
-    }), error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    }) : null, error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       color: "$red11",
       fontSize: "$2",
       children: error
-    })]
+    }) : null]
   });
 }
 //# sourceMappingURL=FileUpload.native.js.map

package/dist/cjs/fields/FileUpload.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FileUpload_exports","__export","FileUpload","module","exports","import_jsx_runtime","require","import_frappe","import_forms","import_react","import_theme","import_react2","import_react_i18next","import_forms2","import_tamagui","import_FrappeProvider","_instanceof","left","right","Symbol","hasInstance","param","label","onChange","accept","isImage","disabled","required","maxSize","baseURL","auth","helperText","readOnly","skeleton","compact","_ref","t","useTranslation","knobProps","useResolvedKnobs","config","useFrappeConfig","fileInputRef","useRef","uploading","setUploading","useState","error","setError","isLocked","minHeight","previewSize","finalBaseURL","finalConfig","socketPort","siteName","socketBaseURL","syncOptions","fixtures","fileCollection","useFrappeCollection","fields","handleFileSelect","handleFileSelect2","event","_event_target_files","file","target","files","size","Math","round","reader","FileReader","onload","e","_e_target","base64","result","tx","insert","doctype","name","Date","now","file_name","file_url","is_private","isPersisted","promise","err","Error","message","onerror","readAsDataURL","handleRemove","handleRemove2","current","handleClick","handleClick2","_fileInputRef_current","click","jsxs","YStack","gap","children","jsx","Skeleton","variant","width","height","Label","Text","color","ref","type","style","display","Button","icon","Spinner","UploadIcon","onPress","borderRadius","Image","src","alt","objectFit","XStack","alignItems","panelPadding","backgroundColor","FileIcon","flex","numberOfLines","split","pop"],"sources":["../../../src/fields/FileUpload.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FileUpload_exports","__export","FileUpload","module","exports","import_jsx_runtime","require","import_frappe","import_forms","import_react","import_theme","import_react2","import_react_i18next","import_tamagui","import_FrappeProvider","_instanceof","left","right","Symbol","hasInstance","formatFileSize","bytes","k","sizes","i","Math","floor","log","Number","parseFloat","pow","toFixed","readFileAsDataUrl","file","param","onProgress","signal","Promise","resolve","reject","reader","FileReader","onAbort","onAbort2","abort","DOMException","aborted","addEventListener","onprogress","event","lengthComputable","total","round","loaded","onload","removeEventListener","result","onerror","Error","onabort","readAsDataURL","label","onChange","accept","isImage","disabled","required","maxSize","baseURL","auth","helperText","readOnly","skeleton","compact","onUpload","_ref","t","useTranslation","knobProps","useResolvedKnobs","config","useFrappeConfig","fileInputRef","useRef","transfer","setTransfer","useState","error","setError","transferRef","onUploadRef","current","isLocked","minHeight","previewSize","uploading","status","finalBaseURL","finalConfig","socketPort","siteName","socketBaseURL","syncOptions","fixtures","fileCollection","useFrappeCollection","fields","useEffect","_transferRef_current","controller","defaultUpload","useCallback","ctx","base64","tx","insert","doctype","name","Date","now","file_name","file_url","is_private","isPersisted","promise","runTransfer","_onUploadRef_current","upload","url","percent","n","min","max","prev","progress","err","problem","message","action","startTransfer","AbortController","next","handleFileSelect","handleFileSelect2","_event_target_files","target","files","size","handleCancel","handleCancel2","handleRetry","handleRetry2","handleRemove","handleRemove2","handleRemoveFailed","handleRemoveFailed2","handleClick","handleClick2","_fileInputRef_current","click","jsxs","YStack","gap","children","jsx","Skeleton","variant","width","height","Label","Text","color","ref","type","style","display","panelPadding","XStack","alignItems","FileIcon","flex","numberOfLines","fontWeight","fontSize","Button","icon","XIcon","onPress","borderRadius","role","backgroundColor","overflow","UploadIcon"],"sources":["../../../src/fields/FileUpload.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/FileUploadField/index.cjs

@@ -26,10 +26,17 @@ __export(FileUploadField_exports, {
 });
 module.exports = __toCommonJS(FileUploadField_exports);
 var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
 var import_tamagui = require("tamagui");
+var import_AttachLibrary = require("../../FileBrowser/AttachLibrary.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const imageAccept = "image/png,image/jpeg,image/gif,image/webp,image/svg+xml";
 function FileUploadField(props) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   const {
     defaultValue,
     form,
@@ -44,29 +51,55 @@ function FileUploadField(props) {
     isImage,
     value,
     onChange,
+    onUpload,
+    library = true,
+    libraryFiles,
+    libraryFolder,
     ...fieldProps
   } = (0, import_tamagui.useProps)(props);
+  const [libraryOpen, setLibraryOpen] = (0, import_react2.useState)(false);
   const resolvedAccept = isImage ? accept ?? imageAccept : accept;
   const resolvedDefaultValue = value !== void 0 ? value : defaultValue;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FileUpload, {
-    name,
-    form,
-    validators,
-    defaultValue: resolvedDefaultValue,
-    onValueChange: onChange,
-    label: fieldProps.label,
-    labelProps: fieldProps.labelProps,
-    error: fieldProps.error,
-    helperText: fieldProps.helperText,
-    readOnly: fieldProps.readOnly,
-    skeleton: fieldProps.skeleton,
-    compact: fieldProps.compact,
-    required: fieldProps.required,
-    id: fieldProps.id,
-    size: fieldProps.size,
-    disabled,
-    accept: resolvedAccept,
-    maxSize,
-    multiple
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FileUpload, {
+      name,
+      form,
+      validators,
+      defaultValue: resolvedDefaultValue,
+      onValueChange: onChange,
+      label: fieldProps.label,
+      labelProps: fieldProps.labelProps,
+      error: fieldProps.error,
+      helperText: fieldProps.helperText,
+      readOnly: fieldProps.readOnly,
+      skeleton: fieldProps.skeleton,
+      compact: fieldProps.compact,
+      required: fieldProps.required,
+      id: fieldProps.id,
+      size: fieldProps.size,
+      disabled,
+      accept: resolvedAccept,
+      maxSize,
+      multiple,
+      onUpload,
+      actions: library ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: "$4",
+        outlined: true,
+        icon: import_react.FolderOpenIcon,
+        disabled: disabled || fieldProps.readOnly,
+        onPress: () => setLibraryOpen(true),
+        children: t("From Library")
+      }) : void 0
+    }), library ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AttachLibrary.AttachLibrary, {
+      open: libraryOpen,
+      onOpenChange: setLibraryOpen,
+      value,
+      files: libraryFiles,
+      currentFolder: libraryFolder,
+      accept: resolvedAccept,
+      onPick: file => {
+        onChange?.(file.file_url ?? file.name);
+      }
+    }) : null]
   });
 }

package/dist/cjs/fields/FileUploadField/index.native.js

@@ -29,9 +29,16 @@ __export(FileUploadField_exports, {
 module.exports = __toCommonJS(FileUploadField_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
 var import_tamagui = require("tamagui");
+var import_AttachLibrary = require("../../FileBrowser/AttachLibrary.native.js");
 var imageAccept = "image/png,image/jpeg,image/gif,image/webp,image/svg+xml";
 function FileUploadField(props) {
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   var {
     defaultValue,
     form,
@@ -46,30 +53,59 @@ function FileUploadField(props) {
     isImage,
     value,
     onChange,
+    onUpload,
+    library = true,
+    libraryFiles,
+    libraryFolder,
     ...fieldProps
   } = (0, import_tamagui.useProps)(props);
+  var [libraryOpen, setLibraryOpen] = (0, import_react2.useState)(false);
   var resolvedAccept = isImage ? accept !== null && accept !== void 0 ? accept : imageAccept : accept;
   var resolvedDefaultValue = value !== void 0 ? value : defaultValue;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FileUpload, {
-    name,
-    form,
-    validators,
-    defaultValue: resolvedDefaultValue,
-    onValueChange: onChange,
-    label: fieldProps.label,
-    labelProps: fieldProps.labelProps,
-    error: fieldProps.error,
-    helperText: fieldProps.helperText,
-    readOnly: fieldProps.readOnly,
-    skeleton: fieldProps.skeleton,
-    compact: fieldProps.compact,
-    required: fieldProps.required,
-    id: fieldProps.id,
-    size: fieldProps.size,
-    disabled,
-    accept: resolvedAccept,
-    maxSize,
-    multiple
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FileUpload, {
+      name,
+      form,
+      validators,
+      defaultValue: resolvedDefaultValue,
+      onValueChange: onChange,
+      label: fieldProps.label,
+      labelProps: fieldProps.labelProps,
+      error: fieldProps.error,
+      helperText: fieldProps.helperText,
+      readOnly: fieldProps.readOnly,
+      skeleton: fieldProps.skeleton,
+      compact: fieldProps.compact,
+      required: fieldProps.required,
+      id: fieldProps.id,
+      size: fieldProps.size,
+      disabled,
+      accept: resolvedAccept,
+      maxSize,
+      multiple,
+      onUpload,
+      actions: library ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: "$4",
+        outlined: true,
+        icon: import_react.FolderOpenIcon,
+        disabled: disabled || fieldProps.readOnly,
+        onPress: function onPress() {
+          return setLibraryOpen(true);
+        },
+        children: t("From Library")
+      }) : void 0
+    }), library ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AttachLibrary.AttachLibrary, {
+      open: libraryOpen,
+      onOpenChange: setLibraryOpen,
+      value,
+      files: libraryFiles,
+      currentFolder: libraryFolder,
+      accept: resolvedAccept,
+      onPick: function onPick(file) {
+        var _file_file_url;
+        onChange === null || onChange === void 0 ? void 0 : onChange((_file_file_url = file.file_url) !== null && _file_file_url !== void 0 ? _file_file_url : file.name);
+      }
+    }) : null]
   });
 }
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/FileUploadField/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FileUploadField_exports","__export","FileUploadField","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","imageAccept","props","defaultValue","form","_mode","name","_preserveValue","validators","disabled","accept","maxSize","multiple","isImage","onChange","fieldProps","useProps","resolvedAccept","resolvedDefaultValue","jsx","FileUpload","onValueChange","label","labelProps","error","helperText","readOnly","skeleton","compact","required","id","size"],"sources":["../../../../src/fields/FileUploadField/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,uBAAA;AAE3B,IAAAK,kBAAyB,GAAAC,OAAA;AAwErB,IAAAC,YAAA,GAAAD,OAAA;AAtEJ,IAAAE,cAAM,GAAcF,OAAA;AAwCb,IAAAG,WAAS,4DAG6B;AAC3C,SAAMP,gBAAAQ,KAAA;EAAA,IACJ;IAAAC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAtB,KAAA;IAAAuB,QAAA;IAAA,GAAAC;EAAA,QAAAf,cAAA,CAAAgB,QAAA,EAAAd,KAAA;EAAA,IACAe,cAAA,GAAAJ,OAAA,GAAAH,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAT,WAAA,GAAAS,MAAA;EAAA,IACAQ,oBAAA,GAAA3B,KAAA,cAAAA,KAAA,GAAAY,YAAA;EAAA,OACA,mBAAAN,kBAAA,CAAAsB,GAAA,EAAApB,YAAA,CAAAqB,UAAA;IACAd,IAAA;IACAF,IAAA;IACAI,UAAA;IACAL,YAAA,EAAAe,oBAAA;IACAG,aAAA,EAAAP,QAAA;IACAQ,KAAA,EAAAP,UAAA,CAAAO,KAAA;IACAC,UAAA,EAAAR,UAAA,CAAAQ,UAAA;IACAC,KAAA,EAAAT,UAAA,CAAAS,KAAA;IACAC,UAAA,EAAAV,UAAA,CAAAU,UAAA;IACAC,QAAG,EAAAX,UAAA,CAAAW,QAAA;IACLC,QAAI,EAAAZ,UAAA,CAAAY,QAAA;IAKJC,OAAM,EAAAb,UAAA,CAAAa,OAAiB;IAGvBC,QAAM,EAAAd,UAAA,CAAAc,QAAuB;IAE7BC,EAAA,EAAAf,UACE,CAAAe,EAAA;IAACC,IAAA,EAAAhB,UAAA,CAAAgB,IAAA;IAAAtB,QAAA;IAAAC,MACC,EAAAO,cAAA;IAAAN,OACA;IAAAC;EACA;AACc","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FileUploadField_exports","__export","FileUploadField","module","exports","import_jsx_runtime","require","import_forms","import_react","import_react2","import_react_i18next","import_tamagui","import_AttachLibrary","imageAccept","props","t","useTranslation","defaultValue","form","_mode","name","_preserveValue","validators","disabled","accept","maxSize","multiple","isImage","onChange","onUpload","library","libraryFiles","libraryFolder","fieldProps","useProps","libraryOpen","setLibraryOpen","useState","resolvedAccept","resolvedDefaultValue","jsxs","Fragment","children","jsx","FileUpload","onValueChange","label","labelProps","error","helperText","readOnly","skeleton","compact","required","id","size","actions","Button","outlined","icon","FolderOpenIcon","onPress","AttachLibrary","open","onOpenChange","files","currentFolder","onPick","file","_file_file_url","file_url"],"sources":["../../../../src/fields/FileUploadField/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}