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

package/dist/index.es.js

@@ -2790,22 +2790,23 @@ function hashString(str) {
   }
   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__ */ jsx(Icon, { iconKey, size: "medium", className }) : void 0;
+  return iconKey in iconKeysMap ? /* @__PURE__ */ jsx(Icon, { iconKey, size: "medium", className, color }) : void 0;
 }
 const IconForView = React__default.memo(
   function IconForView2({
     collectionOrView,
     className,
+    color,
     size = "medium"
   }) {
     if (!collectionOrView) return /* @__PURE__ */ jsx(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);
@@ -2820,10 +2821,10 @@ const IconForView = React__default.memo(
     const iconsCount = coolIconKeys.length;
     if (!key)
       key = coolIconKeys[hashString(collectionOrView.path) % iconsCount];
-    return /* @__PURE__ */ jsx(Icon, { iconKey: key, size, className });
+    return /* @__PURE__ */ jsx(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 = iconKeys.reduce((acc, key) => {
@@ -5054,7 +5055,7 @@ function EntityPreview({
       hover: disabled ? void 0 : hover,
       size,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cls("flex w-10 h-10 mr-2 shrink-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
+        /* @__PURE__ */ jsxs("div", { className: cls("flex w-10 h-10 ml-1 mr-2 shrink-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
           imageProperty && /* @__PURE__ */ jsx(
             PropertyPreview,
             {
@@ -5064,7 +5065,15 @@ function EntityPreview({
               value: getValueInPath(entity.values, imagePropertyKey)
             }
           ),
-          !imageProperty && /* @__PURE__ */ jsx(IconForView, { collectionOrView: collection, size, className: "m-auto" })
+          !imageProperty && /* @__PURE__ */ jsx(
+            IconForView,
+            {
+              collectionOrView: collection,
+              color: "primary",
+              size,
+              className: "m-auto p-1"
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col grow-1 w-full max-w-full m-1", children: [
           size !== "smallest" && includeId && (entity ? /* @__PURE__ */ jsx("div", { className: `${size !== "medium" ? "block whitespace-nowrap overflow-hidden truncate" : ""}`, children: /* @__PURE__ */ jsx(
@@ -5303,22 +5312,20 @@ const TableReferenceFieldInternal = React__default.memo(
         EntityPreviewContainer,
         {
           className: 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__ */ jsx(
-              IconForView,
+              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
           ]
         }
@@ -13094,7 +13101,6 @@ function useBuildNavigationController(props) {
   const refreshNavigation = useCallback(async () => {
     if (authController.initialLoading)
       return;
-    console.log("refresh", authController);
     console.debug("Refreshing navigation");
     try {
       const [resolvedCollections = [], resolvedViews, resolvedAdminViews = []] = await Promise.all(
@@ -13315,9 +13321,7 @@ async function resolveCollections(collections, collectionPermissions, authContro
     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) {