@contentful/field-editor-rich-text 3.15.0 → 3.15.2

package/dist/cjs/plugins/Table/components/Cell.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "Cell", {
         return Cell;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 const _slatereact = require("slate-react");
 const _TableActions = require("./TableActions");
@@ -39,7 +39,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -71,9 +73,9 @@ const style = (0, _emotion.css)`
 `;
 const Cell = (props)=>{
     const isSelected = (0, _slatereact.useSelected)();
-    return _react.createElement("td", {
+    return /*#__PURE__*/ _react.createElement("td", {
         ...props.attributes,
         ...props.element.data,
         className: style
-    }, isSelected && _react.createElement(_TableActions.TableActions, null), props.children);
+    }, isSelected && /*#__PURE__*/ _react.createElement(_TableActions.TableActions, null), props.children);
 };

package/dist/cjs/plugins/Table/components/HeaderCell.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "HeaderCell", {
         return HeaderCell;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 const _slatereact = require("slate-react");
 const _TableActions = require("./TableActions");
@@ -39,7 +39,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -74,9 +76,9 @@ const style = (0, _emotion.css)`
 `;
 const HeaderCell = (props)=>{
     const isSelected = (0, _slatereact.useSelected)();
-    return _react.createElement("th", {
+    return /*#__PURE__*/ _react.createElement("th", {
         ...props.attributes,
         ...props.element.data,
         className: style
-    }, isSelected && _react.createElement(_TableActions.TableActions, null), props.children);
+    }, isSelected && /*#__PURE__*/ _react.createElement(_TableActions.TableActions, null), props.children);
 };

package/dist/cjs/plugins/Table/components/Row.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "Row", {
         return Row;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -37,7 +37,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -63,7 +65,7 @@ const style = (0, _emotion.css)`
     background-color: transparent !important;
   }
 `;
-const Row = (props)=>_react.createElement("tr", {
+const Row = (props)=>/*#__PURE__*/ _react.createElement("tr", {
         ...props.attributes,
         className: style
     }, props.children);

package/dist/cjs/plugins/Table/components/Table.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "Table", {
         return Table;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
@@ -38,7 +38,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -67,10 +69,10 @@ const style = (0, _emotion.css)`
   overflow: hidden;
 `;
 const Table = (props)=>{
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         "data-block-type": _richtexttypes.BLOCKS.TABLE
-    }, _react.createElement("table", {
+    }, /*#__PURE__*/ _react.createElement("table", {
         className: style,
         ...props.attributes
-    }, _react.createElement("tbody", null, props.children)));
+    }, /*#__PURE__*/ _react.createElement("tbody", null, props.children)));
 };

package/dist/cjs/plugins/Table/components/TableActions.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    styles: function() {
-        return styles;
-    },
     TableActions: function() {
         return TableActions;
+    },
+    styles: function() {
+        return styles;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
 const _richtexttypes = require("@contentful/rich-text-types");
@@ -50,7 +50,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -127,6 +129,7 @@ const TableActions = ()=>{
                     header: isHeaderEnabled
                 });
             });
+            // Tracking
             const actionName = `${type}Table${element === 'Table' ? '' : element}`;
             editor.tracking.onViewportAction(actionName, {
                 tableSize
@@ -139,37 +142,37 @@ const TableActions = ()=>{
     if (isDisabled) {
         return null;
     }
-    return _react.createElement(_f36components.Menu, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Menu, {
         placement: "left",
         isOpen: isOpen,
         onOpen: ()=>{
             setOpen(true);
         },
         onClose: close
-    }, _react.createElement(_f36components.Menu.Trigger, null, _react.createElement(_f36components.IconButton, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, /*#__PURE__*/ _react.createElement(_f36components.IconButton, {
         size: "small",
         variant: "transparent",
         tabIndex: -1,
         className: styles.topRight,
-        icon: _react.createElement(_f36icons.ChevronDownIcon, null),
+        icon: /*#__PURE__*/ _react.createElement(_f36icons.ChevronDownIcon, null),
         "aria-label": "Open table menu",
         testId: "cf-table-actions-button"
-    })), _react.createElement(_f36components.Menu.List, null, _react.createElement(_f36components.Menu.Item, {
+    })), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, null, /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: action(_actions.addRowAbove, 'insert', 'Row'),
         disabled: !canInsertRowAbove
-    }, "Add row above"), _react.createElement(_f36components.Menu.Item, {
+    }, "Add row above"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: action(_actions.addRowBelow, 'insert', 'Row')
-    }, "Add row below"), _react.createElement(_f36components.Menu.Item, {
+    }, "Add row below"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: action(_actions.addColumnLeft, 'insert', 'Column')
-    }, "Add column left"), _react.createElement(_f36components.Menu.Item, {
+    }, "Add column left"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: action(_actions.addColumnRight, 'insert', 'Column')
-    }, "Add column right"), _react.createElement(_f36components.Menu.Divider, null), _react.createElement(_f36components.Menu.Item, {
+    }, "Add column right"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Divider, null), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: toggleHeader
-    }, isHeaderEnabled ? 'Disable table header' : 'Enable table header'), _react.createElement(_f36components.Menu.Divider, null), _react.createElement(_f36components.Menu.Item, {
+    }, isHeaderEnabled ? 'Disable table header' : 'Enable table header'), /*#__PURE__*/ _react.createElement(_f36components.Menu.Divider, null), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: action(_platetable.deleteRow, 'remove', 'Row')
-    }, "Delete row"), _react.createElement(_f36components.Menu.Item, {
+    }, "Delete row"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: action(_platetable.deleteColumn, 'remove', 'Column')
-    }, "Delete column"), _react.createElement(_f36components.Menu.Item, {
+    }, "Delete column"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         onClick: action(_platetable.deleteTable, 'remove', 'Table')
     }, "Delete table")));
 };

