@bigbinary/neeto-editor 1.47.131 → 1.47.133

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-CLrHidij.cjs.js');
+var v2_Menu = require('../chunk-D86oGQis.cjs.js');
 var Megaphone = require('@bigbinary/neeto-icons/misc/Megaphone');
 var index = require('../chunk-NqciyXN3.cjs.js');
 var lucideReact = require('lucide-react');
@@ -3736,6 +3736,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"));
@@ -3751,7 +3752,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";
       }
     },
@@ -3919,18 +3920,27 @@ var UnifiedVideoExtension = useEditorStore.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) {
@@ -5356,8 +5366,11 @@ var Editor$1 = function Editor(_ref, ref) {
   };
   var debouncedOnChangeHandler = reactUtils.useFuncDebounce(function (_ref2) {
     var editor = _ref2.editor;
-    return onChange(editor.getHTML());
+    if (!editor.isDestroyed) onChange(editor.getHTML());
   }, 100);
+  React.useEffect(function () {
+    return debouncedOnChangeHandler.cancel;
+  }, []);
   var handleBlur = function handleBlur(props) {
     var editor = props.editor;
     if (!disableTrimOnBlur) {
@@ -5424,6 +5437,7 @@ var Editor$1 = function Editor(_ref, ref) {
         "data-testid": "neeto-editor-content"
       }, ariaAttributes), contentAttributes),
       clipboardTextParser: v2_Menu.clipboardTextParser,
+      handlePaste: v2_Menu.handlePaste,
       transformPastedHTML: v2_Menu.transformPastedHTML
     },
     parseOptions: {