slate-react 0.130.1 → 0.130.2

package/dist/index.js

@@ -2835,6 +2835,70 @@ function useTrackUserInput() {
   };
 }
 
+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");
@@ -3998,11 +4062,12 @@ var Editable = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
     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)) {
@@ -4037,6 +4102,7 @@ var Editable = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
           var range = slate.Editor.range(editor, path);
           slate.Transforms.select(editor, range);
         }
+        selectMovableRange(editor);
         state.isDraggingInternally = true;
         ReactEditor.setFragmentData(editor, event.dataTransfer, 'drag');
       }
@@ -4050,14 +4116,20 @@ var Editable = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
         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);
@@ -4365,6 +4437,15 @@ var Editable = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
 /**
  * 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;