slate-react 0.72.0 → 0.72.1

package/dist/plugin/react-editor.d.ts

@@ -8,7 +8,7 @@ export interface ReactEditor extends BaseEditor {
     insertData: (data: DataTransfer) => void;
     insertFragmentData: (data: DataTransfer) => boolean;
     insertTextData: (data: DataTransfer) => boolean;
-    setFragmentData: (data: DataTransfer) => void;
+    setFragmentData: (data: DataTransfer, originEvent?: 'drag' | 'copy' | 'cut') => void;
     hasRange: (editor: ReactEditor, range: Range) => boolean;
 }
 export declare const ReactEditor: {
@@ -69,7 +69,7 @@ export declare const ReactEditor: {
     /**
      * Sets data from the currently selected fragment on a `DataTransfer`.
      */
-    setFragmentData(editor: ReactEditor, data: DataTransfer): void;
+    setFragmentData(editor: ReactEditor, data: DataTransfer, originEvent?: "drag" | "copy" | "cut" | undefined): void;
     /**
      * Find the native DOM element from a Slate node.
      */

package/dist/plugin/react-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-editor.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/plugin/react-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAc,UAAU,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAYlC,OAAO,EAEL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,cAAc,EAKf,MAAM,cAAc,CAAA;AAGrB;;GAEG;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IAC/C,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC7C,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;CACzD;AAED,eAAO,MAAM,WAAW;IACtB;;OAEG;sBAEe,WAAW,GAAG,MAAM;IAQtC;;OAEG;oBAEa,WAAW,QAAQ,IAAI,GAAG,GAAG;IAW7C;;OAEG;qBAEc,WAAW,QAAQ,IAAI;IA8BxC;;OAEG;qCAE8B,WAAW,GAAG,QAAQ,GAAG,UAAU;IAcpE;;OAEG;sBAEe,WAAW,GAAG,OAAO;IAIvC;;OAEG;uBAEgB,WAAW,GAAG,OAAO;IAIxC;;OAEG;iBAEU,WAAW,GAAG,IAAI;IAU/B;;OAEG;kBAEW,WAAW,GAAG,IAAI;IAUhC;;OAEG;qBAEc,WAAW,GAAG,IAAI;IAenC;;OAEG;uBAGO,WAAW,UACX,OAAO,YACN;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAC9B,OAAO;IAoCV;;OAEG;uBAEgB,WAAW,QAAQ,YAAY,GAAG,IAAI;IAIzD;;OAEG;+BAEwB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIpE;;OAEG;2BAEoB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIhE;;OAEG;4BAEqB,WAAW,QAAQ,YAAY,GAAG,IAAI;IAI9D;;OAEG;sBAEe,WAAW,QAAQ,IAAI,GAAG,WAAW;IAevD;;OAEG;uBAEgB,WAAW,SAAS,KAAK;IAgD5C;;;;;;;OAOG;uBAEgB,WAAW,SAAS,KAAK,GAAG,QAAQ;IA8BvD;;OAEG;wBAEiB,WAAW,WAAW,OAAO,GAAG,IAAI;IAgBxD;;OAEG;2BAEoB,WAAW,SAAS,GAAG,GAAG,KAAK;IAiEtD;;OAEG;4CAGO,WAAW;;;;IAuGrB;;OAEG;8CAGO,WAAW,YACT,QAAQ,GAAG,cAAc,GAAG,YAAY;;;;;;qBAyFnC,WAAW,SAAS,KAAK,GAAG,OAAO;CAMrD,CAAA"}
+{"version":3,"file":"react-editor.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/plugin/react-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAc,UAAU,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAYlC,OAAO,EAEL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,cAAc,EAKf,MAAM,cAAc,CAAA;AAGrB;;GAEG;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IAC/C,eAAe,EAAE,CACf,IAAI,EAAE,YAAY,EAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,KAClC,IAAI,CAAA;IACT,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;CACzD;AAED,eAAO,MAAM,WAAW;IACtB;;OAEG;sBAEe,WAAW,GAAG,MAAM;IAQtC;;OAEG;oBAEa,WAAW,QAAQ,IAAI,GAAG,GAAG;IAW7C;;OAEG;qBAEc,WAAW,QAAQ,IAAI;IA8BxC;;OAEG;qCAE8B,WAAW,GAAG,QAAQ,GAAG,UAAU;IAcpE;;OAEG;sBAEe,WAAW,GAAG,OAAO;IAIvC;;OAEG;uBAEgB,WAAW,GAAG,OAAO;IAIxC;;OAEG;iBAEU,WAAW,GAAG,IAAI;IAU/B;;OAEG;kBAEW,WAAW,GAAG,IAAI;IAUhC;;OAEG;qBAEc,WAAW,GAAG,IAAI;IAenC;;OAEG;uBAGO,WAAW,UACX,OAAO,YACN;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAC9B,OAAO;IAoCV;;OAEG;uBAEgB,WAAW,QAAQ,YAAY,GAAG,IAAI;IAIzD;;OAEG;+BAEwB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIpE;;OAEG;2BAEoB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIhE;;OAEG;4BAGO,WAAW,QACb,YAAY,sDAEjB,IAAI;IAIP;;OAEG;sBAEe,WAAW,QAAQ,IAAI,GAAG,WAAW;IAevD;;OAEG;uBAEgB,WAAW,SAAS,KAAK;IAgD5C;;;;;;;OAOG;uBAEgB,WAAW,SAAS,KAAK,GAAG,QAAQ;IA8BvD;;OAEG;wBAEiB,WAAW,WAAW,OAAO,GAAG,IAAI;IAgBxD;;OAEG;2BAEoB,WAAW,SAAS,GAAG,GAAG,KAAK;IAiEtD;;OAEG;4CAGO,WAAW;;;;IAuGrB;;OAEG;8CAGO,WAAW,YACT,QAAQ,GAAG,cAAc,GAAG,YAAY;;;;;;qBAyFnC,WAAW,SAAS,KAAK,GAAG,OAAO;CAMrD,CAAA"}

package/dist/slate-react.js

@@ -2261,8 +2261,8 @@
 
 	      var anchorNode = domSelection.anchorNode,
 	          focusNode = domSelection.focusNode;
-	      var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) || isTargetInsideVoid(editor, anchorNode);
-	      var focusNodeSelectable = hasEditableTarget(editor, focusNode) || isTargetInsideVoid(editor, focusNode);
+	      var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) || isTargetInsideNonReadonlyVoid(editor, anchorNode);
+	      var focusNodeSelectable = hasEditableTarget(editor, focusNode) || isTargetInsideNonReadonlyVoid(editor, focusNode);
 
 	      if (anchorNodeSelectable && focusNodeSelectable) {
 	        var range = ReactEditor.toSlateRange(editor, domSelection, {
@@ -2766,13 +2766,13 @@
 	    onCopy: React.useCallback(function (event) {
 	      if (hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCopy)) {
 	        event.preventDefault();
-	        ReactEditor.setFragmentData(editor, event.clipboardData);
+	        ReactEditor.setFragmentData(editor, event.clipboardData, 'copy');
 	      }
 	    }, [attributes.onCopy]),
 	    onCut: React.useCallback(function (event) {
 	      if (!readOnly && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCut)) {
 	        event.preventDefault();
-	        ReactEditor.setFragmentData(editor, event.clipboardData);
+	        ReactEditor.setFragmentData(editor, event.clipboardData, 'cut');
 	        var selection = editor.selection;
 
 	        if (selection) {
@@ -2816,7 +2816,7 @@
 	        }
 
 	        state.isDraggingInternally = true;
-	        ReactEditor.setFragmentData(editor, event.dataTransfer);
+	        ReactEditor.setFragmentData(editor, event.dataTransfer, 'drag');
 	      }
 	    }, [readOnly, attributes.onDragStart]),
 	    onDrop: React.useCallback(function (event) {
@@ -3212,10 +3212,11 @@
 	  });
 	};
 	/**
-	 * Check if the target is inside void and in the editor.
+	 * Check if the target is inside void and in an non-readonly editor.
 	 */
 
