@multiplatform.one/frappe-ui 7.4.1 → 7.5.0

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

@@ -3,9 +3,8 @@ import { useFrappeCollection } from "@multiplatform.one/frappe";
 import { Skeleton } from "@multiplatform.one/forms";
 import { FileIcon, UploadIcon, XIcon } from "@phosphor-icons/react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Spinner } from "@multiplatform.one/forms";
 import { Button, Image, Label, Text, XStack, YStack } from "tamagui";
 import { useFrappeConfig } from "../FrappeProvider.native.js";
 function _instanceof(left, right) {
@@ -17,6 +16,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,
@@ -32,7 +75,8 @@ function FileUpload(param) {
     helperText,
     readOnly = false,
     skeleton = false,
-    compact = false
+    compact = false,
+    onUpload
   } = param;
   var _ref;
   var {
@@ -43,11 +87,15 @@ function FileUpload(param) {
   } = useResolvedKnobs();
   var config = useFrappeConfig();
   var fileInputRef = useRef(null);
-  var [uploading, setUploading] = useState(false);
+  var [transfer, setTransfer] = useState(null);
   var [error, setError] = useState(null);
+  var transferRef = useRef(null);
+  var onUploadRef = 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,
@@ -61,7 +109,79 @@ function FileUpload(param) {
   var fileCollection = useFrappeCollection(finalConfig, "File", {
     fields: ["name", "file_name", "file_url", "is_private"]
   });
-  var handleFileSelect = async function handleFileSelect2(event) {
+  useEffect(function () {
+    return function () {
+      var _transferRef_current;
+      (_transferRef_current = transferRef.current) === null || _transferRef_current === void 0 ? void 0 : _transferRef_current.controller.abort();
+    };
+  }, []);
+  var defaultUpload = 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 = 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 = 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];
@@ -70,51 +190,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) {
@@ -147,14 +249,103 @@ function FileUpload(param) {
       },
       onChange: handleFileSelect,
       disabled: isLocked || uploading
-    }), !value ? /* @__PURE__ */_jsx(Button, {
+    }), transfer ? /* @__PURE__ */_jsxs(YStack, {
+      "data-file-upload": "transfer",
+      "data-transfer-status": transfer.status,
+      ...knobProps.gap,
+      ...knobProps.panelPadding,
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(FileIcon, {
+          size: 20
+        }), /* @__PURE__ */_jsxs(YStack, {
+          flex: 1,
+          gap: "$1",
+          children: [/* @__PURE__ */_jsx(Text, {
+            numberOfLines: 1,
+            children: transfer.file.name
+          }), /* @__PURE__ */_jsx(Text, {
+            numberOfLines: 1,
+            fontWeight: "700",
+            fontSize: "$2",
+            children: formatFileSize(transfer.file.size)
+          })]
+        }), transfer.status === "uploading" ? /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          variant: "outlined",
+          icon: XIcon,
+          "aria-label": t("Cancel {{name}}", {
+            name: transfer.file.name
+          }),
+          disabled: isLocked,
+          onPress: handleCancel,
+          ...knobProps.borderRadius,
+          children: t("Cancel")
+        }) : null]
+      }), transfer.status === "uploading" ? /* @__PURE__ */_jsx(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__ */_jsx(YStack, {
+          height: "100%",
+          width: `${transfer.progress}%`,
+          backgroundColor: "$color11"
+        })
+      }) : null, transfer.status === "failed" ? /* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */_jsx(Text, {
+          color: "$red11",
+          fontSize: "$2",
+          children: transfer.problem
+        }), /* @__PURE__ */_jsx(Text, {
+          color: "$color11",
+          fontSize: "$2",
+          children: transfer.action
+        }), /* @__PURE__ */_jsxs(XStack, {
+          ...knobProps.gap,
+          children: [/* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            variant: "outlined",
+            "aria-label": t("Retry {{name}}", {
+              name: transfer.file.name
+            }),
+            disabled: isLocked,
+            onPress: handleRetry,
+            ...knobProps.borderRadius,
+            children: t("Retry")
+          }), /* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            variant: "outlined",
+            icon: XIcon,
+            "aria-label": t("Remove {{name}}", {
+              name: transfer.file.name
+            }),
+            disabled: isLocked,
+            onPress: handleRemoveFailed,
+            ...knobProps.borderRadius,
+            children: t("Remove")
+          })]
+        })]
+      }) : null]
+    }) : null, !value && !transfer ? /* @__PURE__ */_jsx(Button, {
       size: "$3",
-      icon: uploading ? Spinner : UploadIcon,
-      disabled: isLocked || uploading,
+      icon: UploadIcon,
+      disabled: isLocked,
       onPress: handleClick,
       ...knobProps.borderRadius,
-      children: uploading ? t("Uploading...") : t("Choose File")
-    }) : /* @__PURE__ */_jsxs(YStack, {
+      children: t("Choose File")
+    }) : null, value ? /* @__PURE__ */_jsxs(YStack, {
       ...knobProps.gap,
       children: [isImage ? /* @__PURE__ */_jsx(Image, {
         // src (string), not source: the RN source object leaks onto the
@@ -177,13 +368,13 @@ function FileUpload(param) {
           numberOfLines: 1,
           children: value.split("/").pop() || value
         })]
-      }), !readOnly && /* @__PURE__ */_jsxs(XStack, {
+      }), !readOnly && !transfer ? /* @__PURE__ */_jsxs(XStack, {
         ...knobProps.gap,
         children: [/* @__PURE__ */_jsx(Button, {
           size: "$2",
           variant: "outlined",
           icon: UploadIcon,
-          disabled: isLocked || uploading,
+          disabled: isLocked,
           onPress: handleClick,
           ...knobProps.borderRadius,
           children: t("Replace")
@@ -191,21 +382,21 @@ function FileUpload(param) {
           size: "$2",
           variant: "outlined",
           icon: XIcon,
-          disabled: isLocked || uploading,
+          disabled: isLocked,
           onPress: handleRemove,
           ...knobProps.borderRadius,
           children: t("Remove")
         })]
-      })]
-    }), helperText && !error && /* @__PURE__ */_jsx(Text, {
+      }) : null]
+    }) : null, helperText && !error && !transfer ? /* @__PURE__ */_jsx(Text, {
       color: "$color11",
       fontSize: "$2",
       children: helperText
-    }), error && /* @__PURE__ */_jsx(Text, {
+    }) : null, error ? /* @__PURE__ */_jsx(Text, {
       color: "$red11",
       fontSize: "$2",
       children: error
-    })]
+    }) : null]
   });
 }
 export { FileUpload };

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useFrappeCollection","Skeleton","FileIcon","UploadIcon","XIcon","useResolvedKnobs","useRef","useState","useTranslation","Spinner","Button","Image","Label","Text","XStack","YStack","useFrappeConfig","_instanceof","left","right","Symbol","hasInstance","FileUpload","param","label","value","onChange","accept","isImage","disabled","required","maxSize","baseURL","auth","helperText","readOnly","skeleton","compact","_ref","t","knobProps","config","fileInputRef","uploading","setUploading","error","setError","isLocked","minHeight","previewSize","finalBaseURL","finalConfig","socketPort","siteName","socketBaseURL","syncOptions","fixtures","fileCollection","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","gap","children","variant","width","height","color","ref","type","style","display","icon","onPress","borderRadius","src","alt","objectFit","alignItems","panelPadding","backgroundColor","flex","numberOfLines","split","pop"],"sources":["../../../src/fields/FileUpload.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useFrappeCollection","Skeleton","FileIcon","UploadIcon","XIcon","useResolvedKnobs","useCallback","useEffect","useRef","useState","useTranslation","Button","Image","Label","Text","XStack","YStack","useFrappeConfig","_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","FileUpload","label","value","onChange","accept","isImage","disabled","required","maxSize","baseURL","auth","helperText","readOnly","skeleton","compact","onUpload","_ref","t","knobProps","config","fileInputRef","transfer","setTransfer","error","setError","transferRef","onUploadRef","current","isLocked","minHeight","previewSize","uploading","status","finalBaseURL","finalConfig","socketPort","siteName","socketBaseURL","syncOptions","fixtures","fileCollection","fields","_transferRef_current","controller","defaultUpload","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","gap","children","variant","width","height","color","ref","type","style","display","panelPadding","alignItems","flex","numberOfLines","fontWeight","fontSize","icon","onPress","borderRadius","role","backgroundColor","overflow"],"sources":["../../../src/fields/FileUpload.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAA2B;AACpC,SAASC,mBAAgB;AACzB,SAASC,QAAA,QAAU,0BAAyB;AAC5C,SAASC,QAAA,EAAAC,UAAA,EAAAC,KAAwB;AAEjC,SAASC,gBAAa,QAAW,0BAAwB;AACzD,SAASC,WAAA,EAAAC,SAAsB,EAAAC,MAAA,EAAAC,QAAA;AAC/B,SAASC,cAAQ,QAAc,eAAc;AAC7C,SAASC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,IAAuB,EAAAC,MAAA,EAAAC,MAAA;AA4Q1B,SACYC,eADZ;AAnON,SAASC,YAAAC,IAAe,EAAAC,KAAuB;EAC7C,2BAAwB;;EACxB,IAAAA,KAAM,IAAI,eAAAC,MAAA,oBAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IACV,OAAM,EAAAF,KAAS,CAAAC,MAAA,CAASC,WAAM,CAAM,CAAAH,IAAI;EACxC,OAAM;IACN,OAAOA,IAAG,YAAOC,KAAY;EAC/B;AAEA;AAIE,SAAOG,cAAaA,CAAAC,KAAA,EAAS;EAC3B,IAAAA,KAAM,QAAS,OAAI,SAAW;EAC9B,IAAAC,CAAA,GAAM;EACJ,IAAAC,KAAA,GAAO,CACP,SACF,MACA,IAAI,EACF,KACA;EAAA,IACFC,CAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,GAAA,CAAAN,KAAA,IAAAI,IAAA,CAAAE,GAAA,CAAAL,CAAA;EACA,UAAOM,MAAA,CAAAC,UAAiB,EAAAR,KAAA,GAASI,IAAA,CAAOK,GAAA,CAAAR,CAAA,EAAAE,CAAA,GAAAO,OAAA,QAAAR,KAAA,CAAAC,CAAA;AACxC;AACE,SAAAQ,iBAAUA,CAAAC,IAAA,EAAAC,KAAoB;EAC5B;IAAAC,UAAA;IAAWC;EAAK,IAAOF,KAAM;EAA4B,OAC3D,IAAAG,OAAA,WAAAC,OAAA,EAAAC,MAAA;IACF,IAAAC,MAAA,OAAAC,UAAA;IACA,IAAAC,OAAO,YAAeC,SAAA;MACpBH,MAAA,CAAOI,KAAA;MACPL,MAAA,KAAWM,YAAG;IACd;IACF,IAAAT,MAAA,CAAAU,OAAA;MACAJ,OAAO;MACL;IACA;IACFN,MAAA,CAAAW,gBAAA,UAAAL,OAAA;IACAF,MAAA,CAAOQ,UAAU,aAAMC,KAAA;MACrB,IAAAA,KAAO,CAAAC,gBAAA,IAAoBD,KAAA,CAASE,KAAA,GAAO;QAC3ChB,UAAW,CAAAV,IAAA,CAAA2B,KAAA,CAAaH,KAAA,CAAAI,MAAW,GAAAJ,KAAA,CAAAE,KAAa;MAClD;IACA;IACDX,MAAA,CAAAc,MAAA;MACHlB,MAAA,CAAAmB,mBAAA,UAAAb,OAAA;MAEOP,UAAS,IAAW;MACzBG,OAAA,CAAAE,MAAA,CAAAgB,MAAA;IACA;IACAhB,MAAA,CAAAiB,OAAA;MACArB,MAAA,CAAAmB,mBAAA,UAAAb,OAAA;MACAH,MAAU,KAAAmB,KAAA;IACV;IACAlB,MAAA,CAAAmB,OAAW;MACXvB,MAAU,CAAAmB,mBAAW,UAAAb,OAAA;MACrBH,MAAA,KAAAM,YAAA;IACA;IACAL,MAAA,CAAAoB,aAAA,CAAA3B,IAAA;EACA;AAAW;AACA,SACX4B,UAAUA,CAAA3B,KAAA;EACV;IAAA4B,KAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC;EAAA,IAAA1C,KAAA;EACF,IAAoB2C,IAAA;EAClB;IAAMC;EAAE,IAAEvE,cAAI;EACd;IAAMwE;EAAE,IAAU7E,gBAAI;EACtB,IAAA8E,MAAM,GAAAlE,eAAS;EACf,IAAAmE,YAAM,GAAA5E,MAAe,KAAyB;EAC9C,KAAA6E,QAAO,EAAAC,WAAU,IAAW7E,QAAI,KAA+B;EAC/D,KAAA8E,KAAO,EAAAC,QAAO,IAAQ/E,QAAI,KAAwB;EAClD,IAAAgF,WAAM,GAAAjF,MAAc,KAA6B;EACjD,IAAAkF,WAAM,GAAAlF,MAAc,CAAAuE,QAAO;EAC3BW,WAAA,CAAYC,OAAA,GAAUZ,QAAA;EACtB,IAAAa,QAAM,GAAAtB,QAAW,IAAAM,QAAY;EAC7B,IAAAiB,SAAM,GAAAf,OAAY,KAAU,KAAK;EACjC,IAAAgB,WAAM,GAAAhB,OAAc,MAAU,MAAM;EACpC,IAAAiB,SAAM,IAAAV,QAAY,KAAU,QAAAA,QAAW,uBAAAA,QAAA,CAAAW,MAAA;EAEvC,IAAAC,YAAM,IAAAjB,IAAe,GAAAP,OAAW,SAAQ,IAAAA,OAAW,cAAAA,OAAA,GAAAU,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAV,OAAA,cAAAO,IAAA,cAAAA,IAAA;EACnD,IAAAkB,WAAM,GAAAD,YAAc;IAEdxB,OAAA,EAASwB,YAAA;IACTE,UAAA,EAAYhB,MAAA,KAAQ,QAAAA,MAAA,uBAAAA,MAAA,CAAAgB,UAAA;IACpBC,QAAA,EAAUjB,MAAA,KAAQ,QAAAA,MAAA,uBAAAA,MAAA,CAAAiB,QAAA;IAClBC,aAAA,EAAelB,MAAA,KAAQ,QAAAA,MAAA,uBAAAA,MAAA,CAAAkB,aAAA;IACvB3B,IAAA,EAAMA,IAAA,KAAQ,QAAQA,IAAA,cAAAA,IAAA,GAAAS,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAT,IAAA;IACtB4B,WAAA,EAAanB,MAAA,KAAQ,QAAAA,MAAA,uBAAAA,MAAA,CAAAmB,WAAA;IACrBC,QAAA,EAAUpB,MAAA,KAAQ,QAAAA,MAAA,uBAAAA,MAAA,CAAAoB;EACpB,IACA;EAEJ,IAAAC,cAAM,GAAAxG,mBAAiB,CAAAkG,WAMpB,QAAa;IACdO,MAAA,EAAQ,CACT,QAED,WAAU,EACR,UAAO,EACL,YAAY;EAEhB;EAEAlG,SAAM;IACJ,OAAO,YAAM;MACX,IAAAmG,oBAAqB;MACrB,CAAAA,oBAAoB,GAAAjB,WAAA,CAAAE,OAAA,cAAAe,oBAAA,uBAAAA,oBAAA,CAAAC,UAAA,CAAA5D,KAAA;IAClB;EAAiC;EACtB,IAAA6D,aACH,GAAAtG,WAAiB,iBAAA8B,IAAA,EAAAyE,GAAA;IAAA,IAAAC,MACvB,SAAW3E,iBAAK,CAAAC,IAAA,EAAAyE,GAAA;IAAA,IAAAL,cACN;MAAA,IACVO,EAAA,GAAAP,cAAY,CAAAQ,MAAA;QACdC,OAAC;QACDC,IAAA,EAAM,OAAGC,IAAA,CAAAC,GAAY;QACvBC,SAAA,EAAAjF,IAAA,CAAA8E,IAAA;QACAI,QAAO,EAAAR,MAAA;QACTS,UAAA;MACC;MACH,MAAAR,EAAA,CAAAS,WAAA,CAAAC,OAAA;IAEA;IACE,OAAOX,MAAY;EACjB,IACAN,cAAI,CACF;EAA+B,IAAAkB,WAC7B,GAAApH,WAAa,iBAAY8B,IAAA,EAAAuE,UAAA;IACvB,IAAAgB,oBAAe;IACf,IAAAC,MAAA,IAAAD,oBAAuB,GAAOjC,WAAW,CAAAC,OAAA,MAAY,IAAI,IAAKgC,oBAAA,cAAAA,oBAAA,GAAAf,aAAA;IAAA;MAChE,IACAiB,GAAA,SAAQD,MAAA,CAAWxF,IAAA;QACrBE,UAAC,WAAAA,WAAAwF,OAAA;UACD,IAAIC,CAAA,GAAAnG,IAAA,CAAWoG,GAAA,IAAO,EAAApG,IAAA,CAAAqG,GAAS,IAAArG,IAAA,CAAA2B,KAAA,CAAAxB,MAAA,CAAA+F,OAAA;UAC/BxC,WAAY,WAAI4C,IAAA;YAChB,OAAAA,IAAY;cACZ,GAASA,IAAI;cACbC,QAAY,EAAAJ;YACd,IAASG,IAAK;UACZ,EACE;QAGA;QACF3F,MAAA,EAAAoE,UAAA,CAAApE;MACA;MACA,IAAAoE,UAAA,CAAApE,MAAA,CAAAU,OAAA;MAAAqC,WAAa,KACX;MACIG,WACK,CAAAE,OAAA;MAAAH,QACH,MAAQ;MAAArB,QACR,CAAA0D,GAAA;IAAA,SACAO,GAAA;MAAwC,IAC1CzB,UACA,CAAApE,MAAA,CAAAU,OAAA,IAAA/B,WAAA,CAAAkH,GAAA,EAAApF,YAAA,KAAAoF,GAAA,CAAAlB,IAAA;QACN;MAEA;MACF,IAAAmB,OAAA,GAAAnH,WAAA,CAAAkH,GAAA,EAAAvE,KAAA,KAAAuE,GAAA,CAAAE,OAAA,GAAAF,GAAA,CAAAE,OAAA,GAAArD,CAAA;MACFK,WAAA,WAAA4C,IAAA;QACC,OAAAA,IAAA,GAAe;UAClB,GAAAA,IAAA;UAEMlC,MAAA,UAAgB;UACnBqC,OAAe;UACdE,MAAA,EAAYtD,CAAA,+BAA0B;QACtC,IAAMiD,IAAA;MACN;MAA4B1C,QAC1B;IAAA;EACQ,IACEoB,aACV,EAAAzC,QACF,EACAc,CAAA,CACA;EACA,IAAAuD,aAAa,GAAAlI,WAAA,WAAA8B,IAAA;IACb,IAAAsE,oBAAiB;IACnB,CAAAA,oBAAA,GAAAjB,WAAA,CAAAE,OAAA,cAAAe,oBAAA,uBAAAA,oBAAA,CAAAC,UAAA,CAAA5D,KAAA;IACA,IAAC4D,UAAW,OAAA8B,eAAA;IACd,IAAAC,IAAA;MAEAtG,IAAM;MACJ4D,MAAI,aAAU;MACdmC,QAAM,GAAO;MACbxB;IAEA;IACElB,WAAS,CAAAE,OAAA,GAAA+C,IAAA;IACTpD,WAAA,CAAAoD,IAAA;IACFlD,QAAA;IAEA,KAAAkC,WAAc,CAAAtF,IAAI,EAAAuE,UAAA;EACpB,IAEAe,WAAM,CACJ;EACA,IAAAiB,gBAAY,YAAUC,kBAAAxF,KAAA;IACtB,IAAAyF,mBAAgB;IAChB,IAAIjD,QAAA;IACN,IAAAxD,IAAA,IAAAyG,mBAAA,GAAAzF,KAAA,CAAA0F,MAAA,CAAAC,KAAA,cAAAF,mBAAA,uBAAAA,mBAAA;IAEA,IAAM,CAAAzG,IAAA;IACJ,IAAIoC,OAAC,IAAUpC,IAAA,CAAA4G,IAAA,GAAAxE,OAAA;MACfgB,QAAA,sBAA2B5D,IAAA,CAAA2B,KAAA,CAAAiB,OAAA;MAC7B;IAEA;IACEgE,aAAc,CAAApG,IAAA;EACd;EACA,IAAA6G,YAAW,YAAAC,cAAA;IACX,IAAIxC,oBAAa;IACf,CAAAA,oBAAa,GAAQjB,WAAQ,CAAAE,OAAA,cAAAe,oBAAA,uBAAAA,oBAAA,CAAAC,UAAA,CAAA5D,KAAA;IAC/B0C,WAAA,CAAAE,OAAA;IACFL,WAAA;IAEA,IAAMF,YAAA,CAAAO,OAAA,EAAqBP,YAAM,CAAAO,OAAA,CAAAzB,KAAA;EAC/B;EACF,IAAAiF,WAAA,YAAAC,aAAA;IAEA,IAAM,CAAA/D,QAAA;IACJmD,aAAI,CAAAnD,QAAY,CAAAjD,IAAW;EAC3B;EACF,IAAAiH,YAAA,YAAAC,cAAA;IAEA,IAAI1D,QAAU;IACZqD,YACE;IACG9E,QAAA,GAAS;IAAiD,IAC3DiB,YAAA,CAAAO,OAAC;MAA2DP,YAC9D,CAAAO,OAAA,CAAAzB,KAAA;IAEJ;EAEA;EAEK,IAAAqF,kBACC,YAACC,mBACEA,CAAA;IAAAP,YAAA;EAAA;EACmC,IAAAQ,WACtC,YAAAC,aAAA;IAGF,IAAAC,qBAAA;IAAA,IAAC/D,QAAA,IAAAG,SAAA;IAAA,CAAA4D,qBAAA,GAAAvE,YAAA,CAAAO,OAAA,cAAAgE,qBAAA,uBAAAA,qBAAA,CAAAC,KAAA;EAAA;EACM,IAAA/E,QACA;IAAA,OACL,eAAmB9E,KAAA,CAAAiB,MAAU;MAAY,GACzCkE,SAAS,CAAA2E,GAAA;MAAgBC,QACzB,GACA7F,KAAA,mBAAsBpE,IAAA,CAAAI,QAAA;QAAA8J,OAAA;QACxBC,KAAA;QAECC,MACC;MAAC,mBAAApK,IAAA,CAAAI,QAAA;QACC8J,OAAA,WAAiB;QACjBC,KAAA;QACCC,MAAG,EAAApE;MACH;IAED;EACE;EAAoB,sBACpB9F,KAAA,CAAAiB,MAAC;IACC,GAAAkE,SAAA,CAAA2E,GAAA;IAA4CC,QAAA,EAC5C,CAEA7F,KAAA,IACF,eAAAlE,KAAA,CAAAc,KAAA;MAAAiJ,QACC,GACC7F,KAAC,EAAAM,QAAA,mBAAA1E,IAAA,CAAAiB,IAAA;QAAAoJ,KACC,UAAK;QAAAJ,QACL;MAAQ;IAEqD,IACnD,eACVjK,IAAS;MAAAsK,GAAA,EAAA/E,YACL;MAAUgF,IAAA,QAEb;MAAUhG,MAAA,EAAAA,MAAA,KAAAC,OAAA;MAAAgG,KACb;QACEC,OACN;MAAA;MAEEnG,QAAC,EAAAwE,gBAAA;MAAArE,QAAA,EAAAsB,QAAA,IAAAG;IAAA,IACkBV,QACjB,kBAAKtF,KAAA,CAAAiB,MAAA;MAAA,kBACL,YAAe;MAAA,sBACf,EAAeqE,QAAA,CAAAW,MAAA;MAAA,GAAAd,SACf,CAAA2E,GAAA;MAAwB,GAAA3E,SACxB,CAAAqF,YAAc;MAAkDT,QAChE,GAAQ,eACF/J,KAAA,CAAAgB,MAAA;QAAA8I,GACN;QAAcW,UACd,UAAgB;QAAAV,QAChB,GAEA,eAAAjK,IAAA,CAAAK,QAAA,EAAC;UAAgF8I,IAAA;QAEjF,IACH,eAAoBjJ,KAAA,CAAAiB,MACnB;UACEyJ,IAAA;UAGAZ,GAAA;UAGAC,QAAA,GACE,eAAAjK,IAAA,CAAAiB,IAAA;YAAC4J,aAAA;YAAAZ,QAAA,EAAAzE,QAAA,CAAAjD,IAAA,CAAA8E;UACC,IACA,eAAQrH,IAAA,CAAAiB,IAAA;YACR4J,aAAY,EAAE;YACdC,UAAU;YACVC,QAAS;YACRd,QAAG,EAAAvI,cAAU,CAAA8D,QAAA,CAAAjD,IAAA,CAAA4G,IAAA;UAEb;QACH,IACA3D,QAAA,CAAAW,MAAA,kCAAAnG,IAAA,CAAAc,MAAA;UAACqI,IAAA;UAAAe,OAAA;UAAAc,IACC,EAAAzK,KAAK;UAAA,YACG,EAAA6E,CAAA;YACRiC,IAAA,EAAM7B,QAAA,CAAAjD,IAAA,CAAA8E;UAAA,EACN;UAA6D5C,QAC7D,EAAAsB,QAAU;UAAAkF,OACV,EAAA7B,YAAS;UAAA,GACR/D,SAAG,CAAA6F,YAAU;UAAAjB,QAEb,EAAA7E,CAAA,SAAE;QAAQ;MACb,IACFI,QAEA,CAAAW,MAAA,kCAAAnG,IAAA,CAAAmB,MAAA;QAAA;QAAAgK,IAAA;QAEJ;QAEF,eACA;QAAC,iBAAA3F,QAAA,CAAA8C,QAAA;QAAA,cAAAlD,CAAA;UACMiC,IAAA,EAAA7B,QAAA,CAAAjD,IAAA,CAAA8E;QACL,EAAM;QACN+C,MAAU;QACVD,KAAS;QACLe,YAAU;QAEbE,eAAE,WAAa;QAAAC,QAAA;QAEhBpB,QAAA,iBAAAjK,IAAA,CAAAmB,MAAA;UAGFiJ,MAAA;UACGD,KACC,KAAA3E,QAAA,CAAA8C,QAAA;UAAC8C,eAAA;QAAA;MAGC,KAAK,MACL5F,QAAO,CAAAW,MAAA,gBAAuB,eAAAjG,KAAA,CAAAiB,MAAA;QAC9B,GAAAkE,SAAO,CAAA2E,GAAA;QACPC,QAAQ,GACJ,eAAUjK,IAAA,CAAAiB,IAAA;UACdoJ,KAAU;UAAAU,QAAA;UAGZd,QAAA,EAAAzE,QAAA,CAAAgD;QAAC,mBAAAxI,IAAA,CAAAiB,IAAA;UACKoJ,KAAA;UACJU,QAAW;UACPd,QAAU,EAAAzE,QAAA,CAAAkD;QACV,CAAE,GAEN,eAAAxI,KAAA,CAAAgB,MAAA;UAAA,GAAAmE,SAAA,CAAA2E,GAAC;UACDC,QAAA,GAEA,eAAAjK,IAAA,CAAAc,MAAA;YAAAqI,IAAA;YACFe,OAAA;YAGa,YACb,EAAA9E,CAAA,iBAAC;cACCiC,IAAA,EAAA7B,QAAA,CAAAjD,IAAA,CAAA8E;YAAC;YAAA5C,QAAA,EAAAsB,QAAA;YACMkF,OAAA,EAAA3B,WAAA;YACL,GAAQjE,SAAA,CAAA6F,YAAA;YACFjB,QAAA,EAAA7E,CAAA;UACN,IACA,eAASpF,IAAA,CAAAc,MAAA;YACLqI,IAAA,EAAU;YAEbe,OAAE,YAAS;YAAAc,IAAA,EAAAzK,KAAA;YACd,cAAA6E,CAAA;cACAiC,IAAA,EAAA7B,QAAA,CAAAjD,IAAA,CAAA8E;YAAC;YAAA5C,QAAA,EAAAsB,QAAA;YACMkF,OAAA,EAAAvB,kBAAA;YACL,GAAQrE,SAAA,CAAA6F,YAAA;YACFjB,QAAA,EAAA7E,CAAA;UACN;QAEC,CAAG;MAEO;IACb,KACF,IACE,GACNf,KACE,KAAAmB,QAAA,kBAAAxF,IAAA,CAAAc,MAAA;MAEHqI,IAAA,MAAc;MAKd6B,IACC,EAAA1K,UAAA;MAIJmE,QAAA,EAAAsB,QAAA;MAEJkF,OAAA,EAAArB,WAAA","ignoreList":[]}