package/dist/cjs/plugins/Table/components/ToolbarButton.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "ToolbarTableButton", {
         return ToolbarTableButton;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36icons = require("@contentful/f36-icons");
 const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
 const _editor = require("../../../helpers/editor");
@@ -35,7 +35,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -63,11 +65,12 @@ function ToolbarTableButton(props) {
         (0, _editor.focus)(editor);
     }
     if (!editor) return null;
-    return _react.createElement(_ToolbarButton.ToolbarButton, {
+    return /*#__PURE__*/ _react.createElement(_ToolbarButton.ToolbarButton, {
         title: "Table",
         testId: "table-toolbar-button",
         onClick: handleClick,
+        // TODO: active state looks off since the button will be disabled. Do we still need it?
         isActive: !!isActive,
         isDisabled: props.isDisabled
-    }, _react.createElement(_f36icons.TableIcon, null));
+    }, /*#__PURE__*/ _react.createElement(_f36icons.TableIcon, null));
 }

package/dist/cjs/plugins/Table/createTablePlugin.js

@@ -25,11 +25,15 @@ const _tableTracking = require("./tableTracking");
 const createTablePlugin = ()=>(0, _platetable.createTablePlugin)({
         type: _richtexttypes.BLOCKS.TABLE,
         handlers: {
+            // @ts-expect-error
             onKeyDown: _onKeyDownTable.onKeyDownTable
         },
         withOverrides: (editor, plugin)=>{
-            const { normalizeNode  } = editor;
+            const { normalizeNode } = editor;
+            // injects important fixes from plate's original table plugin
             (0, _platetable.withTable)(editor, plugin);
+            // Resets all normalization rules added by @udecode/plate-table as
+            // they conflict with our own
             editor.normalizeNode = normalizeNode;
             (0, _tableTracking.addTableTrackingEvents)(editor);
             editor.insertFragment = (0, _insertTableFragment.insertTableFragment)(editor);
@@ -44,7 +48,10 @@ const createTablePlugin = ()=>(0, _platetable.createTablePlugin)({
                         validNode: _helpers.isNotEmpty
                     },
                     {
+                        // Move to root level unless nested
                         validNode: (editor, [, path])=>{
+                            // Nested tables are handled by another normalization
+                            // rule in a the table cell level
                             const isNestedTable = !!(0, _queries.getBlockAbove)(editor, {
                                 at: path,
                                 match: {
@@ -72,9 +79,11 @@ const createTablePlugin = ()=>(0, _platetable.createTablePlugin)({
                         transform: (0, _transformers.transformWrapIn)(_richtexttypes.BLOCKS.TABLE_CELL)
                     },
                     {
+                        // Remove empty rows
                         validNode: _helpers.isNotEmpty
                     },
                     {
+                        // Parent must be a table
                         validNode: (editor, [, path])=>{
                             const parent = (0, _queries.getParentNode)(editor, path)?.[0];
                             return parent && parent.type === _richtexttypes.BLOCKS.TABLE;
@@ -82,6 +91,7 @@ const createTablePlugin = ()=>(0, _platetable.createTablePlugin)({
                         transform: (0, _transformers.transformWrapIn)(_richtexttypes.BLOCKS.TABLE)
                     },
                     {
+                        // ensure consistent number of cells in each row
                         validNode: (editor, entry)=>{
                             return (0, _helpers.getNoOfMissingTableCellsInRow)(editor, entry) === 0;
                         },

package/dist/cjs/plugins/Table/helpers.js

@@ -9,9 +9,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    createEmptyTableCells: function() {
+        return createEmptyTableCells;
+    },
+    getNoOfMissingTableCellsInRow: function() {
+        return getNoOfMissingTableCellsInRow;
+    },
     insertTableAndFocusFirstCell: function() {
         return insertTableAndFocusFirstCell;
     },
+    isNotEmpty: function() {
+        return isNotEmpty;
+    },
+    isTable: function() {
+        return isTable;
+    },
     isTableActive: function() {
         return isTableActive;
     },
@@ -20,18 +32,6 @@ _export(exports, {
     },
     replaceEmptyParagraphWithTable: function() {
         return replaceEmptyParagraphWithTable;
-    },
-    getNoOfMissingTableCellsInRow: function() {
-        return getNoOfMissingTableCellsInRow;
-    },
-    createEmptyTableCells: function() {
-        return createEmptyTableCells;
-    },
-    isNotEmpty: function() {
-        return isNotEmpty;
-    },
-    isTable: function() {
-        return isTable;
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
@@ -107,10 +107,12 @@ function replaceEmptyParagraphWithTable(editor) {
     const [previousNode] = nodes;
     const isPreviousNodeTextEmpty = (0, _queries.isAncestorEmpty)(editor, previousNode);
     if (isPreviousNodeTextEmpty) {
+        // Switch table with previous empty paragraph
         (0, _transforms.moveNodes)(editor, {
             at: tablePath,
             to: previousPath
         });
+        // Remove previous paragraph that now is under the table
         (0, _transforms.removeNodes)(editor, {
             at: tablePath
         });
@@ -119,9 +121,11 @@ function replaceEmptyParagraphWithTable(editor) {
 const getNoOfMissingTableCellsInRow = (editor, rowEntry)=>{
     const [, rowPath] = rowEntry;
     const parent = (0, _queries.getParentNode)(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');
     }
+    // The longest table row determines its width
     const tableWidth = Math.max(...(0, _queries.getChildren)(parent).map((entry)=>(0, _queries.getChildren)(entry).length));
     const rowWidth = (0, _queries.getChildren)(rowEntry).length;
     return tableWidth - rowWidth;

package/dist/cjs/plugins/Table/insertTableFragment.js

@@ -12,18 +12,29 @@ const _richtexttypes = require("@contentful/rich-text-types");
 const _editor = require("../../helpers/editor");
 const _queries = require("../../internal/queries");
 const _helpers = require("./helpers");
-const trimUnnecessaryTableWrapper = (node)=>{
+/**
+ * Removes table wrappers when pasting a single table cell
+ *
+ * In Plate/Slate, copying the content of a table cell wraps
+ * it in a <table><tr><td>{content}</td></tr></table> even
+ * when copying partial cell content.
+ *
+ * That's really annoying as there is no way to remove the table
+ * wrappers in that case.
+ */ const trimUnnecessaryTableWrapper = (node)=>{
     if (!(0, _queries.isElement)(node)) {
         return [
             node
         ];
     }
+    // must be a table with a single row
     if (node.type !== _richtexttypes.BLOCKS.TABLE || node.children?.length !== 1) {
         return [
             node
         ];
     }
     const row = node.children[0];
+    // the row must contain a single cell
     if (row?.children?.length !== 1) {
         return [
             node
@@ -33,12 +44,14 @@ const trimUnnecessaryTableWrapper = (node)=>{
     return cell.children;
 };
 const insertTableFragment = (editor)=>{
-    const { insertFragment  } = editor;
+    const { insertFragment } = editor;
     return (fragments)=>{
         if (!editor.selection) {
             return;
         }
         fragments = fragments.flatMap(trimUnnecessaryTableWrapper);
+        // We need to make sure we have a new, empty and clean paragraph in order to paste tables as-is due to how Slate behaves
+        // More info: https://github.com/ianstormtaylor/slate/pull/4489 and https://github.com/ianstormtaylor/slate/issues/4542
         const isInsertingTable = fragments.some((fragment)=>(0, _helpers.isTable)(fragment));
         const isTableFirstFragment = fragments.findIndex((fragment)=>(0, _helpers.isTable)(fragment)) === 0;
         const currentLineHasText = (0, _queries.getText)(editor, editor.selection?.focus.path) !== '';

package/dist/cjs/plugins/Table/onKeyDownTable.js

@@ -17,8 +17,12 @@ const _actions = require("./actions");
 const onKeyDownTable = (editor, plugin)=>{
     const defaultHandler = (0, _platetable.onKeyDownTable)(editor, plugin);
     return (event)=>{
+        // This fixes `Cannot resolve a Slate point from DOM point:
+        // [object HTMLDivElement]` when typing while the cursor is before table
         const windowSelection = window.getSelection();
         if (windowSelection) {
+            // @ts-expect-error
+            // this attribute comes from `plugins/Table/components/Table.tsx`
             const blockType = windowSelection.anchorNode.attributes?.['data-block-type']?.value;
             const isBeforeTable = blockType === _richtexttypes.BLOCKS.TABLE;
             if (isBeforeTable) {
@@ -40,10 +44,11 @@ const onKeyDownTable = (editor, plugin)=>{
                 return;
             }
         }
+        // TODO clean this up
         if (event.key === 'Backspace') {
             const entry = (0, _platetable.getTableEntries)(editor, {});
             if (entry) {
-                const { table , row , cell  } = entry;
+                const { table, row, cell } = entry;
                 const cellText = (0, _queries.getText)(editor, cell[1]);
                 const isFirstCell = (0, _queries.isFirstChild)(row[1]);
                 const isFirstRow = (0, _queries.isFirstChild)(table[1]);
@@ -54,15 +59,18 @@ const onKeyDownTable = (editor, plugin)=>{
                 }
             }
         }
+        // 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();
             const entry = (0, _platetable.getTableEntries)(editor, {});
             if (entry) {
-                const { table , row , cell  } = entry;
+                const { table, row, cell } = entry;
                 const isLastCell = (0, _queries.isLastChildPath)(row, cell[1]);
                 const isLastRow = (0, _queries.isLastChildPath)(table, row[1]);
                 if (isLastRow && isLastCell) {
                     (0, _actions.addRowBelow)(editor);
+                    // skip default handler
                     return;
                 } else {
                     defaultHandler(event);

package/dist/cjs/plugins/Table/tableTracking.js

@@ -20,22 +20,22 @@ const _richtexttypes = require("@contentful/rich-text-types");
 const _queries = require("../../internal/queries");
 const _Tracking = require("../../plugins/Tracking");
 function hasTables(nodes) {
-    return nodes.some(({ type  })=>{
+    return nodes.some(({ type })=>{
         return type === _richtexttypes.BLOCKS.TABLE;
     });
 }
-const isTableHeaderCell = ({ type  })=>type === _richtexttypes.BLOCKS.TABLE_HEADER_CELL;
+const isTableHeaderCell = ({ type })=>type === _richtexttypes.BLOCKS.TABLE_HEADER_CELL;
 function hasHeadersOutsideFirstRow(nodes) {
-    return nodes.filter(({ type  })=>type === _richtexttypes.BLOCKS.TABLE).flatMap(({ children  })=>children.slice(1)).some(({ children  })=>children.some(isTableHeaderCell));
+    return nodes.filter(({ type })=>type === _richtexttypes.BLOCKS.TABLE).flatMap(({ children })=>children.slice(1)).some(({ children })=>children.some(isTableHeaderCell));
 }
 function addTableTrackingEvents(editor) {
-    const { insertData  } = editor;
+    const { insertData } = editor;
     editor.insertData = (data)=>{
         const html = data.getData('text/html');
         if (html) {
-            const { children: markupBefore  } = editor;
+            const { children: markupBefore } = editor;
             insertData(data);
-            const { children: markupAfter  } = editor;
+            const { children: markupAfter } = editor;
             setTimeout(()=>{
                 if (hasTables(markupBefore)) return;
                 if (hasTables(markupAfter)) {

package/dist/cjs/plugins/Text/__tests__/createTextPlugin.test.js

@@ -1,4 +1,4 @@
-"use strict";
+/** @jsx jsx */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -7,21 +7,22 @@ describe('delete backward', ()=>{
     const tests = [
         {
             title: 'deletes a character of the text inside li',
-            input: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p1", (0, _testutils.jsx)("cursor", null)))),
-            expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p", (0, _testutils.jsx)("cursor", null))))
+            input: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p1", /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)))),
+            expected: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p", /*#__PURE__*/ (0, _testutils.jsx)("cursor", null))))
         },
         {
             title: 'does not delete the very first paragraph',
-            input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text")),
-            expected: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text"))
+            input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text")),
+            expected: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text"))
         }
     ];
-    const render = (children)=>(0, _testutils.jsx)("editor", null, children, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
+    const render = (children)=>/*#__PURE__*/ (0, _testutils.jsx)("editor", null, children, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
     for (const t of tests){
         test(t.title, ()=>{
-            const { editor  } = (0, _testutils.createTestEditor)({
+            const { editor } = (0, _testutils.createTestEditor)({
                 input: render(t.input)
             });
+            // Equivalent of pressing backspace
             editor.deleteBackward('character');
             (0, _testutils.assertOutput)({
                 editor,
@@ -34,31 +35,32 @@ describe('delete forward', ()=>{
     const tests = [
         {
             title: 'deletes a character of the text inside li',
-            input: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1"))),
-            expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "1")))
+            input: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "p1"))),
+            expected: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "1")))
         },
         {
             title: 'deletes the first paragraph when followed by another paragraph',
-            input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text")),
-            expected: (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "text")
+            input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text")),
+            expected: /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "text")
         },
         {
             title: 'deletes the first paragraph when followed by li',
-            input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p1")))),
-            expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1")))
+            input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p1")))),
+            expected: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "p1")))
         },
         {
             title: 'deletes the first paragraph when followed by a blockquote',
-            input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "p1"))),
-            expected: (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1"))
+            input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p1"))),
+            expected: /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "p1"))
         }
     ];
-    const render = (children)=>(0, _testutils.jsx)("editor", null, children, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
+    const render = (children)=>/*#__PURE__*/ (0, _testutils.jsx)("editor", null, children, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
     for (const t of tests){
         test(t.title, ()=>{
-            const { editor  } = (0, _testutils.createTestEditor)({
+            const { editor } = (0, _testutils.createTestEditor)({
                 input: render(t.input)
             });
+            // Equivalent of pressing backspace
             editor.deleteForward('character');
             (0, _testutils.assertOutput)({
                 editor,

package/dist/cjs/plugins/Text/createTextPlugin.js

@@ -15,6 +15,9 @@ function createTextPlugin(restrictedMarks = []) {
     return {
         key: 'TextPlugin',
         handlers: {
+            // Triple selection in a non-Firefox browser undesirably selects
+            // the start of the next block. Editor.unhangRange helps removing
+            // the extra block at the end.
             onMouseUp: (editor)=>()=>{
                     if (!editor.selection) {
                         return;
@@ -23,9 +26,16 @@ function createTextPlugin(restrictedMarks = []) {
                 }
         },
         withOverrides: (editor)=>{
-            const { insertText  } = editor;
+            // Reverts the change made upstream that caused the cursor
+            // to be trapped inside inline elements.
+            //
+            // Reverts https://github.com/ianstormtaylor/slate/pull/4578/
+            // Related https://github.com/ianstormtaylor/slate/issues/4704
+            const { insertText } = editor;
             editor.insertText = (text)=>{
-                const { selection  } = editor;
+                const { selection } = editor;
+                // If the cursor is at the end of an inline, move it outside
+                // before inserting
                 if (selection && (0, _queries.isRangeCollapsed)(selection)) {
                     const inlinePath = (0, _queries.getAboveNode)(editor, {
                         match: (n)=>(0, _queries.isInline)(editor, n),
@@ -41,7 +51,8 @@ function createTextPlugin(restrictedMarks = []) {
                 }
                 return insertText(text);
             };
-            const { deleteForward , deleteBackward  } = editor;
+            // When pressing delete instead of backspace
+            const { deleteForward, deleteBackward } = editor;
             editor.deleteBackward = (unit)=>{
                 deleteEmptyParagraph(unit, editor, deleteBackward);
             };
@@ -77,8 +88,9 @@ function deleteEmptyParagraph(unit, editor, deleteFunction) {
     if (entry) {
         const [paragraphOrHeading, path] = entry;
         const isTextEmpty = (0, _queries.isAncestorEmpty)(editor, paragraphOrHeading);
+        // We ignore paragraphs/headings that are children of ul, ol, blockquote, tables, etc
         const isRootLevel = path.length === 1;
-        const hasSiblings = editor.children.length > 1;
+        const hasSiblings = editor.children.length > 1; // prevent editor from losing focus
         if (isTextEmpty && isRootLevel && hasSiblings) {
             (0, _transforms.removeNodes)(editor, {
                 at: path
@@ -112,7 +124,11 @@ function deleteEmptyParagraph(unit, editor, deleteFunction) {
         deleteFunction(unit);
     }
 }
-function fixPasteAsPlainText(editor) {
+/**
+ * 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 = (data)=>{
         const text = data.getData('text/plain');
         if (!text) {
@@ -121,6 +137,7 @@ function fixPasteAsPlainText(editor) {
         const lines = text.split(/\n{2}/);
         let split = false;
         for (const line of lines){
+            // empty lines
             if (/^(\r\n?|\n)$/.test(line)) {
                 continue;
             }