slate-react 0.82.0 → 0.82.1-2022718122533

package/dist/components/editable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/android-input-manager/android-input-manager.d.ts

@@ -3,7 +3,7 @@ import { DebouncedFunc } from 'lodash';
 import { Point, Range } from 'slate';
 import { ReactEditor } from '../../plugin/react-editor';
 export declare type Action = {
-    at: Point | Range;
+    at?: Point | Range;
     run: () => void;
 };
 export declare type CreateAndroidInputManagerOptions = {
@@ -16,14 +16,15 @@ export declare type AndroidInputManager = {
     scheduleFlush: () => void;
     hasPendingDiffs: () => boolean;
     hasPendingAction: () => boolean;
+    hasPendingChanges: () => boolean;
     isFlushing: () => boolean | 'action';
     handleUserSelect: (range: Range | null) => void;
     handleCompositionEnd: (event: React.CompositionEvent<HTMLDivElement>) => void;
     handleCompositionStart: (event: React.CompositionEvent<HTMLDivElement>) => void;
     handleDOMBeforeInput: (event: InputEvent) => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
     handleDomMutations: (mutations: MutationRecord[]) => void;
     handleInput: () => void;
 };
-export declare function forceSwiftKeyUpdate(editor: ReactEditor): void;
 export declare function createAndroidInputManager({ editor, scheduleOnDOMSelectionChange, onDOMSelectionChange, }: CreateAndroidInputManagerOptions): AndroidInputManager;
 //# sourceMappingURL=android-input-manager.d.ts.map

package/dist/hooks/android-input-manager/android-input-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"android-input-manager.d.ts","sourceRoot":"","sources":["../../packages/slate-react/src/hooks/android-input-manager/android-input-manager.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAsB,KAAK,EAAE,KAAK,EAAoB,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAuBvD,oBAAY,MAAM,GAAG;IAAE,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AAY3D,oBAAY,gCAAgC,GAAG;IAC7C,MAAM,EAAE,WAAW,CAAA;IAEnB,4BAA4B,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,CAAA;IACvD,oBAAoB,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,CAAA;CAChD,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;IAEzB,eAAe,EAAE,MAAM,OAAO,CAAA;IAC9B,gBAAgB,EAAE,MAAM,OAAO,CAAA;IAC/B,UAAU,EAAE,MAAM,OAAO,GAAG,QAAQ,CAAA;IAEpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC7E,sBAAsB,EAAE,CACtB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAC1C,IAAI,CAAA;IACT,oBAAoB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAEjD,kBAAkB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IACzD,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,QAsBtD;AAED,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,4BAA4B,EAC5B,oBAAoB,GACrB,EAAE,gCAAgC,GAAG,mBAAmB,CAwiBxD"}
+{"version":3,"file":"android-input-manager.d.ts","sourceRoot":"","sources":["../../packages/slate-react/src/hooks/android-input-manager/android-input-manager.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAsB,KAAK,EAAE,KAAK,EAAoB,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAuBvD,oBAAY,MAAM,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AAY5D,oBAAY,gCAAgC,GAAG;IAC7C,MAAM,EAAE,WAAW,CAAA;IAEnB,4BAA4B,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,CAAA;IACvD,oBAAoB,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,CAAA;CAChD,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;IAEzB,eAAe,EAAE,MAAM,OAAO,CAAA;IAC9B,gBAAgB,EAAE,MAAM,OAAO,CAAA;IAC/B,iBAAiB,EAAE,MAAM,OAAO,CAAA;IAChC,UAAU,EAAE,MAAM,OAAO,GAAG,QAAQ,CAAA;IAEpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC7E,sBAAsB,EAAE,CACtB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAC1C,IAAI,CAAA;IACT,oBAAoB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAEnE,kBAAkB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IACzD,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,4BAA4B,EAC5B,oBAAoB,GACrB,EAAE,gCAAgC,GAAG,mBAAmB,CA8oBxD"}

package/dist/index.es.js

@@ -2264,28 +2264,6 @@ var FLUSH_DELAY = 200; // Replace with `const debug = console.log` to debug
 
 var debug = function debug() {};
 
-function forceSwiftKeyUpdate(editor) {
-  var _div$parentElement;
-
-  var {
-    document
-  } = ReactEditor.getWindow(editor);
-  var div = document.createElement('div');
-  div.setAttribute('contenteditable', 'true');
-  div.setAttribute('display', 'none');
-  div.setAttribute('position', 'absolute');
-  div.setAttribute('top', '0');
-  div.setAttribute('left', '0');
-  div.textContent = ' ';
-  document.body.appendChild(div);
-  var range = document.createRange();
-  range.selectNodeContents(div);
-  var selection = window.getSelection();
-  selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-  selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-  (_div$parentElement = div.parentElement) === null || _div$parentElement === void 0 ? void 0 : _div$parentElement.removeChild(div);
-  ReactEditor.focus(editor);
-}
 function createAndroidInputManager(_ref) {
   var {
     editor,
@@ -2297,7 +2275,7 @@ function createAndroidInputManager(_ref) {
   var flushTimeoutId = null;
   var actionTimeoutId = null;
   var idCounter = 0;
-  var isInsertAfterMarkPlaceholder = false;
+  var insertPositionHint = false;
 
   var applyPendingSelection = () => {
     var pendingSelection = EDITOR_TO_PENDING_SELECTION.get(editor);
@@ -2323,16 +2301,18 @@ function createAndroidInputManager(_ref) {
       return;
     }
 
-    var target = Point.isPoint(action.at) ? normalizePoint(editor, action.at) : normalizeRange(editor, action.at);
+    if (action.at) {
+      var target = Point.isPoint(action.at) ? normalizePoint(editor, action.at) : normalizeRange(editor, action.at);
 
-    if (!target) {
-      return;
-    }
+      if (!target) {
+        return;
+      }
 
-    var targetRange = Editor.range(editor, target);
+      var _targetRange = Editor.range(editor, target);
 
-    if (!editor.selection || !Range.equals(editor.selection, targetRange)) {
-      Transforms.select(editor, target);
+      if (!editor.selection || !Range.equals(editor.selection, _targetRange)) {
+        Transforms.select(editor, target);
+      }
     }
 
     action.run();
@@ -2383,8 +2363,8 @@ function createAndroidInputManager(_ref) {
         editor.marks = pendingMarks;
       }
 
-      if (pendingMarks) {
-        isInsertAfterMarkPlaceholder = true;
+      if (pendingMarks && insertPositionHint === false) {
+        insertPositionHint = null;
       }
 
       var range = targetRange(diff);
@@ -2424,7 +2404,7 @@ function createAndroidInputManager(_ref) {
 
     var selection = selectionRef === null || selectionRef === void 0 ? void 0 : selectionRef.unref();
 
-    if (selection && (!editor.selection || !Range.equals(selection, editor.selection))) {
+    if (selection && !EDITOR_TO_PENDING_SELECTION.get(editor) && (!editor.selection || !Range.equals(selection, editor.selection))) {
       Transforms.select(editor, selection);
     }
 
@@ -2448,6 +2428,7 @@ function createAndroidInputManager(_ref) {
 
     if (userMarks !== undefined) {
       editor.marks = userMarks;
+      editor.onChange();
     }
   };
 
@@ -2471,19 +2452,20 @@ function createAndroidInputManager(_ref) {
     }
   };
 
-  var updatePlaceholderVisibility = () => {
+  var updatePlaceholderVisibility = function updatePlaceholderVisibility() {
+    var forceHide = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var placeholderElement = EDITOR_TO_PLACEHOLDER_ELEMENT.get(editor);
 
     if (!placeholderElement) {
       return;
     }
 
-    if (hasPendingDiffs()) {
-      placeholderElement.style.visibility = 'hidden';
+    if (hasPendingDiffs() || forceHide) {
+      placeholderElement.style.display = 'none';
       return;
     }
 
-    placeholderElement.style.removeProperty('visibility');
+    placeholderElement.style.removeProperty('display');
   };
 
   var storeDiff = (path, diff) => {
@@ -2521,7 +2503,11 @@ function createAndroidInputManager(_ref) {
     });
   };
 
-  var scheduleAction = (at, run) => {
+  var scheduleAction = function scheduleAction(run) {
+    var {
+      at
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    insertPositionHint = false;
     EDITOR_TO_PENDING_SELECTION.delete(editor);
     scheduleOnDOMSelectionChange.cancel();
     onDOMSelectionChange.cancel();
@@ -2541,7 +2527,7 @@ function createAndroidInputManager(_ref) {
   };
 
   var handleDOMBeforeInput = event => {
-    var _targetRange;
+    var _targetRange2;
 
     if (flushTimeoutId) {
       clearTimeout(flushTimeoutId);
@@ -2553,6 +2539,11 @@ function createAndroidInputManager(_ref) {
     } = event;
     var targetRange = null;
     var data = event.dataTransfer || event.data || undefined;
+
+    if (insertPositionHint !== false && type !== 'insertText' && type !== 'insertCompositionText') {
+      insertPositionHint = false;
+    }
+
     var [nativeTargetRange] = event.getTargetRanges();
 
     if (nativeTargetRange) {
@@ -2575,7 +2566,7 @@ function createAndroidInputManager(_ref) {
       });
     }
 
-    targetRange = (_targetRange = targetRange) !== null && _targetRange !== void 0 ? _targetRange : editor.selection;
+    targetRange = (_targetRange2 = targetRange) !== null && _targetRange2 !== void 0 ? _targetRange2 : editor.selection;
 
     if (!targetRange) {
       return;
@@ -2611,9 +2602,11 @@ function createAndroidInputManager(_ref) {
       }
 
       var direction = type.endsWith('Backward') ? 'backward' : 'forward';
-      return scheduleAction(targetRange, () => Editor.deleteFragment(editor, {
+      return scheduleAction(() => Editor.deleteFragment(editor, {
         direction
-      }));
+      }), {
+        at: targetRange
+      });
     }
 
     switch (type) {
@@ -2621,7 +2614,9 @@ function createAndroidInputManager(_ref) {
       case 'deleteByCut':
       case 'deleteByDrag':
         {
-          return scheduleAction(targetRange, () => Editor.deleteFragment(editor));
+          return scheduleAction(() => Editor.deleteFragment(editor), {
+            at: targetRange
+          });
         }
 
       case 'deleteContent':
@@ -2643,7 +2638,9 @@ function createAndroidInputManager(_ref) {
             }
           }
 
-          return scheduleAction(targetRange, () => Editor.deleteForward(editor));
+          return scheduleAction(() => Editor.deleteForward(editor), {
+            at: targetRange
+          });
         }
 
       case 'deleteContentBackward':
@@ -2666,71 +2663,91 @@ function createAndroidInputManager(_ref) {
             });
           }
 
-          return scheduleAction(targetRange, () => Editor.deleteBackward(editor));
+          return scheduleAction(() => Editor.deleteBackward(editor), {
+            at: targetRange
+          });
         }
 
       case 'deleteEntireSoftLine':
         {
-          return scheduleAction(targetRange, () => {
+          return scheduleAction(() => {
             Editor.deleteBackward(editor, {
               unit: 'line'
             });
             Editor.deleteForward(editor, {
               unit: 'line'
             });
+          }, {
+            at: targetRange
           });
         }
 
       case 'deleteHardLineBackward':
         {
-          return scheduleAction(targetRange, () => Editor.deleteBackward(editor, {
+          return scheduleAction(() => Editor.deleteBackward(editor, {
             unit: 'block'
-          }));
+          }), {
+            at: targetRange
+          });
         }
 
       case 'deleteSoftLineBackward':
         {
-          return scheduleAction(targetRange, () => Editor.deleteBackward(editor, {
+          return scheduleAction(() => Editor.deleteBackward(editor, {
             unit: 'line'
-          }));
+          }), {
+            at: targetRange
+          });
         }
 
       case 'deleteHardLineForward':
         {
-          return scheduleAction(targetRange, () => Editor.deleteForward(editor, {
+          return scheduleAction(() => Editor.deleteForward(editor, {
             unit: 'block'
-          }));
+          }), {
+            at: targetRange
+          });
         }
 
       case 'deleteSoftLineForward':
         {
-          return scheduleAction(targetRange, () => Editor.deleteForward(editor, {
+          return scheduleAction(() => Editor.deleteForward(editor, {
             unit: 'line'
-          }));
+          }), {
+            at: targetRange
+          });
         }
 
       case 'deleteWordBackward':
         {
-          return scheduleAction(targetRange, () => Editor.deleteBackward(editor, {
+          return scheduleAction(() => Editor.deleteBackward(editor, {
             unit: 'word'
-          }));
+          }), {
+            at: targetRange
+          });
         }
 
       case 'deleteWordForward':
         {
-          return scheduleAction(targetRange, () => Editor.deleteForward(editor, {
+          return scheduleAction(() => Editor.deleteForward(editor, {
             unit: 'word'
-          }));
+          }), {
+            at: targetRange
+          });
         }
 
       case 'insertLineBreak':
         {
-          return scheduleAction(targetRange, () => Editor.insertSoftBreak(editor));
+          return scheduleAction(() => Editor.insertSoftBreak(editor), {
+            at: targetRange
+          });
         }
 
       case 'insertParagraph':
         {
-          return scheduleAction(targetRange, () => Editor.insertBreak(editor));
+          return scheduleAction(() => Editor.insertBreak(editor), {
+            at: targetRange
+          });
         }
 
       case 'insertCompositionText':
@@ -2743,11 +2760,15 @@ function createAndroidInputManager(_ref) {
       case 'insertText':
         {
           if ((data === null || data === void 0 ? void 0 : data.constructor.name) === 'DataTransfer') {
-            return scheduleAction(targetRange, () => ReactEditor.insertData(editor, data));
+            return scheduleAction(() => ReactEditor.insertData(editor, data), {
+              at: targetRange
+            });
           }
 
           if (typeof data === 'string' && data.includes('\n')) {
-            return scheduleAction(Range.end(targetRange), () => Editor.insertSoftBreak(editor));
+            return scheduleAction(() => Editor.insertSoftBreak(editor), {
+              at: Range.end(targetRange)
+            });
           }
 
           var text = data !== null && data !== void 0 ? data : ''; // COMPAT: If we are writing inside a placeholder, the ime inserts the text inside
@@ -2758,31 +2779,56 @@ function createAndroidInputManager(_ref) {
           }
 
           if (Path.equals(targetRange.anchor.path, targetRange.focus.path)) {
-            // COMPAT: Swiftkey has a weird bug where the target range of the 2nd word
-            // inserted after a mark placeholder is inserted with a anchor offset off by 1.
-            // So writing 'some text' will result in 'some ttext'. If we force a IME update
-            // after inserting the first word, swiftkey will insert with the correct offset
-            if (text.endsWith(' ') && isInsertAfterMarkPlaceholder) {
-              isInsertAfterMarkPlaceholder = false;
-              forceSwiftKeyUpdate(editor);
-              return scheduleAction(targetRange, () => Editor.insertText(editor, text));
-            }
-
             var [_start2, _end2] = Range.edges(targetRange);
-            return storeDiff(_start2.path, {
+            var diff = {
               start: _start2.offset,
               end: _end2.offset,
               text
-            });
+            }; // COMPAT: Swiftkey has a weird bug where the target range of the 2nd word
+            // inserted after a mark placeholder is inserted with an anchor offset off by 1.
+            // So writing 'some text' will result in 'some ttext'. Luckily all 'normal' insert
+            // text events are fired with the correct target ranges, only the final 'insertComposition'
+            // isn't, so we can adjust the target range start offset if we are confident this is the
+            // swiftkey insert causing the issue.
+
+            if (text && insertPositionHint && type === 'insertCompositionText') {
+              var hintPosition = insertPositionHint.start + insertPositionHint.text.search(/\S|$/);
+              var diffPosition = diff.start + diff.text.search(/\S|$/);
+
+              if (diffPosition === hintPosition + 1 && diff.end === insertPositionHint.start + insertPositionHint.text.length) {
+                diff.start -= 1;
+                insertPositionHint = null;
+                scheduleFlush();
+              } else {
+                insertPositionHint = false;
+              }
+            } else if (type === 'insertText') {
+              if (insertPositionHint === null) {
+                insertPositionHint = diff;
+              } else if (insertPositionHint && Range.isCollapsed(targetRange) && insertPositionHint.end + insertPositionHint.text.length === _start2.offset) {
+                insertPositionHint = _objectSpread$3(_objectSpread$3({}, insertPositionHint), {}, {
+                  text: insertPositionHint.text + text
+                });
+              } else {
+                insertPositionHint = false;
+              }
+            } else {
+              insertPositionHint = false;
+            }
+
+            storeDiff(_start2.path, diff);
+            return;
           }
 
-          return scheduleAction(targetRange, () => Editor.insertText(editor, text));
+          return scheduleAction(() => Editor.insertText(editor, text), {
+            at: targetRange
+          });
         }
     }
   };
 
   var hasPendingAction = () => {
-    return !!EDITOR_TO_PENDING_ACTION.get(editor) || !!actionTimeoutId;
+    return !!EDITOR_TO_PENDING_ACTION.get(editor);
   };
 
   var hasPendingDiffs = () => {
@@ -2791,6 +2837,10 @@ function createAndroidInputManager(_ref) {
     return !!((_EDITOR_TO_PENDING_DI5 = EDITOR_TO_PENDING_DIFFS.get(editor)) !== null && _EDITOR_TO_PENDING_DI5 !== void 0 && _EDITOR_TO_PENDING_DI5.length);
   };
 
+  var hasPendingChanges = () => {
+    return hasPendingAction() || hasPendingDiffs();
+  };
+
   var isFlushing = () => {
     return flushing;
   };
@@ -2803,10 +2853,19 @@ function createAndroidInputManager(_ref) {
       flushTimeoutId = null;
     }
 
-    var pathChanged = range && (!editor.selection || !Path.equals(editor.selection.anchor.path, range === null || range === void 0 ? void 0 : range.anchor.path));
+    var {
+      selection
+    } = editor;
+
+    if (!range) {
+      return;
+    }
+
+    var pathChanged = !selection || !Path.equals(selection.anchor.path, range.anchor.path);
+    var parentPathChanged = !selection || !Path.equals(selection.anchor.path.slice(0, -1), range.anchor.path.slice(0, -1));
 
-    if (pathChanged) {
-      isInsertAfterMarkPlaceholder = false;
+    if (pathChanged && insertPositionHint || parentPathChanged) {
+      insertPositionHint = false;
     }
 
     if (pathChanged || !hasPendingDiffs()) {
@@ -2820,6 +2879,18 @@ function createAndroidInputManager(_ref) {
     }
   };
 
+  var handleKeyDown = _ => {
+    // COMPAT: Swiftkey closes the keyboard when typing inside a empty node
+    // directly next to a non-contenteditable element (= the placeholder).
+    // The only event fired soon enough for us to allow hiding the placeholder
+    // without swiftkey picking it up is the keydown event, so we have to hide it
+    // here. See https://github.com/ianstormtaylor/slate/pull/4988#issuecomment-1201050535
+    if (!hasPendingDiffs()) {
+      updatePlaceholderVisibility(true);
+      setTimeout(updatePlaceholderVisibility);
+    }
+  };
+
   var scheduleFlush = () => {
     if (!hasPendingAction()) {
       actionTimeoutId = setTimeout(flush);
@@ -2845,11 +2916,13 @@ function createAndroidInputManager(_ref) {
     scheduleFlush,
     hasPendingDiffs,
     hasPendingAction,
+    hasPendingChanges,
     isFlushing,
     handleUserSelect,
     handleCompositionEnd,
     handleCompositionStart,
     handleDOMBeforeInput,
+    handleKeyDown,
     handleDomMutations,
     handleInput
   };
@@ -2942,7 +3015,8 @@ function useTrackUserInput() {
 }
 
 var _excluded$1 = ["autoFocus", "decorate", "onDOMBeforeInput", "placeholder", "readOnly", "renderElement", "renderLeaf", "renderPlaceholder", "scrollSelectionIntoView", "style", "as"],
-    _excluded2 = ["text"];
+    _excluded2 = ["text"],
+    _excluded3 = ["text"];
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -3036,7 +3110,7 @@ var Editable = props => {
         });
 
         if (range) {
-          if (!ReactEditor.isComposing(editor) && !(androidInputManager !== null && androidInputManager !== void 0 && androidInputManager.hasPendingDiffs()) && !(androidInputManager !== null && androidInputManager !== void 0 && androidInputManager.isFlushing())) {
+          if (!ReactEditor.isComposing(editor) && !(androidInputManager !== null && androidInputManager !== void 0 && androidInputManager.hasPendingChanges()) && !(androidInputManager !== null && androidInputManager !== void 0 && androidInputManager.isFlushing())) {
             Transforms.select(editor, range);
           } else {
             androidInputManager === null || androidInputManager === void 0 ? void 0 : androidInputManager.handleUserSelect(range);
@@ -3549,11 +3623,27 @@ var Editable = props => {
 
   useEffect(() => {
     setTimeout(() => {
-      if (marks) {
-        EDITOR_TO_PENDING_INSERTION_MARKS.set(editor, marks);
-      } else {
-        EDITOR_TO_PENDING_INSERTION_MARKS.delete(editor);
+      var {
+        selection
+      } = editor;
+
+      if (selection) {
+        var {
+          anchor: _anchor
+        } = selection;
+
+        var _Node$leaf2 = Node.leaf(editor, _anchor.path),
+            rest = _objectWithoutProperties(_Node$leaf2, _excluded3);
+
+        if (!Text$1.equals(rest, marks, {
+          loose: true
+        })) {
+          EDITOR_TO_PENDING_INSERTION_MARKS.set(editor, marks);
+          return;
+        }
       }
+
+      EDITOR_TO_PENDING_INSERTION_MARKS.delete(editor);
     });
   });
   return /*#__PURE__*/React.createElement(ReadOnlyContext.Provider, {
@@ -3602,8 +3692,8 @@ var Editable = props => {
         event.preventDefault();
 
         if (!ReactEditor.isComposing(editor)) {
-          var _text = event.data;
-          Editor.insertText(editor, _text);
+          var _text2 = event.data;
+          Editor.insertText(editor, _text2);
         }
       }
     }, [readOnly]),
@@ -3926,6 +4016,7 @@ var Editable = props => {
     }, [readOnly, attributes.onFocus]),
     onKeyDown: useCallback(event => {
       if (!readOnly && hasEditableTarget(editor, event.target)) {
+        androidInputManager === null || androidInputManager === void 0 ? void 0 : androidInputManager.handleKeyDown(event);
         var {
           nativeEvent
         } = event; // COMPAT: The composition end event isn't fired reliably in all browsers,
@@ -4244,7 +4335,12 @@ var DefaultPlaceholder = _ref => {
     attributes,
     children
   } = _ref;
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes), children);
+  return (
+    /*#__PURE__*/
+    // COMPAT: Artificially add a line-break to the end on the placeholder element
+    // to prevent Android IMEs to pick up its content in autocorrect and to auto-capitalize the first letter
+    React.createElement("span", Object.assign({}, attributes), children, IS_ANDROID && /*#__PURE__*/React.createElement("br", null))
+  );
 };
 /**
  * A default memoized decorate function.
@@ -4735,7 +4831,7 @@ var withReact = editor => {
 
     var pendingAction = EDITOR_TO_PENDING_ACTION.get(editor);
 
-    if (pendingAction) {
+    if (pendingAction !== null && pendingAction !== void 0 && pendingAction.at) {
       var at = Point.isPoint(pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.at) ? transformPendingPoint(editor, pendingAction.at, op) : transformPendingRange(editor, pendingAction.at, op);
       EDITOR_TO_PENDING_ACTION.set(editor, at ? _objectSpread(_objectSpread({}, pendingAction), {}, {
         at