@firecms/core 3.0.0-canary.240 → 3.0.0-canary.242

package/dist/index.es.js

@@ -4923,7 +4923,7 @@ function ImagePreview(t0) {
   }
   let t7;
   if ($[13] !== url) {
-    t7 = navigator && /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: "Copy url to clipboard", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { variant: "filled", size: "small", onClick: (e) => {
+    t7 = navigator && /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: "Copy url to clipboard", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { variant: "filled", size: "smallest", onClick: (e) => {
       e.stopPropagation();
       e.preventDefault();
       return navigator.clipboard.writeText(url);
@@ -4942,7 +4942,7 @@ function ImagePreview(t0) {
   }
   let t9;
   if ($[16] !== url) {
-    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "small", onClick: _temp$q, children: t8 }) });
+    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$q, children: t8 }) });
     $[16] = url;
     $[17] = t9;
   } else {
@@ -5701,7 +5701,7 @@ function StringPropertyPreview(t0) {
         let t1;
         if ($[17] !== size || $[18] !== value) {
           const lines = value.split("\n");
-          t1 = value && value.includes("\n") ? /* @__PURE__ */ jsx("div", { className: cls("overflow-x-scroll", size === "small" ? "text-sm" : ""), children: lines.map((str, index) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+          t1 = value && value.includes("\n") ? /* @__PURE__ */ jsx("div", { className: cls("overflow-x-scroll overflow-hidden", size === "small" ? "text-sm" : ""), children: lines.map((str, index) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
             /* @__PURE__ */ jsx("span", { children: str }),
             index !== lines.length - 1 && /* @__PURE__ */ jsx("br", {})
           ] }, `string_preview_${index}`)) }) : size === "small" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: value }) : /* @__PURE__ */ jsx(Fragment, { children: value });
@@ -7267,7 +7267,6 @@ function VirtualTableInput(props) {
       width: "100%",
       color: "unset",
       fontWeight: "unset",
-      lineHeight: 1.7142857,
       fontSize: "unset",
       fontFamily: "unset",
       background: "unset",
@@ -10621,7 +10620,10 @@ const VirtualTable = React__default.memo(function VirtualTable2({
   const debouncedScroll = useDebounceCallback(onScrollProp, 200);
   useEffect(() => {
     if (tableRef.current && initialScroll) {
-      tableRef.current.scrollTo(0, initialScroll);
+      const {
+        scrollLeft
+      } = tableRef.current;
+      tableRef.current.scrollTo(scrollLeft, initialScroll);
     }
   }, [tableRef, initialScroll]);
   useEffect(() => {
@@ -14948,7 +14950,7 @@ function SelectFieldBinding(t0) {
   const t10 = property.validation?.required;
   let t11;
   if ($[13] !== property.name || $[14] !== t10 || $[15] !== t9) {
-    t11 = /* @__PURE__ */ jsx(LabelWithIcon, { icon: t9, required: t10, title: property.name, className: "h-6 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0" });
+    t11 = /* @__PURE__ */ jsx(LabelWithIcon, { icon: t9, required: t10, title: property.name, className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0" });
     $[13] = property.name;
     $[14] = t10;
     $[15] = t9;
@@ -14967,7 +14969,7 @@ function SelectFieldBinding(t0) {
   }
   let t13;
   if ($[20] !== disabled || $[21] !== handleClearClick || $[22] !== property.clearable) {
-    t13 = property.clearable && !disabled && /* @__PURE__ */ jsx(IconButton, { onClick: handleClearClick, children: /* @__PURE__ */ jsx(CloseIcon, {}) });
+    t13 = property.clearable && !disabled && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: handleClearClick, children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) });
     $[20] = disabled;
     $[21] = handleClearClick;
     $[22] = property.clearable;
@@ -15080,7 +15082,7 @@ function MultiSelectFieldBinding({
     ] }, enumKey);
   }, [enumValues, setValue, value]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(MultiSelect, { className: "w-full mt-2", size, value: validValue ? value.map((v_0) => v_0.toString()) : [], disabled, modalPopover: true, label: /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-6 text-text-secondary dark:text-text-secondary-dark ml-3.5" }), onValueChange: (updatedValue) => {
+    /* @__PURE__ */ jsx(MultiSelect, { className: "w-full mt-2", size, value: validValue ? value.map((v_0) => v_0?.toString()) : [], disabled, modalPopover: true, label: /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5" }), onValueChange: (updatedValue) => {
       let newValue;
       if (of && of?.dataType === "number") {
         newValue = updatedValue ? updatedValue.map((e_1) => parseFloat(e_1)) : [];
@@ -16135,7 +16137,7 @@ function ReadOnlyFieldBinding(t0) {
   }
   let t1;
   if ($[0] !== minimalistView || $[1] !== property || $[2] !== propertyKey) {
-    t1 = !minimalistView && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-6 text-text-secondary dark:text-text-secondary-dark ml-3.5" });
+    t1 = !minimalistView && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5" });
     $[0] = minimalistView;
     $[1] = property;
     $[2] = propertyKey;
@@ -16257,7 +16259,7 @@ function ReferenceFieldBindingInternal({
     referenceDialogController.open();
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !minimalistView && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-6 text-text-secondary dark:text-text-secondary-dark ml-3.5" }),
+    !minimalistView && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5" }),
     !collection && /* @__PURE__ */ jsx(ErrorView, { error: "The specified collection does not exist. Check console" }),
     collection && /* @__PURE__ */ jsxs(Fragment, { children: [
       value && /* @__PURE__ */ jsx(ReferencePreview, { disabled: !property.path, previewProperties: property.previewProperties, hover: !disabled, size, onClick: disabled || isSubmitting ? void 0 : onEntryClick, reference: value, includeEntityLink: property.includeEntityLink, includeId: property.includeId }),
@@ -17950,7 +17952,7 @@ function MarkdownEditorFieldBinding({
   }, ...editorProps });
   if (minimalistView) return editor;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-6 text-text-secondary dark:text-text-secondary-dark ml-3.5" }),
+    /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name, className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5" }),
     /* @__PURE__ */ jsx("div", { className: cls("rounded-md", fieldBackgroundMixin, disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin), children: editor }),
     /* @__PURE__ */ jsx(FieldHelperText, { includeDescription, showError, error, property })
   ] });
@@ -18918,7 +18920,7 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
     deleteEntityClicked && /* @__PURE__ */ jsx(DeleteEntityDialog, { entityOrEntitiesToDelete: deleteEntityClicked, path: fullPath, collection, callbacks: collection.callbacks, open: Boolean(deleteEntityClicked), onEntityDelete: internalOnEntityDelete, onMultipleEntitiesDelete: internalOnMultipleEntitiesDelete, onClose: () => setDeleteEntityClicked(void 0) })
   ] });
 }, (a, b) => {
-  return equal(a.path, b.path) && equal(a.parentCollectionIds, b.parentCollectionIds) && equal(a.isSubCollection, b.isSubCollection) && equal(a.className, b.className) && equal(a.properties, b.properties) && equal(a.propertiesOrder, b.propertiesOrder) && equal(a.hideIdFromCollection, b.hideIdFromCollection) && equal(a.inlineEditing, b.inlineEditing) && equal(a.selectionEnabled, b.selectionEnabled) && equal(a.selectionController, b.selectionController) && equal(a.Actions, b.Actions) && equal(a.defaultSize, b.defaultSize) && equal(a.initialFilter, b.initialFilter) && equal(a.initialSort, b.initialSort) && equal(a.textSearchEnabled, b.textSearchEnabled) && equal(a.additionalFields, b.additionalFields) && equal(a.sideDialogWidth, b.sideDialogWidth) && equal(a.openEntityMode, b.openEntityMode) && equal(a.exportable, b.exportable) && equal(a.history, b.history) && equal(a.forceFilter, b.forceFilter);
+  return equal(a.path, b.path) && equal(a.parentCollectionIds, b.parentCollectionIds) && equal(a.isSubCollection, b.isSubCollection) && equal(a.className, b.className) && equal(a.properties, b.properties) && equal(a.propertiesOrder, b.propertiesOrder) && equal(a.hideIdFromCollection, b.hideIdFromCollection) && equal(a.inlineEditing, b.inlineEditing) && equal(a.selectionEnabled, b.selectionEnabled) && equal(a.selectionController, b.selectionController) && equal(a.Actions, b.Actions) && equal(a.defaultSize, b.defaultSize) && equal(a.initialFilter, b.initialFilter) && equal(a.initialSort, b.initialSort) && equal(a.includeJsonView, b.includeJsonView) && equal(a.textSearchEnabled, b.textSearchEnabled) && equal(a.additionalFields, b.additionalFields) && equal(a.sideDialogWidth, b.sideDialogWidth) && equal(a.openEntityMode, b.openEntityMode) && equal(a.exportable, b.exportable) && equal(a.history, b.history) && equal(a.forceFilter, b.forceFilter);
 });
 function EntitiesCount({
   fullPath,
@@ -20485,7 +20487,8 @@ function useBuildNavigationController(props) {
     getParentReferencesFromPath: getAllParentReferencesForPath,
     getParentCollectionIds,
     convertIdsToPaths,
-    navigate
+    navigate,
+    plugins
   };
 }
 function encodePath(input) {
@@ -22424,7 +22427,7 @@ function FireCMS(props) {
     authController,
     storageSource,
     dataSourceDelegate,
-    plugins,
+    plugins: pluginsProp,
     onAnalyticsEvent,
     propertyConfigs,
     entityViews,
@@ -22432,6 +22435,10 @@ function FireCMS(props) {
     navigationController,
     apiKey
   } = props;
+  if (pluginsProp) {
+    console.warn("The `plugins` prop is deprecated in the FireCMS component. You should pass your plugins to `useBuildNavigationController` instead.");
+  }
+  const plugins = navigationController.plugins ?? pluginsProp;
   const sideDialogsController = useBuildSideDialogsController();
   const sideEntityController = useBuildSideEntityController(navigationController, sideDialogsController, authController);
   const pluginsLoading = plugins?.some((p) => p.loading) ?? false;