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

package/dist/index.umd.js

@@ -1354,25 +1354,15 @@
   });
   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__ */ jsxRuntime.jsx(ui.AutoFixHighIcon, { size: 18 }),
-          command: onDisabledAutocompleteClick
-        });
-      }
       return availableSuggestionItems.filter((item) => {
         const inTitle = item.title.toLowerCase().startsWith(query.toLowerCase());
         if (inTitle) return inTitle;
@@ -1607,6 +1597,7 @@
     }
     return t12;
   });
+  CommandList.displayName = "CommandList";
   const autocompleteSuggestionItem = {
     title: "Autocomplete",
     description: "Add text based on the context.",
@@ -1803,7 +1794,7 @@
     highlight,
     handleImageUpload,
     aiController,
-    onDisabledAutocompleteClick
+    disabled
   }) => {
     const ref = React.useRef(null);
     const editorRef = React.useRef(null);
@@ -1819,6 +1810,9 @@
         editorRef.current?.commands.setContent(content ?? "");
       }
     }, [version]);
+    React.useEffect(() => {
+      editorRef?.current?.setEditable(!disabled);
+    }, [disabled]);
     React.useEffect(() => {
       if (version === void 0) return;
       if (editorRef.current && version > 0) {
@@ -1887,12 +1881,12 @@
         },
         suggestion: suggestion(ref, {
           upload: handleImageUpload,
-          aiController,
-          onDisabledAutocompleteClick
+          aiController
         })
       })
     ], []);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: "relative min-h-[300px] w-full", children: /* @__PURE__ */ jsxRuntime.jsx(react.EditorProvider, { content: content ?? "", extensions, editorProps: {
+      editable: () => !disabled,
       attributes: {
         class: ui.cls(proseClass, "prose-headings:font-title font-default focus:outline-none max-w-full p-12")
       }
@@ -1900,6 +1894,7 @@
       editor: editor_0
     }) => {
       editorRef.current = editor_0;
+      editor_0.setEditable(!disabled);
     }, onUpdate: ({
       editor: editor_1
     }) => {