@firecms/core 3.0.0-canary.145 → 3.0.0-canary.146

package/dist/index.umd.js

@@ -2794,22 +2794,23 @@
     }
     return Math.abs(hash2);
   }
-  function getIcon(iconKey, className) {
+  function getIcon(iconKey, className, color) {
     if (!iconKey) return void 0;
     iconKey = slugify(iconKey);
     if (!(iconKey in iconKeysMap)) {
       return void 0;
     }
-    return iconKey in iconKeysMap ? /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey, size: "medium", className }) : void 0;
+    return iconKey in iconKeysMap ? /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey, size: "medium", className, color }) : void 0;
   }
   const IconForView = React.memo(
     function IconForView2({
       collectionOrView,
       className,
+      color,
       size = "medium"
     }) {
       if (!collectionOrView) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-      const icon = getIcon(collectionOrView.icon, className);
+      const icon = getIcon(collectionOrView.icon, className, color);
       if (collectionOrView?.icon && icon)
         return icon;
       let slugName = slugify(("singularName" in collectionOrView ? collectionOrView.singularName : void 0) ?? collectionOrView.name);
@@ -2824,10 +2825,10 @@
       const iconsCount = ui.coolIconKeys.length;
       if (!key)
         key = ui.coolIconKeys[hashString(collectionOrView.path) % iconsCount];
-      return /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey: key, size, className });
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey: key, size, className, color });
     },
     (prevProps, nextProps) => {
-      return equal(prevProps.collectionOrView?.icon, nextProps.collectionOrView?.icon);
+      return equal(prevProps.collectionOrView?.icon, nextProps.collectionOrView?.icon) && equal(prevProps.color, nextProps.color);
     }
   );
   const iconKeysMap = ui.iconKeys.reduce((acc, key) => {
@@ -5058,7 +5059,7 @@
         hover: disabled ? void 0 : hover,
         size,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex w-10 h-10 mr-2 shrink-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex w-10 h-10 ml-1 mr-2 shrink-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
             imageProperty && /* @__PURE__ */ jsxRuntime.jsx(
               PropertyPreview,
               {
@@ -5068,7 +5069,15 @@
                 value: getValueInPath(entity.values, imagePropertyKey)
               }
             ),
-            !imageProperty && /* @__PURE__ */ jsxRuntime.jsx(IconForView, { collectionOrView: collection, size, className: "m-auto" })
+            !imageProperty && /* @__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 max-w-full m-1", children: [
             size !== "smallest" && includeId && (entity ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${size !== "medium" ? "block whitespace-nowrap overflow-hidden truncate" : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5307,22 +5316,20 @@
           EntityPreviewContainer,
           {
             className: ui.cls(
-              "px-4 py-2 text-sm font-medium flex items-center uppercase",
+              "px-3 py-2 text-sm font-medium flex items-center",
               multiselect ? "gap-4" : "gap-6",
-              disabled ? "text-surface-accent-500" : "cursor-pointer text-surface-accent-700 dark:text-surface-accent-300 hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800"
+              disabled ? "text-surface-accent-500" : "cursor-pointer text-text-secondary dark:text-text-secondary-dark hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800"
             ),
             onClick: handleOpen,
             size: "medium",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                IconForView,
+                ui.EditIcon,
                 {
                   size: "small",
-                  collectionOrView: collection,
-                  className: "text-surface-300 dark:text-surface-600"
+                  className: "ml-2 mr-1 text-surface-300 dark:text-surface-600"
                 }
               ),
-              "Edit ",
               title
             ]
           }
@@ -13098,7 +13105,6 @@
     const refreshNavigation = React.useCallback(async () => {
       if (authController.initialLoading)
         return;
-      console.log("refresh", authController);
       console.debug("Refreshing navigation");
       try {
         const [resolvedCollections = [], resolvedViews, resolvedAdminViews = []] = await Promise.all(
@@ -13319,9 +13325,7 @@
       resolvedCollections = injectCollections(resolvedCollections ?? []);
     }
     resolvedCollections = applyPermissionsFunctionIfEmpty(resolvedCollections, collectionPermissions);
-    console.log("resolvedCollections 2", resolvedCollections, collectionPermissions);
     resolvedCollections = filterOutNotAllowedCollections(resolvedCollections, authController);
-    console.log("resolvedCollections 3", resolvedCollections, authController);
     return resolvedCollections;
   }
   async function resolveCMSViews(baseViews, authController, dataSource) {