@bigbinary/neeto-editor 1.47.13 → 1.47.14

package/dist/Editor.js

@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as React from 'react';
 import React__default, { memo, useEffect, useState, useRef, useCallback, createElement, forwardRef, useImperativeHandle } from 'react';
-import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, i as isNodeActive, e as isAtStartOfNode, f as isAtEndOfNode, h as getNodeType, j as getNodeAtPosition, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, l as callOrReturn, n as getExtensionField, o as isNodeSelection, p as nodeInputRule, q as NodeViewWrapper, r as NodeViewContent, R as ReactNodeViewRenderer, s as findChildren, P as PasteRule, v as validateUrl, u as escapeForRegEx, x as ReactRenderer, y as EmojiPickerMenu, z as emojiPickerApi, A as combineTransactionSteps, B as getChangedRanges, C as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$3, V as EditorContent, W as MediaUploader, X as EmbedOption, Y as EditorView } from './chunk-DpvlQ94X.js';
+import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, i as isNodeActive, e as isAtStartOfNode, f as isAtEndOfNode, h as getNodeType, j as getNodeAtPosition, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, l as callOrReturn, n as getExtensionField, o as isNodeSelection, p as nodeInputRule, q as NodeViewWrapper, r as NodeViewContent, R as ReactNodeViewRenderer, s as findChildren, P as PasteRule, v as validateUrl, u as escapeForRegEx, x as ReactRenderer, y as EmojiPickerMenu, z as emojiPickerApi, A as combineTransactionSteps, B as getChangedRanges, C as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$3, V as EditorContent, W as MediaUploader, X as EmbedOption, Y as LinkAddPopOver, Z as EditorView } from './chunk-DmstYxyh.js';
 import classnames from 'classnames';
 import { C as COMBINED_REGEX, D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, a as EDITOR_SIZES } from './chunk-CJu3yusL.js';
 import { isNotPresent, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
@@ -65,6 +65,12 @@ import Video from '@bigbinary/neeto-icons/Video';
 import Notes from '@bigbinary/neeto-icons/Notes';
 import MediaVideo from '@bigbinary/neeto-icons/MediaVideo';
 import Column from '@bigbinary/neeto-icons/Column';
+import TextBold from '@bigbinary/neeto-icons/TextBold';
+import TextItalic from '@bigbinary/neeto-icons/TextItalic';
+import Underline$1 from '@bigbinary/neeto-icons/Underline';
+import Link$2 from '@bigbinary/neeto-icons/Link';
+import Attachment from '@bigbinary/neeto-icons/Attachment';
+import MessageSquare from '@bigbinary/neeto-icons/MessageSquare';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import DeleteRow from '@bigbinary/neeto-icons/DeleteRow';
 import DeleteColumn from '@bigbinary/neeto-icons/DeleteColumn';
@@ -78,16 +84,11 @@ import Form from '@bigbinary/neetoui/formik/Form';
 import Input$1 from '@bigbinary/neetoui/formik/Input';
 import { A as Attachments } from './chunk-CS15pHk7.js';
 import 'tippy.js/dist/svg-arrow.css';
-import '@bigbinary/neeto-icons/Link';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neeto-icons/Check';
 import '@bigbinary/neeto-icons/Quote';
-import '@bigbinary/neeto-icons/Attachment';
 import '@bigbinary/neeto-icons/Code';
-import '@bigbinary/neeto-icons/TextBold';
 import '@bigbinary/neeto-icons/TextCross';
-import '@bigbinary/neeto-icons/TextItalic';
-import '@bigbinary/neeto-icons/Underline';
 import '@bigbinary/neeto-icons/Undo';
 import '@bigbinary/neeto-icons/Redo';
 import '@bigbinary/neeto-icons/Email';
@@ -13928,8 +13929,7 @@ var Menu = /*#__PURE__*/function (_React$Component) {
         range = _this$props.range;
       var selectedItem = items[index];
       var hasCommand = selectedItem && selectedItem.command;
-      var isLeafNode = isNotPresent(selectedItem.items);
-      if (hasCommand && isLeafNode) selectedItem.command({
+      if (hasCommand) selectedItem.command({
         editor: editor,
         range: range
       });
@@ -14030,7 +14030,7 @@ var Menu = /*#__PURE__*/function (_React$Component) {
             item: item,
             key: item.optionName,
             selectItem: function selectItem() {
-              return isLeafNode && _this2.selectItem(index);
+              return _this2.selectItem(index);
             },
             selectedIndex: isCurrentMenuActive ? selectedIndex : -1,
             onHover: function onHover() {
@@ -14043,6 +14043,7 @@ var Menu = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/jsx(Tippy, {
             interactive: true,
             placement: "right",
+            theme: "light neeto-editor-slash-commands-tippy",
             visible: selectedIndex === index,
             content: /*#__PURE__*/jsx(Menu, _objectSpread$7(_objectSpread$7({}, _this2.props), {}, {
               items: item.items,
@@ -14143,14 +14144,44 @@ var MENU_ITEMS = [{
       range = _ref.range;
     editor.chain().focus().deleteRange(range).setNode("paragraph").run();
   }
+}, {
+  optionName: EDITOR_OPTIONS.BOLD,
+  title: t("neetoEditor.menu.bold"),
+  description: t("neetoEditor.menu.boldDescription"),
+  Icon: TextBold,
+  command: function command(_ref2) {
+    var editor = _ref2.editor,
+      range = _ref2.range;
+    editor.chain().focus().deleteRange(range).toggleBold().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.ITALIC,
+  title: t("neetoEditor.menu.italic"),
+  description: t("neetoEditor.menu.italicDescription"),
+  Icon: TextItalic,
+  command: function command(_ref3) {
+    var editor = _ref3.editor,
+      range = _ref3.range;
+    editor.chain().focus().deleteRange(range).toggleItalic().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.UNDERLINE,
+  title: t("neetoEditor.menu.underline"),
+  description: t("neetoEditor.menu.underlineDescription"),
+  Icon: Underline$1,
+  command: function command(_ref4) {
+    var editor = _ref4.editor,
+      range = _ref4.range;
+    editor.chain().focus().deleteRange(range).toggleUnderline().run();
+  }
 }, {
   optionName: EDITOR_OPTIONS.H1,
   title: t("neetoEditor.menu.heading1"),
   description: t("neetoEditor.menu.h1Description"),
   Icon: TextH1,
-  command: function command(_ref2) {
-    var editor = _ref2.editor,
-      range = _ref2.range;
+  command: function command(_ref5) {
+    var editor = _ref5.editor,
+      range = _ref5.range;
     editor.chain().focus().deleteRange(range).setNode("heading", {
       level: 1
     }).run();
@@ -14160,9 +14191,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.heading2"),
   description: t("neetoEditor.menu.h2Description"),
   Icon: TextH2,
-  command: function command(_ref3) {
-    var editor = _ref3.editor,
-      range = _ref3.range;
+  command: function command(_ref6) {
+    var editor = _ref6.editor,
+      range = _ref6.range;
     editor.chain().focus().deleteRange(range).setNode("heading", {
       level: 2
     }).run();
@@ -14172,9 +14203,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.heading3"),
   description: t("neetoEditor.menu.h3Description"),
   Icon: TextH3,
-  command: function command(_ref4) {
-    var editor = _ref4.editor,
-      range = _ref4.range;
+  command: function command(_ref7) {
+    var editor = _ref7.editor,
+      range = _ref7.range;
     editor.chain().focus().deleteRange(range).setNode("heading", {
       level: 3
     }).run();
@@ -14184,9 +14215,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.heading4"),
   description: t("neetoEditor.menu.h4Description"),
   Icon: TextH4,
-  command: function command(_ref5) {
-    var editor = _ref5.editor,
-      range = _ref5.range;
+  command: function command(_ref8) {
+    var editor = _ref8.editor,
+      range = _ref8.range;
     editor.chain().focus().deleteRange(range).setNode("heading", {
       level: 4
     }).run();
@@ -14196,9 +14227,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.heading5"),
   description: t("neetoEditor.menu.h5Description"),
   Icon: TextH5,
-  command: function command(_ref6) {
-    var editor = _ref6.editor,
-      range = _ref6.range;
+  command: function command(_ref9) {
+    var editor = _ref9.editor,
+      range = _ref9.range;
     editor.chain().focus().deleteRange(range).setNode("heading", {
       level: 5
     }).run();
@@ -14208,9 +14239,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.numberedList"),
   description: t("neetoEditor.menu.numberedListDescription"),
   Icon: ListNumber,
-  command: function command(_ref7) {
-    var editor = _ref7.editor,
-      range = _ref7.range;
+  command: function command(_ref10) {
+    var editor = _ref10.editor,
+      range = _ref10.range;
     editor.chain().focus().deleteRange(range).toggleOrderedList().run();
   }
 }, {
@@ -14218,19 +14249,31 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.bulletList"),
   description: t("neetoEditor.menu.bulletListDescription"),
   Icon: ListDot,
-  command: function command(_ref8) {
-    var editor = _ref8.editor,
-      range = _ref8.range;
+  command: function command(_ref11) {
+    var editor = _ref11.editor,
+      range = _ref11.range;
     editor.chain().focus().deleteRange(range).toggleBulletList().run();
   }
+}, {
+  optionName: EDITOR_OPTIONS.LINK,
+  title: t("neetoEditor.menu.link"),
+  description: t("neetoEditor.menu.linkDescription"),
+  Icon: Link$2,
+  command: noop$1
+}, {
+  optionName: EDITOR_OPTIONS.ATTACHMENTS,
+  title: t("neetoEditor.menu.file"),
+  description: t("neetoEditor.menu.attachmentsDescription"),
+  Icon: Attachment,
+  command: noop$1
 }, {
   optionName: EDITOR_OPTIONS.TODO_LIST,
   title: t("neetoEditor.menu.todoList"),
   description: t("neetoEditor.menu.todoListDescription"),
   Icon: Checkbox,
-  command: function command(_ref9) {
-    var editor = _ref9.editor,
-      range = _ref9.range;
+  command: function command(_ref12) {
+    var editor = _ref12.editor,
+      range = _ref12.range;
     editor.chain().focus().deleteRange(range).toggleTaskList().run();
   }
 }, {
@@ -14250,9 +14293,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.blockQuote"),
   description: t("neetoEditor.menu.blockQuoteDescription"),
   Icon: Blockquote$1,
-  command: function command(_ref10) {
-    var editor = _ref10.editor,
-      range = _ref10.range;
+  command: function command(_ref13) {
+    var editor = _ref13.editor,
+      range = _ref13.range;
     editor.chain().focus().deleteRange(range).toggleBlockquote().run();
   }
 }, {
@@ -14260,9 +14303,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.codeBlock"),
   description: t("neetoEditor.menu.codeDescription"),
   Icon: CodeBlock$2,
-  command: function command(_ref11) {
-    var editor = _ref11.editor,
-      range = _ref11.range;
+  command: function command(_ref14) {
+    var editor = _ref14.editor,
+      range = _ref14.range;
     editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
   }
 }, {
@@ -14270,9 +14313,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.emoji"),
   description: t("neetoEditor.menu.emojiDescription"),
   Icon: Smiley,
-  command: function command(_ref12) {
-    var editor = _ref12.editor,
-      range = _ref12.range;
+  command: function command(_ref15) {
+    var editor = _ref15.editor,
+      range = _ref15.range;
     editor.chain().focus().deleteRange(range).insertContent("::").run();
   }
 }, {
@@ -14280,9 +14323,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.divider"),
   description: t("neetoEditor.menu.dividerDescription"),
   Icon: Minus,
-  command: function command(_ref13) {
-    var editor = _ref13.editor,
-      range = _ref13.range;
+  command: function command(_ref16) {
+    var editor = _ref16.editor,
+      range = _ref16.range;
     editor.chain().focus().deleteRange(range).setHorizontalRule().run();
   }
 }, {
@@ -14296,9 +14339,9 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.pasteUnformatted"),
   description: t("neetoEditor.menu.pasteUnformattedDescription"),
   Icon: Notes,
-  command: function command(_ref14) {
-    var editor = _ref14.editor,
-      range = _ref14.range;
+  command: function command(_ref17) {
+    var editor = _ref17.editor,
+      range = _ref17.range;
     return editor.chain().focus().deleteRange(range).pasteUnformatted().run();
   }
 }, {
@@ -14306,21 +14349,95 @@ var MENU_ITEMS = [{
   title: t("neetoEditor.menu.table"),
   description: t("neetoEditor.menu.tableDescription"),
   Icon: Column,
-  command: function command(_ref15) {
-    var editor = _ref15.editor,
-      range = _ref15.range;
+  command: function command(_ref18) {
+    var editor = _ref18.editor,
+      range = _ref18.range;
     return editor.chain().focus().deleteRange(range).insertTable({
       rows: 3,
       cols: 3,
       withHeaderRow: true
     }).run();
   }
+}, {
+  optionName: EDITOR_OPTIONS.CALLOUT,
+  title: t("neetoEditor.menu.callout"),
+  description: t("neetoEditor.menu.calloutDescription"),
+  Icon: MessageSquare,
+  command: function command(_ref19) {
+    var editor = _ref19.editor,
+      range = _ref19.range;
+    editor.chain().focus().deleteRange(range).setCallout({
+      type: "default",
+      emoji: "💬"
+    }).run();
+  },
+  items: [{
+    optionName: "".concat(EDITOR_OPTIONS.CALLOUT, "_default"),
+    title: t("neetoEditor.menu.calloutDefault"),
+    description: t("neetoEditor.menu.calloutDescription"),
+    command: function command(_ref20) {
+      var editor = _ref20.editor,
+        range = _ref20.range;
+      editor.chain().focus().deleteRange(range).setCallout({
+        type: "default",
+        emoji: "💬"
+      }).run();
+    }
+  }, {
+    optionName: "".concat(EDITOR_OPTIONS.CALLOUT, "_info"),
+    title: t("neetoEditor.menu.calloutInfo"),
+    description: t("neetoEditor.menu.calloutDescription"),
+    command: function command(_ref21) {
+      var editor = _ref21.editor,
+        range = _ref21.range;
+      editor.chain().focus().deleteRange(range).setCallout({
+        type: "info",
+        emoji: "ℹ️"
+      }).run();
+    }
+  }, {
+    optionName: "".concat(EDITOR_OPTIONS.CALLOUT, "_warning"),
+    title: t("neetoEditor.menu.calloutWarning"),
+    description: t("neetoEditor.menu.calloutDescription"),
+    command: function command(_ref22) {
+      var editor = _ref22.editor,
+        range = _ref22.range;
+      editor.chain().focus().deleteRange(range).setCallout({
+        type: "warning",
+        emoji: "⚠️"
+      }).run();
+    }
+  }, {
+    optionName: "".concat(EDITOR_OPTIONS.CALLOUT, "_error"),
+    title: t("neetoEditor.menu.calloutError"),
+    description: t("neetoEditor.menu.calloutDescription"),
+    command: function command(_ref23) {
+      var editor = _ref23.editor,
+        range = _ref23.range;
+      editor.chain().focus().deleteRange(range).setCallout({
+        type: "error",
+        emoji: "❌"
+      }).run();
+    }
+  }, {
+    optionName: "".concat(EDITOR_OPTIONS.CALLOUT, "_success"),
+    title: t("neetoEditor.menu.calloutSuccess"),
+    description: t("neetoEditor.menu.calloutDescription"),
+    command: function command(_ref24) {
+      var editor = _ref24.editor,
+        range = _ref24.range;
+      editor.chain().focus().deleteRange(range).setCallout({
+        type: "success",
+        emoji: "✅"
+      }).run();
+    }
+  }]
 }];
 var NO_RESULT_MENU_ITEM = {
   title: t("neetoEditor.menu.noResults"),
-  command: function command(_ref16) {
-    var editor = _ref16.editor,
-      range = _ref16.range;
+  command: function command(_ref25) {
+    var editor = _ref25.editor,
+      range = _ref25.range;
     editor.chain().focus().deleteRange(range).run();
   }
 };
@@ -14351,11 +14468,29 @@ var videoCommand = function videoCommand(setMediaUploader) {
     editor.chain().focus().deleteRange(range).run();
   };
 };
-var buildCommandItems = function buildCommandItems(_ref4) {
-  var options = _ref4.options,
-    addonCommands = _ref4.addonCommands,
-    setMediaUploader = _ref4.setMediaUploader,
-    setIsEmbedModalOpen = _ref4.setIsEmbedModalOpen;
+var linkCommand = function linkCommand(setIsAddLinkActive) {
+  return function (_ref4) {
+    var editor = _ref4.editor,
+      range = _ref4.range;
+    setIsAddLinkActive(true);
+    editor.chain().focus().deleteRange(range).run();
+  };
+};
+var attachmentCommand = function attachmentCommand(attachmentProps) {
+  return function (_ref5) {
+    var editor = _ref5.editor,
+      range = _ref5.range;
+    attachmentProps === null || attachmentProps === void 0 || attachmentProps.handleUploadAttachments();
+    editor.chain().focus().deleteRange(range).run();
+  };
+};
+var buildCommandItems = function buildCommandItems(_ref6) {
+  var options = _ref6.options,
+    addonCommands = _ref6.addonCommands,
+    setMediaUploader = _ref6.setMediaUploader,
+    setIsEmbedModalOpen = _ref6.setIsEmbedModalOpen,
+    setIsAddLinkActive = _ref6.setIsAddLinkActive,
+    attachmentProps = _ref6.attachmentProps;
   var commandItems = MENU_ITEMS.map(function (item) {
     if (item.optionName === EDITOR_OPTIONS.IMAGE_UPLOAD) {
       return assoc("command", imageCommand(setMediaUploader), item);
@@ -14363,11 +14498,15 @@ var buildCommandItems = function buildCommandItems(_ref4) {
       return assoc("command", videoCommand(setMediaUploader), item);
     } else if (item.optionName === EDITOR_OPTIONS.VIDEO_EMBED) {
       return assoc("command", embedCommand(setIsEmbedModalOpen), item);
+    } else if (item.optionName === EDITOR_OPTIONS.LINK) {
+      return assoc("command", linkCommand(setIsAddLinkActive), item);
+    } else if (item.optionName === EDITOR_OPTIONS.ATTACHMENTS) {
+      return assoc("command", attachmentCommand(attachmentProps), item);
     }
     return item;
   });
-  var permittedCommandItems = commandItems.filter(function (_ref5) {
-    var optionName = _ref5.optionName;
+  var permittedCommandItems = commandItems.filter(function (_ref7) {
+    var optionName = _ref7.optionName;
     return options.includes(optionName);
   });
   var adddonCommandItems = addonCommands.map(function (command) {
@@ -14387,12 +14526,16 @@ var SlashCommands = {
     var addonCommands = _ref.addonCommands,
       options = _ref.options,
       setMediaUploader = _ref.setMediaUploader,
-      setIsEmbedModalOpen = _ref.setIsEmbedModalOpen;
+      setIsEmbedModalOpen = _ref.setIsEmbedModalOpen,
+      setIsAddLinkActive = _ref.setIsAddLinkActive,
+      attachmentProps = _ref.attachmentProps;
     var commandItems = buildCommandItems({
       options: options,
       addonCommands: addonCommands,
       setMediaUploader: setMediaUploader,
-      setIsEmbedModalOpen: setIsEmbedModalOpen
+      setIsEmbedModalOpen: setIsEmbedModalOpen,
+      setIsAddLinkActive: setIsAddLinkActive,
+      attachmentProps: attachmentProps
     });
     return Extension.create({
       name: "slash-commands",
@@ -19838,6 +19981,8 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     isVideoEmbedActive = _ref.isVideoEmbedActive,
     setMediaUploader = _ref.setMediaUploader,
     setIsEmbedModalOpen = _ref.setIsEmbedModalOpen,
+    setIsAddLinkActive = _ref.setIsAddLinkActive,
+    attachmentProps = _ref.attachmentProps,
     openImageInNewTab = _ref.openImageInNewTab,
     openLinkInNewTab = _ref.openLinkInNewTab,
     enableReactNodeViewOptimization = _ref.enableReactNodeViewOptimization,
@@ -19898,7 +20043,9 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
       options: options,
       addonCommands: addonCommands,
       setMediaUploader: setMediaUploader,
-      setIsEmbedModalOpen: setIsEmbedModalOpen
+      setIsEmbedModalOpen: setIsEmbedModalOpen,
+      setIsAddLinkActive: setIsAddLinkActive,
+      attachmentProps: attachmentProps
     }));
   }
   if (!isEmpty$1(mentions)) {
@@ -20314,7 +20461,7 @@ var Editor = function Editor(_ref, ref) {
     _ref$extensions = _ref.extensions,
     extensions = _ref$extensions === void 0 ? [] : _ref$extensions,
     _ref$hideSlashCommand = _ref.hideSlashCommands,
-    hideSlashCommands = _ref$hideSlashCommand === void 0 ? true : _ref$hideSlashCommand,
+    hideSlashCommands = _ref$hideSlashCommand === void 0 ? false : _ref$hideSlashCommand,
     _ref$initialValue = _ref.initialValue,
     initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue,
     _ref$isCharacterCount = _ref.isCharacterCountActive,
@@ -20374,13 +20521,17 @@ var Editor = function Editor(_ref, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isEmbedModalOpen = _useState4[0],
     setIsEmbedModalOpen = _useState4[1];
-  var _useState5 = useState({
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isAddLinkActive = _useState6[0],
+    setIsAddLinkActive = _useState6[1];
+  var _useState7 = useState({
       image: false,
       video: false
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    mediaUploader = _useState6[0],
-    setMediaUploader = _useState6[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    mediaUploader = _useState8[0],
+    setMediaUploader = _useState8[1];
   var addAttachmentsRef = useRef(null);
   var attachmentProps = {
     handleUploadAttachments: function handleUploadAttachments() {
@@ -20413,6 +20564,8 @@ var Editor = function Editor(_ref, ref) {
     isVideoEmbedActive: isVideoEmbedActive,
     setMediaUploader: setMediaUploader,
     setIsEmbedModalOpen: setIsEmbedModalOpen,
+    setIsAddLinkActive: setIsAddLinkActive,
+    attachmentProps: attachmentProps,
     openImageInNewTab: openImageInNewTab,
     openLinkInNewTab: openLinkInNewTab,
     enableReactNodeViewOptimization: enableReactNodeViewOptimization,
@@ -20548,6 +20701,11 @@ var Editor = function Editor(_ref, ref) {
           onChange: onChangeAttachments
         }), (editor === null || editor === void 0 ? void 0 : editor.isActive("link")) && /*#__PURE__*/jsx(LinkPopOver, {
           editor: editor
+        }), isAddLinkActive && /*#__PURE__*/jsx(LinkAddPopOver, {
+          editor: editor,
+          isAddLinkActive: isAddLinkActive,
+          openLinkInNewTab: openLinkInNewTab,
+          setIsAddLinkActive: setIsAddLinkActive
         }), /*#__PURE__*/jsx(TableActionMenu, {
           editor: editor,
           appendTo: wrapperRef