@bigbinary/neeto-editor 1.47.127 → 1.47.130

package/dist/v2/Editor.js

@@ -16,7 +16,7 @@ import { is, intersection, difference, union, isEmpty, isNil, mergeRight, assoc,
 import ReactDOM from 'react-dom/server';
 import { l as lowlight, d as decodeHtmlEntities, r as removeEmptyTags } from '../chunk-Qg4uQqj3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { C as CALLOUT_TYPES, E as EmojiPickerMenu, v as validateUrl, b as buildLevelsFromOptions, g as getLinkPopoverPosition, L as LINK_VALIDATION_SCHEMA, c as validateAndFormatUrl, D as DEFAULT_EDITOR_OPTIONS, d as getEditorStyles, M as Menu$3, e as MenuDynamicVariables, f as MediaUploader, h as LinkAddPopOver, j as transformPastedHTML, k as clipboardTextParser, s as setInitialPosition } from '../chunk-C8O6gt0z.js';
+import { C as CALLOUT_TYPES, E as EmojiPickerMenu, g as getSuggestionAppendTo, v as validateUrl, b as buildLevelsFromOptions, c as getLinkPopoverPosition, L as LINK_VALIDATION_SCHEMA, d as validateAndFormatUrl, D as DEFAULT_EDITOR_OPTIONS, e as getEditorStyles, M as Menu$3, f as MenuDynamicVariables, h as MediaUploader, j as LinkAddPopOver, k as transformPastedHTML, l as clipboardTextParser, s as setInitialPosition } from '../chunk-BSdgi_3H.js';
 import Megaphone from '@bigbinary/neeto-icons/misc/Megaphone';
 import { m as PluginKey, P as Plugin, T as TextSelection } from '../chunk-C5svTfyQ.js';
 import { ChevronDown, Highlighter, X, Ratio, Ellipsis, AlignLeft, AlignCenter, AlignRight, RectangleHorizontal, RectangleVertical, Square, SquareDashed, Trash2, BookOpen, Pencil } from 'lucide-react';
@@ -758,16 +758,19 @@ var EditorContainer = Extension.create({
   name: "editorContainer",
   addOptions: function addOptions() {
     return {
-      containerRef: null
+      containerRef: null,
+      appendSuggestionsToBody: false
     };
   },
   addStorage: function addStorage() {
     return {
-      containerRef: null
+      containerRef: null,
+      appendSuggestionsToBody: false
     };
   },
   onBeforeCreate: function onBeforeCreate() {
     this.storage.containerRef = this.options.containerRef;
+    this.storage.appendSuggestionsToBody = this.options.appendSuggestionsToBody;
   }
 });
 
@@ -801,10 +804,7 @@ var EmojiPicker = Node3.create({
               popup = tippy("body", {
                 theme: "light",
                 getReferenceClientRect: props.clientRect,
-                appendTo: function appendTo() {
-                  var _props$editor$storage, _props$editor;
-                  return (_props$editor$storage = (_props$editor = props.editor) === null || _props$editor === void 0 || (_props$editor = _props$editor.storage) === null || _props$editor === void 0 || (_props$editor = _props$editor.editorContainer) === null || _props$editor === void 0 || (_props$editor = _props$editor.containerRef) === null || _props$editor === void 0 ? void 0 : _props$editor.current) !== null && _props$editor$storage !== void 0 ? _props$editor$storage : document.body;
-                },
+                appendTo: getSuggestionAppendTo(props.editor),
                 content: reactRenderer.element,
                 showOnCreate: true,
                 interactive: true,
@@ -1167,10 +1167,7 @@ var suggestionConfig = {
           popup = tippy("body", {
             theme: "light",
             getReferenceClientRect: props.clientRect,
-            appendTo: function appendTo() {
-              var _props$editor$storage, _props$editor;
-              return (_props$editor$storage = (_props$editor = props.editor) === null || _props$editor === void 0 || (_props$editor = _props$editor.storage) === null || _props$editor === void 0 || (_props$editor = _props$editor.editorContainer) === null || _props$editor === void 0 || (_props$editor = _props$editor.containerRef) === null || _props$editor === void 0 ? void 0 : _props$editor.current) !== null && _props$editor$storage !== void 0 ? _props$editor$storage : document.body;
-            },
+            appendTo: getSuggestionAppendTo(props.editor),
             content: reactRenderer.element,
             showOnCreate: true,
             interactive: true,
@@ -2150,10 +2147,7 @@ var suggestion$1 = {
         popup = tippy("body", {
           theme: "light neeto-editor-mentions-tooltip",
           getReferenceClientRect: props.clientRect,
-          appendTo: function appendTo() {
-            var _props$editor$storage, _props$editor;
-            return (_props$editor$storage = (_props$editor = props.editor) === null || _props$editor === void 0 || (_props$editor = _props$editor.storage) === null || _props$editor === void 0 || (_props$editor = _props$editor.editorContainer) === null || _props$editor === void 0 || (_props$editor = _props$editor.containerRef) === null || _props$editor === void 0 ? void 0 : _props$editor.current) !== null && _props$editor$storage !== void 0 ? _props$editor$storage : document.body;
-          },
+          appendTo: getSuggestionAppendTo(props.editor),
           content: reactRenderer.element,
           showOnCreate: true,
           interactive: true,
@@ -3004,10 +2998,7 @@ var SlashCommands = {
                   });
                   popup = tippy("body", {
                     getReferenceClientRect: props.clientRect,
-                    appendTo: function appendTo() {
-                      var _props$editor$storage, _props$editor;
-                      return (_props$editor$storage = (_props$editor = props.editor) === null || _props$editor === void 0 || (_props$editor = _props$editor.storage) === null || _props$editor === void 0 || (_props$editor = _props$editor.editorContainer) === null || _props$editor === void 0 || (_props$editor = _props$editor.containerRef) === null || _props$editor === void 0 ? void 0 : _props$editor.current) !== null && _props$editor$storage !== void 0 ? _props$editor$storage : document.body;
-                    },
+                    appendTo: getSuggestionAppendTo(props.editor),
                     content: reactRenderer.element,
                     showOnCreate: true,
                     interactive: true,
@@ -3082,10 +3073,7 @@ var suggestion = {
         popup = tippy("body", {
           theme: "light neeto-editor-mentions-tooltip",
           getReferenceClientRect: props.clientRect,
-          appendTo: function appendTo() {
-            var _props$editor$storage, _props$editor;
-            return (_props$editor$storage = (_props$editor = props.editor) === null || _props$editor === void 0 || (_props$editor = _props$editor.storage) === null || _props$editor === void 0 || (_props$editor = _props$editor.editorContainer) === null || _props$editor === void 0 || (_props$editor = _props$editor.containerRef) === null || _props$editor === void 0 ? void 0 : _props$editor.current) !== null && _props$editor$storage !== void 0 ? _props$editor$storage : document.body;
-          },
+          appendTo: getSuggestionAppendTo(props.editor),
           content: reactRenderer.element,
           showOnCreate: true,
           interactive: true,
@@ -3973,9 +3961,11 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     enableReactNodeViewOptimization = _ref.enableReactNodeViewOptimization,
     collaborationProvider = _ref.collaborationProvider,
     setIsNeetoKbArticleActive = _ref.setIsNeetoKbArticleActive,
-    containerRef = _ref.containerRef;
+    containerRef = _ref.containerRef,
+    appendSuggestionsToBody = _ref.appendSuggestionsToBody;
   var customExtensions = [EditorContainer.configure({
-    containerRef: containerRef
+    containerRef: containerRef,
+    appendSuggestionsToBody: appendSuggestionsToBody
   }), CharacterCount, index_default$5, CodeBlock.configure({
     enableReactNodeViewOptimization: enableReactNodeViewOptimization
   }), CustomCommands, index_default$4, FigCaption, HighlightInternal, SelectionDecoration, Focus.configure({
@@ -5182,7 +5172,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
   });
 };
 
-var _excluded = ["addonCommands", "addons", "attachments", "attachmentsConfig", "autoFocus", "className", "contentClassName", "contentWrapperClassName", "errorWrapperClassName", "contentAttributes", "menuClassName", "attachmentsClassName", "isMenuIndependent", "defaults", "editorSecrets", "error", "extensions", "hideSlashCommands", "initialValue", "isCharacterCountActive", "keyboardShortcuts", "label", "mentions", "menuType", "placeholder", "required", "rows", "tooltips", "variables", "disableTrimOnBlur", "onChange", "onFocus", "onBlur", "onSubmit", "onChangeAttachments", "children", "openImageInNewTab", "openLinkInNewTab", "showAssetLibrary", "collaborationProvider", "enableReactNodeViewOptimization", "size", "otherAttachmentProps"];
+var _excluded = ["addonCommands", "addons", "attachments", "attachmentsConfig", "autoFocus", "className", "contentClassName", "contentWrapperClassName", "errorWrapperClassName", "contentAttributes", "menuClassName", "attachmentsClassName", "isMenuIndependent", "defaults", "editorSecrets", "error", "extensions", "hideSlashCommands", "appendSuggestionsToBody", "initialValue", "isCharacterCountActive", "keyboardShortcuts", "label", "mentions", "menuType", "placeholder", "required", "rows", "tooltips", "variables", "disableTrimOnBlur", "onChange", "onFocus", "onBlur", "onSubmit", "onChangeAttachments", "children", "openImageInNewTab", "openLinkInNewTab", "showAssetLibrary", "collaborationProvider", "enableReactNodeViewOptimization", "size", "otherAttachmentProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Editor = function Editor(_ref, ref) {
@@ -5217,6 +5207,8 @@ var Editor = function Editor(_ref, ref) {
     extensions = _ref$extensions === void 0 ? [] : _ref$extensions,
     _ref$hideSlashCommand = _ref.hideSlashCommands,
     hideSlashCommands = _ref$hideSlashCommand === void 0 ? true : _ref$hideSlashCommand,
+    _ref$appendSuggestion = _ref.appendSuggestionsToBody,
+    appendSuggestionsToBody = _ref$appendSuggestion === void 0 ? false : _ref$appendSuggestion,
     _ref$initialValue = _ref.initialValue,
     initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue,
     _ref$isCharacterCount = _ref.isCharacterCountActive,
@@ -5337,7 +5329,8 @@ var Editor = function Editor(_ref, ref) {
     enableReactNodeViewOptimization: enableReactNodeViewOptimization,
     collaborationProvider: collaborationProvider,
     setIsNeetoKbArticleActive: setNeetoKbArticleState,
-    containerRef: wrapperRef
+    containerRef: wrapperRef,
+    appendSuggestionsToBody: appendSuggestionsToBody
   });
   useEditorWarnings({
     initialValue: initialValue