From e0776c5c923f1fb33a130599e558e6dffdde40f4 Mon Sep 17 00:00:00 2001
From: Dylan Schiemann <dylan@dojotoolkit.org>
Date: Fri, 6 Aug 2021 07:43:42 -0700
Subject: [PATCH] Allow setFragmentData without clipboardData object (#4333)

* allow setFragmentData to be used without a copy/paste or DnD data structure

* Add changeset

* return data for use outside of setFragmentData call
---
 .changeset/quiet-teachers-kneel.md            | 5 +++++
 packages/slate-react/src/plugin/with-react.ts | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/quiet-teachers-kneel.md

diff --git a/.changeset/quiet-teachers-kneel.md b/.changeset/quiet-teachers-kneel.md
new file mode 100644
index 000000000..52f8977f9
--- /dev/null
+++ b/.changeset/quiet-teachers-kneel.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Allow setFragmentData to work without copy/paste or DnD data structure
diff --git a/packages/slate-react/src/plugin/with-react.ts b/packages/slate-react/src/plugin/with-react.ts
index 48ad82f7e..09a7f35ee 100644
--- a/packages/slate-react/src/plugin/with-react.ts
+++ b/packages/slate-react/src/plugin/with-react.ts
@@ -96,7 +96,7 @@ export const withReact = <T extends Editor>(editor: T) => {
     }
   }
 
-  e.setFragmentData = (data: DataTransfer) => {
+  e.setFragmentData = (data: Pick<DataTransfer, 'getData' | 'setData'>) => {
     const { selection } = e
 
     if (!selection) {
@@ -179,6 +179,7 @@ export const withReact = <T extends Editor>(editor: T) => {
     data.setData('text/html', div.innerHTML)
     data.setData('text/plain', getPlainText(div))
     document.body.removeChild(div)
+    return data
   }
 
   e.insertData = (data: DataTransfer) => {