@contentful/field-editor-rich-text 2.0.0-next.34 → 2.0.0-next.37

package/dist/field-editor-rich-text.esm.js

@@ -2,7 +2,7 @@ import React__default, { createContext, useContext, useMemo, createElement, useE
 import { useEntities, ScheduledIconWithTooltip, MissingEntityCard, AssetThumbnail, EntityProvider, getScheduleTooltipContent } from '@contentful/field-editor-reference';
 import { entityHelpers, shortenStorageUnit, isValidImage, ModalDialogLauncher, FieldConnector } from '@contentful/field-editor-shared';
 import { BLOCKS, INLINES, TEXT_CONTAINERS, HEADINGS, LIST_ITEM_BLOCKS, MARKS, CONTAINERS, TOP_LEVEL_BLOCKS, VOID_BLOCKS, EMPTY_DOCUMENT } from '@contentful/rich-text-types';
-import { usePlateEditorRef, usePlateEditorState, getNodes, toggleNodeType, getText, getAbove, setNodes, isAncestorEmpty, match, getLastChildPath, wrapNodes, getPluginType, unwrapNodes, isCollapsed, isRangeAcrossBlocks, ELEMENT_DEFAULT, findNode, getParent, getBlockAbove, isSelectionAtBlockStart, isSelectionAtBlockEnd, isFirstChild, insertNodes, moveChildren, isBlockAboveEmpty, mockPlugin, deleteFragment, isMarkActive, toggleMark, someHtmlElement, KEY_DESERIALIZE_HTML, hasSingleChild, isLastChild, someNode, getChildren as getChildren$1, createDeserializeHtmlPlugin, createDeserializeAstPlugin, createPlateEditor, getPlateSelectors, getPlateActions, Plate } from '@udecode/plate-core';
+import { usePlateEditorRef, usePlateEditorState, getNodes, toggleNodeType, getText, getAbove, setNodes, isAncestorEmpty, match, getLastChildPath, wrapNodes, getPluginType, unwrapNodes, isCollapsed, isRangeAcrossBlocks, ELEMENT_DEFAULT, findNode, getParent, getBlockAbove, isSelectionAtBlockStart, isSelectionAtBlockEnd, isFirstChild, insertNodes, moveChildren, isBlockAboveEmpty, mockPlugin, deleteFragment, isMarkActive, toggleMark, someHtmlElement, KEY_DESERIALIZE_HTML, hasSingleChild, isLastChild, someNode, getChildren as getChildren$1, queryNode, createDeserializeHtmlPlugin, createDeserializeAstPlugin, createPlateEditor, getPlateSelectors, getPlateActions, Plate } from '@udecode/plate-core';
 import { css, cx } from 'emotion';
 import deepEquals from 'fast-deep-equal';
 import noop from 'lodash-es/noop';
@@ -451,7 +451,7 @@ function moveToTheNextLine(editor) {
 function moveToTheNextChar(editor) {
   Transforms.move(editor, {
     distance: 1,
-    unit: 'character'
+    unit: 'offset'
   });
 }
 function insertEmptyParagraph(editor, options) {
@@ -5436,7 +5436,8 @@ var createSelectOnBackspacePlugin = function createSelectOnBackspacePlugin() {
   return createSelectOnBackspacePlugin$1({
     options: {
       query: {
-        allow: [BLOCKS.EMBEDDED_ASSET, BLOCKS.EMBEDDED_ENTRY, BLOCKS.HR, INLINES.EMBEDDED_ENTRY]
+        // `createTextPlugin` is taking care of block elements
+        allow: [INLINES.EMBEDDED_ENTRY]
       }
     }
   });
@@ -6599,19 +6600,20 @@ function createTextPlugin() {
           deleteBackward = editor.deleteBackward;
 
       editor.deleteBackward = function (unit) {
-        deleteFirstEmptyParagraph(unit, editor, deleteBackward);
+        deleteEmptyParagraph(unit, editor, deleteBackward);
       };
 
       editor.deleteForward = function (unit) {
-        deleteFirstEmptyParagraph(unit, editor, deleteForward);
+        deleteEmptyParagraph(unit, editor, deleteForward);
       };
 
+      fixPasteAsPlainText(editor);
       return editor;
     }
   };
 }
 
-function deleteFirstEmptyParagraph(unit, editor, deleteFunction) {
+function deleteEmptyParagraph(unit, editor, deleteFunction) {
   var entry = getAbove(editor, {
     match: {
       type: TEXT_CONTAINERS
@@ -6626,10 +6628,29 @@ function deleteFirstEmptyParagraph(unit, editor, deleteFunction) {
     var isRootLevel = path.length === 1;
     var hasSiblings = editor.children.length > 1; // prevent editor from losing focus
 
-    if (isTextEmpty && isRootLevel && isFirstChild(path) && hasSiblings) {
+    if (isTextEmpty && isRootLevel && hasSiblings) {
       Transforms.removeNodes(editor, {
         at: path
       });
+      var prevNode = Editor.before(editor, editor.selection, {
+        unit: unit
+      });
+
+      if (prevNode) {
+        var _Editor$nodes = Editor.nodes(editor, {
+          match: function match(node) {
+            return queryNode([node, prevNode.path], {
+              allow: [BLOCKS.EMBEDDED_ASSET, BLOCKS.EMBEDDED_ENTRY, BLOCKS.HR]
+            });
+          },
+          at: prevNode
+        }),
+            prevCell = _Editor$nodes[0];
+
+        if (prevCell) {
+          Transforms.select(editor, prevNode);
+        }
+      }
     } else {
       deleteFunction(unit);
     }
@@ -6637,6 +6658,45 @@ function deleteFirstEmptyParagraph(unit, editor, deleteFunction) {
     deleteFunction(unit);
   }
 }
+/**
+ * To be compatible with the old behavior we need to treat each 2 consecutive
+ * line breaks as a new paragraph when pasting as plain text (also known as
+ * paste and match style in macOS)
+ */
+
+
+function fixPasteAsPlainText(editor) {
+  editor.insertTextData = function (data) {
+    var text = data.getData('text/plain');
+
+    if (!text) {
+      return false;
+    }
+
+    var lines = text.split(/\n{2}/);
+    var split = false;
+
+    for (var _iterator = _createForOfIteratorHelperLoose(lines), _step; !(_step = _iterator()).done;) {
+      var line = _step.value;
+
+      // empty lines
+      if (/^(\r\n?|\n)$/.test(line)) {
+        continue;
+      }
+
+      if (split) {
+        Transforms.splitNodes(editor, {
+          always: true
+        });
+      }
+
+      editor.insertText(line);
+      split = true;
+    }
+
+    return true;
+  };
+}
 
 var createTrailingParagraphPlugin = function createTrailingParagraphPlugin() {
   return createTrailingBlockPlugin({