@bigbinary/neeto-editor 1.47.126 → 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-COgPAsPy.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,
@@ -3769,6 +3757,13 @@ var getEmbedAttributes = function getEmbedAttributes() {
     title: {
       "default": null
     },
+    originalUrl: {
+      "default": "",
+      parseHTML: function parseHTML(element) {
+        var iframe = element.querySelector(".neeto-editor__video-iframe");
+        return (iframe === null || iframe === void 0 ? void 0 : iframe.getAttribute("data-original-url")) || "";
+      }
+    },
     frameBorder: "0",
     allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen",
     allowfullscreen: true
@@ -3780,7 +3775,8 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
     figheight = _node$attrs.figheight,
     figwidth = _node$attrs.figwidth,
     border = _node$attrs.border,
-    aspectRatio = _node$attrs.aspectRatio;
+    aspectRatio = _node$attrs.aspectRatio,
+    originalUrl = _node$attrs.originalUrl;
   return ["div", {
     "class": classnames("neeto-editor__video-wrapper", "neeto-editor__video--".concat(align), {
       "neeto-editor__video--bordered": border
@@ -3797,7 +3793,8 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
     "data-aspect-ratio": aspectRatio
   }, ["iframe", mergeAttributes(options.HTMLAttributes, _objectSpread$4(_objectSpread$4({}, HTMLAttributes), {}, {
     allowfullscreen: true,
-    "data-border": border
+    "data-border": border,
+    "data-original-url": originalUrl
   }))]]];
 };
 var renderUploadHTML = function renderUploadHTML(node, HTMLAttributes, options) {
@@ -3840,7 +3837,8 @@ var handleVideoPaste = function handleVideoPaste(_ref) {
   if (validatedUrl) {
     var node = state.schema.nodes["unified-video"].create({
       src: validatedUrl,
-      videoType: "embed"
+      videoType: "embed",
+      originalUrl: match[0]
     });
     state.tr.insert(range.from, node);
     state.tr.insert(range.from + node.nodeSize + 1, state.schema.nodes.paragraph.create());
@@ -3963,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({
@@ -5172,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) {
@@ -5207,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,
@@ -5327,7 +5329,8 @@ var Editor = function Editor(_ref, ref) {
     enableReactNodeViewOptimization: enableReactNodeViewOptimization,
     collaborationProvider: collaborationProvider,
     setIsNeetoKbArticleActive: setNeetoKbArticleState,
-    containerRef: wrapperRef
+    containerRef: wrapperRef,
+    appendSuggestionsToBody: appendSuggestionsToBody
   });
   useEditorWarnings({
     initialValue: initialValue