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

package/dist/index.es.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { useRef, useEffect, useContext, useCallback, useMemo, useState, createElement, createRef, createContext, forwardRef, useLayoutEffect, useDeferredValue } from "react";
+import React__default, { useRef, useEffect, useContext, useCallback, useMemo, useState, createElement, createRef, createContext, forwardRef, useLayoutEffect } from "react";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import hash from "object-hash";
 import { useCreateFormex, Formex, setIn, Field, getIn, useFormex } from "@firecms/formex";
-import { getColorSchemeForSeed, CHIP_COLORS, Tooltip, ErrorIcon, Typography, CircleIcon, FunctionsIcon, iconKeys, coolIconKeys, Icon, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, Markdown, TextareaAutosize, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, ErrorOutlineIcon, EditIcon, Button, RemoveCircleIcon, Menu, MoreVertIcon, MenuItem, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, AssignmentIcon, CenteredView, Label, TextField, ClearIcon, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogContent, DialogActions, FileCopyIcon, ArchiveIcon, DeleteIcon, AddIcon, ExpandablePanel, Card, ArrowForwardIcon, cardMixin, cardClickableMixin, focusedMixin, StarIcon, StarBorderIcon, Collapse, Container, FilterListOffIcon, SearchIcon, LoadingButton, Avatar, DarkModeIcon, LightModeIcon, LogoutIcon, fieldBackgroundHoverMixin, HandleIcon, RemoveIcon, debounce, InfoIcon, CloseIcon, fieldBackgroundMixin, fieldBackgroundDisabledMixin, ArrowDropDownIcon, useInjectStyles, ShortTextIcon, SubjectIcon, FormatQuoteIcon, HttpIcon, EmailIcon, FlagIcon, ListIcon, ListAltIcon, NumbersIcon, FormatListNumberedIcon, UploadFileIcon, DriveFolderUploadIcon, LinkIcon, AddLinkIcon, ScheduleIcon, BallotIcon, RepeatIcon, ViewStreamIcon, NotesIcon, Tab, Tabs, Alert, Sheet, useLocaleConfig, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
+import { getColorSchemeForSeed, CHIP_COLORS, Tooltip, ErrorIcon, Typography, CircleIcon, FunctionsIcon, iconKeys, coolIconKeys, Icon, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, Markdown, TextareaAutosize, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, ErrorOutlineIcon, EditIcon, Button, RemoveCircleIcon, Menu, MoreVertIcon, MenuItem, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, AssignmentIcon, CenteredView, Label, TextField, ClearIcon, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogContent, DialogActions, FileCopyIcon, ArchiveIcon, DeleteIcon, AddIcon, ExpandablePanel, Card, ArrowForwardIcon, cardMixin, cardClickableMixin, focusedMixin, StarIcon, StarBorderIcon, Collapse, Container, FilterListOffIcon, SearchIcon, LoadingButton, Avatar, DarkModeIcon, LightModeIcon, LogoutIcon, fieldBackgroundHoverMixin, HandleIcon, RemoveIcon, debounce, InfoIcon, CloseIcon, fieldBackgroundMixin, fieldBackgroundDisabledMixin, ArrowDropDownIcon, Paper, ShortTextIcon, SubjectIcon, FormatQuoteIcon, HttpIcon, EmailIcon, FlagIcon, ListIcon, ListAltIcon, NumbersIcon, FormatListNumberedIcon, UploadFileIcon, DriveFolderUploadIcon, LinkIcon, AddLinkIcon, ScheduleIcon, BallotIcon, RepeatIcon, ViewStreamIcon, NotesIcon, Tab, Tabs, Alert, Sheet, useLocaleConfig, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
 import equal from "react-fast-compare";
 import { Link, useNavigate, useLocation, UNSAFE_NavigationContext, NavLink, Route, Routes } from "react-router-dom";
 import { format } from "date-fns";
@@ -16,8 +16,7 @@ import Resizer from "react-image-file-resizer";
 import Fuse from "fuse.js";
 import { FixedSizeList } from "react-window";
 import * as yup from "yup";
-import MarkdownIt from "markdown-it";
-import MdEditor, { Plugins } from "react-markdown-editor-lite";
+import { FireCMSEditor } from "@firecms/editor";
 import * as Portal from "@radix-ui/react-portal";
 const SnackbarProvider = ({ children }) => {
   return /* @__PURE__ */ jsx(
@@ -2882,6 +2881,9 @@ function singular(word, amount) {
 function getEntityPreviewKeys(targetCollection, fields, previewProperties, limit = 3) {
   const allProperties = Object.keys(targetCollection.properties);
   let listProperties = previewProperties?.filter((p) => allProperties.includes(p));
+  if (!listProperties && targetCollection.previewProperties) {
+    listProperties = targetCollection.previewProperties?.filter((p) => allProperties.includes(p));
+  }
   if (listProperties && listProperties.length > 0) {
     return listProperties;
   } else {
@@ -3150,6 +3152,99 @@ function useTraceUpdate(props, maxDepth = 3) {
     prev.current = props;
   });
 }
+async function resolveStorageFilenameString({
+  input,
+  storage,
+  values,
+  entityId,
+  path,
+  property,
+  file,
+  propertyKey
+}) {
+  let result;
+  if (typeof input === "function") {
+    result = await input({
+      path,
+      entityId,
+      values,
+      property,
+      file,
+      storage,
+      propertyKey
+    });
+    if (!result)
+      console.warn("Storage callback returned empty result. Using default name value");
+  } else {
+    result = replacePlaceholders({
+      file,
+      input,
+      entityId,
+      propertyKey,
+      path
+    });
+  }
+  if (!result)
+    result = randomString() + "_" + file.name;
+  return result;
+}
+function resolveStoragePathString({
+  input,
+  storage,
+  values,
+  entityId,
+  path,
+  property,
+  file,
+  propertyKey
+}) {
+  let result;
+  if (typeof input === "function") {
+    result = input({
+      path,
+      entityId,
+      values,
+      property,
+      file,
+      storage,
+      propertyKey
+    });
+    if (!result)
+      console.warn("Storage callback returned empty result. Using default name value");
+  } else {
+    result = replacePlaceholders({
+      file,
+      input,
+      entityId,
+      propertyKey,
+      path
+    });
+  }
+  if (!result)
+    result = randomString() + "_" + file.name;
+  return result;
+}
+function replacePlaceholders({
+  file,
+  input,
+  entityId,
+  propertyKey,
+  path
+}) {
+  const ext = file.name.split(".").pop();
+  let result = input.replace("{entityId}", entityId).replace("{propertyKey}", propertyKey).replace("{rand}", randomString()).replace("{file}", file.name).replace("{file.type}", file.type);
+  if (path) {
+    result = result.replace("{path}", path);
+  }
+  if (ext) {
+    result = result.replace("{file.ext}", ext);
+    const name = file.name.replace(`.${ext}`, "");
+    result = result.replace("{file.name}", name);
+  }
+  if (!result)
+    result = randomString() + "_" + file.name;
+  return result;
+}
 const DataSourceContext = React__default.createContext({});
 const useDataSource = (collection) => {
   const defaultDataSource = useContext(DataSourceContext);
@@ -3493,7 +3588,11 @@ async function saveEntityWithCallbacks({
   } else {
     updatedValues = values;
   }
-  console.log("Saving entity", entityId, updatedValues);
+  console.log("Saving entity", {
+    entityId,
+    updatedValues,
+    collection
+  });
   return dataSource.saveEntity({
     collection,
     path: resolvedPath,
@@ -5802,6 +5901,8 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
               previewType: stringProperty.url
             }
           );
+      } else if (stringProperty.markdown) {
+        content = /* @__PURE__ */ jsx(Markdown, { source: value, size: "small" });
       } else if (stringProperty.storage) {
         const filePath = stringProperty.storage.previewUrl ? stringProperty.storage.previewUrl(value) : value;
         content = /* @__PURE__ */ jsx(
@@ -5813,8 +5914,6 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
             storagePathOrDownloadUrl: filePath
           }
         );
-      } else if (stringProperty.markdown) {
-        content = /* @__PURE__ */ jsx(Markdown, { source: value, size: "small" });
       } else {
         content = /* @__PURE__ */ jsx(
           StringPropertyPreview,
@@ -6469,99 +6568,6 @@ class ErrorBoundary extends React__default.Component {
     return this.props.children;
   }
 }
-async function resolveFilenameString({
-  input,
-  storage,
-  values,
-  entityId,
-  path,
-  property,
-  file,
-  propertyKey
-}) {
-  let result;
-  if (typeof input === "function") {
-    result = await input({
-      path,
-      entityId,
-      values,
-      property,
-      file,
-      storage,
-      propertyKey
-    });
-    if (!result)
-      console.warn("Storage callback returned empty result. Using default name value");
-  } else {
-    result = replacePlaceholders({
-      file,
-      input,
-      entityId,
-      propertyKey,
-      path
-    });
-  }
-  if (!result)
-    result = randomString() + "_" + file.name;
-  return result;
-}
-function resolveStoragePathString({
-  input,
-  storage,
-  values,
-  entityId,
-  path,
-  property,
-  file,
-  propertyKey
-}) {
-  let result;
-  if (typeof input === "function") {
-    result = input({
-      path,
-      entityId,
-      values,
-      property,
-      file,
-      storage,
-      propertyKey
-    });
-    if (!result)
-      console.warn("Storage callback returned empty result. Using default name value");
-  } else {
-    result = replacePlaceholders({
-      file,
-      input,
-      entityId,
-      propertyKey,
-      path
-    });
-  }
-  if (!result)
-    result = randomString() + "_" + file.name;
-  return result;
-}
-function replacePlaceholders({
-  file,
-  input,
-  entityId,
-  propertyKey,
-  path
-}) {
-  const ext = file.name.split(".").pop();
-  let result = input.replace("{entityId}", entityId).replace("{propertyKey}", propertyKey).replace("{rand}", randomString()).replace("{file}", file.name).replace("{file.type}", file.type);
-  if (path) {
-    result = result.replace("{path}", path);
-  }
-  if (ext) {
-    result = result.replace("{file.ext}", ext);
-    const name = file.name.replace(`.${ext}`, "");
-    result = result.replace("{file.name}", name);
-  }
-  if (!result)
-    result = randomString() + "_" + file.name;
-  return result;
-}
 function useStorageUploadController({
   entityId,
   entityValues,
@@ -6596,7 +6602,7 @@ function useStorageUploadController({
   }, [internalInitialValue, value, initialValue]);
   const fileNameBuilder = useCallback(async (file) => {
     if (storage.fileName) {
-      const fileName = await resolveFilenameString({
+      const fileName = await resolveStorageFilenameString({
         input: storage.fileName,
         storage,
         values: entityValues,
@@ -7792,6 +7798,8 @@ function useClearRestoreValue({
   }, [property]);
 }
 function isStorageProperty(property) {
+  if (property.dataType === "string" && property.markdown)
+    return false;
   if (property.dataType === "string" && property.storage)
     return true;
   if (property.dataType === "array") {
@@ -8041,7 +8049,7 @@ const PropertyTableCell = React__default.memo(
             }
           );
           fullHeight = true;
-        } else if (!stringProperty.storage) {
+        } else if (stringProperty.markdown || !stringProperty.storage) {
           const multiline = Boolean(stringProperty.multiline) || Boolean(stringProperty.markdown);
           innerComponent = /* @__PURE__ */ jsx(
             VirtualTableInput,
@@ -10497,6 +10505,7 @@ function useTableSearchHelper({
   const props = {
     context,
     path: fullPath,
+    databaseId: collection.databaseId,
     collection,
     parentCollectionIds
   };
@@ -11835,7 +11844,7 @@ function PopupFormFieldInternal({
   const customizationController = useCustomizationController();
   const [savingError, setSavingError] = React__default.useState();
   const [popupLocation, setPopupLocation] = useState();
-  const entityId = entityProp?.id;
+  const entityId = entityProp.id;
   const [entity, setEntity] = useState(entityProp);
   const [internalValue, setInternalValue] = useState(entity?.values);
   const collection = inputCollection ? resolveCollection({
@@ -11979,9 +11988,8 @@ function PopupFormFieldInternal({
     includeDescription: false,
     underlyingValueHasChanged: false,
     context: formContext,
-    tableMode: true,
     partOfArray: false,
-    partOfBlock: false,
+    minimalistView: false,
     autoFocus: open
   } : void 0;
   let internalForm = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
@@ -12339,7 +12347,7 @@ const EntityCollectionView = React__default.memo(
         value,
         property,
         entityId
-      }) => dataSource.checkUniqueField(fullPath, name, value, entityId),
+      }) => dataSource.checkUniqueField(fullPath, name, value, entityId, collection.databaseId),
       [fullPath]
     );
     const onValueChange = ({
@@ -12674,7 +12682,7 @@ const EntityCollectionView = React__default.memo(
             },
             `collection_table_${fullPath}`
           ),
-          /* @__PURE__ */ jsx(
+          popupCell && /* @__PURE__ */ jsx(
             PopupFormField,
             {
               open: Boolean(popupCell),
@@ -12682,7 +12690,7 @@ const EntityCollectionView = React__default.memo(
               cellRect: popupCell?.cellRect,
               propertyKey: popupCell?.propertyKey,
               collection,
-              entity: popupCell?.entity,
+              entity: popupCell.entity,
               tableKey: tableKey.current,
               customFieldValidator: uniqueFieldValidator,
               path: resolvedFullPath,
@@ -13951,7 +13959,7 @@ function ArrayOfReferencesFieldBinding({
   showError,
   disabled,
   isSubmitting,
-  tableMode,
+  minimalistView,
   property,
   includeDescription,
   setValue,
@@ -14065,7 +14073,7 @@ function ArrayOfReferencesFieldBinding({
     ] })
   ] });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       ExpandablePanel,
       {
         titleClassName: fieldBackgroundMixin,
@@ -14075,7 +14083,7 @@ function ArrayOfReferencesFieldBinding({
         children: body
       }
     ),
-    tableMode && body,
+    minimalistView && body,
     /* @__PURE__ */ jsx(
       FieldHelperText,
       {
@@ -14160,7 +14168,7 @@ function StorageUploadFieldBinding({
   error,
   showError,
   autoFocus,
-  tableMode,
+  minimalistView,
   property,
   includeDescription,
   context,
@@ -14195,7 +14203,7 @@ function StorageUploadFieldBinding({
     setValue
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       LabelWithIcon,
       {
         icon: getIconForProperty(property, "small"),
@@ -14714,7 +14722,7 @@ function ReadOnlyFieldBinding({
   value,
   error,
   showError,
-  tableMode,
+  minimalistView,
   property,
   includeDescription,
   context
@@ -14722,7 +14730,7 @@ function ReadOnlyFieldBinding({
   if (!context.entityId)
     throw new Error("ReadOnlyFieldBinding: Entity id is null");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       LabelWithIcon,
       {
         icon: getIconForProperty(property, "small"),
@@ -14770,6 +14778,7 @@ function ReferenceFieldBindingInternal({
   showError,
   isSubmitting,
   disabled,
+  minimalistView,
   touched,
   autoFocus,
   property,
@@ -14810,7 +14819,7 @@ function ReferenceFieldBindingInternal({
     referenceDialogController.open();
   }, [referenceDialogController]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       LabelWithIcon,
       {
         icon: getIconForProperty(property, "small"),
@@ -14890,9 +14899,8 @@ function PropertyFieldBindingInternal({
   includeDescription,
   underlyingValueHasChanged,
   disabled,
-  tableMode,
   partOfArray,
-  partOfBlock,
+  minimalistView,
   autoFocus,
   index
 }) {
@@ -14954,9 +14962,8 @@ function PropertyFieldBindingInternal({
           underlyingValueHasChanged,
           context,
           disabled,
-          tableMode,
           partOfArray,
-          partOfBlock,
+          minimalistView,
           autoFocus
         };
         return /* @__PURE__ */ jsx(
@@ -14979,9 +14986,8 @@ function FieldInternal({
     property,
     includeDescription,
     underlyingValueHasChanged,
-    tableMode,
     partOfArray,
-    partOfBlock,
+    minimalistView,
     autoFocus,
     context,
     disabled
@@ -15026,9 +15032,8 @@ function FieldInternal({
     property,
     disabled: disabled ?? false,
     underlyingValueHasChanged: underlyingValueHasChanged ?? false,
-    tableMode: tableMode ?? false,
     partOfArray: partOfArray ?? false,
-    partOfBlock: partOfBlock ?? false,
+    minimalistView: minimalistView ?? false,
     autoFocus: autoFocus ?? false,
     customProps: customFieldProps,
     context
@@ -15095,8 +15100,7 @@ function MapFieldBinding({
   error,
   disabled,
   property,
-  partOfBlock,
-  tableMode,
+  minimalistView,
   includeDescription,
   underlyingValueHasChanged,
   autoFocus,
@@ -15129,9 +15133,8 @@ function MapFieldBinding({
         includeDescription,
         underlyingValueHasChanged,
         context,
-        tableMode: false,
         partOfArray: false,
-        partOfBlock: false,
+        minimalistView: false,
         autoFocus: autoFocus && index === 0
       };
       return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
@@ -15152,7 +15155,7 @@ function MapFieldBinding({
     }
   );
   return /* @__PURE__ */ jsxs(ErrorBoundary, { children: [
-    !tableMode && !partOfBlock && /* @__PURE__ */ jsx(
+    !minimalistView && !minimalistView && /* @__PURE__ */ jsx(
       ExpandablePanel,
       {
         initiallyExpanded: expanded,
@@ -15161,7 +15164,7 @@ function MapFieldBinding({
         children: mapFormView
       }
     ),
-    (tableMode || partOfBlock) && mapFormView,
+    (minimalistView || minimalistView) && mapFormView,
     /* @__PURE__ */ jsx(
       FieldHelperText,
       {
@@ -15182,7 +15185,7 @@ function KeyValueFieldBinding({
   disabled,
   property,
   setValue,
-  tableMode,
+  minimalistView,
   includeDescription,
   underlyingValueHasChanged,
   autoFocus,
@@ -15213,7 +15216,7 @@ function KeyValueFieldBinding({
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       ExpandablePanel,
       {
         initiallyExpanded: expanded,
@@ -15222,7 +15225,7 @@ function KeyValueFieldBinding({
         children: mapFormView
       }
     ),
-    tableMode && mapFormView,
+    minimalistView && mapFormView,
     /* @__PURE__ */ jsx(
       FieldHelperText,
       {
@@ -15807,7 +15810,7 @@ function RepeatFieldBinding({
   isSubmitting,
   setValue,
   setFieldValue,
-  tableMode,
+  minimalistView,
   property,
   includeDescription,
   underlyingValueHasChanged,
@@ -15835,9 +15838,8 @@ function RepeatFieldBinding({
       includeDescription,
       underlyingValueHasChanged,
       context,
-      tableMode: false,
       partOfArray: true,
-      partOfBlock: false,
+      minimalistView: false,
       autoFocus: internalId === lastAddedId
     };
     return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(PropertyFieldBinding, { ...fieldProps, index }) });
@@ -15873,7 +15875,7 @@ function RepeatFieldBinding({
     ] })
   ] });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       ExpandablePanel,
       {
         initiallyExpanded: expanded,
@@ -15882,7 +15884,7 @@ function RepeatFieldBinding({
         children: arrayContainer
       }
     ),
-    tableMode && arrayContainer,
+    minimalistView && arrayContainer,
     /* @__PURE__ */ jsx(
       FieldHelperText,
       {
@@ -15903,7 +15905,7 @@ function BlockFieldBinding({
   isSubmitting,
   setValue,
   setFieldValue,
-  tableMode,
+  minimalistView,
   property,
   includeDescription,
   underlyingValueHasChanged,
@@ -15963,7 +15965,7 @@ function BlockFieldBinding({
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       ExpandablePanel,
       {
         className: "px-2 md:px-4 pb-2 md:pb-4 pt-1 md:pt-2",
@@ -15972,7 +15974,7 @@ function BlockFieldBinding({
         children: body
       }
     ),
-    tableMode && body,
+    minimalistView && body,
     /* @__PURE__ */ jsx(
       FieldHelperText,
       {
@@ -16021,8 +16023,7 @@ function BlockEntry({
     context,
     autoFocus,
     partOfArray: false,
-    partOfBlock: true,
-    tableMode: false
+    minimalistView: true
   } : void 0;
   const updateType = (newType) => {
     const newSelectedProperty = newType ? properties[newType] : void 0;
@@ -16031,7 +16032,7 @@ function BlockEntry({
     formex.setFieldValue(typeFieldName, newType);
     formex.setFieldValue(valueFieldName, newSelectedProperty ? getDefaultValueFor(newSelectedProperty) : null);
   };
-  return /* @__PURE__ */ jsxs("div", { className: cls(paperMixin, "bg-transparent p-4 my-4 py-8"), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cls(paperMixin, "bg-transparent p-2 mb-4"), children: [
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -16090,681 +16091,118 @@ function BlockEntry({
     /* @__PURE__ */ jsx(PropertyFieldBinding, { ...fieldProps }, `form_control_${name}_${typeInternal}`)
   ] });
 }
-const mdParser = new MarkdownIt();
-try {
-  MdEditor.use(Plugins.AutoResize, {
-    min: 100
-  });
-  MdEditor.unuse(Plugins.FontUnderline);
-  MdEditor.unuse(Plugins.Clear);
-} catch (e) {
-}
-function MarkdownFieldBinding({
+function MarkdownEditorFieldBinding({
+  property,
   propertyKey,
   value,
   setValue,
-  error,
-  showError,
-  disabled,
-  autoFocus,
-  touched,
-  property,
-  tableMode,
   includeDescription,
-  context
+  showError,
+  error,
+  minimalistView,
+  isSubmitting,
+  context,
+  customProps,
+  ...props
 }) {
-  const [internalValue, setInternalValue] = React__default.useState(value);
-  const valueRef = useRef(value);
-  useInjectStyles("MarkdownFieldBinding", markdownCss);
-  const deferred = useDeferredValue({
-    internalValue,
-    value
-  });
+  const highlight = customProps?.highlight;
+  const storageSource = useStorageSource();
+  const storage = property.storage;
+  const entityValues = context.values;
+  const entityId = context.entityId;
+  const path = context.path;
+  const [fieldVersion, setFieldVersion] = useState(0);
+  const internalValue = useRef(value);
+  const onContentChange = useCallback((content) => {
+    internalValue.current = content;
+    setValue(content);
+  }, [setValue]);
   useEffect(() => {
-    valueRef.current = value;
-    setInternalValue(value);
+    if (internalValue.current !== value) {
+      internalValue.current = value;
+      setFieldVersion(fieldVersion + 1);
+    }
   }, [value]);
-  useEffect(() => {
-    if (deferred.internalValue !== valueRef.current)
-      setValue(deferred.internalValue);
-  }, [deferred]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "caption",
-        className: "flex-grow",
-        children: /* @__PURE__ */ jsx(
-          LabelWithIcon,
-          {
-            icon: getIconForProperty(property, "small"),
-            required: property.validation?.required,
-            title: property.name,
-            className: "text-text-secondary dark:text-text-secondary-dark ml-3.5"
-          }
-        )
+  const fileNameBuilder = useCallback(async (file) => {
+    if (storage?.fileName) {
+      const fileName = await resolveStorageFilenameString({
+        input: storage.fileName,
+        storage,
+        values: entityValues,
+        entityId,
+        path,
+        property,
+        file,
+        propertyKey
+      });
+      if (!fileName || fileName.length === 0) {
+        throw Error("You need to return a valid filename");
       }
-    ),
+      return fileName;
+    }
+    return randomString() + "_" + file.name;
+  }, [entityId, entityValues, path, property, propertyKey, storage]);
+  const storagePathBuilder = useCallback((file) => {
+    if (!storage) return "/";
+    return resolveStoragePathString({
+      input: storage.storagePath,
+      storage,
+      values: entityValues,
+      entityId,
+      path,
+      property,
+      file,
+      propertyKey
+    }) ?? "/";
+  }, [entityId, entityValues, path, property, propertyKey, storage]);
+  const editor = /* @__PURE__ */ jsx(
+    FireCMSEditor,
+    {
+      content: value,
+      onMarkdownContentChange: onContentChange,
+      version: context.formex.version + fieldVersion,
+      highlight,
+      handleImageUpload: async (file) => {
+        const storagePath = storagePathBuilder(file);
+        const fileName = await fileNameBuilder(file);
+        const result = await storageSource.uploadFile({
+          file,
+          fileName,
+          path: storagePath
+        });
+        const downloadConfig = await storageSource.getDownloadURL(result.path);
+        const url = downloadConfig.url;
+        if (!url) {
+          throw new Error("Error uploading image");
+        }
+        return url;
+      }
+    }
+  );
+  if (minimalistView)
+    return editor;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      MdEditor,
+      LabelWithIcon,
       {
-        value: internalValue ?? "",
-        className: cls(
-          fieldBackgroundMixin,
-          disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin,
-          "text-base"
-        ),
-        readOnly: disabled,
-        renderHTML: (text) => mdParser.render(text),
-        view: {
-          menu: true,
-          md: true,
-          html: false
-        },
-        onChange: ({
-          html,
-          text
-        }) => {
-          setInternalValue(text ?? null);
-        }
+        icon: getIconForProperty(property, "small"),
+        required: property.validation?.required,
+        title: property.name,
+        className: "text-text-secondary dark:text-text-secondary-dark ml-3.5"
       }
     ),
+    /* @__PURE__ */ jsx(Paper, { children: editor }),
     /* @__PURE__ */ jsx(
       FieldHelperText,
       {
         includeDescription,
         showError,
         error,
-        disabled,
         property
       }
     )
   ] });
 }
-const markdownCss = `
-  @font-face {
-    font-family: rmel-iconfont;
-    src: url(data:application/vnd.ms-fontobject;base64,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NS4BJyMOAd0VGwEBGxWRFRsbFWEcFBQcYRUbGxWRFRsBARsCK2EVGxsVkRUbAQEbKRySARsVYRwpGwEBGxWRFRsBHwEbFZEVGwEBGykcYRUbwwEbFWEcKRsBARsVkRUb/qscKRsBARsVkRUbGxUBtRQcYRUbGxWRFRsBARsAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQANABUAAQAAAAAAAgAHACIAAQAAAAAAAwANACkAAQAAAAAABAANADYAAQAAAAAABQALAEMAAQAAAAAABgANAE4AAQAAAAAACgArAFsAAQAAAAAACwATAIYAAwABBAkAAAAqAJkAAwABBAkAAQAaAMMAAwABBAkAAgAOAN0AAwABBAkAAwAaAOsAAwABBAkABAAaAQUAAwABBAkABQAWAR8AAwABBAkABgAaATUAAwABBAkACgBWAU8AAwABBAkACwAmAaUKQ3JlYXRlZCBieSBpY29uZm9udApybWVsLWljb25mb250UmVndWxhcnJtZWwtaWNvbmZvbnRybWVsLWljb25mb250VmVyc2lvbiAxLjBybWVsLWljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAcgBtAGUAbAAtAGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAHIAbQBlAGwALQBpAGMAbwBuAGYAbwBuAHQAcgBtAGUAbAAtAGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBtAGUAbAAtAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwADdGFiCGtleWJvYXJkBmRlbGV0ZQpjb2RlLWJsb2NrBGNvZGUKdmlzaWJpbGl0eQp2aWV3LXNwbGl0BGxpbmsEcmVkbwR1bmRvBGJvbGQGaXRhbGljDGxpc3Qtb3JkZXJlZA5saXN0LXVub3JkZXJlZAVxdW90ZQ1zdHJpa2V0aHJvdWdoCXVuZGVybGluZQR3cmFwCWZvbnQtc2l6ZQRncmlkBWltYWdlC2V4cGFuZC1sZXNzC2V4cGFuZC1tb3JlD2Z1bGxzY3JlZW4tZXhpdApmdWxsc2NyZWVuAAAAAAA=);
-    src: url(data:font/ttf;base64,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) format("truetype")
-  }
-
-  .rmel-iconfont {
-    font-family: rmel-iconfont !important;
-    font-size: 16px;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
-  }
-
-  .rmel-icon-tab:before {
-    content: "\\e76d"
-  }
-
-  .rmel-icon-keyboard:before {
-    content: "\\ed80"
-  }
-
-  .rmel-icon-delete:before {
-    content: "\\ed3c"
-  }
-
-  .rmel-icon-code-block:before {
-    content: "\\e941"
-  }
-
-  .rmel-icon-code:before {
-    content: "\\ed3b"
-  }
-
-  .rmel-icon-visibility:before {
-    content: "\\ed44"
-  }
-
-  .rmel-icon-view-split:before {
-    content: "\\ed45"
-  }
-
-  .rmel-icon-link:before {
-    content: "\\ed5f"
-  }
-
-  .rmel-icon-redo:before {
-    content: "\\ed60"
-  }
-
-  .rmel-icon-undo:before {
-    content: "\\ed61"
-  }
-
-  .rmel-icon-bold:before {
-    content: "\\ed6f"
-  }
-
-  .rmel-icon-italic:before {
-    content: "\\ed70"
-  }
-
-  .rmel-icon-list-ordered:before {
-    content: "\\ed71"
-  }
-
-  .rmel-icon-list-unordered:before {
-    content: "\\ed72"
-  }
-
-  .rmel-icon-quote:before {
-    content: "\\ed73"
-  }
-
-  .rmel-icon-strikethrough:before {
-    content: "\\ed74"
-  }
-
-  .rmel-icon-underline:before {
-    content: "\\ed75"
-  }
-
-  .rmel-icon-wrap:before {
-    content: "\\ed77"
-  }
-
-  .rmel-icon-font-size:before {
-    content: "\\ed78"
-  }
-
-  .rmel-icon-grid:before {
-    content: "\\ed8c"
-  }
-
-  .rmel-icon-image:before {
-    content: "\\ed8d"
-  }
-
-  .rmel-icon-expand-less:before {
-    content: "\\ed9f"
-  }
-
-  .rmel-icon-expand-more:before {
-    content: "\\eda0"
-  }
-
-  .rmel-icon-fullscreen-exit:before {
-    content: "\\eda1"
-  }
-
-  .rmel-icon-fullscreen:before {
-    content: "\\eda2"
-  }
-
-  .rc-md-editor {
-    padding-bottom: 1px;
-    position: relative;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    overflow: hidden;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-            border-radius: 6px;
-  }
-
-  .rc-md-editor.full {
-    width: 100%;
-    height: 100% !important;
-    position: fixed;
-    left: 0;
-    top: 0;
-    z-index: 1000
-  }
-
-  .rc-md-editor .editor-container {
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    width: 100%;
-    min-height: 0;
-    position: relative;
-
-  }
-
-  .rc-md-editor .editor-container > .section {
-    -webkit-box-flex: 1;
-    -webkit-flex-grow: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    -webkit-flex-shrink: 1;
-    -ms-flex-negative: 1;
-    flex-shrink: 1;
-    -webkit-flex-basis: 1px;
-    -ms-flex-preferred-size: 1px;
-    flex-basis: 1px;
-    padding: 0px 8px;
-            border: none
-  }
-
-  .rc-md-editor .editor-container > .section.in-visible {
-    display: none
-  }
-
-  .rc-md-editor .editor-container > .section > .section-container {
-    padding: 8x 16px 16px
-  }
-
-  .rc-md-editor .editor-container > .section:last-child {
-    border-radius: unset
-  }
-
-  .rc-md-editor .editor-container .sec-md {
-    min-height: 0;
-    min-width: 0;
-    overflow: hidden;
-  }
-
-  .rc-md-editor .editor-container .sec-md .input {
-    background: transparent;
-    font-size: 1rem;
-    display: block;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    overflow-y: scroll;
-    border: none;
-    resize: none;
-    outline: none;
-    min-height: 0;
-    color: inherit;
-    line-height: 1.7;
-
-  }
-
-  .rc-md-editor .editor-container .sec-html {
-    min-height: 0;
-    min-width: 0;
-
-  }
-
-  .rc-md-editor .editor-container .sec-html .html-wrap {
-    height: 100%;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: auto
-  }
-
-  .custom-html-style {
-    color: inherit
-  }
-
-  .custom-html-style h1 {
-    font-size: 32px;
-    padding: 0;
-    border: none;
-    font-weight: 700;
-    margin: 32px 0;
-    line-height: 1.2
-  }
-
-  .custom-html-style h2 {
-    font-size: 24px;
-    padding: 0;
-    border: none;
-    font-weight: 700;
-    margin: 24px 0;
-    line-height: 1.7
-  }
-
-  .custom-html-style h3 {
-    font-size: 18px;
-    margin: 18px 0;
-    padding: 0;
-    line-height: 1.7;
-    border: none
-  }
-
-  .custom-html-style p {
-    font-size: 16px;
-    line-height: 1.7;
-    margin: 8px 0
-  }
-
-  .custom-html-style a {
-  }
-
-  .custom-html-style a:hover {
-    text-decoration: none
-  }
-
-  .custom-html-style strong {
-    font-weight: 700
-  }
-
-  .custom-html-style ol, .custom-html-style ul {
-    font-size: 16px;
-    line-height: 28px;
-    padding-left: 36px
-  }
-
-  .custom-html-style li {
-    margin-bottom: 8px;
-    line-height: 1.7
-  }
-
-  .custom-html-style hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-  }
-
-  .custom-html-style pre {
-    display: block;
-    padding: 20px;
-    line-height: 28px;
-    word-break: break-word
-  }
-
-  .custom-html-style code, .custom-html-style pre {
-    font-size: 16px;
-    border-radius: 0;
-    overflow-x: auto
-  }
-
-  .custom-html-style code {
-    padding: 3px 0;
-    margin: 0;
-    word-break: normal
-  }
-
-  .custom-html-style code:after, .custom-html-style code:before {
-    letter-spacing: 0
-  }
-
-  .custom-html-style blockquote {
-    position: relative;
-    margin: 16px 0;
-    padding: 5px 8px 5px 30px;
-    background: none repeat scroll 0 0 ${"rgb(39 39 41)"};
-    color: inherit;
-    border: none;
-    border-left: 10px solid #d6dbdf
-  }
-
-  .custom-html-style img, .custom-html-style video {
-    max-width: 100%
-  }
-
-  .custom-html-style table {
-    font-size: 16px;
-    line-height: 1.7;
-    max-width: 100%;
-    overflow: auto;
-
-    border-collapse: collapse;
-    border-spacing: 0;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-  }
-
-  .custom-html-style table td, .custom-html-style table th {
-    word-break: break-all;
-    word-wrap: break-word;
-    white-space: normal
-  }
-
-  .custom-html-style table tr {
-  }
-
-  .custom-html-style table tr:nth-of-type(2n) {
-    background-color: transparent
-  }
-
-  .custom-html-style table th {
-    text-align: center;
-    font-weight: 700;
-
-    padding: 10px 6px;
-    background-color: #f5f7fa;
-    word-break: break-word
-  }
-
-  .custom-html-style table td {
-
-    text-align: left;
-    padding: 10px 15px;
-    word-break: break-word;
-    min-width: 60px
-  }
-
-  .rc-md-editor .drop-wrap {
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 28px;
-    z-index: 2;
-    min-width: 20px;
-    padding: 10px 0;
-    text-align: center;
-    border-style: solid;
-    border-width: 1px
-  }
-
-  .rc-md-editor .drop-wrap.hidden {
-    display: none !important
-  }
-
-  .rc-md-editor .rc-md-navigation {
-    min-height: 38px;
-    padding: 0 8px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-            color: "inherit",
-
-  }
-
-  .rc-md-editor .rc-md-navigation.in-visible {
-    display: none
-  }
-
-  .rc-md-editor .rc-md-navigation .navigation-nav {
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    font-size: 16px;
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap, .rc-md-editor .rc-md-navigation .navigation-nav {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap {
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap .button {
-    position: relative;
-    min-width: 22px;
-    height: 28px;
-    margin-left: 3px;
-    margin-right: -2px;
-    display: inline-block;
-    cursor: pointer;
-    line-height: 28px;
-    text-align: center;
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap .button:hover {
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap .button.disabled {
-    cursor: not-allowed
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap .button:first-of-type {
-    margin-left: 0
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap .button:last-child {
-    margin-right: 0
-  }
-
-  .rc-md-editor .rc-md-navigation .button-wrap .rmel-iconfont {
-    font-size: 18px
-  }
-
-  .rc-md-editor .rc-md-navigation li, .rc-md-editor .rc-md-navigation ul {
-    list-style: none;
-    margin: 0;
-    padding: 0
-  }
-
-  .rc-md-editor .rc-md-navigation .h1, .rc-md-editor .rc-md-navigation .h2, .rc-md-editor .rc-md-navigation .h3, .rc-md-editor .rc-md-navigation .h4, .rc-md-editor .rc-md-navigation .h5, .rc-md-editor .rc-md-navigation .h6, .rc-md-editor .rc-md-navigation h1, .rc-md-editor .rc-md-navigation h2, .rc-md-editor .rc-md-navigation h3, .rc-md-editor .rc-md-navigation h4, .rc-md-editor .rc-md-navigation h5, .rc-md-editor .rc-md-navigation h6 {
-    font-family: inherit;
-    font-weight: 500;
-    color: inherit;
-    padding: 0;
-    margin: 0;
-    line-height: 1.1
-  }
-
-  .rc-md-editor .rc-md-navigation h1 {
-    font-size: 34px
-  }
-
-  .rc-md-editor .rc-md-navigation h2 {
-    font-size: 30px
-  }
-
-  .rc-md-editor .rc-md-navigation h3 {
-    font-size: 24px
-  }
-
-  .rc-md-editor .rc-md-navigation h4 {
-    font-size: 18px
-  }
-
-  .rc-md-editor .rc-md-navigation h5 {
-    font-size: 16px
-  }
-
-  .rc-md-editor .rc-md-navigation h6 {
-    font-size: 12px
-  }
-
-  .rc-md-editor .tool-bar {
-    position: absolute;
-    z-index: 1;
-    right: 8px;
-    top: 8px
-  }
-
-  .rc-md-editor .tool-bar .button {
-    min-width: 24px;
-    height: 28px;
-    margin-right: 5px;
-    display: inline-block;
-    cursor: pointer;
-    font-size: 16px;
-    line-height: 28px;
-    text-align: center;
-    color: #999
-  }
-
-  .rc-md-editor .tool-bar .button:hover {
-    color: inherit
-  }
-
-  .rc-md-editor .rc-md-gray-100 {
-    display: block;
-    width: 1px;
-  }
-
-  .rc-md-editor .table-list.wrap {
-    position: relative;
-    margin: 0 10px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-  }
-
-  .rc-md-editor .table-list.wrap .list-item {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    border-radius: 4px
-  }
-
-  .rc-md-editor .table-list.wrap .list-item.active {
-  }
-
-  .rc-md-editor .tab-map-list .list-item {
-    width: 120px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-  }
-
-  .rc-md-editor .tab-map-list .list-item:hover {
-  }
-
-  .rc-md-editor .tab-map-list .list-item.active {
-    font-weight: 700
-  }
-
-  .rc-md-editor .header-list .list-item {
-    width: 100px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 8px 0
-  }
-
-  .rc-md-editor .header-list .list-item:hover {
-  }
-
-`;
 function ArrayCustomShapedFieldBinding({
   propertyKey,
   value,
@@ -16772,7 +16210,7 @@ function ArrayCustomShapedFieldBinding({
   showError,
   isSubmitting,
   setValue,
-  tableMode,
+  minimalistView,
   property,
   includeDescription,
   underlyingValueHasChanged,
@@ -16811,15 +16249,14 @@ function ArrayCustomShapedFieldBinding({
       includeDescription,
       underlyingValueHasChanged,
       context,
-      tableMode: false,
       partOfArray: true,
-      partOfBlock: false,
+      minimalistView: false,
       autoFocus: false
     };
     return /* @__PURE__ */ jsx("div", { className: "pb-4", children: /* @__PURE__ */ jsx(PropertyFieldBinding, { ...fieldProps }) }, `custom_shaped_array_${index}`);
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !tableMode && /* @__PURE__ */ jsx(
+    !minimalistView && /* @__PURE__ */ jsx(
       ExpandablePanel,
       {
         initiallyExpanded: expanded,
@@ -16828,7 +16265,7 @@ function ArrayCustomShapedFieldBinding({
         children: body
       }
     ),
-    tableMode && body,
+    minimalistView && body,
     /* @__PURE__ */ jsx(
       FieldHelperText,
       {
@@ -16877,7 +16314,7 @@ const DEFAULT_FIELD_CONFIGS = {
     property: {
       dataType: "string",
       markdown: true,
-      Field: MarkdownFieldBinding
+      Field: MarkdownEditorFieldBinding
     }
   },
   url: {
@@ -18153,7 +17590,7 @@ function EntityEditViewInner({
       name,
       value,
       property
-    }) => dataSource.checkUniqueField(path, name, value, entityId),
+    }) => dataSource.checkUniqueField(path, name, value, entityId, collection.databaseId),
     [dataSource, path, entityId]
   );
   const validationSchema = useMemo(
@@ -18214,9 +17651,8 @@ function EntityEditViewInner({
         includeDescription: property.description || property.longDescription,
         underlyingValueHasChanged: underlyingValueHasChanged && !autoSave,
         context: formContext,
-        tableMode: false,
         partOfArray: false,
-        partOfBlock: false,
+        minimalistView: false,
         autoFocus: false
       };
       return /* @__PURE__ */ jsx(
@@ -19120,7 +18556,7 @@ function useBuildDataSource({
      */
     fetchCollection: useCallback(({
       path,
-      collection: collectionProp,
+      collection,
       filter,
       limit,
       startAfter,
@@ -19135,7 +18571,8 @@ function useBuildDataSource({
         startAfter,
         searchString,
         orderBy,
-        order
+        order,
+        collection
       });
     }, [delegate]),
     /**
@@ -19167,7 +18604,7 @@ function useBuildDataSource({
       onError
     }) => {
       const collection = collectionProp ?? navigationController.getCollection(path);
-      const isCollectionGroup = Boolean(collection?.collectionGroup) ?? false;
+      Boolean(collection?.collectionGroup);
       if (!delegate.listenCollection)
         throw Error("useBuildDataSource delegate not initialised");
       return delegate.listenCollection({
@@ -19180,7 +18617,6 @@ function useBuildDataSource({
         order,
         onUpdate,
         onError,
-        isCollectionGroup,
         collection
       });
     }, [delegate, navigationController.getCollection]) : void 0,
@@ -19193,10 +18629,12 @@ function useBuildDataSource({
      */
     fetchEntity: useCallback(({
       path,
-      entityId
+      entityId,
+      collection
     }) => delegate.fetchEntity({
       path,
-      entityId
+      entityId,
+      collection
     }), [delegate]),
     /**
      *
@@ -19221,7 +18659,8 @@ function useBuildDataSource({
         path,
         entityId,
         onUpdate,
-        onError
+        onError,
+        collection
       });
     }, [delegate.listenEntity]) : void 0,
     /**
@@ -19243,6 +18682,14 @@ function useBuildDataSource({
       status
     }) => {
       const collection = collectionProp ?? navigationController.getCollection(path);
+      console.log("useBuildDatasource save", {
+        path,
+        entityId,
+        values,
+        collectionProp,
+        collection,
+        status
+      });
       const resolvedCollection = collection ? resolveCollection({
         collection,
         path,
@@ -19264,6 +18711,7 @@ function useBuildDataSource({
       ) : firestoreValues;
       return delegate.saveEntity({
         path,
+        collection,
         entityId,
         values: updatedFirestoreValues,
         status
@@ -19296,8 +18744,8 @@ function useBuildDataSource({
      * @return `true` if there are no other fields besides the given entity
      * @group Firestore
      */
-    checkUniqueField: useCallback((path, name, value, entityId) => {
-      return delegate.checkUniqueField(path, name, value, entityId);
+    checkUniqueField: useCallback((path, name, value, entityId, databaseId) => {
+      return delegate.checkUniqueField(path, name, value, entityId, databaseId);
     }, [delegate.checkUniqueField]),
     generateEntityId: useCallback((path) => {
       return delegate.generateEntityId(path);
@@ -19314,11 +18762,12 @@ function useBuildDataSource({
         filter,
         orderBy,
         order,
-        isCollectionGroup: Boolean(collection.collectionGroup)
+        collection
       });
     } : void 0,
     isFilterCombinationValid: useCallback(({
       path,
+      databaseId,
       filterValues,
       sortBy
     }) => {
@@ -19327,6 +18776,7 @@ function useBuildDataSource({
       return delegate.isFilterCombinationValid(
         {
           path,
+          databaseId,
           filterValues,
           sortBy
         }
@@ -19832,7 +19282,7 @@ function DefaultDrawer({
   };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cls("flex flex-col h-full relative flex-grow w-full", className), style, children: [
     /* @__PURE__ */ jsx(DrawerLogo, { logo }),
-    /* @__PURE__ */ jsx("div", { className: "overflow-scroll no-scrollbar", children: groupsWithoutAdmin.map((group) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-scroll no-scrollbar", children: groupsWithoutAdmin.map((group) => /* @__PURE__ */ jsxs(
       React__default.Fragment,
       {
         children: [
@@ -20102,7 +19552,7 @@ export {
   LabelWithIcon,
   MapFieldBinding,
   MapPropertyPreview,
-  MarkdownFieldBinding,
+  MarkdownEditorFieldBinding,
   ModeControllerContext,
   ModeControllerProvider,
   MultiSelectBinding,
@@ -20244,6 +19694,8 @@ export {
   resolveProperties,
   resolveProperty,
   resolvePropertyEnum,
+  resolveStorageFilenameString,
+  resolveStoragePathString,
   sanitizeData,
   saveEntityWithCallbacks,
   segmentsToStrippedPath,