@firecms/core 3.0.0-canary.160 → 3.0.0-canary.162

package/dist/index.umd.js

@@ -2276,7 +2276,6 @@
     picture_in_picture_alt: "cropped overlap photo position shape",
     pie_chart: "analytics bars data diagram infographic measure metrics statistics tracking",
     pie_chart_outline: "analytics bars data diagram infographic measure metrics statistics tracking",
-    pie_chart_outlined: "graph",
     pin: "1 2 3 digit key login logout number password pattern security star symbol unlock",
     pinch: "arrows compress direction finger grasp hand navigation nip squeeze tweak",
     pin_drop: "destination direction gps location maps navigation place stop",
@@ -2916,6 +2915,7 @@
   const iconsSearch = new Fuse(map, {
     isCaseSensitive: false,
     shouldSort: true,
+    ignoreLocation: true,
     distance: 0,
     keys: ["key", "synonyms"]
   });
@@ -3175,6 +3175,12 @@
         return key;
       }
     }
+    for (const key in collection.properties) {
+      const property = collection.properties[key];
+      if (property.dataType === "array" && property.of?.dataType === "string" && property.of.storage?.acceptedFiles?.includes("image/*")) {
+        return key;
+      }
+    }
     return void 0;
   }
   function flattenObject(obj, parentKey = "") {
@@ -5163,7 +5169,7 @@
       showError && /* @__PURE__ */ jsxRuntime.jsx(ErrorTooltip, { side: "left", title: showError.message, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", style: {
         width: 32,
         height: 32
-      }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ErrorOutlineIcon, { size: "small", color: "error" }) }) })
+      }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ErrorIcon, { size: "small", color: "error" }) }) })
     ] }) });
   }
   const dropZoneClasses$1 = "max-w-full box-border relative pt-[2px] items-center border border-transparent outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid";
@@ -5247,7 +5253,7 @@
     return t1;
   }
   function StorageUpload$1(t0) {
-    const $ = reactCompilerRuntime.c(67);
+    const $ = reactCompilerRuntime.c(64);
     const {
       property,
       internalValue,
@@ -5264,8 +5270,7 @@
       onFileUploadComplete,
       storagePathBuilder
     } = t0;
-    const [, setOnHover] = React.useState(false);
-    const previewSize = multipleFilesSupported && previewSizeInput === "medium" ? "small" : previewSizeInput;
+    const previewSize = previewSizeInput;
     if (multipleFilesSupported) {
       const arrayProperty = property;
       if (Array.isArray(arrayProperty.of)) {
@@ -5378,58 +5383,43 @@
     t5 = t6;
     const imageSize = t5;
     const showError = !disabled && error;
-    let t7;
-    let t8;
-    let t9;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = () => setOnHover(true);
-      t8 = () => setOnHover(true);
-      t9 = () => setOnHover(false);
-      $[17] = t7;
-      $[18] = t8;
-      $[19] = t9;
-    } else {
-      t7 = $[17];
-      t8 = $[18];
-      t9 = $[19];
-    }
-    const t10 = `justify-${hasValue ? "start" : "center"}`;
-    const t11 = isDragActive ? activeDropClasses$1 : "";
-    const t12 = isDragAccept ? acceptDropClasses$1 : "";
-    const t13 = isDragReject ? rejectDropClasses$1 : "";
-    let t14;
-    if ($[20] !== t10 || $[21] !== t11 || $[22] !== t12 || $[23] !== t13) {
-      t14 = ui.cls(dropZoneClasses$1, "relative w-full h-full flex", t10, t11, t12, t13);
-      $[20] = t10;
+    const t7 = `justify-${hasValue ? "start" : "center"}`;
+    const t8 = isDragActive ? activeDropClasses$1 : "";
+    const t9 = isDragAccept ? acceptDropClasses$1 : "";
+    const t10 = isDragReject ? rejectDropClasses$1 : "";
+    let t11;
+    if ($[17] !== t10 || $[18] !== t7 || $[19] !== t8 || $[20] !== t9) {
+      t11 = ui.cls(dropZoneClasses$1, "relative w-full h-full flex", t7, t8, t9, t10);
+      $[17] = t10;
+      $[18] = t7;
+      $[19] = t8;
+      $[20] = t9;
       $[21] = t11;
-      $[22] = t12;
-      $[23] = t13;
-      $[24] = t14;
     } else {
-      t14 = $[24];
+      t11 = $[21];
     }
-    let t15;
-    if ($[25] !== getInputProps) {
-      t15 = getInputProps();
-      $[25] = getInputProps;
-      $[26] = t15;
+    let t12;
+    if ($[22] !== getInputProps) {
+      t12 = getInputProps();
+      $[22] = getInputProps;
+      $[23] = t12;
     } else {
-      t15 = $[26];
+      t12 = $[23];
     }
-    let t16;
-    if ($[27] !== autoFocus || $[28] !== t15) {
-      t16 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus, ...t15 });
-      $[27] = autoFocus;
-      $[28] = t15;
-      $[29] = t16;
+    let t13;
+    if ($[24] !== autoFocus || $[25] !== t12) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus, ...t12 });
+      $[24] = autoFocus;
+      $[25] = t12;
+      $[26] = t13;
     } else {
-      t16 = $[29];
+      t13 = $[26];
     }
