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

package/dist/index.es.js

@@ -3186,12 +3186,19 @@ function hashString(str) {
   return Math.abs(hash2);
 }
 function getIcon(iconKey, className, color, size) {
+  if (React__default.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__ */ jsx(Icon, { iconKey: usedIconKey, size, className, color }) : void 0;
   }
-  return iconKey in iconKeysMap ? /* @__PURE__ */ jsx(Icon, { iconKey, size, className, color }) : void 0;
+  console.warn("Invalid icon key provided:", iconKey);
+  return void 0;
 }
 const IconForView = React__default.memo(function IconForView2(t0) {
   const $ = c(15);
@@ -7836,10 +7843,10 @@ function StorageUploadProgress({
     };
   }, [entry.file, entry.fileName, upload]);
   if (simple) {
-    return /* @__PURE__ */ jsx("div", { className: `m-4 w-${imageSize} h-${imageSize}`, children: loading && /* @__PURE__ */ jsx(Skeleton, { className: `w-${imageSize} h-${imageSize}` }) });
+    return /* @__PURE__ */ jsx("div", { className: `w-${imageSize} h-${imageSize}`, children: loading && /* @__PURE__ */ jsx(Skeleton, { className: `w-${imageSize} h-${imageSize}` }) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cls(paperMixin, "relative m-4 border-box flex items-center justify-center", `min-w-[${imageSize}px] min-h-[${imageSize}px]`), children: [
-    loading && /* @__PURE__ */ jsx(Skeleton, { className: "m-4 w-full h-full" }),
+  return /* @__PURE__ */ jsxs("div", { className: cls(paperMixin, "p-4 relative border-box flex items-center justify-center", `min-w-[${imageSize}px] min-h-[${imageSize}px]`), children: [
+    loading && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }),
     error && /* @__PURE__ */ jsx(ErrorView, { title: "Error uploading file", error })
   ] });
 }
@@ -15892,7 +15899,7 @@ function StorageItemPreview(t0) {
   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 = cls(paperMixin, "relative m-4 border-box flex items-center justify-center", t1, className);
+    t2 = cls(paperMixin, "relative border-box flex items-center justify-center", t1, className);
     $[0] = className;
     $[1] = t1;
     $[2] = t2;
@@ -16115,7 +16122,7 @@ function StorageUploadFieldBinding(t0) {
   return t12;
 }
 function SortableStorageItem(t0) {
-  const $ = c(35);
+  const $ = c(34);
   const {
     id,
     entry,
@@ -16153,98 +16160,95 @@ function SortableStorageItem(t0) {
     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__ */ 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__ */ 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__ */ 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__ */ 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 = cls("rounded-md m-1");
-    $[28] = t6;
+  let t5;
+  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = 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__ */ 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__ */ 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) {
@@ -16263,7 +16267,7 @@ function _temp$a(previewSize) {
   }
 }
 function FileDropComponent(t0) {
-  const $ = c(63);
+  const $ = c(61);
   const {
     storage,
     disabled,
@@ -16354,7 +16358,7 @@ function FileDropComponent(t0) {
   }
   const t6 = disabled ? fieldBackgroundDisabledMixin : 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;
@@ -16378,107 +16382,103 @@ function FileDropComponent(t0) {
   } 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 = 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 = 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__ */ jsx("input", { autoFocus, ...t17 });
-    $[29] = autoFocus;
-    $[30] = t17;
-    $[31] = t18;
+  let t16;
+  if ($[27] !== autoFocus || $[28] !== t15) {
+    t16 = /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: t16, children: [
-      t18,
-      t19
+  let t18;
+  if ($[49] !== t14 || $[50] !== t16 || $[51] !== t17) {
+    t18 = /* @__PURE__ */ 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__ */ jsx("div", { className: "flex-grow min-h-[38px] box-border m-2 text-center", children: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "flex-grow min-h-[38px] box-border m-2 text-center", children: /* @__PURE__ */ jsx(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__ */ jsxs("div", { ...t5, className: t11, children: [
-      t20,
-      t22
+  let t21;
+  if ($[56] !== t11 || $[57] !== t18 || $[58] !== t20 || $[59] !== t5) {
+    t21 = /* @__PURE__ */ 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 {