@bigbinary/neeto-editor 1.47.131 → 1.47.133

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, 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-LieRrhol.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 handlePaste, m as clipboardTextParser, s as setInitialPosition } from '../chunk-DPXl1H2A.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';
@@ -3680,6 +3680,7 @@ var getSharedAttributes = function getSharedAttributes() {
     src: {
       "default": null,
       parseHTML: function parseHTML(element) {
+        if (element.tagName === "IFRAME") return element.getAttribute("src");
         var iframe = element.querySelector("iframe");
         var video = element.querySelector("video");
         return (iframe === null || iframe === void 0 ? void 0 : iframe.getAttribute("src")) || (video === null || video === void 0 ? void 0 : video.getAttribute("src"));
@@ -3695,7 +3696,7 @@ var getSharedAttributes = function getSharedAttributes() {
     videoType: {
       "default": "upload",
       parseHTML: function parseHTML(element) {
-        var iframe = element.querySelector("iframe");
+        var iframe = element.tagName === "IFRAME" ? element : element.querySelector("iframe");
         return iframe ? "embed" : "upload";
       }
     },
@@ -3863,18 +3864,27 @@ var UnifiedVideoExtension = Node3.create({
     return [{
       tag: "div.neeto-editor__image-wrapper",
       getAttrs: function getAttrs(node) {
+        var _figure$querySelector, _figure$querySelector2;
         var figure = node.querySelector("figure[data-video]");
         if (!figure) return false;
-        var videoEl = figure.querySelector("video");
-        var iframeEl = figure.querySelector("iframe");
-        if (!videoEl && !iframeEl) return false;
+        var videoSrc = (_figure$querySelector = figure.querySelector("video")) === null || _figure$querySelector === void 0 ? void 0 : _figure$querySelector.getAttribute("src");
+        var iframeSrc = (_figure$querySelector2 = figure.querySelector("iframe")) === null || _figure$querySelector2 === void 0 ? void 0 : _figure$querySelector2.getAttribute("src");
+        if (!videoSrc && !iframeSrc) return false;
         return node.style.fontWeight !== "normal" && null;
       },
       contentElement: "figcaption"
     }, {
-      tag: "iframe[src]"
+      tag: "iframe[src]",
+      // iframes inside our own embed markup are consumed by the
+      // div.neeto-editor__video-wrapper rule below.
+      getAttrs: function getAttrs(element) {
+        return element.closest("div.neeto-editor__video-wrapper") ? false : null;
+      }
     }, {
-      tag: "div.neeto-editor__video-wrapper"
+      tag: "div.neeto-editor__video-wrapper",
+      getAttrs: function getAttrs(element) {
+        return element.querySelector("iframe[src]") ? null : false;
+      }
     }];
   },
   renderHTML: function renderHTML(_ref2) {
@@ -5300,8 +5310,11 @@ var Editor = function Editor(_ref, ref) {
   };
   var debouncedOnChangeHandler = useFuncDebounce(function (_ref2) {
     var editor = _ref2.editor;
-    return onChange(editor.getHTML());
+    if (!editor.isDestroyed) onChange(editor.getHTML());
   }, 100);
+  useEffect(function () {
+    return debouncedOnChangeHandler.cancel;
+  }, []);
   var handleBlur = function handleBlur(props) {
     var editor = props.editor;
     if (!disableTrimOnBlur) {
@@ -5368,6 +5381,7 @@ var Editor = function Editor(_ref, ref) {
         "data-testid": "neeto-editor-content"
       }, ariaAttributes), contentAttributes),
       clipboardTextParser: clipboardTextParser,
+      handlePaste: handlePaste,
       transformPastedHTML: transformPastedHTML
     },
     parseOptions: {