-    let t17;
-    if ($[30] !== entity || $[31] !== imageSize || $[32] !== internalValue || $[33] !== metadata || $[34] !== onFileUploadComplete || $[35] !== previewSize || $[36] !== renderProperty || $[37] !== storagePathBuilder) {
-      let t182;
-      if ($[39] !== entity || $[40] !== imageSize || $[41] !== metadata || $[42] !== onFileUploadComplete || $[43] !== previewSize || $[44] !== renderProperty || $[45] !== storagePathBuilder) {
-        t182 = (entry, index) => {
+    let t14;
+    if ($[27] !== entity || $[28] !== imageSize || $[29] !== internalValue || $[30] !== metadata || $[31] !== onFileUploadComplete || $[32] !== previewSize || $[33] !== renderProperty || $[34] !== storagePathBuilder) {
+      let t152;
+      if ($[36] !== entity || $[37] !== imageSize || $[38] !== metadata || $[39] !== onFileUploadComplete || $[40] !== previewSize || $[41] !== renderProperty || $[42] !== storagePathBuilder) {
+        t152 = (entry, index) => {
           let child;
           if (entry.storagePathOrDownloadUrl) {
             child = /* @__PURE__ */ jsxRuntime.jsx(TableStorageItemPreview, { property: renderProperty, value: entry.storagePathOrDownloadUrl, entity, size: previewSize }, `storage_preview_${index}`);
@@ -5440,87 +5430,87 @@
           }
           return child;
         };
-        $[39] = entity;
-        $[40] = imageSize;
-        $[41] = metadata;
-        $[42] = onFileUploadComplete;
-        $[43] = previewSize;
-        $[44] = renderProperty;
-        $[45] = storagePathBuilder;
-        $[46] = t182;
+        $[36] = entity;
+        $[37] = imageSize;
+        $[38] = metadata;
+        $[39] = onFileUploadComplete;
+        $[40] = previewSize;
+        $[41] = renderProperty;
+        $[42] = storagePathBuilder;
+        $[43] = t152;
       } else {
-        t182 = $[46];
+        t152 = $[43];
       }
-      t17 = internalValue.map(t182);
-      $[30] = entity;
-      $[31] = imageSize;
-      $[32] = internalValue;
-      $[33] = metadata;
-      $[34] = onFileUploadComplete;
-      $[35] = previewSize;
-      $[36] = renderProperty;
-      $[37] = storagePathBuilder;
-      $[38] = t17;
+      t14 = internalValue.map(t152);
+      $[27] = entity;
+      $[28] = imageSize;
+      $[29] = internalValue;
+      $[30] = metadata;
+      $[31] = onFileUploadComplete;
+      $[32] = previewSize;
+      $[33] = renderProperty;
+      $[34] = storagePathBuilder;
+      $[35] = t14;
     } else {
-      t17 = $[38];
+      t14 = $[35];
     }
-    let t18;
-    if ($[47] !== helpText || $[48] !== internalValue || $[49] !== open) {
-      t18 = !internalValue && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow m-2 max-w-[200px]", onClick: open, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-surface-400 dark:text-surface-600", variant: "body2", align: "center", children: helpText }) });
-      $[47] = helpText;
-      $[48] = internalValue;
-      $[49] = open;
-      $[50] = t18;
+    let t15;
+    if ($[44] !== helpText || $[45] !== internalValue || $[46] !== open) {
+      t15 = !internalValue && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow m-2 max-w-[200px]", onClick: open, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-surface-400 dark:text-surface-600", variant: "body2", align: "center", children: helpText }) });
+      $[44] = helpText;
+      $[45] = internalValue;
+      $[46] = open;
+      $[47] = t15;
     } else {
-      t18 = $[50];
+      t15 = $[47];
     }
