@cyberyozh/text-editor 0.1.9 → 0.1.10

package/dist/editor.js

@@ -35,10 +35,10 @@ __export(editor_exports, {
 module.exports = __toCommonJS(editor_exports);
 
 // src/editor/editor.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_state6 = require("@tiptap/pm/state");
 var import_model = require("@tiptap/pm/model");
-var import_react37 = require("@tiptap/react");
+var import_react38 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
 var import_github_dark = require("highlight.js/styles/github-dark.css");
 var import_katex_min = require("katex/dist/katex.min.css");
@@ -2657,7 +2657,7 @@ var import_extension_mathematics = require("@tiptap/extension-mathematics");
 var import_extension_table = require("@tiptap/extension-table");
 
 // src/extensions/editor/callout.ts
-var import_react28 = require("@tiptap/react");
+var import_react29 = require("@tiptap/react");
 
 // src/utils/handle-exit-node.ts
 var import_state = require("@tiptap/pm/state");
@@ -3792,8 +3792,8 @@ var BaseLegacyFigure = import_extension_image2.default.extend({
 });
 
 // src/extensions/views/node-views/callout.tsx
-var import_react19 = require("@tiptap/react");
-var import_react20 = require("react");
+var import_react20 = require("@tiptap/react");
+var import_react21 = require("react");
 
 // src/icons/color/TiptapCalloutError.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
@@ -4383,6 +4383,7 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
 ) });
 
 // src/extensions/views/components/table.tsx
+var import_react18 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/extensions/views/components/video.tsx
@@ -4418,13 +4419,13 @@ var Video = ({ src, children }) => {
 };
 
 // src/editor/controls/emoji-picker.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_emoji_picker_react = __toESM(require("emoji-picker-react"));
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
-  const pickerRef = (0, import_react18.useRef)(null);
+  const pickerRef = (0, import_react19.useRef)(null);
   const translations2 = useTiptapTranslations();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (pickerRef.current && !pickerRef.current.contains(event.target)) {
         onClose();
@@ -4473,7 +4474,7 @@ var CalloutView = (props) => {
   const type = props.node.attrs.type || "info";
   const bgColor = props.node.attrs.bgColor;
   const emoji = props.node.attrs.emoji;
-  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react20.useState)(false);
+  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react21.useState)(false);
   const handleIconClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -4483,7 +4484,7 @@ var CalloutView = (props) => {
     props.updateAttributes({ emoji: newEmoji });
     setShowEmojiPicker(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react19.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react20.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     Callout,
     {
       type,
@@ -4508,86 +4509,86 @@ var CalloutView = (props) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react19.NodeViewContent, { as: "div" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react20.NodeViewContent, { as: "div" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/code-block.tsx
-var import_react21 = require("react");
-var import_react22 = require("@tiptap/react");
+var import_react22 = require("react");
+var import_react23 = require("@tiptap/react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var CodeBlockView = (props) => {
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react21.useState)(props.node.attrs.language ?? "");
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react22.useState)(props.node.attrs.language ?? "");
   const translations2 = useTiptapTranslations();
   const handleLanguageChange = (language) => {
     props.updateAttributes({ language });
     setSelectedLanguage(language);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react22.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     CodeBlock,
     {
       language: selectedLanguage,
       isEditable: props.editor.isEditable,
       onLanguageChange: handleLanguageChange,
       translations: translations2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react22.NodeViewContent, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.NodeViewContent, {})
     }
   ) });
 };
 
 // src/extensions/views/node-views/copyable-text.tsx
-var import_react23 = require("@tiptap/react");
+var import_react24 = require("@tiptap/react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var CopyableTextView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react23.MarkViewContent, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.MarkViewContent, {}) });
 };
 
 // src/extensions/views/node-views/custom-quote.tsx
-var import_react24 = require("@tiptap/react");
+var import_react25 = require("@tiptap/react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var CustomQuoteView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, {}) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, {}) }) });
 };
 var CustomQuoteTextView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteText,
     {
       isEmpty,
       placeholder: translations2.customQuote.textPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteAuthorView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteAuthor,
     {
       isEmpty,
       placeholder: translations2.customQuote.authorPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteSignView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteSign,
     {
       isEmpty,
       placeholder: translations2.customQuote.signPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/figure.tsx
-var import_react25 = require("@tiptap/react");
+var import_react26 = require("@tiptap/react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var FigureView = ({ node, getPos, editor }) => {
   const { fileId, src, alt, title, caption, width, height, storageKey } = node.attrs;
@@ -4598,7 +4599,7 @@ var FigureView = ({ node, getPos, editor }) => {
     onFigureClick?.(node.attrs, getPos());
   };
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-    import_react25.NodeViewWrapper,
+    import_react26.NodeViewWrapper,
     {
       className: "figure-node-view",
       "data-drag-handle": true,
@@ -4622,40 +4623,40 @@ var FigureView = ({ node, getPos, editor }) => {
 };
 
 // src/extensions/views/node-views/prompt.tsx
-var import_react26 = require("@tiptap/react");
+var import_react27 = require("@tiptap/react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var PromptHeaderView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     PromptHeader,
     {
       isEmpty,
       placeholder: translations2.prompt.headerPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var PromptContentView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     PromptContent,
     {
       isEmpty,
       placeholder: translations2.prompt.contentPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/video.tsx
-var import_react27 = require("@tiptap/react");
+var import_react28 = require("@tiptap/react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var VideoView = (props) => {
   const { src } = props.node.attrs;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-    import_react27.NodeViewContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react28.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    import_react28.NodeViewContent,
     {
       as: "div",
       className: "video-content"
@@ -4666,66 +4667,66 @@ var VideoView = (props) => {
 // src/extensions/editor/callout.ts
 var Callout2 = BaseCallout.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookAlert = BaseLegacyBookAlert.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookTip = BaseLegacyBookTip.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 
 // src/extensions/editor/code-block.ts
-var import_react29 = require("@tiptap/react");
+var import_react30 = require("@tiptap/react");
 var CodeBlock2 = BaseCodeBlock.extend({
   addNodeView() {
-    return (0, import_react29.ReactNodeViewRenderer)(CodeBlockView);
+    return (0, import_react30.ReactNodeViewRenderer)(CodeBlockView);
   }
 });
 
 // src/extensions/editor/custom-quote.ts
-var import_react30 = require("@tiptap/react");
+var import_react31 = require("@tiptap/react");
 var CustomQuote2 = BaseCustomQuote.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 var CustomQuoteText2 = BaseCustomQuoteText.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteTextView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteTextView);
   }
 });
 var CustomQuoteAuthor2 = BaseCustomQuoteAuthor.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteAuthorView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteAuthorView);
   }
 });
 var CustomQuoteSign2 = BaseCustomQuoteSign.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteSignView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteSignView);
   }
 });
 var LegacySEQuote = BaseLegacySEQuote.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 
 // src/extensions/editor/video.ts
