@firecms/core 3.0.0-canary.250 → 3.0.0-canary.251

package/dist/index.umd.js

@@ -3184,12 +3184,19 @@
     return Math.abs(hash2);
   }
   function getIcon(iconKey, className, color, size) {
+    if (React.isValidElement(iconKey)) {
+      return iconKey;
+    }
     if (!iconKey) return void 0;
-    iconKey = slugify(iconKey);
-    if (!(iconKey in iconKeysMap)) {
-      return void 0;
+    if (typeof iconKey === "string") {
+      const usedIconKey = slugify(iconKey);
+      if (!(usedIconKey in iconKeysMap)) {
+        return void 0;
+      }
+      return usedIconKey in iconKeysMap ? /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey: usedIconKey, size, className, color }) : void 0;
     }
-    return iconKey in iconKeysMap ? /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey, size, className, color }) : void 0;
+    console.warn("Invalid icon key provided:", iconKey);
+    return void 0;
   }
   const IconForView = React.memo(function IconForView2(t0) {
     const $ = reactCompilerRuntime.c(15);
@@ -7834,10 +7841,10 @@
       };
     }, [entry.file, entry.fileName, upload]);
     if (simple) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `m-4 w-${imageSize} h-${imageSize}`, children: loading && /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: `w-${imageSize} h-${imageSize}` }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-${imageSize} h-${imageSize}`, children: loading && /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: `w-${imageSize} h-${imageSize}` }) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls(ui.paperMixin, "relative m-4 border-box flex items-center justify-center", `min-w-[${imageSize}px] min-h-[${imageSize}px]`), children: [
-      loading && /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "m-4 w-full h-full" }),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls(ui.paperMixin, "p-4 relative border-box flex items-center justify-center", `min-w-[${imageSize}px] min-h-[${imageSize}px]`), children: [
+      loading && /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "w-full h-full" }),
       error && /* @__PURE__ */ jsxRuntime.jsx(ErrorView, { title: "Error uploading file", error })
     ] });
   }
@@ -15890,7 +15897,7 @@
     const t1 = size === "large" ? "min-w-[220px] min-h-[220px] max-w-[220px]" : "min-w-[118px] min-h-[118px] max-w-[118px]";
     let t2;
     if ($[0] !== className || $[1] !== t1) {
-      t2 = ui.cls(ui.paperMixin, "relative m-4 border-box flex items-center justify-center", t1, className);
+      t2 = ui.cls(ui.paperMixin, "relative border-box flex items-center justify-center", t1, className);
       $[0] = className;
       $[1] = t1;
       $[2] = t2;
@@ -16113,7 +16120,7 @@
     return t12;
   }
   function SortableStorageItem(t0) {
-    const $ = reactCompilerRuntime.c(35);
+    const $ = reactCompilerRuntime.c(34);
     const {
       id,
       entry,
@@ -16151,98 +16158,95 @@
       t2 = $[3];
     }
     const t3 = isDragging ? 100 : void 0;
-    const t4 = isDragging ? 0.8 : 1;
-    let t5;
-    if ($[4] !== t2 || $[5] !== t3 || $[6] !== t4 || $[7] !== transition) {
-      t5 = {
+    let t4;
+    if ($[4] !== t2 || $[5] !== t3 || $[6] !== transition) {
+      t4 = {
         transform: t2,
         transition,
-        zIndex: t3,
-        opacity: t4
+        zIndex: t3
       };
       $[4] = t2;
       $[5] = t3;
-      $[6] = t4;
-      $[7] = transition;
-      $[8] = t5;
+      $[6] = transition;
+      $[7] = t4;
     } else {
-      t5 = $[8];
+      t4 = $[7];
     }
-    const style = t5;
+    const style = t4;
     const getImageSizeNumber = _temp$a;
     let child;
     if (entry.storagePathOrDownloadUrl) {
-      const t62 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
-      let t72;
-      if ($[9] !== entry.storagePathOrDownloadUrl || $[10] !== onClear) {
-        t72 = () => onClear(entry.storagePathOrDownloadUrl);
-        $[9] = entry.storagePathOrDownloadUrl;
-        $[10] = onClear;
-        $[11] = t72;
+      const t52 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
+      let t62;
+      if ($[8] !== entry.storagePathOrDownloadUrl || $[9] !== onClear) {
+        t62 = () => onClear(entry.storagePathOrDownloadUrl);
+        $[8] = entry.storagePathOrDownloadUrl;
+        $[9] = onClear;
+        $[10] = t62;
       } else {
-        t72 = $[11];
+        t62 = $[10];
       }
-      let t8;
-      if ($[12] !== disabled || $[13] !== entry.size || $[14] !== entry.storagePathOrDownloadUrl || $[15] !== property || $[16] !== t62 || $[17] !== t72) {
-        t8 = /* @__PURE__ */ jsxRuntime.jsx(StorageItemPreview, { name: t62, property, disabled, value: entry.storagePathOrDownloadUrl, onRemove: t72, size: entry.size });
-        $[12] = disabled;
-        $[13] = entry.size;
-        $[14] = entry.storagePathOrDownloadUrl;
-        $[15] = property;
+      let t7;
+      if ($[11] !== disabled || $[12] !== entry.size || $[13] !== entry.storagePathOrDownloadUrl || $[14] !== property || $[15] !== t52 || $[16] !== t62) {
+        t7 = /* @__PURE__ */ jsxRuntime.jsx(StorageItemPreview, { name: t52, property, disabled, value: entry.storagePathOrDownloadUrl, onRemove: t62, size: entry.size });
+        $[11] = disabled;
+        $[12] = entry.size;
+        $[13] = entry.storagePathOrDownloadUrl;
+        $[14] = property;
+        $[15] = t52;
         $[16] = t62;
-        $[17] = t72;
-        $[18] = t8;
+        $[17] = t7;
       } else {
-        t8 = $[18];
+        t7 = $[17];
       }
-      child = t8;
+      child = t7;
     } else {
       if (entry.file) {
-        let t62;
-        if ($[19] !== entry.file || $[20] !== storagePathBuilder) {
-          t62 = storagePathBuilder(entry.file);
-          $[19] = entry.file;
-          $[20] = storagePathBuilder;
-          $[21] = t62;
+        let t52;
+        if ($[18] !== entry.file || $[19] !== storagePathBuilder) {
+          t52 = storagePathBuilder(entry.file);
+          $[18] = entry.file;
+          $[19] = storagePathBuilder;
+          $[20] = t52;
         } else {
-          t62 = $[21];
+          t52 = $[20];
         }
-        const t72 = getImageSizeNumber(entry.size);
-        let t8;
-        if ($[22] !== entry || $[23] !== metadata || $[24] !== onFileUploadComplete || $[25] !== t62 || $[26] !== t72) {
-          t8 = /* @__PURE__ */ jsxRuntime.jsx(StorageUploadProgress, { entry, metadata, storagePath: t62, onFileUploadComplete, imageSize: t72, simple: false });
-          $[22] = entry;
-          $[23] = metadata;
-          $[24] = onFileUploadComplete;
+        const t62 = getImageSizeNumber(entry.size);
+        let t7;
+        if ($[21] !== entry || $[22] !== metadata || $[23] !== onFileUploadComplete || $[24] !== t52 || $[25] !== t62) {
+          t7 = /* @__PURE__ */ jsxRuntime.jsx(StorageUploadProgress, { entry, metadata, storagePath: t52, onFileUploadComplete, imageSize: t62, simple: false });
+          $[21] = entry;
+          $[22] = metadata;
+          $[23] = onFileUploadComplete;
+          $[24] = t52;
           $[25] = t62;
-          $[26] = t72;
-          $[27] = t8;
+          $[26] = t7;
         } else {
-          t8 = $[27];
+          t7 = $[26];
         }
-        child = t8;
+        child = t7;
       }
     }
-    let t6;
-    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = ui.cls("rounded-md m-1");
-      $[28] = t6;
+    let t5;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = ui.cls("rounded-md m-1");
+      $[27] = t5;
     } else {
-      t6 = $[28];
+      t5 = $[27];
     }
-    let t7;
-    if ($[29] !== attributes || $[30] !== child || $[31] !== listeners2 || $[32] !== setNodeRef || $[33] !== style) {
-      t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners2, className: t6, tabIndex: -1, children: child });
-      $[29] = attributes;
-      $[30] = child;
-      $[31] = listeners2;
-      $[32] = setNodeRef;
-      $[33] = style;
-      $[34] = t7;
+    let t6;
+    if ($[28] !== attributes || $[29] !== child || $[30] !== listeners2 || $[31] !== setNodeRef || $[32] !== style) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners2, className: t5, tabIndex: -1, children: child });
+      $[28] = attributes;
+      $[29] = child;
+      $[30] = listeners2;
+      $[31] = setNodeRef;
+      $[32] = style;
+      $[33] = t6;
     } else {
-      t7 = $[34];
+      t6 = $[33];
     }
-    return t7;
+    return t6;
   }
   function _temp$a(previewSize) {
     switch (previewSize) {
@@ -16261,7 +16265,7 @@
     }
   }
   function FileDropComponent(t0) {
-    const $ = reactCompilerRuntime.c(63);
+    const $ = reactCompilerRuntime.c(61);
     const {
       storage,
       disabled,
@@ -16352,7 +16356,7 @@
     }
     const t6 = disabled ? ui.fieldBackgroundDisabledMixin : ui.fieldBackgroundHoverMixin;
     const t7 = disabled ? "text-surface-accent-600 dark:text-surface-accent-500" : "";
-    const t8 = multipleFilesSupported && internalValue.length === 0 && "flex";
+    const t8 = multipleFilesSupported && internalValue.length ? "" : "flex";
     const t9 = !isDragActive;
     const t10 = disabled || isDndItemDragging;
     let t11;
@@ -16376,107 +16380,103 @@
     } else {
       t11 = $[21];
     }
-    const t12 = multipleFilesSupported && internalValue.length ? "flex-row overflow-x-auto" : "flex-col";
-    const t13 = internalValue.length === 0 && "min-h-[250px] justify-center";
-    const t14 = multipleFilesSupported && internalValue.length > 0 && "min-h-[180px]";
-    const t15 = !multipleFilesSupported && internalValue.length > 0 && "min-h-[250px]";
-    let t16;
-    if ($[22] !== t12 || $[23] !== t13 || $[24] !== t14 || $[25] !== t15) {
-      t16 = ui.cls("flex items-center p-1 no-scrollbar", t12, t13, t14, t15);
+    const t12 = multipleFilesSupported && internalValue.length ? "overflow-auto" : "";
+    const t13 = multipleFilesSupported && internalValue.length ? "min-h-[180px]" : "min-h-[250px]";
+    let t14;
+    if ($[22] !== t12 || $[23] !== t13) {
+      t14 = ui.cls("flex items-center p-1 px-4 no-scrollbar", t12, t13);
       $[22] = t12;
       $[23] = t13;
       $[24] = t14;
-      $[25] = t15;
-      $[26] = t16;
     } else {
-      t16 = $[26];
+      t14 = $[24];
     }
-    let t17;
-    if ($[27] !== getInputProps) {
-      t17 = getInputProps();
-      $[27] = getInputProps;
-      $[28] = t17;
+    let t15;
+    if ($[25] !== getInputProps) {
+      t15 = getInputProps();
+      $[25] = getInputProps;
+      $[26] = t15;
     } else {
-      t17 = $[28];
+      t15 = $[26];
     }
-    let t18;
-    if ($[29] !== autoFocus || $[30] !== t17) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus, ...t17 });
-      $[29] = autoFocus;
-      $[30] = t17;
-      $[31] = t18;
+    let t16;
+    if ($[27] !== autoFocus || $[28] !== t15) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus, ...t15 });
+      $[27] = autoFocus;
+      $[28] = t15;
+      $[29] = t16;
     } else {
-      t18 = $[31];
+      t16 = $[29];
     }
-    let t19;
-    if ($[32] !== disabled || $[33] !== internalValue || $[34] !== metadata || $[35] !== multipleFilesSupported || $[36] !== name || $[37] !== onClear || $[38] !== onFileUploadComplete || $[39] !== property || $[40] !== storagePathBuilder) {
-      let t202;
-      if ($[42] !== disabled || $[43] !== metadata || $[44] !== multipleFilesSupported || $[45] !== name || $[46] !== onClear || $[47] !== onFileUploadComplete || $[48] !== property || $[49] !== storagePathBuilder) {
-        t202 = (entry) => /* @__PURE__ */ jsxRuntime.jsx(SortableStorageItem, { id: entry.id, entry, property, name, metadata, storagePathBuilder, onFileUploadComplete, onClear, disabled, isSortable: multipleFilesSupported }, entry.id);
-        $[42] = disabled;
-        $[43] = metadata;
-        $[44] = multipleFilesSupported;
-        $[45] = name;
-        $[46] = onClear;
-        $[47] = onFileUploadComplete;
-        $[48] = property;
-        $[49] = storagePathBuilder;
-        $[50] = t202;
+    let t17;
+    if ($[30] !== disabled || $[31] !== internalValue || $[32] !== metadata || $[33] !== multipleFilesSupported || $[34] !== name || $[35] !== onClear || $[36] !== onFileUploadComplete || $[37] !== property || $[38] !== storagePathBuilder) {
+      let t182;
+      if ($[40] !== disabled || $[41] !== metadata || $[42] !== multipleFilesSupported || $[43] !== name || $[44] !== onClear || $[45] !== onFileUploadComplete || $[46] !== property || $[47] !== storagePathBuilder) {
+        t182 = (entry) => /* @__PURE__ */ jsxRuntime.jsx(SortableStorageItem, { id: entry.id, entry, property, name, metadata, storagePathBuilder, onFileUploadComplete, onClear, disabled, isSortable: multipleFilesSupported }, entry.id);
+        $[40] = disabled;
+        $[41] = metadata;
+        $[42] = multipleFilesSupported;
+        $[43] = name;
+        $[44] = onClear;
+        $[45] = onFileUploadComplete;
+        $[46] = property;
+        $[47] = storagePathBuilder;
+        $[48] = t182;
       } else {
-        t202 = $[50];
-      }
-      t19 = internalValue.map(t202);
-      $[32] = disabled;
-      $[33] = internalValue;
-      $[34] = metadata;
-      $[35] = multipleFilesSupported;
-      $[36] = name;
-      $[37] = onClear;
-      $[38] = onFileUploadComplete;
-      $[39] = property;
-      $[40] = storagePathBuilder;
-      $[41] = t19;
-    } else {
-      t19 = $[41];
+        t182 = $[48];
+      }
+      t17 = internalValue.map(t182);
+      $[30] = disabled;
+      $[31] = internalValue;
+      $[32] = metadata;
+      $[33] = multipleFilesSupported;
+      $[34] = name;
+      $[35] = onClear;
+      $[36] = onFileUploadComplete;
+      $[37] = property;
+      $[38] = storagePathBuilder;
+      $[39] = t17;
+    } else {
+      t17 = $[39];
     }
-    let t20;
-    if ($[51] !== t16 || $[52] !== t18 || $[53] !== t19) {
-      t20 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t16, children: [
-        t18,
-        t19
+    let t18;
+    if ($[49] !== t14 || $[50] !== t16 || $[51] !== t17) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t14, children: [
+        t16,
+        t17
       ] });
-      $[51] = t16;
+      $[49] = t14;
+      $[50] = t16;
+      $[51] = t17;
       $[52] = t18;
-      $[53] = t19;
-      $[54] = t20;
     } else {
-      t20 = $[54];
+      t18 = $[52];
     }
-    const t21 = disabled ? "text-surface-accent-600 dark:text-surface-accent-500" : "";
-    let t22;
-    if ($[55] !== helpText || $[56] !== t21) {
-      t22 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow min-h-[38px] box-border m-2 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { align: "center", variant: "label", className: t21, children: helpText }) });
-      $[55] = helpText;
-      $[56] = t21;
-      $[57] = t22;
+    const t19 = disabled ? "text-surface-accent-600 dark:text-surface-accent-500" : "";
+    let t20;
+    if ($[53] !== helpText || $[54] !== t19) {
+      t20 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow min-h-[38px] box-border m-2 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { align: "center", variant: "label", className: t19, children: helpText }) });
+      $[53] = helpText;
+      $[54] = t19;
+      $[55] = t20;
     } else {
-      t22 = $[57];
+      t20 = $[55];
     }
-    let t23;
-    if ($[58] !== t11 || $[59] !== t20 || $[60] !== t22 || $[61] !== t5) {
-      t23 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ...t5, className: t11, children: [
-        t20,
-        t22
+    let t21;
+    if ($[56] !== t11 || $[57] !== t18 || $[58] !== t20 || $[59] !== t5) {
+      t21 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ...t5, className: t11, children: [
+        t18,
+        t20
       ] });
-      $[58] = t11;
-      $[59] = t20;
-      $[60] = t22;
-      $[61] = t5;
-      $[62] = t23;
+      $[56] = t11;
+      $[57] = t18;
+      $[58] = t20;
+      $[59] = t5;
+      $[60] = t21;
     } else {
-      t23 = $[62];
+      t21 = $[60];
     }
-    return t23;
+    return t21;
   }
   function _temp2$4(acc, ext) {
     return {