@firecms/core 3.0.0-canary.214 → 3.0.0-canary.216

package/dist/index.umd.js

@@ -7444,6 +7444,7 @@
     const storage = property.dataType === "string" ? property.storage : property.dataType === "array" && property.of.dataType === "string" ? property.of.storage : void 0;
     const multipleFilesSupported = property.dataType === "array";
     if (!storage) throw Error("Storage meta must be specified");
+    const processFile = storage?.processFile;
     const metadata = storage?.metadata;
     const size = multipleFilesSupported ? "medium" : "large";
     const compression = storage?.imageCompression;
@@ -7520,29 +7521,42 @@
     }, [internalValue, multipleFilesSupported, onChange, storage, storageSource]);
     const onFilesAdded = React.useCallback(async (acceptedFiles) => {
       if (!acceptedFiles.length || disabled) return;
+      if (processFile) {
+        try {
+          acceptedFiles = await Promise.all(acceptedFiles.map(async (file_1) => {
+            const processedFile = await processFile(file_1);
+            if (!processedFile) {
+              return file_1;
+            }
+            return processedFile;
+          }));
+        } catch (e_1) {
+          console.error("Error processing file with custom code. Attempting to continue uploading.", e_1);
+        }
+      }
       let newInternalValue;
       if (multipleFilesSupported) {
-        newInternalValue = [...internalValue, ...await Promise.all(acceptedFiles.map(async (file_1) => {
-          if (compression && compressionFormat(file_1)) {
-            file_1 = await resizeAndCompressImage(file_1, compression);
+        newInternalValue = [...internalValue, ...await Promise.all(acceptedFiles.map(async (file_2) => {
+          if (compression && compressionFormat(file_2)) {
+            file_2 = await resizeAndCompressImage(file_2, compression);
           }
           return {
             id: getRandomId$2(),
-            file: file_1,
-            fileName: await fileNameBuilder(file_1),
+            file: file_2,
+            fileName: await fileNameBuilder(file_2),
             metadata,
             size
           };
         }))];
       } else {
-        let file_2 = acceptedFiles[0];
-        if (compression && compressionFormat(file_2)) {
-          file_2 = await resizeAndCompressImage(file_2, compression);
+        let file_3 = acceptedFiles[0];
+        if (compression && compressionFormat(file_3)) {
+          file_3 = await resizeAndCompressImage(file_3, compression);
         }
         newInternalValue = [{
           id: getRandomId$2(),
-          file: file_2,
-          fileName: await fileNameBuilder(file_2),
+          file: file_3,
+          fileName: await fileNameBuilder(file_3),
           metadata,
           size
         }];
@@ -9387,7 +9401,7 @@
         ] }, index_0)) }),
         selectionEnabled && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: `Select ${entity.id}`, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { size: largeLayout ? "medium" : "small", checked: Boolean(isSelected), onCheckedChange }) })
       ] }),
-      !hideId && size !== "xs" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-[138px] overflow-hidden truncate font-mono text-xs text-text-secondary dark:text-text-secondary-dark max-w-full text-ellipsis px-2 align-center flex items-center gap-1", onClick: (event_1) => {
+      !hideId && size !== "xs" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-[138px] overflow-hidden truncate font-mono text-xs text-text-secondary dark:text-text-secondary-dark max-w-full text-ellipsis px-2 align-center justify-center flex items-center gap-1", onClick: (event_1) => {
         event_1.stopPropagation();
       }, children: [
         hasDraft && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Local unsaved changes", className: "inline", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { colorScheme: "orangeDarker", className: "p-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: 12 }) }) }),