@cyberyozh/text-editor 0.1.4 → 0.1.6

package/dist/editor.mjs

@@ -1,5 +1,5 @@
 // src/editor/editor.tsx
-import { useState as useState12 } from "react";
+import { useState as useState12, useEffect as useEffect9 } from "react";
 import { NodeSelection } from "@tiptap/pm/state";
 import { Slice } from "@tiptap/pm/model";
 import { useEditor, EditorContent } from "@tiptap/react";
@@ -5958,6 +5958,7 @@ function TiptapContent({
   handleChange,
   imageHandlers,
   isEditable = true,
+  isDisabled = false,
   lang,
   error
 }) {
@@ -5976,11 +5977,11 @@ function TiptapContent({
   }
   const editor = useEditor(
     {
-      editable: isEditable,
+      editable: isEditable && !isDisabled,
       extensions: getEditorExtensions({
         translations: translations2,
         suggestion: createSuggestions(translations2, !!imageHandlers),
-        isEditable,
+        isEditable: isEditable && !isDisabled,
         getImageById: imageHandlers?.getImage,
         onKatexClick: (latex, pos) => {
           setKatexDialogContext({ latex, pos });
@@ -6029,6 +6030,12 @@ function TiptapContent({
     const katexHandler = createHandleKatexAdd(editor, handleCloseDialog);
     katexHandler(latex, katexDialogContext?.pos);
   };
+  useEffect9(() => {
+    if (!editor || editor.isDestroyed) return;
+    editor.commands.setContent(safeContent, {
+      emitUpdate: false
+    });
+  }, [content, editor]);
   if (!editor) return null;
   const shouldBubbleMenuShow = ({ state }) => {
     if (state.selection instanceof NodeSelection) {
@@ -6043,9 +6050,9 @@ function TiptapContent({
     return true;
   };
   return /* @__PURE__ */ jsxs35(Fragment3, { children: [
-    /* @__PURE__ */ jsx92(DragHandle, { editor }),
-    isEditable && /* @__PURE__ */ jsx92(TableMenu, { editor }),
-    /* @__PURE__ */ jsx92(
+    !isDisabled && /* @__PURE__ */ jsx92(DragHandle, { editor }),
+    isEditable && !isDisabled && /* @__PURE__ */ jsx92(TableMenu, { editor }),
+    !isDisabled && /* @__PURE__ */ jsx92(
       BubbleMenu,
       {
         shouldShow: shouldBubbleMenuShow,
@@ -6060,10 +6067,16 @@ function TiptapContent({
         )
       }
     ),
-    /* @__PURE__ */ jsxs35("div", { className: `tiptap-content-wrapper ${!!error ? "has-error" : ""}`, children: [
-      /* @__PURE__ */ jsx92(EditorContent, { editor }),
-      isEditable && /* @__PURE__ */ jsx92(CharacterCount, { editor })
-    ] }),
+    /* @__PURE__ */ jsxs35(
+      "div",
+      {
+        className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${isDisabled ? "is-disabled" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx92(EditorContent, { editor }),
+          isEditable && !isDisabled && /* @__PURE__ */ jsx92(CharacterCount, { editor })
+        ]
+      }
+    ),
     !!error && /* @__PURE__ */ jsx92("p", { className: "tiptap-error-message", children: error }),
     activeDialog === "image" && isEditable && /* @__PURE__ */ jsx92(
       ImageDialog,