slate-react 0.130.1 → 0.130.2

package/dist/slate-react.js

@@ -36784,6 +36784,70 @@
 	  };
 	}
 
+	function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+	function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+	function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+	var blockPathAt = function blockPathAt(editor, point) {
+	  var _Editor$above;
+	  return (_Editor$above = slate.Editor.above(editor, {
+	    at: point,
+	    match: function match(n) {
+	      return slate.Node.isElement(n) && slate.Editor.isBlock(editor, n);
+	    }
+	  })) === null || _Editor$above === void 0 ? void 0 : _Editor$above[1];
+	};
+	var getWholeTopLevelBlockPaths = function getWholeTopLevelBlockPaths(editor, range) {
+	  var _Range$edges = slate.Range.edges(range),
+	    _Range$edges2 = _slicedToArray(_Range$edges, 2),
+	    start = _Range$edges2[0],
+	    end = _Range$edges2[1];
+	  var startBlock = blockPathAt(editor, start);
+	  var endBlock = blockPathAt(editor, end);
+	  if (!startBlock || !endBlock || startBlock.length !== 1 || endBlock.length !== 1 || startBlock[0] >= endBlock[0] || !slate.Editor.isStart(editor, start, startBlock) || !slate.Editor.isStart(editor, end, endBlock)) {
+	    return null;
+	  }
+	  return Array.from({
+	    length: endBlock[0] - startBlock[0]
+	  }, function (_, offset) {
+	    return [startBlock[0] + offset];
+	  });
+	};
+	var getMovableRange = function getMovableRange(editor, range) {
+	  return getWholeTopLevelBlockPaths(editor, range) ? range : slate.Editor.unhangRange(editor, range);
+	};
+	var deleteMovedRange = function deleteMovedRange(editor, range) {
+	  if (slate.Range.isCollapsed(range)) {
+	    return;
+	  }
+	  var blockPaths = getWholeTopLevelBlockPaths(editor, range);
+	  if (!blockPaths) {
+	    slate.Transforms.select(editor, range);
+	    slate.Editor.deleteFragment(editor);
+	    return;
+	  }
+	  var followingBlockRef = slate.Editor.pathRef(editor, slate.Path.next(blockPaths[blockPaths.length - 1]));
+	  slate.Editor.withoutNormalizing(editor, function () {
+	    var _iterator = _createForOfIteratorHelper$1(_toConsumableArray(blockPaths).reverse()),
+	      _step;
+	    try {
+	      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+	        var path = _step.value;
+	        slate.Transforms.removeNodes(editor, {
+	          at: path
+	        });
+	      }
+	    } catch (err) {
+	      _iterator.e(err);
+	    } finally {
+	      _iterator.f();
+	    }
+	  });
+	  var followingBlock = followingBlockRef.unref();
+	  if (followingBlock) {
+	    slate.Transforms.select(editor, slate.Editor.start(editor, followingBlock));
+	  }
+	};
+
 	var assertThisInitialized = createCommonjsModule(function (module) {
 	function _assertThisInitialized(e) {
 	  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -37947,11 +38011,12 @@
 	    onCut: React.useCallback(function (event) {
 	      if (!readOnly && ReactEditor.hasSelectableTarget(editor, event.target) && !isEventHandled(event, attributes.onCut) && !isDOMEventTargetInput(event)) {
 	        event.preventDefault();
+	        selectMovableRange(editor);
 	        ReactEditor.setFragmentData(editor, event.clipboardData, 'cut');
 	        var selection = editor.selection;
 	        if (selection) {
 	          if (slate.Range.isExpanded(selection)) {
-	            slate.Editor.deleteFragment(editor);
+	            deleteMovedRange(editor, selection);
 	          } else {
 	            var node = slate.Node.parent(editor, selection.anchor.path);
 	            if (slate.Editor.isVoid(editor, node)) {
@@ -37986,6 +38051,7 @@
 	          var range = slate.Editor.range(editor, path);
 	          slate.Transforms.select(editor, range);
 	        }
+	        selectMovableRange(editor);
 	        state.isDraggingInternally = true;
 	        ReactEditor.setFragmentData(editor, event.dataTransfer, 'drag');
 	      }
@@ -37999,14 +38065,20 @@
 	        var range = ReactEditor.findEventRange(editor, event);
 	        var data = event.dataTransfer;
 	        slate.Transforms.select(editor, range);
-	        if (state.isDraggingInternally) {
-	          if (draggedRange && !slate.Range.equals(draggedRange, range) && !slate.Editor["void"](editor, {
+	        if (state.isDraggingInternally && draggedRange) {
+	          if (slate.Range.includes(draggedRange, range.anchor)) {
+	            return;
+	          }
+	          if (!slate.Editor["void"](editor, {
 	            at: range,
 	            voids: true
 	          })) {
-	            slate.Transforms["delete"](editor, {
-	              at: draggedRange
-	            });
+	            var dropRef = slate.Editor.rangeRef(editor, range);
+	            deleteMovedRange(editor, draggedRange);
+	            var dropRange = dropRef.unref();
+	            if (dropRange) {
+	              slate.Transforms.select(editor, dropRange);
+	            }
 	          }
 	        }
 	        ReactEditor.insertData(editor, data);
@@ -38314,6 +38386,15 @@
 	/**
 	 * The default placeholder element
 	 */
+	var selectMovableRange = function selectMovableRange(editor) {
+	  var selection = editor.selection;
+	  if (selection && slate.Range.isExpanded(selection)) {
+	    var movableRange = getMovableRange(editor, selection);
+	    if (!slate.Range.equals(movableRange, selection)) {
+	      slate.Transforms.select(editor, movableRange);
+	    }
+	  }
+	};
 	var DefaultPlaceholder = function DefaultPlaceholder(_ref4) {
 	  var attributes = _ref4.attributes,
 	    children = _ref4.children;