-    const t19 = !disabled ? openPopup : void 0;
-    let t20;
-    if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
-      t20 = /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: "small", className: "text-surface-500" });
-      $[51] = t20;
+    const t16 = !disabled ? openPopup : void 0;
+    let t17;
+    if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: "small", className: "text-surface-500" });
+      $[48] = t17;
     } else {
-      t20 = $[51];
+      t17 = $[48];
     }
-    let t21;
-    if ($[52] !== open) {
-      t21 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", size: "small", onClick: open, children: t20 });
-      $[52] = open;
-      $[53] = t21;
+    let t18;
+    if ($[49] !== open) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", size: "small", onClick: open, children: t17 });
+      $[49] = open;
+      $[50] = t18;
     } else {
-      t21 = $[53];
+      t18 = $[50];
     }
-    let t22;
-    if ($[54] !== disabled || $[55] !== selected || $[56] !== showError || $[57] !== t19 || $[58] !== t21) {
-      t22 = /* @__PURE__ */ jsxRuntime.jsx(EntityTableCellActions, { showError, disabled, showExpandIcon: true, selected, openPopup: t19, children: t21 });
-      $[54] = disabled;
-      $[55] = selected;
-      $[56] = showError;
-      $[57] = t19;
-      $[58] = t21;
-      $[59] = t22;
+    let t19;
+    if ($[51] !== disabled || $[52] !== selected || $[53] !== showError || $[54] !== t16 || $[55] !== t18) {
+      t19 = /* @__PURE__ */ jsxRuntime.jsx(EntityTableCellActions, { showError, disabled, showExpandIcon: true, selected, openPopup: t16, children: t18 });
+      $[51] = disabled;
+      $[52] = selected;
+      $[53] = showError;
+      $[54] = t16;
+      $[55] = t18;
+      $[56] = t19;
     } else {
-      t22 = $[59];
+      t19 = $[56];
     }
-    let t23;
-    if ($[60] !== rootProps || $[61] !== t14 || $[62] !== t16 || $[63] !== t17 || $[64] !== t18 || $[65] !== t22) {
-      t23 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rootProps, onMouseEnter: t7, onMouseMove: t8, onMouseLeave: t9, className: t14, children: [
-        t16,
-        t17,
-        t18,
-        t22
+    let t20;
+    if ($[57] !== rootProps || $[58] !== t11 || $[59] !== t13 || $[60] !== t14 || $[61] !== t15 || $[62] !== t19) {
+      t20 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rootProps, className: t11, children: [
+        t13,
+        t14,
+        t15,
+        t19
       ] });
-      $[60] = rootProps;
-      $[61] = t14;
-      $[62] = t16;
-      $[63] = t17;
-      $[64] = t18;
-      $[65] = t22;
-      $[66] = t23;
+      $[57] = rootProps;
+      $[58] = t11;
+      $[59] = t13;
+      $[60] = t14;
+      $[61] = t15;
+      $[62] = t19;
+      $[63] = t20;
     } else {
-      t23 = $[66];
+      t20 = $[63];
     }
-    return t23;
+    return t20;
   }
   function _temp2$a(a, b) {
     return {
@@ -5590,21 +5580,24 @@
     const titleProperty = getEntityTitlePropertyKey(resolvedCollection, customizationController.propertyConfigs);
     const imagePropertyKey = getEntityImagePreviewPropertyKey(resolvedCollection);
     const imageProperty = imagePropertyKey ? resolvedCollection.properties[imagePropertyKey] : void 0;
+    const usedImageProperty = imageProperty && "of" in imageProperty ? imageProperty.of : imageProperty;
     const restProperties = listProperties.filter((p) => p !== titleProperty && p !== imagePropertyKey);
+    const imageValue = imagePropertyKey ? getValueInPath(entity.values, imagePropertyKey) : void 0;
+    const usedImageValue = imageProperty !== void 0 ? "of" in imageProperty ? (imageValue ?? []).length > 0 ? imageValue[0] : void 0 : imageValue : void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(EntityPreviewContainer, { onClick: disabled ? void 0 : onClick, hover: disabled ? void 0 : hover, size, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex w-10 h-10 ml-1 mr-2 shrink-0", size === "small" ? "my-0.5" : "m-2 self-start"), children: [
-        imageProperty && /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { property: imageProperty, propertyKey: imagePropertyKey, size: "small", value: getValueInPath(entity.values, imagePropertyKey) }),
-        !imageProperty && /* @__PURE__ */ jsxRuntime.jsx(IconForView, { collectionOrView: collection, color: "primary", size, className: "m-auto p-1" })
+        usedImageProperty && usedImageValue && /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { property: usedImageProperty, propertyKey: imagePropertyKey, size: "small", value: usedImageValue }),
+        (!usedImageProperty || !usedImageValue) && /* @__PURE__ */ jsxRuntime.jsx(IconForView, { collectionOrView: collection, color: "primary", size, className: "m-auto p-1" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col grow-1 w-full m-1 shrink-1", style: {
         "maxWidth": "calc(100% - 96px)"
       }, children: [
         size !== "small" && includeId && (entity ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "block whitespace-nowrap overflow-hidden truncate", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "disabled", className: "font-mono", children: entity.id }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, {})),
-        titleProperty && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-0.5 text-sm font-medium", children: entity ? /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: titleProperty, value: getValueInPath(entity.values, titleProperty), property: resolvedCollection.properties[titleProperty], size: "large" }) : /* @__PURE__ */ jsxRuntime.jsx(SkeletonPropertyComponent, { property: resolvedCollection.properties[titleProperty], size: "large" }) }),
+        titleProperty && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate my-0.5 text-sm font-medium", children: entity ? /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: titleProperty, value: getValueInPath(entity.values, titleProperty), property: resolvedCollection.properties[titleProperty], size: "large" }) : /* @__PURE__ */ jsxRuntime.jsx(SkeletonPropertyComponent, { property: resolvedCollection.properties[titleProperty], size: "large" }) }),
         restProperties && restProperties.map((key) => {
           const childProperty = resolvedCollection.properties[key];
           if (!childProperty) return null;
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: restProperties.length > 1 ? "my-0.5" : "my-0", children: entity ? /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: key, value: getValueInPath(entity.values, key), property: childProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(SkeletonPropertyComponent, { property: childProperty, size: "small" }) }, "ref_prev_" + key);
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("truncate", restProperties.length > 1 ? "my-0.5" : "my-0"), children: entity ? /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: key, value: getValueInPath(entity.values, key), property: childProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(SkeletonPropertyComponent, { property: childProperty, size: "small" }) }, "ref_prev_" + key);
         })
       ] }),
       entity && includeEntityLink && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: `See details for ${entity.id}`, className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", size: "medium", className: size !== "small" ? "self-start" : "", onClick: (e) => {
