@contentful/field-editor-rich-text 2.0.0-next.32 → 2.0.0-next.35

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';
@@ -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]
       }
     }
   });
@@ -6120,6 +6121,229 @@ var onKeyDownTable = function onKeyDownTable(editor, plugin) {
   };
 };
 
+var _extends2, _extends4, _inlines;
+var inlines = /*#__PURE__*/Object.values(INLINES).map(function (type) {
+  return {
+    type: type
+  };
+});
+var schema = {
+  document: {
+    nodes: [{
+      types: /*#__PURE__*/TOP_LEVEL_BLOCKS.map(function (type) {
+        return {
+          type: type
+        };
+      })
+    }]
+  },
+  blocks: /*#__PURE__*/_extends((_extends2 = {}, _extends2[BLOCKS.PARAGRAPH] = {
+    nodes: [{
+      match: /*#__PURE__*/[].concat(inlines, [{
+        object: 'text'
+      }])
+    }]
+  }, _extends2[BLOCKS.HEADING_1] = {
+    nodes: [{
+      match: /*#__PURE__*/[].concat(inlines, [{
+        object: 'text'
+      }])
+    }]
+  }, _extends2[BLOCKS.HEADING_2] = {
+    nodes: [{
+      match: /*#__PURE__*/[].concat(inlines, [{
+        object: 'text'
+      }])
+    }]
+  }, _extends2[BLOCKS.HEADING_3] = {
+    nodes: [{
+      match: /*#__PURE__*/[].concat(inlines, [{
+        object: 'text'
+      }])
+    }]
+  }, _extends2[BLOCKS.HEADING_4] = {
+    nodes: [{
+      match: /*#__PURE__*/[].concat(inlines, [{
+        object: 'text'
+      }])
+    }]
+  }, _extends2[BLOCKS.HEADING_5] = {
+    nodes: [{
+      match: /*#__PURE__*/[].concat(inlines, [{
+        object: 'text'
+      }])
+    }]
+  }, _extends2[BLOCKS.HEADING_6] = {
+    nodes: [{
+      match: /*#__PURE__*/[].concat(inlines, [{
+        object: 'text'
+      }])
+    }]
+  }, _extends2), /*#__PURE__*/VOID_BLOCKS.reduce(function (blocks, nodeType) {
+    var _extends3;
+
+    return _extends({}, blocks, (_extends3 = {}, _extends3[nodeType] = {
+      isVoid: true
+    }, _extends3));
+  }, {}), (_extends4 = {}, _extends4[BLOCKS.QUOTE] = {
+    nodes: [{
+      match: [/*#__PURE__*/CONTAINERS[BLOCKS.QUOTE].map(function (type) {
+        return {
+          type: type
+        };
+      })],
+      min: 1
+    }],
+    normalize: function normalize(editor, error) {
+      if (error.code === 'child_type_invalid') {
+        return editor.unwrapBlockByKey(error.node.key, BLOCKS.QUOTE);
+      }
+    }
+  }, _extends4)),
+  inlines: (_inlines = {}, _inlines[INLINES.HYPERLINK] = {
+    nodes: [{
+      match: [{
+        object: 'text'
+      }]
+    }]
+  }, _inlines[INLINES.ENTRY_HYPERLINK] = {
+    nodes: [{
+      match: [{
+        object: 'text'
+      }]
+    }]
+  }, _inlines[INLINES.ASSET_HYPERLINK] = {
+    nodes: [{
+      match: [{
+        object: 'text'
+      }]
+    }]
+  }, _inlines[INLINES.EMBEDDED_ENTRY] = {
+    isVoid: true
+  }, _inlines)
+};
+
+function getCharacterCount(editor) {
+  var document = toContentfulDocument({
+    document: editor.children,
+    schema: schema
+  });
+  return documentToPlainTextString(document).length;
+}
+
+var actionOrigin = {
+  TOOLBAR: 'toolbar-icon',
+  SHORTCUT: 'shortcut',
+  VIEWPORT: 'viewport-interaction',
+  COMMAND_PALETTE: 'command-palette'
+};
+function getPastingSource(data) {
+  var textHtml = data.getData('text/html');
+  var doc = new DOMParser().parseFromString(textHtml, 'text/html');
+
+  if (doc.querySelector('[id*="docs-internal-guid"]')) {
+    return 'Google Docs';
+  }
+
+  if (doc.querySelector('google-sheets-html-origin') || doc.querySelector('[data-sheets-value]')) {
+    return 'Google Spreadsheets';
+  }
+
+  if (doc.querySelector('meta[content*="Microsoft Excel"]')) {
+    return 'Microsoft Excel';
+  }
+
+  if (doc.querySelector('meta[content*="Microsoft Word"]')) {
+    return 'Microsoft Word';
+  } // TODO: MS Word Online doesn't give us specific tags, we might need to have a closer look at its tracking result since we are using generic values to identify it
+
+
+  if (doc.querySelector('[style*="Arial_MSFontService"]') && (doc.querySelector('.TextRun') || doc.querySelector('.OutlineElement'))) {
+    return 'Microsoft Word Online';
+  }
+
+  if (doc.querySelector('meta[content="Cocoa HTML Writer"]')) {
+    return 'Apple Notes';
+  }
+
+  if (doc.querySelector('[style*="Slack-Lato, Slack-Fractions"]')) {
+    return 'Slack';
+  }
+
+  return 'Unknown';
+}
+var createTrackingPlugin = function createTrackingPlugin(onAction) {
+  var trackingActions = {
+    onViewportAction: function onViewportAction(actionName, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
+      return onAction(actionName, _extends({
+        origin: actionOrigin.VIEWPORT
+      }, data));
+    },
+    onShortcutAction: function onShortcutAction(actionName, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
+      return onAction(actionName, _extends({
+        origin: actionOrigin.SHORTCUT
+      }, data));
+    },
+    onToolbarAction: function onToolbarAction(actionName, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
+      return onAction(actionName, _extends({
+        origin: actionOrigin.TOOLBAR
+      }, data));
+    },
+    onCommandPaletteAction: function onCommandPaletteAction(actionName, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
+      return onAction(actionName, _extends({
+        origin: actionOrigin.COMMAND_PALETTE
+      }, data));
+    }
+  };
+  return {
+    key: 'TrackingPlugin',
+    withOverrides: function withOverrides(editor) {
+      var insertData = editor.insertData;
+      editor.tracking = trackingActions;
+
+      editor.insertData = function (data) {
+        var isCopyAndPaste = data.types.length !== 0;
+
+        if (isCopyAndPaste) {
+          var _window$getSelection;
+
+          var characterCountSelection = (_window$getSelection = window.getSelection()) == null ? void 0 : _window$getSelection.toString().length;
+          var characterCountBefore = getCharacterCount(editor);
+          setTimeout(function () {
+            var characterCountAfter = getCharacterCount(editor);
+            trackingActions.onShortcutAction('paste', {
+              characterCountAfter: characterCountAfter,
+              characterCountBefore: characterCountBefore,
+              characterCountSelection: characterCountSelection,
+              source: getPastingSource(data)
+            });
+          });
+        }
+
+        insertData(data);
+      };
+
+      return editor;
+    }
+  };
+};
+
 function hasTables(nodes) {
   return nodes.some(function (_ref) {
     var type = _ref.type;
@@ -6161,6 +6385,7 @@ function addTableTrackingEvents(editor) {
         if (hasTables(markupAfter)) {
           editor.tracking.onViewportAction('paste', {
             tablePasted: true,
+            source: getPastingSource(data),
             hasHeadersOutsideFirstRow: hasHeadersOutsideFirstRow(markupAfter)
           });
         }
@@ -6375,11 +6600,11 @@ 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);
       };
 
       return editor;
@@ -6387,7 +6612,7 @@ function createTextPlugin() {
   };
 }
 
-function deleteFirstEmptyParagraph(unit, editor, deleteFunction) {
+function deleteEmptyParagraph(unit, editor, deleteFunction) {
   var entry = getAbove(editor, {
     match: {
       type: TEXT_CONTAINERS
@@ -6402,10 +6627,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);
     }
@@ -6414,237 +6658,6 @@ function deleteFirstEmptyParagraph(unit, editor, deleteFunction) {
   }
 }
 
-var _extends2, _extends4, _inlines;
-var inlines = /*#__PURE__*/Object.values(INLINES).map(function (type) {
-  return {
-    type: type
-  };
-});
-var schema = {
-  document: {
-    nodes: [{
-      types: /*#__PURE__*/TOP_LEVEL_BLOCKS.map(function (type) {
-        return {
-          type: type
-        };
-      })
-    }]
-  },
-  blocks: /*#__PURE__*/_extends((_extends2 = {}, _extends2[BLOCKS.PARAGRAPH] = {
-    nodes: [{
-      match: /*#__PURE__*/[].concat(inlines, [{
-        object: 'text'
-      }])
-    }]
-  }, _extends2[BLOCKS.HEADING_1] = {
-    nodes: [{
-      match: /*#__PURE__*/[].concat(inlines, [{
-        object: 'text'
-      }])
-    }]
-  }, _extends2[BLOCKS.HEADING_2] = {
-    nodes: [{
-      match: /*#__PURE__*/[].concat(inlines, [{
-        object: 'text'
-      }])
-    }]
-  }, _extends2[BLOCKS.HEADING_3] = {
-    nodes: [{
-      match: /*#__PURE__*/[].concat(inlines, [{
-        object: 'text'
-      }])
-    }]
-  }, _extends2[BLOCKS.HEADING_4] = {
-    nodes: [{
-      match: /*#__PURE__*/[].concat(inlines, [{
-        object: 'text'
-      }])
-    }]
-  }, _extends2[BLOCKS.HEADING_5] = {
-    nodes: [{
-      match: /*#__PURE__*/[].concat(inlines, [{
-        object: 'text'
-      }])
-    }]
-  }, _extends2[BLOCKS.HEADING_6] = {
-    nodes: [{
-      match: /*#__PURE__*/[].concat(inlines, [{
-        object: 'text'
-      }])
-    }]
-  }, _extends2), /*#__PURE__*/VOID_BLOCKS.reduce(function (blocks, nodeType) {
-    var _extends3;
-
-    return _extends({}, blocks, (_extends3 = {}, _extends3[nodeType] = {
-      isVoid: true
-    }, _extends3));
-  }, {}), (_extends4 = {}, _extends4[BLOCKS.QUOTE] = {
-    nodes: [{
-      match: [/*#__PURE__*/CONTAINERS[BLOCKS.QUOTE].map(function (type) {
-        return {
-          type: type
-        };
-      })],
-      min: 1
-    }],
-    normalize: function normalize(editor, error) {
-      if (error.code === 'child_type_invalid') {
-        return editor.unwrapBlockByKey(error.node.key, BLOCKS.QUOTE);
-      }
-    }
-  }, _extends4)),
-  inlines: (_inlines = {}, _inlines[INLINES.HYPERLINK] = {
-    nodes: [{
-      match: [{
-        object: 'text'
-      }]
-    }]
-  }, _inlines[INLINES.ENTRY_HYPERLINK] = {
-    nodes: [{
-      match: [{
-        object: 'text'
-      }]
-    }]
-  }, _inlines[INLINES.ASSET_HYPERLINK] = {
-    nodes: [{
-      match: [{
-        object: 'text'
-      }]
-    }]
-  }, _inlines[INLINES.EMBEDDED_ENTRY] = {
-    isVoid: true
-  }, _inlines)
-};
-
-function getCharacterCount(editor) {
-  var document = toContentfulDocument({
-    document: editor.children,
-    schema: schema
-  });
-  return documentToPlainTextString(document).length;
-}
-
-var actionOrigin = {
-  TOOLBAR: 'toolbar-icon',
-  SHORTCUT: 'shortcut',
-  VIEWPORT: 'viewport-interaction',
-  COMMAND_PALETTE: 'command-palette'
-};
-
-function getPastingSource(data) {
-  var textHtml = data.getData('text/html');
-  var doc = new DOMParser().parseFromString(textHtml, 'text/html');
-
-  if (doc.querySelector('[id*="docs-internal-guid"]')) {
-    return 'Google Docs';
-  }
-
-  if (doc.querySelector('google-sheets-html-origin') || doc.querySelector('[data-sheets-value]')) {
-    return 'Google Spreadsheets';
-  }
-
-  if (doc.querySelector('meta[content*="Microsoft Excel"]')) {
-    return 'Microsoft Excel';
-  }
-
-  if (doc.querySelector('meta[content*="Microsoft Word"]')) {
-    return 'Microsoft Word';
-  } // TODO: MS Word Online doesn't give us specific tags, we might need to have a closer look at its tracking result since we are using generic values to identify it
-
-
-  if (doc.querySelector('[style*="Arial_MSFontService"]') && (doc.querySelector('.TextRun') || doc.querySelector('.OutlineElement'))) {
-    return 'Microsoft Word Online';
-  }
-
-  if (doc.querySelector('meta[content="Cocoa HTML Writer"]')) {
-    return 'Apple Notes';
-  }
-
-  if (doc.querySelector('[style*="Slack-Lato, Slack-Fractions"]')) {
-    return 'Slack';
-  }
-
-  return '';
-}
-
-var createTrackingPlugin = function createTrackingPlugin(onAction) {
-  var trackingActions = {
-    onViewportAction: function onViewportAction(actionName, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      return onAction(actionName, _extends({
-        origin: actionOrigin.VIEWPORT
-      }, data));
-    },
-    onShortcutAction: function onShortcutAction(actionName, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      return onAction(actionName, _extends({
-        origin: actionOrigin.SHORTCUT
-      }, data));
-    },
-    onToolbarAction: function onToolbarAction(actionName, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      return onAction(actionName, _extends({
-        origin: actionOrigin.TOOLBAR
-      }, data));
-    },
-    onCommandPaletteAction: function onCommandPaletteAction(actionName, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      return onAction(actionName, _extends({
-        origin: actionOrigin.COMMAND_PALETTE
-      }, data));
-    }
-  };
-  return {
-    key: 'TrackingPlugin',
-    withOverrides: function withOverrides(editor) {
-      var insertData = editor.insertData;
-      editor.tracking = trackingActions;
-
-      editor.insertData = function (data) {
-        var isCopyAndPaste = data.types.length !== 0;
-
-        if (isCopyAndPaste) {
-          var _window$getSelection;
-
-          var characterCountSelection = (_window$getSelection = window.getSelection()) == null ? void 0 : _window$getSelection.toString().length;
-          var characterCountBefore = getCharacterCount(editor);
-          setTimeout(function () {
-            var characterCountAfter = getCharacterCount(editor);
-            var payload = {
-              characterCountAfter: characterCountAfter,
-              characterCountBefore: characterCountBefore,
-              characterCountSelection: characterCountSelection
-            };
-            var source = getPastingSource(data);
-
-            if (source) {
-              payload.source = source;
-            }
-
-            trackingActions.onShortcutAction('paste', payload);
-          });
-        }
-
-        insertData(data);
-      };
-
-      return editor;
-    }
-  };
-};
-
 var createTrailingParagraphPlugin = function createTrailingParagraphPlugin() {
   return createTrailingBlockPlugin({
     options: {