slate-react 0.76.0 → 0.76.1-20223315597

package/dist/index.js

@@ -417,6 +417,7 @@ var IS_READ_ONLY = new WeakMap();
 var IS_FOCUSED = new WeakMap();
 var IS_COMPOSING = new WeakMap();
 var IS_ON_COMPOSITION_END = new WeakMap();
+var EDITOR_TO_USER_SELECTION = new WeakMap();
 /**
  * Weak maps for saving text on composition stage.
  */
@@ -1425,6 +1426,8 @@ var Editable$1 = function Editable(props) {
 
   var onDOMBeforeInput = React.useCallback(function (event) {
     if (!readOnly && hasEditableTarget(editor, event.target) && !isDOMEventHandled(event, propsOnDOMBeforeInput)) {
+      var _EDITOR_TO_USER_SELEC;
+
       // Some IMEs/Chrome extensions like e.g. Grammarly set the selection immediately before
       // triggering a `beforeinput` expecting the change to be applied to the immediately before
       // set selection.
@@ -1495,7 +1498,12 @@ var Editable$1 = function Editable(props) {
           });
 
           if (!selection || !slate.Range.equals(selection, range)) {
+            var selectionRef = editor.selection && slate.Editor.rangeRef(editor, editor.selection);
             slate.Transforms.select(editor, range);
+
+            if (selectionRef) {
+              EDITOR_TO_USER_SELECTION.set(editor, selectionRef);
+            }
           }
         }
       } // COMPAT: If the selection is expanded, even if the command seems like
@@ -1645,6 +1653,14 @@ var Editable$1 = function Editable(props) {
 
             break;
           }
+      } // Restore the actual user section if nothing manually set it.
+
+
+      var toRestore = (_EDITOR_TO_USER_SELEC = EDITOR_TO_USER_SELECTION.get(editor)) === null || _EDITOR_TO_USER_SELEC === void 0 ? void 0 : _EDITOR_TO_USER_SELEC.unref();
+      EDITOR_TO_USER_SELECTION["delete"](editor);
+
+      if (toRestore && (!editor.selection || !slate.Range.equals(editor.selection, toRestore))) {
+        slate.Transforms.select(editor, toRestore);
       }
     }
   }, [readOnly, propsOnDOMBeforeInput]); // Attach a native DOM event handler for `beforeinput` events, because React's
@@ -2039,7 +2055,7 @@ var Editable$1 = function Editable(props) {
       }
     }, [readOnly, attributes.onFocus]),
     onKeyDown: React.useCallback(function (event) {
-      if (!readOnly && !state.isComposing && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onKeyDown)) {
+      if (!readOnly && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onKeyDown) && !state.isComposing) {
         var nativeEvent = event.nativeEvent;
         var selection = editor.selection;
         var element = editor.children[selection !== null ? selection.focus.path[0] : 0];
@@ -2369,6 +2385,7 @@ var defaultScrollSelectionIntoView = function defaultScrollSelectionIntoView(edi
  * Check if the target is in the editor.
  */
 
+
 var hasTarget = function hasTarget(editor, target) {
   return isDOMNode(target) && ReactEditor.hasDOMNode(editor, target);
 };
@@ -4327,7 +4344,10 @@ var Slate = function Slate(props) {
       handleSelectorChange = _getSelectorContext.onChange;
 
   var onContextChange = React.useCallback(function () {
-    onChange(editor.children);
+    if (onChange) {
+      onChange(editor.children);
+    }
+
     setContext([editor]);
     handleSelectorChange(editor);
   }, [onChange]);
@@ -4515,6 +4535,16 @@ var withReact = function withReact(editor) {
           break;
         }
 
+      case 'set_selection':
+        {
+          var _EDITOR_TO_USER_SELEC;
+
+          // Selection was manually set, don't restore the user selection after the change.
+          (_EDITOR_TO_USER_SELEC = EDITOR_TO_USER_SELECTION.get(editor)) === null || _EDITOR_TO_USER_SELEC === void 0 ? void 0 : _EDITOR_TO_USER_SELEC.unref();
+          EDITOR_TO_USER_SELECTION["delete"](editor);
+          break;
+        }
+
       case 'insert_node':
       case 'remove_node':
         {