package/dist/esm/fields/FileUploadField/index.mjs

@@ -1,8 +1,15 @@
-import { FileUpload } from "@multiplatform.one/forms";
+import { Button, FileUpload } from "@multiplatform.one/forms";
+import { FolderOpenIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
 import { useProps } from "tamagui";
-import { jsx } from "react/jsx-runtime";
+import { AttachLibrary } from "../../FileBrowser/AttachLibrary.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const imageAccept = "image/png,image/jpeg,image/gif,image/webp,image/svg+xml";
 function FileUploadField(props) {
+  const {
+    t
+  } = useTranslation();
   const {
     defaultValue,
     form,
@@ -17,30 +24,56 @@ function FileUploadField(props) {
     isImage,
     value,
     onChange,
+    onUpload,
+    library = true,
+    libraryFiles,
+    libraryFolder,
     ...fieldProps
   } = useProps(props);
+  const [libraryOpen, setLibraryOpen] = useState(false);
   const resolvedAccept = isImage ? accept ?? imageAccept : accept;
   const resolvedDefaultValue = value !== void 0 ? value : defaultValue;
-  return /* @__PURE__ */jsx(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__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(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__ */jsx(Button, {
+        size: "$4",
+        outlined: true,
+        icon: FolderOpenIcon,
+        disabled: disabled || fieldProps.readOnly,
+        onPress: () => setLibraryOpen(true),
+        children: t("From Library")
+      }) : void 0
+    }), library ? /* @__PURE__ */jsx(AttachLibrary, {
+      open: libraryOpen,
+      onOpenChange: setLibraryOpen,
+      value,
+      files: libraryFiles,
+      currentFolder: libraryFolder,
+      accept: resolvedAccept,
+      onPick: file => {
+        onChange?.(file.file_url ?? file.name);
+      }
+    }) : null]
   });
 }
 export { FileUploadField };

