@contentful/field-editor-rich-text 2.0.0-next.30 → 2.0.0-next.33

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, getChildren as getChildren$1, someNode, 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, 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';
@@ -26,7 +26,7 @@ import { createBoldPlugin as createBoldPlugin$1, createCodePlugin as createCodeP
 import isPlainObject from 'is-plain-obj';
 import { createParagraphPlugin as createParagraphPlugin$1 } from '@udecode/plate-paragraph';
 import { createSelectOnBackspacePlugin as createSelectOnBackspacePlugin$1 } from '@udecode/plate-select';
-import { ELEMENT_TABLE, ELEMENT_TH, ELEMENT_TR, ELEMENT_TD, insertTable, getEmptyRowNode, getEmptyCellNode, deleteRow, deleteColumn, deleteTable, onKeyDownTable as onKeyDownTable$1, getTableCellEntry, createTablePlugin as createTablePlugin$1, withTable } from '@udecode/plate-table';
+import { ELEMENT_TABLE, ELEMENT_TR, getEmptyRowNode, ELEMENT_TD, ELEMENT_TH, getEmptyCellNode, insertTable, deleteRow, deleteColumn, deleteTable, onKeyDownTable as onKeyDownTable$1, getTableCellEntry, createTablePlugin as createTablePlugin$1, withTable } from '@udecode/plate-table';
 import { toContentfulDocument, toSlatejsDocument } from '@contentful/contentful-slatejs-adapter';
 import { documentToPlainTextString } from '@contentful/rich-text-plain-text-renderer';
 import { createTrailingBlockPlugin } from '@udecode/plate-trailing-block';
@@ -5621,210 +5621,6 @@ function SlashCommandsPalette(_ref2) {
   }, /*#__PURE__*/createElement(Card, null, /*#__PURE__*/createElement(Text$1, null, "Slash commands are temporarily unavailable.")));
 }
 
