slate-react 0.75.0 → 0.76.0-2022220115052

package/dist/index.js

@@ -903,7 +903,8 @@ var HOTKEYS = {
   extendBackward: 'shift+left',
   extendForward: 'shift+right',
   italic: 'mod+i',
-  splitBlock: 'shift?+enter',
+  insertSoftBreak: 'shift+enter',
+  splitBlock: 'enter',
   undo: 'mod+z'
 };
 var APPLE_HOTKEYS = {
@@ -971,6 +972,7 @@ var Hotkeys = {
   isMoveWordBackward: create('moveWordBackward'),
   isMoveWordForward: create('moveWordForward'),
   isRedo: create('redo'),
+  isSoftBreak: create('insertSoftBreak'),
   isSplitBlock: create('splitBlock'),
   isTransposeCharacter: create('transposeCharacter'),
   isUndo: create('undo')
@@ -1596,6 +1598,9 @@ var Editable$1 = function Editable(props) {
           }
 
         case 'insertLineBreak':
+          slate.Editor.insertSoftBreak(editor);
+          break;
+
         case 'insertParagraph':
           {
             slate.Editor.insertBreak(editor);
@@ -2191,6 +2196,12 @@ var Editable$1 = function Editable(props) {
             return;
           }
 
+          if (Hotkeys.isSoftBreak(nativeEvent)) {
+            event.preventDefault();
+            slate.Editor.insertSoftBreak(editor);
+            return;
+          }
+
           if (Hotkeys.isSplitBlock(nativeEvent)) {
             event.preventDefault();
             slate.Editor.insertBreak(editor);
@@ -3082,7 +3093,13 @@ var ReactEditor = {
     if (parentNode) {
       var _domNode$textContent;
 
-      var voidNode = parentNode.closest('[data-slate-void="true"]');
+      var editorEl = ReactEditor.toDOMNode(editor, editor);
+      var potentialVoidNode = parentNode.closest('[data-slate-void="true"]'); // Need to ensure that the closest void node is actually a void node
+      // within this editor, and not a void node within some parent editor. This can happen
+      // if this editor is within a void node of another editor ("nested editors", like in
+      // the "Editable Voids" example on the docs site).
+
+      var voidNode = potentialVoidNode && editorEl.contains(potentialVoidNode) ? potentialVoidNode : null;
       var leafNode = parentNode.closest('[data-slate-leaf]');
       var domNode = null; // Calculate how far into the text node the `nearestNode` is, so that we
       // can determine what the offset relative to the text node is.