@firecms/editor 3.0.0 → 3.1.0-canary.1df3b2c

package/dist/editor.d.ts

@@ -2,6 +2,20 @@ import React from "react";
 import { type JSONContent } from "./components";
 import { EditorAIController } from "./types";
 export type FireCMSEditorTextSize = "sm" | "base" | "lg";
+/**
+ * Configuration options for the markdown editor.
+ */
+export interface MarkdownEditorConfig {
+    /**
+     * Allow HTML input/output. When set to false, HTML tags in pasted content
+     * will be stripped. Defaults to true.
+     */
+    html?: boolean;
+    /**
+     * Convert pasted text to markdown format. Defaults to false.
+     */
+    transformPastedText?: boolean;
+}
 export type FireCMSEditorProps = {
     content?: JSONContent | string;
     onMarkdownContentChange?: (content: string) => void;
@@ -17,9 +31,14 @@ export type FireCMSEditorProps = {
     aiController?: EditorAIController;
     customComponents?: CustomEditorComponent[];
     disabled?: boolean;
+    /**
+     * Configuration for markdown parsing and serialization.
+     * Controls how HTML is handled during paste operations.
+     */
+    markdownConfig?: MarkdownEditorConfig;
 };
 export type CustomEditorComponent = {
     name: string;
     component: React.FC;
 };
-export declare const FireCMSEditor: ({ content, onJsonContentChange, onHtmlContentChange, onMarkdownContentChange, version, textSize, highlight, handleImageUpload, aiController, disabled }: FireCMSEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FireCMSEditor: ({ content, onJsonContentChange, onHtmlContentChange, onMarkdownContentChange, version, textSize, highlight, handleImageUpload, aiController, disabled, markdownConfig }: FireCMSEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -280,7 +280,7 @@ const NodeSelector = (t0) => {
     t2 = $[3];
   }
   let t3;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(KeyboardArrowDownIcon, { size: "small" });
     $[4] = t3;
   } else {
@@ -359,7 +359,7 @@ const LinkSelector = (t0) => {
     editor
   } = useCurrentEditor();
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = () => {
       inputRef.current && inputRef.current?.focus();
     };
@@ -414,7 +414,7 @@ const LinkSelector = (t0) => {
     t5 = $[8];
   }
   let t6;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = cls("text-surface-900 dark:text-white flex-grow bg-transparent p-1 text-sm outline-none", focusedDisabled);
     $[9] = t6;
   } else {
@@ -1613,7 +1613,7 @@ const CommandList = forwardRef((props, ref) => {
   }
   const enterHandler = t3;
   let t4;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = () => setSelectedIndex(0);
     $[15] = t4;
   } else {
@@ -1659,7 +1659,7 @@ const CommandList = forwardRef((props, ref) => {
   }
   useImperativeHandle(ref, t6);
   let t7;
-  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = [];
     $[22] = t7;
   } else {
@@ -1686,7 +1686,7 @@ const CommandList = forwardRef((props, ref) => {
   }
   useEffect(t8, t9);
   let t10;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = cls("text-surface-900 dark:text-white z-50 max-h-[280px] h-auto w-72 overflow-y-auto rounded-md border bg-white dark:bg-surface-900 px-1 py-2 shadow transition-all", defaultBorderMixin);
     $[26] = t10;
   } else {
@@ -1921,7 +1921,8 @@ const FireCMSEditor = ({
   highlight,
   handleImageUpload,
   aiController,
-  disabled
+  disabled,
+  markdownConfig
 }) => {
   const ref = React.useRef(null);
   const editorRef = React.useRef(null);
@@ -1974,7 +1975,8 @@ const FireCMSEditor = ({
   const extensions = useMemo(() => [starterKit, Document.extend({}), HighlightDecorationExtension(highlight), TextLoadingDecorationExtension, Underline, Bold, TextStyleKit, Italic, Strike, Color, Highlight.configure({
     multicolor: true
   }), Heading, CustomKeymap, DragAndDrop, placeholder, tiptapLink, imageExtension, taskList, taskItem, Markdown.configure({
-    html: true
+    html: markdownConfig?.html ?? true,
+    transformPastedText: markdownConfig?.transformPastedText ?? false
   }), horizontalRule, bulletList, orderedList, listItem, blockquote, codeBlock, code, SlashCommand.configure({
     HTMLAttributes: {
       class: "mention"
@@ -1983,7 +1985,7 @@ const FireCMSEditor = ({
       upload: handleImageUpload,
       aiController
     })
-  })], []);
+  })], [markdownConfig?.html, markdownConfig?.transformPastedText]);
   return /* @__PURE__ */ jsx("div", { ref, className: "relative min-h-[300px] w-full", children: /* @__PURE__ */ jsx(EditorProvider, { content: content ?? "", extensions, immediatelyRender: canUseDOM, editorProps: {
     editable: () => !disabled,
     attributes: {