@firecms/editor 3.0.0-beta.11 → 3.0.0-beta.13

package/dist/editor.d.ts

@@ -15,11 +15,11 @@ export type FireCMSEditorProps = {
         to: number;
     };
     aiController?: EditorAIController;
-    onDisabledAutocompleteClick?: () => void;
     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, onDisabledAutocompleteClick }: 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/extensions/slashCommand.d.ts

@@ -85,8 +85,7 @@ export interface SuggestionItem {
         aiController?: EditorAIController;
     }) => void;
 }
-export declare const suggestion: (ref: React.MutableRefObject<any>, { upload, onDisabledAutocompleteClick, aiController }: {
+export declare const suggestion: (ref: React.MutableRefObject<any>, { upload, aiController }: {
     upload: UploadFn;
-    onDisabledAutocompleteClick?: () => void;
     aiController?: EditorAIController;
 }) => Omit<SuggestionOptions<SuggestionItem, any>, "editor">;

package/dist/index.es.js

@@ -1386,25 +1386,15 @@ const SlashCommand = Node.create({
 });
 const suggestion = (ref, {
   upload,
-  onDisabledAutocompleteClick,
   aiController
 }) => ({
   items: ({
     query
   }) => {
     const availableSuggestionItems = [...suggestionItems];
-    if (!onDisabledAutocompleteClick && aiController) {
+    if (aiController) {
       availableSuggestionItems.push(autocompleteSuggestionItem);
     }
-    if (onDisabledAutocompleteClick) {
-      availableSuggestionItems.push({
-        title: "Autocomplete",
-        description: "Add text based on the context.",
-        searchTerms: ["ai"],
-        icon: /* @__PURE__ */ jsx(AutoFixHighIcon, { size: 18 }),
-        command: onDisabledAutocompleteClick
-      });
-    }
     return availableSuggestionItems.filter((item) => {
       const inTitle = item.title.toLowerCase().startsWith(query.toLowerCase());
       if (inTitle) return inTitle;
@@ -1639,6 +1629,7 @@ const CommandList = forwardRef((props, ref) => {
   }
   return t12;
 });
+CommandList.displayName = "CommandList";
 const autocompleteSuggestionItem = {
   title: "Autocomplete",
   description: "Add text based on the context.",
@@ -1835,7 +1826,7 @@ const FireCMSEditor = ({
   highlight,
   handleImageUpload,
   aiController,
-  onDisabledAutocompleteClick
+  disabled
 }) => {
   const ref = React.useRef(null);
   const editorRef = React.useRef(null);
@@ -1851,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) {
@@ -1919,12 +1913,12 @@ const FireCMSEditor = ({
       },
       suggestion: suggestion(ref, {
         upload: handleImageUpload,
-        aiController,
-        onDisabledAutocompleteClick
+        aiController
       })
     })
   ], []);
   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")
     }
@@ -1932,6 +1926,7 @@ const FireCMSEditor = ({
     editor: editor_0
   }) => {
     editorRef.current = editor_0;
+    editor_0.setEditable(!disabled);
   }, onUpdate: ({
     editor: editor_1
   }) => {