@contentful/field-editor-rich-text 3.4.22 → 3.5.0

package/dist/cjs/plugins/Quote/toggleQuote.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    toggleQuote: function() {
+        return toggleQuote;
+    },
+    onKeyDownToggleQuote: function() {
+        return onKeyDownToggleQuote;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _editor = require("../../helpers/editor");
+const _internal = require("../../internal");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function toggleQuote(editor, logAction) {
+    if (!editor.selection) return;
+    const isActive = (0, _editor.isBlockSelected)(editor, _richtexttypes.BLOCKS.QUOTE);
+    logAction?.(isActive ? 'remove' : 'insert', {
+        nodeType: _richtexttypes.BLOCKS.QUOTE
+    });
+    (0, _internal.withoutNormalizing)(editor, ()=>{
+        if (!editor.selection) return;
+        (0, _internal.unwrapNodes)(editor, {
+            match: (node)=>(0, _internal.isElement)(node) && node.type === _richtexttypes.BLOCKS.QUOTE,
+            split: true
+        });
+        if (!isActive) {
+            const quote = {
+                type: _richtexttypes.BLOCKS.QUOTE,
+                data: {},
+                children: []
+            };
+            (0, _internal.wrapNodes)(editor, quote);
+        }
+    });
+}
+const onKeyDownToggleQuote = (editor, plugin)=>(event)=>{
+        const { hotkey  } = plugin.options;
+        if (hotkey && (0, _ishotkey.default)(hotkey, event)) {
+            event.preventDefault();
+            toggleQuote(editor, editor.tracking.onShortcutAction);
+        }
+    };

package/dist/cjs/plugins/Quote/withQuote.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "withQuote", {
+    enumerable: true,
+    get: function() {
+        return withQuote;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _slate = require("slate");
+const _queries = require("../../internal/queries");
+const _transforms = require("../../internal/transforms");
+const withQuote = (editor)=>{
+    const { insertFragment  } = editor;
+    editor.insertFragment = (fragment)=>{
+        const startingNode = fragment.length && fragment[0];
+        const startsWithBlockquote = _slate.Element.isElement(startingNode) && startingNode.type === _richtexttypes.BLOCKS.QUOTE;
+        const containerEntry = (0, _queries.getAboveNode)(editor, {
+            match: {
+                type: _richtexttypes.TEXT_CONTAINERS
+            }
+        });
+        const containerIsNotEmpty = containerEntry && (0, _queries.getText)(editor, containerEntry[1]) !== '';
+        if (startsWithBlockquote && containerIsNotEmpty) {
+            const { selection  } = editor;
+            const isContentSelected = (selection)=>!!selection && _slate.Point.compare(selection.anchor, selection.focus) !== 0;
+            if (isContentSelected(selection)) {
+                (0, _transforms.deleteText)(editor, {
+                    at: selection
+                });
+            }
+            const containerEntry = (0, _queries.getAboveNode)(editor, {
+                match: {
+                    type: _richtexttypes.TEXT_CONTAINERS
+                }
+            });
+            const containerIsNotEmpty = containerEntry && (0, _queries.getText)(editor, containerEntry[1]) !== '';
+            if (containerIsNotEmpty) {
+                (0, _transforms.insertNodes)(editor, fragment);
+                return;
+            }
+        }
+        insertFragment(fragment);
+    };
+    return editor;
+};

package/dist/cjs/plugins/SelectOnBackspace/createSelectOnBackspacePlugin.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createSelectOnBackspacePlugin", {
+    enumerable: true,
+    get: function() {
+        return createSelectOnBackspacePlugin;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _plateselect = require("@udecode/plate-select");
+const createSelectOnBackspacePlugin = ()=>(0, _plateselect.createSelectOnBackspacePlugin)({
+        options: {
+            query: {
+                allow: [
+                    _richtexttypes.INLINES.EMBEDDED_ENTRY
+                ]
+            }
+        }
+    });

package/dist/cjs/plugins/SelectOnBackspace/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./createSelectOnBackspacePlugin"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

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

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _testutils = require("../../../test-utils");
+describe('normalization', ()=>{
+    describe('Table', ()=>{
+        it('removes empty table nodes', ()=>{
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+        it('moves tables to the root level except nested tables', ()=>{
+            const table = (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 2"))));
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "hello", table), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "quote", table)), (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "item", table))), (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell with table: ", table)))));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "hello"), table, (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "quote")), table, (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "item"))), table, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell with table: "), (0, _testutils.jsx)("hp", null, "Cell 1"), (0, _testutils.jsx)("hp", null, "Cell 2")))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+        it('removes invalid children', ()=>{
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 2"))), (0, _testutils.jsx)("htd", null, "invalid cell"), "invalid text"), (0, _testutils.jsx)("hp", null));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 2")))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+    });
+    describe('Table cell', ()=>{
+        it('converts invalid children to paragraphs', ()=>{
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 2"), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", {
+                bold: true,
+                italic: true,
+                underline: true
+            }, "quote"), (0, _testutils.jsx)("hinline", {
+                type: "Entry",
+                id: "entry-id"
+            })))))), (0, _testutils.jsx)("hp", null));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "Cell 2"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", {
+                bold: true,
+                italic: true,
+                underline: true
+            }, "quote"), (0, _testutils.jsx)("hinline", {
+                type: "Entry",
+                id: "entry-id"
+            }), (0, _testutils.jsx)("htext", null))))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+    });
+    describe('Table row', ()=>{
+        it('must be wrapped in a table', ()=>{
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell"))));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell")))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+        it('removes empty rows', ()=>{
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htr", null));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+        it('wraps invalid children in table cells', ()=>{
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 1")), (0, _testutils.jsx)("hp", null, "cell 2"))));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 2")))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+        it('ensures all table rows have the same width', ()=>{
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 1"))), (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 2")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 3")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 4"))), (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 5")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 6")))));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null))), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null)))), (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 2")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 3")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 4"))), (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 5")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 6")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null))))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("text", null)));
+            (0, _testutils.assertOutput)({
+                input,
+                expected
+            });
+        });
+    });
+});

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _testutils = require("../../../test-utils");
+const _helpers = require("../helpers");
+test('insertTableAndFocusFirstCell', ()=>{
+    const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null), (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null));
+    const { editor  } = (0, _testutils.createTestEditor)({
+        input
+    });
+    (0, _helpers.insertTableAndFocusFirstCell)(editor);
+    const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("hth", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null), (0, _testutils.jsx)("cursor", null))), (0, _testutils.jsx)("hth", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)))), (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null))), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null))))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
+    (0, _testutils.assertOutput)({
+        input,
+        expected
+    });
+});

