@firecms/core 3.0.0-canary.261 → 3.0.0-canary.264

package/dist/components/EntityPreview.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Entity, EntityCollection } from "../types";
 import { PreviewSize } from "../preview";
 export type EntityPreviewProps = {
-    size: PreviewSize;
+    size?: PreviewSize;
     actions?: React.ReactNode;
     collection?: EntityCollection;
     hover?: boolean;
@@ -24,7 +24,7 @@ export type EntityPreviewContainerProps = {
     children: React.ReactNode;
     hover?: boolean;
     fullwidth?: boolean;
-    size: PreviewSize;
+    size?: PreviewSize;
     className?: string;
     style?: React.CSSProperties;
     onClick?: (e: React.SyntheticEvent) => void;

package/dist/index.es.js

@@ -431,7 +431,7 @@ function isReadOnly(property) {
     if (property.autoValue) return true;
   }
   if (property.dataType === "reference") {
-    return !property.path;
+    return !property.path && !property.Field;
   }
   return false;
 }
@@ -5810,7 +5810,7 @@ function EntityPreview({
   collection: collectionProp,
   previewKeys,
   onClick,
-  size,
+  size = "medium",
   includeId = true,
   includeTitle = true,
   includeEntityLink = true,
@@ -5879,18 +5879,18 @@ const EntityPreviewContainer = React.forwardRef((t0, ref) => {
   let hover;
   let onClick;
   let props;
-  let size;
   let style;
   let t1;
+  let t2;
   if ($[0] !== t0) {
     ({
       children,
       hover,
       onClick,
-      size,
+      size: t1,
       style,
       className,
-      fullwidth: t1,
+      fullwidth: t2,
       ...props
     } = t0);
     $[0] = t0;
@@ -5899,74 +5899,75 @@ const EntityPreviewContainer = React.forwardRef((t0, ref) => {
     $[3] = hover;
     $[4] = onClick;
     $[5] = props;
-    $[6] = size;
-    $[7] = style;
-    $[8] = t1;
+    $[6] = style;
+    $[7] = t1;
+    $[8] = t2;
   } else {
     children = $[1];
     className = $[2];
     hover = $[3];
     onClick = $[4];
     props = $[5];
-    size = $[6];
-    style = $[7];
-    t1 = $[8];
+    style = $[6];
+    t1 = $[7];
+    t2 = $[8];
   }
-  const fullwidth = t1 === void 0 ? true : t1;
-  let t2;
+  const size = t1 === void 0 ? "medium" : t1;
+  const fullwidth = t2 === void 0 ? true : t2;
+  let t3;
   if ($[9] !== style) {
-    t2 = {
+    t3 = {
       ...style,
       tabindex: 0
     };
     $[9] = style;
-    $[10] = t2;
+    $[10] = t3;
   } else {
-    t2 = $[10];
+    t3 = $[10];
   }
-  const t3 = fullwidth ? "w-full" : "";
-  const t4 = hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800" : "";
-  const t5 = size === "small" ? "p-1" : "px-2 py-1";
-  const t6 = onClick ? "cursor-pointer" : "";
-  let t7;
-  if ($[11] !== className || $[12] !== t3 || $[13] !== t4 || $[14] !== t5 || $[15] !== t6) {
-    t7 = cls("bg-white dark:bg-surface-900", "min-h-[42px]", t3, "items-center", t4, t5, "flex border rounded-lg", t6, defaultBorderMixin, className);
+  const t4 = fullwidth ? "w-full" : "";
+  const t5 = hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800" : "";
+  const t6 = size === "small" ? "p-1" : "px-2 py-1";
+  const t7 = onClick ? "cursor-pointer" : "";
+  let t8;
+  if ($[11] !== className || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
+    t8 = cls("bg-white dark:bg-surface-900", "min-h-[42px]", t4, "items-center", t5, t6, "flex border rounded-lg", t7, defaultBorderMixin, className);
     $[11] = className;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
-    $[15] = t6;
-    $[16] = t7;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
   } else {
-    t7 = $[16];
+    t8 = $[16];
   }
-  let t8;
+  let t9;
   if ($[17] !== onClick) {
-    t8 = (event) => {
+    t9 = (event) => {
       if (onClick) {
         event.preventDefault();
         onClick(event);
       }
     };
     $[17] = onClick;
-    $[18] = t8;
+    $[18] = t9;
   } else {
-    t8 = $[18];
+    t9 = $[18];
   }
-  let t9;
-  if ($[19] !== children || $[20] !== props || $[21] !== ref || $[22] !== t2 || $[23] !== t7 || $[24] !== t8) {
-    t9 = /* @__PURE__ */ jsx("div", { ref, style: t2, className: t7, onClick: t8, ...props, children });
+  let t10;
+  if ($[19] !== children || $[20] !== props || $[21] !== ref || $[22] !== t3 || $[23] !== t8 || $[24] !== t9) {
+    t10 = /* @__PURE__ */ jsx("div", { ref, style: t3, className: t8, onClick: t9, ...props, children });
     $[19] = children;
     $[20] = props;
     $[21] = ref;
-    $[22] = t2;
-    $[23] = t7;
-    $[24] = t8;
-    $[25] = t9;
+    $[22] = t3;
+    $[23] = t8;
+    $[24] = t9;
+    $[25] = t10;
   } else {
-    t9 = $[25];
+    t10 = $[25];
   }
-  return t9;
+  return t10;
 });
 EntityPreviewContainer.displayName = "EntityPreviewContainer";
 const ReferencePreview = function ReferencePreview2(props) {
@@ -5975,7 +5976,7 @@ const ReferencePreview = function ReferencePreview2(props) {
   if (!(typeof reference === "object" && "isEntityReference" in reference && reference.isEntityReference())) {
     console.warn("Reference preview received value of type", typeof reference);
     const t02 = props.onClick;
-    const t1 = props.size;
+    const t1 = props.size ?? "medium";
     let t2;
     if ($[0] !== reference) {
       t2 = JSON.stringify(reference);
@@ -5993,10 +5994,10 @@ const ReferencePreview = function ReferencePreview2(props) {
       t3 = $[3];
     }
     let t4;
-    if ($[4] !== props.onClick || $[5] !== props.size || $[6] !== t3) {
+    if ($[4] !== props.onClick || $[5] !== t1 || $[6] !== t3) {
       t4 = /* @__PURE__ */ jsx(EntityPreviewContainer, { onClick: t02, size: t1, children: t3 });
       $[4] = props.onClick;
-      $[5] = props.size;
+      $[5] = t1;
       $[6] = t3;
       $[7] = t4;
     } else {
@@ -12674,10 +12675,9 @@ function ReferenceSelectionTable({
     fullPath
   });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-grow", children: entitiesDisplayedFirst && /* @__PURE__ */ jsx(EntityCollectionTable, { textSearchLoading, onTextSearchClick: textSearchInitialised ? void 0 : onTextSearchClick, textSearchEnabled, displayedColumnIds, onEntityClick, tableController, enablePopupIcon: false, tableRowActionsBuilder, openEntityMode: "side_panel", title: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", className: "flex flex-row gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-grow", children: entitiesDisplayedFirst && /* @__PURE__ */ jsx(EntityCollectionTable, { textSearchLoading, onTextSearchClick: textSearchInitialised ? void 0 : onTextSearchClick, textSearchEnabled, additionalFields: collection.additionalFields, displayedColumnIds, onEntityClick, tableController, enablePopupIcon: false, tableRowActionsBuilder, openEntityMode: "side_panel", title: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", className: "flex flex-row gap-2", children: [
       /* @__PURE__ */ jsx(IconForView, { size: "small", collectionOrView: collection, className: "text-surface-300 dark:text-surface-600" }),
-      collection.singularName ? `Select ${collection.singularName}` : `Select
-                                                                                              from ${collection.name}`
+      collection.singularName ? `Select ${collection.singularName}` : `Select from ${collection.name}`
     ] }), defaultSize: collection.defaultSize, properties: resolvedCollection.properties, forceFilter, inlineEditing: false, selectionController, actions: /* @__PURE__ */ jsx(ReferenceDialogActions, { collection, path: fullPath, onNewClick, onClear }) }) }),
     /* @__PURE__ */ jsxs(DialogActions, { translucent: false, children: [
       description && /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "flex-grow text-left", children: description }),