@firecms/core 3.0.0-canary.104 → 3.0.0-canary.105

package/dist/index.umd.js

@@ -7239,12 +7239,14 @@
         internalValue && !multiselect && buildSingleReferenceField(),
         internalValue && multiselect && buildMultipleReferenceField(),
         valueNotSet && /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Button,
+          EntityPreviewContainer,
           {
+            className: ui.cls(
+              "p-4 text-sm font-medium flex items-center gap-4 uppercase",
+              disabled ? "text-slate-500" : "cursor-pointer text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-gray-800 group-hover:bg-slate-50 dark:group-hover:bg-gray-800"
+            ),
             onClick: handleOpen,
-            size: "small",
-            variant: "outlined",
-            color: "primary",
+            size: "medium",
             children: [
               "Edit ",
               title
@@ -11003,13 +11005,10 @@
       textSearchInitialised,
       onTextSearchClick,
       textSearchEnabled
-    } = (
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      useTableSearchHelper({
-        collection,
-        fullPath
-      })
-    );
+    } = useTableSearchHelper({
+      collection,
+      fullPath
+    });
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow", children: entitiesDisplayedFirst && /* @__PURE__ */ jsxRuntime.jsx(
         EntityCollectionTable,
@@ -14853,15 +14852,17 @@
           }
         ),
         !value && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "justify-center text-left", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Button,
+          EntityPreviewContainer,
           {
-            variant: "outlined",
-            color: "primary",
-            disabled: disabled || isSubmitting,
+            className: ui.cls(
+              "p-6 text-sm font-medium flex items-center gap-6",
+              disabled || isSubmitting ? "text-slate-500" : "cursor-pointer text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-gray-800 group-hover:bg-slate-50 dark:group-hover:bg-gray-800"
+            ),
             onClick: onEntryClick,
+            size: "medium",
             children: [
-              "Edit ",
-              property.name
+              /* @__PURE__ */ jsxRuntime.jsx(EmptyValue, {}),
+              `Edit ${property.name}`.toUpperCase()
             ]
           }
         ) })