package/dist/cjs/plugins/Table/actions/addColumn.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    addColumnRight: function() {
+        return addColumnRight;
+    },
+    addColumnLeft: function() {
+        return addColumnLeft;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _platetable = require("@udecode/plate-table");
+const _queries = require("../../../internal/queries");
+const _transforms = require("../../../internal/transforms");
+const addColumn = (editor, { header  }, getNextCellPath)=>{
+    if ((0, _queries.someNode)(editor, {
+        match: {
+            type: _richtexttypes.BLOCKS.TABLE
+        }
+    })) {
+        const currentCellItem = (0, _queries.getAboveNode)(editor, {
+            match: {
+                type: [
+                    _richtexttypes.BLOCKS.TABLE_HEADER_CELL,
+                    _richtexttypes.BLOCKS.TABLE_CELL
+                ]
+            }
+        });
+        const currentTableItem = (0, _queries.getAboveNode)(editor, {
+            match: {
+                type: _richtexttypes.BLOCKS.TABLE
+            }
+        });
+        if (currentCellItem && currentTableItem) {
+            const nextCellPath = getNextCellPath(currentCellItem[1]);
+            const newCellPath = nextCellPath.slice();
+            const replacePathPos = newCellPath.length - 2;
+            currentTableItem[0].children.forEach((_, rowIdx)=>{
+                newCellPath[replacePathPos] = rowIdx;
+                (0, _transforms.insertNodes)(editor, (0, _platetable.getEmptyCellNode)(editor, {
+                    header: header && rowIdx === 0
+                }), {
+                    at: newCellPath,
+                    select: rowIdx === 0
+                });
+            });
+        }
+    }
+};
+const addColumnRight = (editor, options)=>{
+    addColumn(editor, options, (currentCellPath)=>(0, _queries.getNextPath)(currentCellPath));
+};
+const addColumnLeft = (editor, options)=>{
+    addColumn(editor, options, (currentCellPath)=>currentCellPath);
+};

package/dist/cjs/plugins/Table/actions/addRow.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    addRowBelow: function() {
+        return addRowBelow;
+    },
+    addRowAbove: function() {
+        return addRowAbove;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _platetable = require("@udecode/plate-table");
+const _queries = require("../../../internal/queries");
+const _transforms = require("../../../internal/transforms");
+const addRow = (editor, getNextRowPath)=>{
+    if ((0, _queries.someNode)(editor, {
+        match: {
+            type: _richtexttypes.BLOCKS.TABLE
+        }
+    })) {
+        const currentRowItem = (0, _queries.getAboveNode)(editor, {
+            match: {
+                type: _richtexttypes.BLOCKS.TABLE_ROW
+            }
+        });
+        if (currentRowItem) {
+            const [currentRowElem, currentRowPath] = currentRowItem;
+            const nextRowPath = getNextRowPath(currentRowPath);
+            (0, _transforms.insertNodes)(editor, (0, _platetable.getEmptyRowNode)(editor, {
+                header: false,
+                colCount: currentRowElem.children.length
+            }), {
+                at: nextRowPath,
+                select: true
+            });
+            (0, _transforms.select)(editor, (0, _queries.getStartPoint)(editor, nextRowPath));
+        }
+    }
+};
+const addRowBelow = (editor)=>{
+    addRow(editor, (currentRowPath)=>{
+        return (0, _queries.getNextPath)(currentRowPath);
+    });
+};
+const addRowAbove = (editor)=>{
+    addRow(editor, (currentRowPath)=>{
+        return currentRowPath;
+    });
+};

package/dist/cjs/plugins/Table/actions/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./addRow"), exports);
+_export_star(require("./addColumn"), exports);
+_export_star(require("./setHeader"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/plugins/Table/actions/setHeader.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "setHeader", {
+    enumerable: true,
+    get: function() {
+        return setHeader;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _queries = require("../../../internal/queries");
+const _transforms = require("../../../internal/transforms");
+const setHeader = (editor, enable)=>{
+    const tableItem = (0, _queries.getAboveNode)(editor, {
+        match: {
+            type: _richtexttypes.BLOCKS.TABLE
+        }
+    });
+    if (!tableItem) {
+        return;
+    }
+    const firstRow = (0, _queries.getChildren)(tableItem)[0];
+    if (!firstRow) {
+        return;
+    }
+    (0, _queries.getChildren)(firstRow).forEach(([, path])=>{
+        (0, _transforms.setNodes)(editor, {
+            type: enable ? _richtexttypes.BLOCKS.TABLE_HEADER_CELL : _richtexttypes.BLOCKS.TABLE_CELL
+        }, {
+            at: path
+        });
+    });
+};

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

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Cell", {
+    enumerable: true,
+    get: function() {
+        return Cell;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+const _slatereact = require("slate-react");
+const _TableActions = require("./TableActions");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const style = (0, _emotion.css)`
+  border: 1px solid ${_f36tokens.default.gray400};
+  border-collapse: collapse;
+  padding: 10px 12px;
+  min-width: 48px;
+  position: relative;
+  vertical-align: top;
+
+  div:last-child {
+    margin-bottom: 0;
+  }
+`;
+const Cell = (props)=>{
+    const isSelected = (0, _slatereact.useSelected)();
+    return _react.createElement("td", {
+        ...props.attributes,
+        ...props.element.data,
+        className: style
+    }, isSelected && _react.createElement(_TableActions.TableActions, null), props.children);
+};

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderCell", {
+    enumerable: true,
+    get: function() {
+        return HeaderCell;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+const _slatereact = require("slate-react");
+const _TableActions = require("./TableActions");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const style = (0, _emotion.css)`
+  background-clip: padding-box;
+  background-color: ${_f36tokens.default.gray200};
+  border: 1px solid ${_f36tokens.default.gray400};
+  border-collapse: collapse;
+  padding: 10px 12px;
+  font-weight: ${_f36tokens.default.fontWeightNormal};
+  text-align: left;
+  min-width: 48px;
+  position: relative;
+
+  div:last-child {
+    margin-bottom: 0;
+  }
+`;
+const HeaderCell = (props)=>{
+    const isSelected = (0, _slatereact.useSelected)();
+    return _react.createElement("th", {
+        ...props.attributes,
+        ...props.element.data,
+        className: style
+    }, isSelected && _react.createElement(_TableActions.TableActions, null), props.children);
+};

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Row", {
+    enumerable: true,
+    get: function() {
+        return Row;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const style = (0, _emotion.css)`
+  border: 1px solid ${_f36tokens.default.gray400};
+  border-collapse: collapse;
+
+  &:hover td {
+    background-color: transparent !important;
+  }
+`;
+const Row = (props)=>_react.createElement("tr", {
+        ...props.attributes,
+        className: style
+    }, props.children);