@@ -5719,6 +5712,7 @@
     }
     return t9;
   });
+  EntityPreviewContainer.displayName = "EntityPreviewContainer";
   function TableReferenceField(props) {
     const $ = reactCompilerRuntime.c(9);
     const customizationController = useCustomizationController();
@@ -6547,7 +6541,7 @@
     }
     let t24;
     if ($[33] !== disabled || $[34] !== disabledTooltip || $[35] !== onHover) {
-      t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(ui.RemoveCircleIcon, { size: "smallest", color: "disabled", className: "text-surface-500" }) }) });
+      t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DoNotDisturbOnIcon, { size: "smallest", color: "disabled", className: "text-surface-500" }) }) });
       $[33] = disabled;
       $[34] = disabledTooltip;
       $[35] = onHover;
@@ -8355,7 +8349,7 @@
       t7 = !enumValues && /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { type: dataType === "number" ? "number" : void 0, value: internalValue !== void 0 && internalValue != null ? String(internalValue) : "", onChange: (evt) => {
         const val_0 = dataType === "number" ? parseFloat(evt.target.value) : evt.target.value;
         updateFilter(operation, val_0);
-      }, endAdornment: internalValue && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.ClearIcon, {}) }) });
+      }, endAdornment: internalValue && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }) });
       $[20] = dataType;
       $[21] = enumValues;
       $[22] = internalValue;
