slate-react 0.72.7 → 0.72.9-20221114642

package/dist/index.js

@@ -1324,7 +1324,7 @@ var Editable$1 = function Editable(props) {
 
 
     state.isUpdatingSelection = true;
-    var newDomRange = selection && hasDomSelectionInEditor && ReactEditor.toDOMRange(editor, selection);
+    var newDomRange = selection && ReactEditor.toDOMRange(editor, selection);
 
     if (newDomRange) {
       if (slate.Range.isBackward(selection)) {
@@ -1959,8 +1959,6 @@ var Editable$1 = function Editable(props) {
               at: draggedRange
             });
           }
-
-          state.isDraggingInternally = false;
         }
 
         ReactEditor.insertData(editor, data); // When dragging from another source into the editor, it's possible
@@ -1970,14 +1968,18 @@ var Editable$1 = function Editable(props) {
           ReactEditor.focus(editor);
         }
       }
+
+      state.isDraggingInternally = false;
     }, [readOnly, attributes.onDrop]),
     onDragEnd: React.useCallback(function (event) {
-      // When dropping on a different droppable element than the current editor,
+      if (!readOnly && state.isDraggingInternally && attributes.onDragEnd && hasTarget(editor, event.target)) {
+        attributes.onDragEnd(event);
+      } // When dropping on a different droppable element than the current editor,
       // `onDrop` is not called. So we need to clean up in `onDragEnd` instead.
       // Note: `onDragEnd` is only called when `onDrop` is not called
-      if (!readOnly && state.isDraggingInternally && hasTarget(editor, event.target) && !isEventHandled(event, attributes.onDragEnd)) {
-        state.isDraggingInternally = false;
-      }
+
+
+      state.isDraggingInternally = false;
     }, [readOnly, attributes.onDragEnd]),
     onFocus: React.useCallback(function (event) {
       if (!readOnly && !state.isUpdatingSelection && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onFocus)) {
@@ -4161,6 +4163,8 @@ var Slate = function Slate(props) {
       value = props.value,
       rest = _objectWithoutProperties(props, _excluded);
 
+  var unmountRef = React.useRef(false);
+
   var _React$useState = React__default['default'].useState(function () {
     if (!slate.Node.isNodeList(value)) {
       throw new Error("[Slate] value is invalid! Expected a list of elements" + "but got: ".concat(JSON.stringify(value)));
@@ -4186,6 +4190,7 @@ var Slate = function Slate(props) {
   React.useEffect(function () {
     return function () {
       EDITOR_TO_ON_CHANGE.set(editor, function () {});
+      unmountRef.current = true;
     };
   }, []);
 
@@ -4200,6 +4205,10 @@ var Slate = function Slate(props) {
   useIsomorphicLayoutEffect(function () {
     var fn = function fn() {
       setTimeout(function () {
+        if (unmountRef.current) {
+          return;
+        }
+
         setIsFocused(ReactEditor.isFocused(editor));
       }, 0);
     };