@contentful/field-editor-rich-text 2.0.0-next.26 → 2.0.0-next.27

package/dist/field-editor-rich-text.cjs.development.js

@@ -461,7 +461,7 @@ function moveToTheNextChar(editor) {
     unit: 'character'
   });
 }
-function insertEmptyParagraph(editor) {
+function insertEmptyParagraph(editor, options) {
   var emptyParagraph = {
     type: Contentful.BLOCKS.PARAGRAPH,
     children: [{
@@ -470,7 +470,7 @@ function insertEmptyParagraph(editor) {
     data: {},
     isVoid: false
   };
-  slate.Transforms.insertNodes(editor, emptyParagraph);
+  slate.Transforms.insertNodes(editor, emptyParagraph, options);
 }
 function getElementFromCurrentSelection(editor) {
   if (!editor.selection) return [];
@@ -5923,9 +5923,11 @@ var Row = function Row(props) {
 var _templateObject$a;
 var style$5 = /*#__PURE__*/emotion.css(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 1.5em;\n  border-collapse: collapse;\n  border-radius: 5px;\n  border-style: hidden;\n  box-shadow: 0 0 0 1px ", ";\n  width: 100%;\n  table-layout: fixed;\n  overflow: hidden;\n"])), tokens.gray400);
 var Table = function Table(props) {
-  return /*#__PURE__*/React.createElement("table", Object.assign({}, props.attributes, {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-block-type": Contentful.BLOCKS.TABLE
+  }, /*#__PURE__*/React.createElement("table", Object.assign({
     className: style$5
-  }), /*#__PURE__*/React.createElement("tbody", null, props.children));
+  }, props.attributes), /*#__PURE__*/React.createElement("tbody", null, props.children)));
 };
 
 var createTableOnKeyDown = function createTableOnKeyDown(editor, plugin) {
@@ -5938,6 +5940,38 @@ var createTableOnKeyDown = function createTableOnKeyDown(editor, plugin) {
       event.preventDefault();
       event.stopPropagation();
       return;
+    } // 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;
+
+      // @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 === Contentful.BLOCKS.TABLE;
+
+      if (isBeforeTable) {
+        if (event.key === 'Enter') {
+          var above = plateCore.getAbove(editor, {
+            match: {
+              type: Contentful.BLOCKS.TABLE
+            }
+          });
+          if (!above) return;
+          var tablePath = above[1];
+          insertEmptyParagraph(editor, {
+            at: tablePath,
+            select: true
+          });
+        }
+
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
     }
 
     defaultHandler(event);
@@ -5952,7 +5986,9 @@ var createTablePlugin = function createTablePlugin() {
     handlers: {
       onKeyDown: createTableOnKeyDown
     },
-    withOverrides: function withOverrides(editor) {
+    withOverrides: function withOverrides(editor, plugin) {
+      // injects important fixes from plate's original table plugin
+      plateTable.withTable(editor, plugin);
       addTableTrackingEvents(editor);
       var insertFragment = editor.insertFragment;