@bigbinary/neeto-editor 1.47.126 → 1.47.130

package/dist/cjs/v2/Editor.cjs.js

@@ -18,7 +18,7 @@ var ramda = require('ramda');
 var ReactDOM = require('react-dom/server');
 var common = require('../chunk-BKvkHB8E.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var v2_Menu = require('../chunk-DoYRXWHQ.cjs.js');
+var v2_Menu = require('../chunk-DRJy8PFC.cjs.js');
 var Megaphone = require('@bigbinary/neeto-icons/misc/Megaphone');
 var index = require('../chunk-NqciyXN3.cjs.js');
 var lucideReact = require('lucide-react');
@@ -814,16 +814,19 @@ var EditorContainer = useEditorStore.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;
   }
 });
 
@@ -857,10 +860,7 @@ var EmojiPicker = useEditorStore.Node3.create({
               popup = tippy__default.default("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: v2_Menu.getSuggestionAppendTo(props.editor),
                 content: reactRenderer.element,
                 showOnCreate: true,
                 interactive: true,
@@ -1223,10 +1223,7 @@ var suggestionConfig = {
           popup = tippy__default.default("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: v2_Menu.getSuggestionAppendTo(props.editor),
             content: reactRenderer.element,
             showOnCreate: true,
             interactive: true,
@@ -2206,10 +2203,7 @@ var suggestion$1 = {
         popup = tippy__default.default("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: v2_Menu.getSuggestionAppendTo(props.editor),
           content: reactRenderer.element,
           showOnCreate: true,
           interactive: true,
@@ -3060,10 +3054,7 @@ var SlashCommands = {
                   });
                   popup = tippy__default.default("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: v2_Menu.getSuggestionAppendTo(props.editor),
                     content: reactRenderer.element,
                     showOnCreate: true,
                     interactive: true,
@@ -3138,10 +3129,7 @@ var suggestion = {
         popup = tippy__default.default("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: v2_Menu.getSuggestionAppendTo(props.editor),
           content: reactRenderer.element,
           showOnCreate: true,
           interactive: true,
@@ -3825,6 +3813,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
@@ -3836,7 +3831,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__default.default("neeto-editor__video-wrapper", "neeto-editor__video--".concat(align), {
       "neeto-editor__video--bordered": border
@@ -3853,7 +3849,8 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
     "data-aspect-ratio": aspectRatio
   }, ["iframe", useEditorStore.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) {
@@ -3896,7 +3893,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());
@@ -4019,9 +4017,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
   }), fuzzySearch.CharacterCount, fuzzySearch.index_default$5, CodeBlock.configure({
     enableReactNodeViewOptimization: enableReactNodeViewOptimization
   }), CustomCommands, fuzzySearch.index_default$4, FigCaption, HighlightInternal, SelectionDecoration, fuzzySearch.Focus.configure({
@@ -5228,7 +5228,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__default.default(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$1 = function Editor(_ref, ref) {
@@ -5263,6 +5263,8 @@ var Editor$1 = 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,
@@ -5383,7 +5385,8 @@ var Editor$1 = function Editor(_ref, ref) {
     enableReactNodeViewOptimization: enableReactNodeViewOptimization,
     collaborationProvider: collaborationProvider,
     setIsNeetoKbArticleActive: setNeetoKbArticleState,
-    containerRef: wrapperRef
+    containerRef: wrapperRef,
+    appendSuggestionsToBody: appendSuggestionsToBody
   });
   fuzzySearch.useEditorWarnings({
     initialValue: initialValue