-	var isTargetInsideVoid = function isTargetInsideVoid(editor, target) {
+	var isTargetInsideNonReadonlyVoid = function isTargetInsideNonReadonlyVoid(editor, target) {
+	  if (IS_READ_ONLY.get(editor)) return false;
 	  var slateNode = hasTarget(editor, target) && ReactEditor.toSlateNode(editor, target);
 	  return slate.Editor.isVoid(editor, slateNode);
 	};
@@ -3517,8 +3518,8 @@
 	  /**
 	   * Sets data from the currently selected fragment on a `DataTransfer`.
 	   */
-	  setFragmentData: function setFragmentData(editor, data) {
-	    editor.setFragmentData(data);
+	  setFragmentData: function setFragmentData(editor, data, originEvent) {
+	    editor.setFragmentData(data, originEvent);
 	  },
 
 	  /**
@@ -4779,8 +4780,8 @@
 
 	        var anchorNode = domSelection.anchorNode,
 	            focusNode = domSelection.focusNode;
-	        var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) || isTargetInsideVoid(editor, anchorNode);
-	        var focusNodeSelectable = hasEditableTarget(editor, focusNode) || isTargetInsideVoid(editor, focusNode);
+	        var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) || isTargetInsideNonReadonlyVoid(editor, anchorNode);
+	        var focusNodeSelectable = hasEditableTarget(editor, focusNode) || isTargetInsideNonReadonlyVoid(editor, focusNode);
 
 	        if (anchorNodeSelectable && focusNodeSelectable) {
 	          var range = ReactEditor.toSlateRange(editor, domSelection, {
@@ -4845,13 +4846,13 @@
 	    onCopy: React.useCallback(function (event) {
 	      if (hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCopy)) {
 	        event.preventDefault();
-	        ReactEditor.setFragmentData(editor, event.clipboardData);
+	        ReactEditor.setFragmentData(editor, event.clipboardData, 'copy');
 	      }
 	    }, [attributes.onCopy]),
 	    onCut: React.useCallback(function (event) {
 	      if (!readOnly && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCut)) {
 	        event.preventDefault();
-	        ReactEditor.setFragmentData(editor, event.clipboardData);
+	        ReactEditor.setFragmentData(editor, event.clipboardData, 'cut');
 	        var selection = editor.selection;
 
 	        if (selection) {