package/dist/esm/fields/FileUploadField/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["FileUpload","useProps","jsx","imageAccept","FileUploadField","props","defaultValue","form","_mode","name","_preserveValue","validators","disabled","accept","maxSize","multiple","isImage","value","onChange","fieldProps","resolvedAccept","resolvedDefaultValue","onValueChange","label","labelProps","error","helperText","readOnly","skeleton","compact","required","id","size"],"sources":["../../../../src/fields/FileUploadField/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,UAAA,QAAkB;AAE3B,SAASC,QAAA,QAAgB;AAwErB,SAAAC,GAAA;AAtEJ,MAAMC,WAAA,GAAc;AAwCb,SAASC,gBAGdC,KAAA,EAA2C;EAC3C,MAAM;IACJC,YAAA;IACAC,IAAA;IACAC,KAAA;IACAC,IAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA;IACAC,MAAA;IACAC,OAAA;IACAC,QAAA;IACAC,OAAA;IACAC,KAAA;IACAC,QAAA;IACA,GAAGC;EACL,IAAIlB,QAAA,CAASI,KAAK;EAKlB,MAAMe,cAAA,GAAiBJ,OAAA,GAAWH,MAAA,IAAUV,WAAA,GAAeU,MAAA;EAG3D,MAAMQ,oBAAA,GAAuBJ,KAAA,KAAU,SAAYA,KAAA,GAAQX,YAAA;EAE3D,OACE,eAAAJ,GAAA,CAACF,UAAA;IACCS,IAAA;IACAF,IAAA;IACAI,UAAA;IACAL,YAAA,EAAce,oBAAA;IACdC,aAAA,EAAeJ,QAAA;IACfK,KAAA,EAAOJ,UAAA,CAAWI,KAAA;IAClBC,UAAA,EAAYL,UAAA,CAAWK,UAAA;IACvBC,KAAA,EAAON,UAAA,CAAWM,KAAA;IAClBC,UAAA,EAAYP,UAAA,CAAWO,UAAA;IACvBC,QAAA,EAAUR,UAAA,CAAWQ,QAAA;IACrBC,QAAA,EAAUT,UAAA,CAAWS,QAAA;IACrBC,OAAA,EAASV,UAAA,CAAWU,OAAA;IACpBC,QAAA,EAAUX,UAAA,CAAWW,QAAA;IACrBC,EAAA,EAAIZ,UAAA,CAAWY,EAAA;IACfC,IAAA,EAAMb,UAAA,CAAWa,IAAA;IACjBpB,QAAA;IACAC,MAAA,EAAQO,cAAA;IACRN,OAAA;IACAC;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Button","FileUpload","FolderOpenIcon","useState","useTranslation","useProps","AttachLibrary","Fragment","jsx","jsxs","imageAccept","FileUploadField","props","t","defaultValue","form","_mode","name","_preserveValue","validators","disabled","accept","maxSize","multiple","isImage","value","onChange","onUpload","library","libraryFiles","libraryFolder","fieldProps","libraryOpen","setLibraryOpen","resolvedAccept","resolvedDefaultValue","children","onValueChange","label","labelProps","error","helperText","readOnly","skeleton","compact","required","id","size","actions","outlined","icon","onPress","open","onOpenChange","files","currentFolder","onPick","file","file_url"],"sources":["../../../../src/fields/FileUploadField/index.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,MAAA,EAAQC,UAAA,QAAkB;AACnC,SAASC,cAAA,QAAsB;AAE/B,SAASC,QAAA,QAAgB;AACzB,SAASC,cAAA,QAAsB;AAC/B,SAASC,QAAA,QAAgB;AACzB,SAASC,aAAA,QAAqB;AAmF1B,SAAAC,QAAA,EAwBQC,GAAA,EAxBRC,IAAA;AAhFJ,MAAMC,WAAA,GAAc;AA8Cb,SAASC,gBAGdC,KAAA,EAA2C;EAC3C,MAAM;IAAEC;EAAE,IAAIT,cAAA,CAAe;EAC7B,MAAM;IACJU,YAAA;IACAC,IAAA;IACAC,KAAA;IACAC,IAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA;IACAC,MAAA;IACAC,OAAA;IACAC,QAAA;IACAC,OAAA;IACAC,KAAA;IACAC,QAAA;IACAC,QAAA;IACAC,OAAA,GAAU;IACVC,YAAA;IACAC,aAAA;IACA,GAAGC;EACL,IAAI1B,QAAA,CAASO,KAAK;EAKlB,MAAM,CAACoB,WAAA,EAAaC,cAAc,IAAI9B,QAAA,CAAS,KAAK;EACpD,MAAM+B,cAAA,GAAiBV,OAAA,GAAWH,MAAA,IAAUX,WAAA,GAAeW,MAAA;EAC3D,MAAMc,oBAAA,GAAuBV,KAAA,KAAU,SAAYA,KAAA,GAAQX,YAAA;EAE3D,OACE,eAAAL,IAAA,CAAAF,QAAA;IACE6B,QAAA,kBAAA5B,GAAA,CAACP,UAAA;MACCgB,IAAA;MACAF,IAAA;MACAI,UAAA;MACAL,YAAA,EAAcqB,oBAAA;MACdE,aAAA,EAAeX,QAAA;MACfY,KAAA,EAAOP,UAAA,CAAWO,KAAA;MAClBC,UAAA,EAAYR,UAAA,CAAWQ,UAAA;MACvBC,KAAA,EAAOT,UAAA,CAAWS,KAAA;MAClBC,UAAA,EAAYV,UAAA,CAAWU,UAAA;MACvBC,QAAA,EAAUX,UAAA,CAAWW,QAAA;MACrBC,QAAA,EAAUZ,UAAA,CAAWY,QAAA;MACrBC,OAAA,EAASb,UAAA,CAAWa,OAAA;MACpBC,QAAA,EAAUd,UAAA,CAAWc,QAAA;MACrBC,EAAA,EAAIf,UAAA,CAAWe,EAAA;MACfC,IAAA,EAAMhB,UAAA,CAAWgB,IAAA;MACjB3B,QAAA;MACAC,MAAA,EAAQa,cAAA;MACRZ,OAAA;MACAC,QAAA;MACAI,QAAA;MACAqB,OAAA,EACEpB,OAAA,GACE,eAAApB,GAAA,CAACR,MAAA;QACC+C,IAAA,EAAK;QACLE,QAAA,EAAQ;QACRC,IAAA,EAAMhD,cAAA;QACNkB,QAAA,EAAUA,QAAA,IAAYW,UAAA,CAAWW,QAAA;QACjCS,OAAA,EAASA,CAAA,KAAMlB,cAAA,CAAe,IAAI;QAEjCG,QAAA,EAAAvB,CAAA,CAAE,cAAc;MAAA,CACnB,IACE;IAAA,CAER,GACCe,OAAA,GACC,eAAApB,GAAA,CAACF,aAAA;MACC8C,IAAA,EAAMpB,WAAA;MACNqB,YAAA,EAAcpB,cAAA;MACdR,KAAA;MACA6B,KAAA,EAAOzB,YAAA;MACP0B,aAAA,EAAezB,aAAA;MACfT,MAAA,EAAQa,cAAA;MACRsB,MAAA,EAASC,IAAA,IAAS;QAChB/B,QAAA,GAAW+B,IAAA,CAAKC,QAAA,IAAYD,IAAA,CAAKxC,IAAI;MACvC;IAAA,CACF,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

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

@@ -1,8 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FileUpload } from "@multiplatform.one/forms";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, FileUpload } from "@multiplatform.one/forms";
+import { FolderOpenIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
 import { useProps } from "tamagui";
+import { AttachLibrary } from "../../FileBrowser/AttachLibrary.native.js";
 var imageAccept = "image/png,image/jpeg,image/gif,image/webp,image/svg+xml";
 function FileUploadField(props) {
+  var {
+    t
+  } = useTranslation();
   var {
     defaultValue,
     form,
@@ -17,30 +24,59 @@ function FileUploadField(props) {
     isImage,
     value,
     onChange,
+    onUpload,
+    library = true,
+    libraryFiles,
+    libraryFolder,
     ...fieldProps
   } = useProps(props);
+  var [libraryOpen, setLibraryOpen] = useState(false);
   var resolvedAccept = isImage ? accept !== null && accept !== void 0 ? accept : imageAccept : accept;
   var resolvedDefaultValue = value !== void 0 ? value : defaultValue;
-  return /* @__PURE__ */_jsx(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__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(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__ */_jsx(Button, {
+        size: "$4",
+        outlined: true,
+        icon: FolderOpenIcon,
+        disabled: disabled || fieldProps.readOnly,
+        onPress: function onPress() {
+          return setLibraryOpen(true);
+        },
+        children: t("From Library")
+      }) : void 0
+    }), library ? /* @__PURE__ */_jsx(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]
   });
 }
 export { FileUploadField };

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","FileUpload","useProps","imageAccept","FileUploadField","props","defaultValue","form","_mode","name","_preserveValue","validators","disabled","accept","maxSize","multiple","isImage","value","onChange","fieldProps","resolvedAccept","resolvedDefaultValue","onValueChange","label","labelProps","error","helperText","readOnly","skeleton","compact","required","id","size"],"sources":["../../../../src/fields/FileUploadField/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAkB;AAE3B,SAASC,UAAA,QAAgB;AAwErB,SAAAC,QAAA;AAtEJ,IAAAC,WAAM,4DAAc;AAwCb,SAASC,gBAGdC,KAAA,EAA2C;EAC3C;IAAMC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAjB,QAAA,CAAAG,KAAA;EAAA,IACJe,cAAA,GAAAJ,OAAA,GAAAH,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAV,WAAA,GAAAU,MAAA;EAAA,IACAQ,oBAAA,GAAAJ,KAAA,cAAAA,KAAA,GAAAX,YAAA;EAAA,OACA,eAAAN,IAAA,CAAAC,UAAA;IACAQ,IAAA;IACAF,IAAA;IACAI,UAAA;IACAL,YAAA,EAAAe,oBAAA;IACAC,aAAA,EAAAJ,QAAA;IACAK,KAAA,EAAAJ,UAAA,CAAAI,KAAA;IACAC,UAAA,EAAAL,UAAA,CAAAK,UAAA;IACAC,KAAA,EAAAN,UAAA,CAAAM,KAAA;IACAC,UAAA,EAAAP,UAAA,CAAAO,UAAA;IACAC,QAAA,EAAAR,UAAA,CAAAQ,QAAA;IACAC,QAAG,EAAAT,UAAA,CAAAS,QAAA;IACLC,OAAI,EAAAV,UAAc,CAAAU,OAAA;IAKlBC,QAAM,EAAAX,UAAA,CAAiBW,QAAA;IAGvBC,EAAA,EAAMZ,UAAA,CAAAY,EAAA;IAENC,IAAA,EACEb,UAAA,CAAAa,IAAA;IAACpB,QAAA;IAAAC,MAAA,EAAAO,cAAA;IAAAN,OACC;IAAAC;EACA;AACA;AACc,SACCX,eACR","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Button","FileUpload","FolderOpenIcon","useState","useTranslation","useProps","AttachLibrary","imageAccept","FileUploadField","props","t","defaultValue","form","_mode","name","_preserveValue","validators","disabled","accept","maxSize","multiple","isImage","value","onChange","onUpload","library","libraryFiles","libraryFolder","fieldProps","libraryOpen","setLibraryOpen","resolvedAccept","resolvedDefaultValue","children","onValueChange","label","labelProps","error","helperText","readOnly","skeleton","compact","required","id","size","actions","outlined","icon","onPress","open","onOpenChange","files","currentFolder","onPick","file","_file_file_url","file_url"],"sources":["../../../../src/fields/FileUploadField/index.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAkB,EAAAC,QAAA,IAAAC,SAAA;AACnC,SAASC,MAAA,EAAAC,UAAA,QAAsB;AAE/B,SAASC,cAAA,QAAgB;AACzB,SAASC,QAAA,eAAsB;AAC/B,SAASC,cAAA,QAAgB;AACzB,SAASC,QAAA,iBAAqB;AAmF1B,SAAAC,aAwBQ,QAxBR;AAhFJ,IAAAC,WAAM,4DAAc;AA8Cb,SAASC,gBAGdC,KAAA,EAA2C;EAC3C;IAAMC;EAAE,IAAEN,cAAI;EACd;IAAMO,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,aAAA;IAAA,GAAAC;EAAA,IAAAvB,QAAA,CAAAI,KAAA;EAAA,IACJ,CAAAoB,WAAA,EAAAC,cAAA,IAAA3B,QAAA;EAAA,IACA4B,cAAA,GAAAV,OAAA,GAAAH,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAX,WAAA,GAAAW,MAAA;EAAA,IACAc,oBAAA,GAAAV,KAAA,cAAAA,KAAA,GAAAX,YAAA;EAAA,OACA,eAAAd,KAAA,CAAAE,SAAA;IACAkC,QAAA,GACA,eAAAtC,IAAA,CAAAM,UAAA;MACAa,IAAA;MACAF,IAAA;MACAI,UAAA;MACAL,YAAA,EAAAqB,oBAAA;MACAE,aAAA,EAAAX,QAAA;MACAY,KAAA,EAAAP,UAAA,CAAAO,KAAA;MACAC,UAAA,EAAAR,UAAA,CAAAQ,UAAA;MACAC,KAAA,EAAAT,UAAA,CAAAS,KAAA;MACAC,UAAU,EAAAV,UAAA,CAAAU,UAAA;MACVC,QAAA,EAAAX,UAAA,CAAAW,QAAA;MACAC,QAAA,EAAAZ,UAAA,CAAAY,QAAA;MACGC,OAAA,EAAAb,UAAA,CAAAa,OAAA;MACDC,QAAS,EAAAd,UAAK,CAAAc,QAAA;MAKZC,EAAC,EAAAf,UAAa,CAAAe,EAAA;MACdC,IAAA,EAAAhB,UAAA,CAAiBgB,IAAA;MACjB3B,QAAA;MAENC,MACE,EAAAa,cAAA;MACEZ,OAAA;MAACC,QAAA;MAAAI,QAAA;MACCqB,OAAA,EAAApB,OAAA,kBAAA9B,IAAA,CAAAK,MAAA;QACA4C,IAAA;QACAE,QAAA;QACAC,IAAA,EAAA7C,cAAc;QACde,QAAA,EAAAA,QAAe,IAAAW,UAAA,CAAAW,QAAA;QACfS,OAAO,WAAWA,QAAA;UAClB,OAAAlB,cAAuB;QACvB;QACAG,QAAA,EAAYvB,CAAA,eAAW;MACvB,UAAU;IAAW,EACrB,EAAqBe,OACrB,kBAAoB9B,IAAA,CAAAW,aAAA;MACpB2C,IAAA,EAAApB,WAAU;MACVqB,YAAI,EAAApB,cAAW;MACfR,KAAA;MACA6B,KAAA,EAAAzB,YAAA;MACA0B,aAAQ,EAAAzB,aAAA;MACRT,MAAA,EAAAa,cAAA;MACAsB,MAAA,WAAAA,OAAAC,IAAA;QACA,IAAAC,cAAA;QACAhC,QACE,SACE,IAAAA,QAAA,uBAAAA,QAAA,EAAAgC,cAAA,GAAAD,IAAA,CAAAE,QAAA,cAAAD,cAAA,cAAAA,cAAA,GAAAD,IAAA,CAAAxC,IAAA;MAAA;IAAC;EACM;AACG;AACF,SAC2BN,eACjC","ignoreList":[]}