@firecms/core 3.0.0-canary.109 → 3.0.0-canary.110

package/dist/form/field_bindings/MarkdownEditorFieldBinding.d.ts

@@ -1,9 +1,11 @@
 import { FieldProps } from "../../index";
+import { FireCMSEditorProps } from "@firecms/editor";
 interface MarkdownEditorFieldProps {
     highlight?: {
         from: number;
         to: number;
     };
+    editorProps?: Partial<FireCMSEditorProps>;
 }
-export declare function MarkdownEditorFieldBinding({ property, propertyKey, value, setValue, includeDescription, showError, error, minimalistView, isSubmitting, context, customProps, ...props }: FieldProps<string, MarkdownEditorFieldProps>): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownEditorFieldBinding({ property, propertyKey, value, setValue, includeDescription, showError, error, minimalistView, isSubmitting, context, customProps, }: FieldProps<string, MarkdownEditorFieldProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.es.js

@@ -4,7 +4,7 @@ import React__default, { useRef, useEffect, useContext, useCallback, useMemo, us
 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, RemoveCircleIcon, Menu, MoreVertIcon, MenuItem, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, 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, 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, RemoveCircleIcon, Menu, MoreVertIcon, MenuItem, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, AssignmentIcon, CenteredView, Label, TextField, ClearIcon, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogContent, DialogActions, FileCopyIcon, ArchiveIcon, DeleteIcon, AddIcon, ExpandablePanel, Card, ArrowForwardIcon, cardMixin, cardClickableMixin, StarIcon, StarBorderIcon, Collapse, Container, FilterListOffIcon, SearchIcon, LoadingButton, Avatar, DarkModeIcon, LightModeIcon, LogoutIcon, fieldBackgroundHoverMixin, HandleIcon, RemoveIcon, debounce, InfoIcon, CloseIcon, fieldBackgroundMixin, fieldBackgroundDisabledMixin, ArrowDropDownIcon, 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";
@@ -3601,7 +3601,6 @@ async function saveEntityWithCallbacks({
     previousValues,
     status
   }).then((entity) => {
-    console.log("Entity saved");
     try {
       if (callbacks?.onSaveSuccess) {
         const resolvedCollection = resolveCollection({
@@ -11241,7 +11240,6 @@ function SmallNavigationCard({
       className: cls(
         cardMixin,
         cardClickableMixin,
-        focusedMixin,
         "cursor-pointer flex flex-row items-center px-4 py-2 text-inherit dark:text-inherit visited:text-inherit visited:dark:text-inherit hover:text-inherit hover:dark:text-inherit "
       ),
       to: url,
@@ -13218,7 +13216,7 @@ const DefaultAppBar = function DefaultAppBar2({
                 {
                   variant: "subtitle1",
                   noWrap: true,
-                  className: cls("!font-medium", drawerOpen ? "ml-2" : ""),
+                  className: cls("transition-all", drawerOpen ? "ml-2" : ""),
                   children: title
                 }
               ) : title
@@ -14411,7 +14409,6 @@ function FileDropComponent({
         disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin,
         dropZoneClasses,
         multipleFilesSupported && internalValue.length ? "" : "flex",
-        focusedMixin,
         {
           [nonActiveDropClasses]: !isDragActive,
           [activeDropClasses]: isDragActive,
@@ -14478,7 +14475,7 @@ function FileDropComponent({
                         ref: provided.innerRef,
                         ...provided.draggableProps,
                         ...provided.dragHandleProps,
-                        className: cls(focusedMixin, "rounded-md"),
+                        className: cls("rounded-md"),
                         style: {
                           ...provided.draggableProps.style
                         },
@@ -16228,10 +16225,10 @@ function MarkdownEditorFieldBinding({
   minimalistView,
   isSubmitting,
   context,
-  customProps,
-  ...props
+  customProps
 }) {
   const highlight = customProps?.highlight;
+  const editorProps = customProps?.editorProps;
   const storageSource = useStorageSource();
   const storage = property.storage;
   const entityValues = context.values;
@@ -16302,7 +16299,8 @@ function MarkdownEditorFieldBinding({
           throw new Error("Error uploading image");
         }
         return url;
-      }
+      },
+      ...editorProps
     }
   );
   if (minimalistView)
@@ -17408,7 +17406,7 @@ function EntityEditViewInner({
       sideEntityController.replace({
         path,
         entityId: updatedEntity.id,
-        selectedSubPath: selectedTabRef.current,
+        selectedSubPath: MAIN_TAB_VALUE === selectedTabRef.current ? void 0 : selectedTabRef.current,
         updateUrl: true,
         collection
       });
@@ -17883,7 +17881,7 @@ function EntityEditViewInner({
     )
   ] });
   function buildForm() {
-    let form = /* @__PURE__ */ jsxs("div", { className: "h-full overflow-auto", children: [
+    let form = /* @__PURE__ */ jsxs(Fragment, { children: [
       pluginActions.length > 0 && /* @__PURE__ */ jsx(
         "div",
         {
@@ -17891,7 +17889,7 @@ function EntityEditViewInner({
           children: pluginActions
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "pt-12 pb-16 pl-8 pr-8 md:pl-10 md:pr-10", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-full overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "pt-12 pb-16 pl-8 pr-8 md:pl-10 md:pr-10", children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -17939,7 +17937,7 @@ function EntityEditViewInner({
           ),
           /* @__PURE__ */ jsx("div", { className: "h-14" })
         ] })
-      ] })
+      ] }) })
     ] });
     if (plugins) {
       plugins.forEach((plugin) => {
@@ -18081,7 +18079,7 @@ function EntityEditViewInner({
               role: "tabpanel",
               hidden: !mainViewVisible,
               id: `form_${path}`,
-              className: " w-full",
+              className: "relative w-full",
               children: globalLoading ? /* @__PURE__ */ jsx(CircularProgressCenter, {}) : entityView
             }
           ),
@@ -18180,8 +18178,10 @@ function UnsavedChangesDialog({
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
+      onEscapeKeyDown: () => {
+        handleCancel();
+      },
       open,
-      onOpenChange: (open2) => open2 ? handleCancel() : handleOk(),
       children: [
         /* @__PURE__ */ jsxs(DialogContent, { children: [
           /* @__PURE__ */ jsx(Typography, { variant: "h6", children: title }),
@@ -18246,6 +18246,7 @@ function SideDialogView({
   const handleDrawerCloseOk = () => {
     setBlocked(false);
     setDrawerCloseRequested(false);
+    console.log("handleDrawerCloseOk");
     sideDialogsController.close();
     panel?.onClose?.();
   };
@@ -18253,9 +18254,11 @@ function SideDialogView({
     setDrawerCloseRequested(false);
   };
   const onCloseRequest = (force) => {
+    console.log("onCloseRequest", blocked, force);
     if (blocked && !force) {
       setDrawerCloseRequested(true);
     } else {
+      console.log("onCloseRequest closing");
       sideDialogsController.close();
       panel?.onClose?.();
     }
@@ -18534,12 +18537,13 @@ const propsToSidePanel = (props, buildUrlCollectionPath, resolveAliasesFrom, sma
     ...props,
     path: resolvedPath
   };
+  const entityViewWidth = getEntityViewWidth(props, smallLayout);
   return {
     key: `${props.path}/${props.entityId}`,
     component: /* @__PURE__ */ jsx(EntitySidePanel, { ...resolvedPanelProps }),
     urlPath: newPath,
     parentUrlPath: buildUrlCollectionPath(collectionPath),
-    width: getEntityViewWidth(props, smallLayout),
+    width: entityViewWidth,
     onClose: props.onClose
   };
 };