@firecms/editor 3.0.0-canary.187 → 3.0.0-canary.189

package/dist/editor.d.ts

@@ -16,9 +16,10 @@ export type FireCMSEditorProps = {
     };
     aiController?: EditorAIController;
     customComponents?: CustomEditorComponent[];
+    disabled?: boolean;
 };
 export type CustomEditorComponent = {
     name: string;
     component: React.FC;
 };
-export declare const FireCMSEditor: ({ content, onJsonContentChange, onHtmlContentChange, onMarkdownContentChange, version, textSize, highlight, handleImageUpload, aiController, }: FireCMSEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FireCMSEditor: ({ content, onJsonContentChange, onHtmlContentChange, onMarkdownContentChange, version, textSize, highlight, handleImageUpload, aiController, disabled }: FireCMSEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -1825,7 +1825,8 @@ const FireCMSEditor = ({
   textSize = "base",
   highlight,
   handleImageUpload,
-  aiController
+  aiController,
+  disabled
 }) => {
   const ref = React.useRef(null);
   const editorRef = React.useRef(null);
@@ -1841,6 +1842,9 @@ const FireCMSEditor = ({
       editorRef.current?.commands.setContent(content ?? "");
     }
   }, [version]);
+  useEffect(() => {
+    editorRef?.current?.setEditable(!disabled);
+  }, [disabled]);
   useEffect(() => {
     if (version === void 0) return;
     if (editorRef.current && version > 0) {
@@ -1914,6 +1918,7 @@ const FireCMSEditor = ({
     })
   ], []);
   return /* @__PURE__ */ jsx("div", { ref, className: "relative min-h-[300px] w-full", children: /* @__PURE__ */ jsx(EditorProvider, { content: content ?? "", extensions, editorProps: {
+    editable: () => !disabled,
     attributes: {
       class: cls(proseClass, "prose-headings:font-title font-default focus:outline-none max-w-full p-12")
     }
@@ -1921,6 +1926,7 @@ const FireCMSEditor = ({
     editor: editor_0
   }) => {
     editorRef.current = editor_0;
+    editor_0.setEditable(!disabled);
   }, onUpdate: ({
     editor: editor_1
   }) => {