@@ -8371,7 +8365,7 @@
         if (value_1 !== "") {
           updateFilter(operation, dataType === "number" ? parseInt(value_1) : value_1);
         }
-      }, endAdornment: internalValue && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "absolute right-2 top-3", onClick: (e_0) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.ClearIcon, {}) }), renderValue: (enumKey) => {
+      }, endAdornment: internalValue && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "absolute right-2 top-3", onClick: (e_0) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }), renderValue: (enumKey) => {
         if (enumKey === null) {
           return "Filter for null values";
         }
@@ -8395,7 +8389,7 @@
     if ($[34] !== dataType || $[35] !== enumValues || $[36] !== internalValue || $[37] !== multiple || $[38] !== name || $[39] !== operation || $[40] !== updateFilter) {
       t9 = enumValues && multiple && /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { position: "item-aligned", value: Array.isArray(internalValue) ? internalValue.map(_temp3$3) : [], onValueChange: (value_2) => {
         updateFilter(operation, dataType === "number" ? value_2.map(_temp4$2) : value_2);
-      }, multiple, endAdornment: internalValue && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "absolute right-2 top-3", onClick: (e_2) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.ClearIcon, {}) }), children: enumValues.map((enumConfig_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: String(enumConfig_0.id), enumValues, size: "small" }) }, `select_value_${name}_${enumConfig_0.id}`)) });
+      }, multiple, endAdornment: internalValue && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "absolute right-2 top-3", onClick: (e_2) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }), children: enumValues.map((enumConfig_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: String(enumConfig_0.id), enumValues, size: "small" }) }, `select_value_${name}_${enumConfig_0.id}`)) });
       $[34] = dataType;
       $[35] = enumValues;
       $[36] = internalValue;
@@ -10092,7 +10086,7 @@
         } else {
           userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, path]);
         }
-      }, children: favourite ? /* @__PURE__ */ jsxRuntime.jsx(ui.StarIcon, { size: 18, className: "text-secondary" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.StarBorderIcon, { size: 18, className: "text-surface-400 dark:text-surface-500" }) }, "favourite")] : [];
+      }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.StarIcon, { size: 18, className: favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500" }) }, "favourite")] : [];
       if (customizationController.plugins && collection) {
         let t62;
         if ($[14] !== collection || $[15] !== context || $[16] !== path) {
@@ -10216,27 +10210,28 @@
     } else {
       t3 = $[9];
     }
-    let t4;
-    if ($[10] !== favourite || $[11] !== onIconClick) {
-      t4 = favourite ? /* @__PURE__ */ jsxRuntime.jsx(ui.StarIcon, { onClick: onIconClick, size: 18, className: "text-secondary" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.StarBorderIcon, { onClick: onIconClick, size: 18, className: "text-surface-400 dark:text-surface-500" });
-      $[10] = favourite;
-      $[11] = onIconClick;
-      $[12] = t4;
+    const t4 = favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500";
+    let t5;
+    if ($[10] !== onIconClick || $[11] !== t4) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.StarIcon, { onClick: onIconClick, size: 18, className: t4 });
+      $[10] = onIconClick;
+      $[11] = t4;
+      $[12] = t5;
     } else {
-      t4 = $[12];
+      t5 = $[12];
     }
-    let t5;
-    if ($[13] !== entry.name || $[14] !== entry.path || $[15] !== t3 || $[16] !== t4) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { onClick: t3, icon: t4, children: entry.name }, entry.path);
+    let t6;
+    if ($[13] !== entry.name || $[14] !== entry.path || $[15] !== t3 || $[16] !== t5) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { onClick: t3, icon: t5, children: entry.name }, entry.path);
       $[13] = entry.name;
       $[14] = entry.path;
       $[15] = t3;
-      $[16] = t4;
-      $[17] = t5;
+      $[16] = t5;
+      $[17] = t6;
     } else {
-      t5 = $[17];
+      t6 = $[17];
     }