-var import_react31 = require("@tiptap/react");
+var import_react32 = require("@tiptap/react");
 var Video2 = BaseVideo.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
   }
 });
 var LegacyYouTube = BaseLegacyYouTube.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
   }
 });
 
@@ -5141,46 +5142,46 @@ function getSharedExtensions() {
 }
 
 // src/extensions/editor/copyable-text.ts
-var import_react32 = require("@tiptap/react");
+var import_react33 = require("@tiptap/react");
 var CopyableText3 = CopyableText.extend({
   addMarkView() {
-    return (0, import_react32.ReactMarkViewRenderer)(CopyableTextView);
+    return (0, import_react33.ReactMarkViewRenderer)(CopyableTextView);
   }
 });
 
 // src/extensions/editor/prompt.ts
-var import_react33 = require("@tiptap/react");
+var import_react34 = require("@tiptap/react");
 var PromptHeader2 = BasePromptHeader.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var PromptContent2 = BasePromptContent.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 var LegacyPromptSEHeader = BaseLegacyPromptSEHeader.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var LegacyPromptSEContent = BaseLegacyPromptSEContent.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 
 // src/extensions/editor/figure.ts
-var import_react34 = require("@tiptap/react");
+var import_react35 = require("@tiptap/react");
 var Figure2 = BaseFigure.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(FigureView);
+    return (0, import_react35.ReactNodeViewRenderer)(FigureView);
   }
 });
 var LegacyFigure = BaseLegacyFigure.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(FigureView);
+    return (0, import_react35.ReactNodeViewRenderer)(FigureView);
   }
 });
 
@@ -5352,7 +5353,7 @@ var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
 // src/editor/commands/suggestion.tsx
 var import_dom = require("@floating-ui/dom");
 var import_core17 = require("@tiptap/core");
-var import_react35 = require("@tiptap/react");
+var import_react36 = require("@tiptap/react");
 
 // src/editor/commands/items.ts
 var getCommandItems = (translations2, hasImageHandlers) => [
@@ -5685,7 +5686,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
   render: () => {
     return {
       onStart: async (props) => {
-        component = new import_react35.ReactRenderer(CommandsList, {
+        component = new import_react36.ReactRenderer(CommandsList, {
           props,
           editor: props.editor
         });
@@ -6108,12 +6109,12 @@ function TiptapContent({
   lang,
   error
 }) {
-  const [linkDialogContext, setLinkDialogContext] = (0, import_react36.useState)(null);
-  const [katexDialogContext, setKatexDialogContext] = (0, import_react36.useState)(
+  const [linkDialogContext, setLinkDialogContext] = (0, import_react37.useState)(null);
+  const [katexDialogContext, setKatexDialogContext] = (0, import_react37.useState)(
     null
   );
-  const [editFigureContext, setEditFigureContext] = (0, import_react36.useState)(null);
-  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react36.useState)(void 0);
+  const [editFigureContext, setEditFigureContext] = (0, import_react37.useState)(null);
+  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react37.useState)(void 0);
   const { activeDialog, closeDialogCommand, openDialogCommand } = useDialogCommand();
   const translations2 = useTiptapTranslations();
   let safeContent;
@@ -6122,7 +6123,7 @@ function TiptapContent({
   } catch {
     safeContent = { type: "doc", content: [{ type: "paragraph" }] };
   }
-  const editor = (0, import_react37.useEditor)(
+  const editor = (0, import_react38.useEditor)(
     {
       editable: isEditable && !isDisabled,
       extensions: getEditorExtensions({
@@ -6164,7 +6165,7 @@ function TiptapContent({
     },
     [lang]
   );
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (activeDialog && editor && !editor.isDestroyed) {
       const pos = editor.state.selection.from;
       setSavedDialogCursorPos(pos);
@@ -6191,7 +6192,7 @@ function TiptapContent({
     const katexHandler = createHandleKatexAdd(editor, handleCloseDialog, savedDialogCursorPos);
     katexHandler(latex, katexDialogContext?.pos);
   };
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!editor || editor.isDestroyed) return;
     editor.commands.setContent(safeContent, {
       emitUpdate: false
@@ -6233,7 +6234,7 @@ function TiptapContent({
       {
         className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${isDisabled ? "is-disabled" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react37.EditorContent, { editor }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react38.EditorContent, { editor }),
           isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CharacterCount, { editor })
         ]
       }