@tiptap/core 2.0.0-beta.163 → 2.0.0-beta.164

package/dist/tiptap-core.cjs.js

@@ -2455,21 +2455,45 @@ function run(config) {
  */
 function pasteRulesPlugin(props) {
     const { editor, rules } = props;
-    let isProseMirrorHTML = false;
+    let dragSourceElement = null;
+    let isPastedFromProseMirror = false;
+    let isDroppedFromProseMirror = false;
     const plugins = rules.map(rule => {
         return new prosemirrorState.Plugin({
-            props: {
-                handlePaste: (view, event) => {
+            // we register a global drag handler to track the current drag source element
+            view(view) {
+                const handleDragstart = (event) => {
                     var _a;
-                    const html = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/html');
-                    isProseMirrorHTML = !!(html === null || html === void 0 ? void 0 : html.includes('data-pm-slice'));
-                    return false;
+                    dragSourceElement = ((_a = view.dom.parentElement) === null || _a === void 0 ? void 0 : _a.contains(event.target))
+                        ? view.dom.parentElement
+                        : null;
+                };
+                window.addEventListener('dragstart', handleDragstart);
+                return {
+                    destroy() {
+                        window.removeEventListener('dragstart', handleDragstart);
+                    },
+                };
+            },
+            props: {
+                handleDOMEvents: {
+                    drop: view => {
+                        isDroppedFromProseMirror = dragSourceElement === view.dom.parentElement;
+                        return false;
+                    },
+                    paste: (view, event) => {
+                        var _a;
+                        const html = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/html');
+                        isPastedFromProseMirror = !!(html === null || html === void 0 ? void 0 : html.includes('data-pm-slice'));
+                        return false;
+                    },
                 },
             },
             appendTransaction: (transactions, oldState, state) => {
                 const transaction = transactions[0];
-                // stop if there is not a paste event
-                if (!transaction.getMeta('paste') || isProseMirrorHTML) {
+                const isPaste = transaction.getMeta('uiEvent') === 'paste' && !isPastedFromProseMirror;
+                const isDrop = transaction.getMeta('uiEvent') === 'drop' && !isDroppedFromProseMirror;
+                if (!isPaste && !isDrop) {
                     return;
                 }
                 // stop if there is no changed range