-    return t5;
+    return t6;
   }
   function FavouritesView(t0) {
     const $ = reactCompilerRuntime.c(17);
@@ -11580,7 +11575,7 @@
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(LabelWithIconAndTooltip, { propertyKey: key_0, icon: /* @__PURE__ */ jsxRuntime.jsx(ui.NotesIcon, { size: "small" }), title: additionalField.name, className: "text-text-secondary dark:text-text-secondary-dark ml-3.5" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls(ui.paperMixin, "min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar"), children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: child }) })
-        ] });
+        ] }, `additional_${key_0}`);
       }
       console.warn(`Property ${key_0} not found in collection ${resolvedCollection.name} in properties or additional fields. Skipping.`);
       return null;
@@ -11993,7 +11988,7 @@
         }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (event) => {
           event.stopPropagation();
           onClose();
-        }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ClearIcon, { className: "text-white", size: "small" }) }) })
+        }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { className: "text-white", size: "small" }) }) })
       ] })
     ] }, `draggable_${propertyKey}_${entityId}_${open}`);
     return /* @__PURE__ */ jsxRuntime.jsx(Portal__namespace.Root, { asChild: true, container, children: /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formex$1, children: draggable }) });
@@ -13751,6 +13746,7 @@
         let shouldUpdateTopLevelNav = false;
         if (!areCollectionListsEqual(collectionsRef.current ?? [], resolvedCollections)) {
           collectionsRef.current = resolvedCollections;
+          console.log("Collections have changed", resolvedCollections);
           shouldUpdateTopLevelNav = true;
         }
         if (collectionsRef.current === void 0) {
@@ -15874,7 +15870,7 @@
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls(ui.defaultBorderMixin, "last:border-b-0 border-b"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row pt-0.5 pb-0.5 gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-[140px] w-[25%] py-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "font-mono break-words", color: "secondary", children: key }) }, `table-cell-title-${key}-${key}`),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow max-w-[75%]", children: childValue && "toString" in childValue && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: childValue.toString() }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow max-w-[75%]", children: childValue && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: childValue.toString() }) }) })
       ] }),
       typeof childValue === "object" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls(ui.defaultBorderMixin, "border-l pl-4"), children: /* @__PURE__ */ jsxRuntime.jsx(KeyValuePreview, { value: childValue }) })
     ] }, `map_preview_table_${key}}`);
@@ -16487,7 +16483,7 @@
     }
     let t13;
     if ($[20] !== handleClearClick || $[21] !== property.clearable) {
-      t13 = property.clearable && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: handleClearClick, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ClearIcon, {}) });
+      t13 = property.clearable && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: handleClearClick, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) });
       $[20] = handleClearClick;
       $[21] = property.clearable;
       $[22] = t13;
@@ -17332,7 +17328,7 @@
     const t7 = inputType;
     let t8;
     if ($[18] !== handleClearClick || $[19] !== property.clearable) {
-      t8 = property.clearable && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: handleClearClick, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ClearIcon, {}) });
+      t8 = property.clearable && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: handleClearClick, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) });
       $[18] = handleClearClick;
       $[19] = property.clearable;
       $[20] = t8;
@@ -19886,7 +19882,7 @@
       key: "email",
       name: "Email",
       description: "Text with email validation",
-      Icon: ui.EmailIcon,
+      Icon: ui.MailIcon,
       color: "#154fb3",
       property: {
         dataType: "string",
@@ -22386,7 +22382,7 @@
     }
     let t4;
     if ($[3] !== drawerOpen || $[4] !== logo) {
-      t4 = logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo", className: ui.cls("max-w-full max-h-full", drawerOpen ?? "w-[112px] h-[112px]") }) : /* @__PURE__ */ jsxRuntime.jsx(FireCMSLogo, {});
+      t4 = logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo", className: ui.cls("max-w-full max-h-full transition-all", drawerOpen ? "w-[96px] h-[96px]" : "w-[32px] h-[32px]") }) : /* @__PURE__ */ jsxRuntime.jsx(FireCMSLogo, {});
       $[3] = drawerOpen;
       $[4] = logo;
       $[5] = t4;