-function insertTableAndFocusFirstCell(editor) {
-  insertTable(editor, {
-    header: true
-  });
-  replaceEmptyParagraphWithTable(editor);
-}
-function isTableActive(editor) {
-  var tableElements = [ELEMENT_TABLE, ELEMENT_TH, ELEMENT_TR, ELEMENT_TD];
-  return tableElements.some(function (el) {
-    return isBlockSelected(editor, el);
-  });
-}
-function isTableHeaderEnabled(editor) {
-  var tableItem = getAbove(editor, {
-    match: {
-      type: BLOCKS.TABLE
-    }
-  });
-
-  if (!tableItem) {
-    return false;
-  }
-
-  var firstRow = getChildren$1(tableItem)[0];
-
-  if (!firstRow) {
-    return false;
-  }
-
-  return getChildren$1(firstRow).every(function (_ref) {
-    var node = _ref[0];
-    return node.type === BLOCKS.TABLE_HEADER_CELL;
-  });
-}
-function replaceEmptyParagraphWithTable(editor) {
-  var tablePath = getAncestorPathFromSelection(editor);
-  if (!tablePath || isFirstChild(tablePath)) return;
-  var previousPath = Path.previous(tablePath);
-  if (!previousPath) return;
-
-  var _Editor$nodes = Editor.nodes(editor, {
-    at: previousPath,
-    match: function match(node) {
-      return node.type === BLOCKS.PARAGRAPH;
-    }
-  }),
-      nodes = _Editor$nodes[0];
-
-  if (!nodes) return;
-  var previousNode = nodes[0];
-  var isPreviousNodeTextEmpty = isAncestorEmpty(editor, previousNode);
-
-  if (isPreviousNodeTextEmpty) {
-    // Switch table with previous empty paragraph
-    Transforms.moveNodes(editor, {
-      at: tablePath,
-      to: previousPath
-    }); // Remove previous paragraph that now is under the table
-
-    Transforms.removeNodes(editor, {
-      at: tablePath
-    });
-  }
-}
-/**
- * Returns the number of cells in a given row vs the table width
- *
- * Note: We should only get different table rows cell counts in between
- * normalization cycles.
- */
-
-var getNoOfMissingTableCellsInRow = function getNoOfMissingTableCellsInRow(editor, _ref2) {
-  var rowPath = _ref2[1];
-  var parent = getParent(editor, rowPath); // This is ensured by normalization. The error is here just in case
-
-  if (!parent) {
-    throw new Error('table rows must be wrapped in a table node');
-  }
-
-  var tablePath = parent[1]; // The longest table row determines its width
-
-  var tableWidth = Math.max.apply(Math, Array.from(Node.children(editor, tablePath)).map(function (_ref3) {
-    var path = _ref3[1];
-    return Array.from(Node.children(editor, path)).length;
-  }));
-  var rowWidth = Array.from(Node.children(editor, rowPath)).length;
-  return tableWidth - rowWidth;
-};
-var createEmptyTableCells = function createEmptyTableCells(count) {
-  var emptyTableCell = {
-    type: BLOCKS.TABLE_CELL,
-    data: {},
-    children: [{
-      type: BLOCKS.PARAGRAPH,
-      data: {},
-      children: [{
-        text: ''
-      }]
-    }]
-  };
-  return new Array(count).fill(emptyTableCell);
-};
-var isNotEmpty = function isNotEmpty(editor, _ref4) {
-  var path = _ref4[1];
-  return Array.from(Node.children(editor, path)).length !== 0;
-};
-var isTable = function isTable(node) {
-  return Element.isElement(node) && node.type === BLOCKS.TABLE;
-};
-
-function hasTables(nodes) {
-  return nodes.some(function (_ref) {
-    var type = _ref.type;
-    return type === BLOCKS.TABLE;
-  });
-}
-
-var isTableHeaderCell = function isTableHeaderCell(_ref2) {
-  var type = _ref2.type;
-  return type === BLOCKS.TABLE_HEADER_CELL;
-};
-
-var isTableCellOrHeader = function isTableCellOrHeader(node) {
-  return Element.isElement(node) && [BLOCKS.TABLE_HEADER_CELL, BLOCKS.TABLE_CELL].includes(node.type);
-};
-
-function hasHeadersOutsideFirstRow(nodes) {
-  return nodes.filter(function (_ref3) {
-    var type = _ref3.type;
-    return type === BLOCKS.TABLE;
-  }).flatMap(function (_ref4) {
-    var children = _ref4.children;
-    return children.slice(1);
-  }).some(function (_ref5) {
-    var children = _ref5.children;
-    return children.some(isTableHeaderCell);
-  });
-}
-
-function trackInvalidTableCellChildren(editor, table) {
-  var cells = table.children.flatMap(function (row) {
-    var _row$children;
-
-    return (_row$children = row.children) != null ? _row$children : [];
-  }).filter(isTableCellOrHeader); // get invalid direct children
-
-  var invalidNodeTypes = cells.flatMap(function (cell) {
-    // Only paragraphs are allowed inside tables at the moment
-    return cell.children.filter(function (node) {
-      return Element.isElement(node) && node.type !== BLOCKS.PARAGRAPH;
-    }).map(function (node) {
-      return node.type;
-    });
-  });
-
-  for (var _iterator = _createForOfIteratorHelperLoose(new Set(invalidNodeTypes)), _step; !(_step = _iterator()).done;) {
-    var _editor$tracking;
-
-    var nodeType = _step.value;
-    (_editor$tracking = editor.tracking) == null ? void 0 : _editor$tracking.onViewportAction('invalidTablePaste', {
-      nodeType: nodeType
-    });
-  }
-}
-
-function addTableTrackingEvents(editor) {
-  var insertData = editor.insertData;
-
-  editor.insertData = function (data) {
-    var html = data.getData('text/html');
-
-    if (html) {
-      var markupBefore = editor.children;
-      insertData(data);
-      var markupAfter = editor.children;
-      setTimeout(function () {
-        if (hasTables(markupBefore)) return;
-
-        if (hasTables(markupAfter)) {
-          editor.tracking.onViewportAction('paste', {
-            tablePasted: true,
-            hasHeadersOutsideFirstRow: hasHeadersOutsideFirstRow(markupAfter)
-          });
-        }
-      }, 1);
-    } else {
-      insertData(data);
-    }
-  };
-
-  var insertFragment = editor.insertFragment;
-
-  editor.insertFragment = function (fragment) {
-    var tables = fragment.filter(isTable);
-
-    for (var _iterator2 = _createForOfIteratorHelperLoose(tables), _step2; !(_step2 = _iterator2()).done;) {
-      var table = _step2.value;
-      trackInvalidTableCellChildren(editor, table);
-    }
-
-    return insertFragment(fragment);
-  };
-}
-
 var addRow = function addRow(editor, getNextRowPath) {
   if (someNode(editor, {
     match: {
@@ -5944,47 +5740,157 @@ var setHeader = function setHeader(editor, enable) {
   });
 };
 
-var styles$i = {
-  topRight: /*#__PURE__*/css({
-    position: 'absolute',
-    top: '6px',
-    right: '5px'
-  })
-};
-
-var getCurrentTableSize = function getCurrentTableSize(editor) {
-  var _getNodeEntryFromSele = getNodeEntryFromSelection(editor, BLOCKS.TABLE),
-      table = _getNodeEntryFromSele[0];
+function insertTableAndFocusFirstCell(editor) {
+  insertTable(editor, {
+    header: true
+  });
+  replaceEmptyParagraphWithTable(editor);
+}
+function isTableActive(editor) {
+  var tableElements = [ELEMENT_TABLE, ELEMENT_TH, ELEMENT_TR, ELEMENT_TD];
+  return tableElements.some(function (el) {
+    return isBlockSelected(editor, el);
+  });
+}
+function isTableHeaderEnabled(editor) {
+  var tableItem = getAbove(editor, {
+    match: {
+      type: BLOCKS.TABLE
+    }
+  });
 
-  return table ? getTableSize(table) : null;
-};
+  if (!tableItem) {
+    return false;
+  }
 
-var TableActions = function TableActions() {
-  var editor = useContentfulEditor();
-  var isDisabled = useReadOnly();
+  var firstRow = getChildren$1(tableItem)[0];
 
-  var _React$useState = React__default.useState(false),
-      isOpen = _React$useState[0],
-      setOpen = _React$useState[1];
+  if (!firstRow) {
+    return false;
+  }
 
-  var _React$useState2 = React__default.useState(false),
-      isHeaderEnabled = _React$useState2[0],
-      setHeaderEnabled = _React$useState2[1];
+  return getChildren$1(firstRow).every(function (_ref) {
+    var node = _ref[0];
+    return node.type === BLOCKS.TABLE_HEADER_CELL;
+  });
+}
+function replaceEmptyParagraphWithTable(editor) {
+  var tablePath = getAncestorPathFromSelection(editor);
+  if (!tablePath || isFirstChild(tablePath)) return;
+  var previousPath = Path.previous(tablePath);
+  if (!previousPath) return;
 
-  var close = React__default.useCallback(function () {
-    setOpen(false);
-  }, []);
-  React__default.useEffect(function () {
-    setHeaderEnabled(Boolean(editor && isTableHeaderEnabled(editor)));
-  }, [editor]);
-  var canInsertRowAbove = React__default.useMemo(function () {
-    if (!editor) {
-      return false;
+  var _Editor$nodes = Editor.nodes(editor, {
+    at: previousPath,
+    match: function match(node) {
+      return node.type === BLOCKS.PARAGRAPH;
     }
+  }),
+      nodes = _Editor$nodes[0];
 
-    var headerCell = getAbove(editor, {
-      match: {
-        type: BLOCKS.TABLE_HEADER_CELL
+  if (!nodes) return;
+  var previousNode = nodes[0];
+  var isPreviousNodeTextEmpty = isAncestorEmpty(editor, previousNode);
+
+  if (isPreviousNodeTextEmpty) {
+    // Switch table with previous empty paragraph
+    Transforms.moveNodes(editor, {
+      at: tablePath,
+      to: previousPath
+    }); // Remove previous paragraph that now is under the table
+
+    Transforms.removeNodes(editor, {
+      at: tablePath
+    });
+  }
+}
+/**
+ * Returns the number of cells in a given row vs the table width
+ *
+ * Note: We should only get different table rows cell counts in between
+ * normalization cycles.
+ */
+
+var getNoOfMissingTableCellsInRow = function getNoOfMissingTableCellsInRow(editor, _ref2) {
+  var rowPath = _ref2[1];
+  var parent = getParent(editor, rowPath); // This is ensured by normalization. The error is here just in case
+
+  if (!parent) {
+    throw new Error('table rows must be wrapped in a table node');
+  }
+
+  var tablePath = parent[1]; // The longest table row determines its width
+
+  var tableWidth = Math.max.apply(Math, Array.from(Node.children(editor, tablePath)).map(function (_ref3) {
+    var path = _ref3[1];
+    return Array.from(Node.children(editor, path)).length;
+  }));
+  var rowWidth = Array.from(Node.children(editor, rowPath)).length;
+  return tableWidth - rowWidth;
+};
+var createEmptyTableCells = function createEmptyTableCells(count) {
+  var emptyTableCell = {
+    type: BLOCKS.TABLE_CELL,
+    data: {},
+    children: [{
+      type: BLOCKS.PARAGRAPH,
+      data: {},
+      children: [{
+        text: ''
+      }]
+    }]
+  };
+  return new Array(count).fill(emptyTableCell);
+};
+var isNotEmpty = function isNotEmpty(editor, _ref4) {
+  var path = _ref4[1];
+  return Array.from(Node.children(editor, path)).length !== 0;
+};
+var isTable = function isTable(node) {
+  return Element.isElement(node) && node.type === BLOCKS.TABLE;
+};
+
+var styles$i = {
+  topRight: /*#__PURE__*/css({
+    position: 'absolute',
+    top: '6px',
+    right: '5px'
+  })
+};
+
+var getCurrentTableSize = function getCurrentTableSize(editor) {
+  var _getNodeEntryFromSele = getNodeEntryFromSelection(editor, BLOCKS.TABLE),
+      table = _getNodeEntryFromSele[0];
+
+  return table ? getTableSize(table) : null;
+};
+
+var TableActions = function TableActions() {
+  var editor = useContentfulEditor();
+  var isDisabled = useReadOnly();
+
+  var _React$useState = React__default.useState(false),
+      isOpen = _React$useState[0],
+      setOpen = _React$useState[1];
+
+  var _React$useState2 = React__default.useState(false),
+      isHeaderEnabled = _React$useState2[0],
+      setHeaderEnabled = _React$useState2[1];
+
+  var close = React__default.useCallback(function () {
+    setOpen(false);
+  }, []);
+  React__default.useEffect(function () {
+    setHeaderEnabled(Boolean(editor && isTableHeaderEnabled(editor)));
+  }, [editor]);
+  var canInsertRowAbove = React__default.useMemo(function () {
+    if (!editor) {
+      return false;
+    }
+
+    var headerCell = getAbove(editor, {
+      match: {
+        type: BLOCKS.TABLE_HEADER_CELL
       }
     });
     return !headerCell;
@@ -6067,7 +5973,7 @@ var Cell = function Cell(props) {
 };
 
 var _templateObject$8;
-var style$4 = /*#__PURE__*/css(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-collapse: collapse;\n  padding: 10px 12px;\n  font-weight: ", ";\n  text-align: left;\n  min-width: 48px;\n  position: relative;\n\n  div:last-child {\n    margin-bottom: 0;\n  }\n"])), tokens.gray200, tokens.gray400, tokens.fontWeightNormal);
+var style$4 = /*#__PURE__*/css(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-clip: padding-box;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-collapse: collapse;\n  padding: 10px 12px;\n  font-weight: ", ";\n  text-align: left;\n  min-width: 48px;\n  position: relative;\n\n  div:last-child {\n    margin-bottom: 0;\n  }\n"])), tokens.gray200, tokens.gray400, tokens.fontWeightNormal);
 var HeaderCell = function HeaderCell(props) {
   var isSelected = useSelected();
   return /*#__PURE__*/createElement("th", Object.assign({}, props.attributes, props.element.data, {
@@ -6105,18 +6011,20 @@ var Table = function Table(props) {
  */
 
 var trimUnnecessaryTableWrapper = function trimUnnecessaryTableWrapper(node) {
+  var _node$children, _row$children;
+
   if (!Element.isElement(node)) {
     return [node];
   } // must be a table with a single row
 
 
-  if (node.type !== BLOCKS.TABLE || node.children.length !== 1) {
+  if (node.type !== BLOCKS.TABLE || ((_node$children = node.children) == null ? void 0 : _node$children.length) !== 1) {
     return [node];
   }
 
   var row = node.children[0]; // the row must contain a single cell
 
-  if (row.children.length !== 1) {
+  if ((row == null ? void 0 : (_row$children = row.children) == null ? void 0 : _row$children.length) !== 1) {
     return [node];
   }
 
@@ -6158,57 +6066,347 @@ var onKeyDownTable = function onKeyDownTable(editor, plugin) {
     // This fixes `Cannot resolve a Slate point from DOM point: [object HTMLDivElement]` when typing while the cursor is before table
     var windowSelection = window.getSelection();
 
-    if (windowSelection) {
-      var _windowSelection$anch, _windowSelection$anch2;
+    if (windowSelection) {
+      var _windowSelection$anch, _windowSelection$anch2;
+
+      // @ts-expect-error
+      var blockType = (_windowSelection$anch = windowSelection.anchorNode.attributes) == null ? void 0 : (_windowSelection$anch2 = _windowSelection$anch['data-block-type']) == null ? void 0 : _windowSelection$anch2.value; // this attribute comes from `plugins/Table/components/Table.tsx`
+
+      var isBeforeTable = blockType === BLOCKS.TABLE;
+
+      if (isBeforeTable) {
+        if (event.key === 'Enter') {
+          var above = getAbove(editor, {
+            match: {
+              type: BLOCKS.TABLE
+            }
+          });
+          if (!above) return;
+          var tablePath = above[1];
+          insertEmptyParagraph(editor, {
+            at: tablePath,
+            select: true
+          });
+        }
+
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+    } // Pressing Tab on the last cell creates a new row
+    // Otherwise, jumping between cells is handled in the defaultKeyDownTable
+
+
+    if (event.key === 'Tab' && !event.shiftKey) {
+      event.preventDefault();
+      var res = getTableCellEntry(editor, {});
+
+      if (res) {
+        var tableElement = res.tableElement,
+            tableRow = res.tableRow,
+            tableCell = res.tableCell;
+        var isLastCell = isLastChild(tableRow, tableCell[1]);
+        var isLastRow = isLastChild(tableElement, tableRow[1]);
+
+        if (isLastRow && isLastCell) {
+          addRowBelow(editor); // skip default handler
+
+          return;
+        }
+      }
+    }
+
+    defaultHandler(event);
+  };
+};
+
+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;
+    return type === BLOCKS.TABLE;
+  });
+}
+
+var isTableHeaderCell = function isTableHeaderCell(_ref2) {
+  var type = _ref2.type;
+  return type === BLOCKS.TABLE_HEADER_CELL;
+};
+
+function hasHeadersOutsideFirstRow(nodes) {
+  return nodes.filter(function (_ref3) {
+    var type = _ref3.type;
+    return type === BLOCKS.TABLE;
+  }).flatMap(function (_ref4) {
+    var children = _ref4.children;
+    return children.slice(1);
+  }).some(function (_ref5) {
+    var children = _ref5.children;
+    return children.some(isTableHeaderCell);
+  });
+}
+
+function addTableTrackingEvents(editor) {
+  var insertData = editor.insertData;
 
-      // @ts-expect-error
-      var blockType = (_windowSelection$anch = windowSelection.anchorNode.attributes) == null ? void 0 : (_windowSelection$anch2 = _windowSelection$anch['data-block-type']) == null ? void 0 : _windowSelection$anch2.value; // this attribute comes from `plugins/Table/components/Table.tsx`
+  editor.insertData = function (data) {
+    var html = data.getData('text/html');
 
-      var isBeforeTable = blockType === BLOCKS.TABLE;
+    if (html) {
+      var markupBefore = editor.children;
+      insertData(data);
+      var markupAfter = editor.children;
+      setTimeout(function () {
+        if (hasTables(markupBefore)) return;
 
-      if (isBeforeTable) {
-        if (event.key === 'Enter') {
-          var above = getAbove(editor, {
-            match: {
-              type: BLOCKS.TABLE
-            }
-          });
-          if (!above) return;
-          var tablePath = above[1];
-          insertEmptyParagraph(editor, {
-            at: tablePath,
-            select: true
+        if (hasTables(markupAfter)) {
+          editor.tracking.onViewportAction('paste', {
+            tablePasted: true,
+            source: getPastingSource(data),
+            hasHeadersOutsideFirstRow: hasHeadersOutsideFirstRow(markupAfter)
           });
         }
+      }, 1);
+    } else {
+      insertData(data);
+    }
+  };
+}
+var withInvalidCellChildrenTracking = function withInvalidCellChildrenTracking(transformer) {
+  return function (editor, childEntry) {
+    var node = childEntry[0];
 
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-    } // Pressing Tab on the last cell creates a new row
-    // Otherwise, jumping between cells is handled in the defaultKeyDownTable
-
-
-    if (event.key === 'Tab' && !event.shiftKey) {
-      event.preventDefault();
-      var res = getTableCellEntry(editor, {});
-
-      if (res) {
-        var tableElement = res.tableElement,
-            tableRow = res.tableRow,
-            tableCell = res.tableCell;
-        var isLastCell = isLastChild(tableRow, tableCell[1]);
-        var isLastRow = isLastChild(tableElement, tableRow[1]);
-
-        if (isLastRow && isLastCell) {
-          addRowBelow(editor); // skip default handler
+    if (Element.isElement(node)) {
+      var _editor$tracking;
 
-          return;
-        }
-      }
+      (_editor$tracking = editor.tracking) == null ? void 0 : _editor$tracking.onViewportAction('invalidTablePaste', {
+        nodeType: node.type
+      });
     }
 
-    defaultHandler(event);
+    return transformer(editor, childEntry);
   };
 };
 
@@ -6285,14 +6483,14 @@ var createTablePlugin = function createTablePlugin() {
       component: HeaderCell,
       normalizer: [{
         validChildren: CONTAINERS[BLOCKS.TABLE_HEADER_CELL],
-        transform: transformParagraphs
+        transform: withInvalidCellChildrenTracking(transformParagraphs)
       }]
     }, _overrideByKey[ELEMENT_TD] = {
       type: BLOCKS.TABLE_CELL,
       component: Cell,
       normalizer: [{
         validChildren: CONTAINERS[BLOCKS.TABLE_CELL],
-        transform: transformParagraphs
+        transform: withInvalidCellChildrenTracking(transformParagraphs)
       }]
     }, _overrideByKey)
   });
@@ -6440,193 +6638,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'
-};
-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
-            });
-          });
-        }
-
-        insertData(data);
-      };
-
-      return editor;
-    }
-  };
-};
-
 var createTrailingParagraphPlugin = function createTrailingParagraphPlugin() {
   return createTrailingBlockPlugin({
     options: {