@contentful/field-editor-rich-text 3.16.8 → 3.16.11

package/dist/cjs/plugins/EmbeddedEntityInline/LinkedEntityInline.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "LinkedEntityInline", {
         return LinkedEntityInline;
     }
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _react = _interop_require_wildcard(require("react"));
 const _slatereact = require("slate-react");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _editor = require("../../helpers/editor");
@@ -39,9 +39,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -60,13 +58,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function LinkedEntityInline(props) {
-    const { attributes, children, element } = props;
-    const { onEntityFetchComplete } = (0, _linkstracking.useLinkTracking)();
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
     const isSelected = (0, _slatereact.useSelected)();
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
     const isDisabled = (0, _slatereact.useReadOnly)();
-    const { id: entryId } = element.data.target.sys;
+    const { id: entryId  } = element.data.target.sys;
     function handleEditClick() {
         return sdk.navigator.openEntry(entryId, {
             slideIn: {
@@ -83,9 +81,9 @@ function LinkedEntityInline(props) {
             at: pathToElement
         });
     }
-    return /*#__PURE__*/ _react.createElement(_LinkedInlineWrapper.LinkedInlineWrapper, {
+    return _react.createElement(_LinkedInlineWrapper.LinkedInlineWrapper, {
         attributes: attributes,
-        card: /*#__PURE__*/ _react.createElement(_FetchingWrappedInlineEntryCard.FetchingWrappedInlineEntryCard, {
+        card: _react.createElement(_FetchingWrappedInlineEntryCard.FetchingWrappedInlineEntryCard, {
             sdk: sdk,
             entryId: entryId,
             isSelected: isSelected,

package/dist/cjs/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "LinkedResourceBlock", {
         return LinkedResourceBlock;
     }
 });
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _react = _interop_require_default(require("react"));
 const _slatereact = require("slate-react");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _internal = require("../../internal");
@@ -22,8 +22,8 @@ function _interop_require_default(obj) {
     };
 }
 function LinkedResourceBlock(props) {
-    const { attributes, children, element } = props;
-    const { onEntityFetchComplete } = (0, _linkstracking.useLinkTracking)();
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
     const isSelected = (0, _slatereact.useSelected)();
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
@@ -39,10 +39,10 @@ function LinkedResourceBlock(props) {
         editor,
         element
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_LinkedBlockWrapper.LinkedBlockWrapper, {
+    return _react.default.createElement(_LinkedBlockWrapper.LinkedBlockWrapper, {
         attributes: attributes,
         link: element.data.target,
-        card: /*#__PURE__*/ _react.default.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
+        card: _react.default.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
             sdk: sdk,
             link: link,
             isDisabled: isDisabled,

package/dist/cjs/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "FetchingWrappedResourceInlineCard", {
         return FetchingWrappedResourceInlineCard;
     }
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _react = _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _fieldeditorreference = require("@contentful/field-editor-reference");
 const _fieldeditorshared = require("@contentful/field-editor-shared");
@@ -35,9 +35,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -55,10 +53,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const { getEntryTitle, getEntryStatus } = _fieldeditorshared.entityHelpers;
+const { getEntryTitle , getEntryStatus  } = _fieldeditorshared.entityHelpers;
 function FetchingWrappedResourceInlineCard(props) {
-    const { link, onEntityFetchComplete } = props;
-    const { data, status: requestStatus } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
+    const { link , onEntityFetchComplete  } = props;
+    const { data , status: requestStatus  } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
     _react.useEffect(()=>{
         if (requestStatus === 'success') {
             onEntityFetchComplete?.();
@@ -68,18 +66,18 @@ function FetchingWrappedResourceInlineCard(props) {
         requestStatus
     ]);
     if (requestStatus === 'error') {
-        return /*#__PURE__*/ _react.createElement(_f36components.InlineEntryCard, {
+        return _react.createElement(_f36components.InlineEntryCard, {
             title: "Entry missing or inaccessible",
             testId: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
             isSelected: props.isSelected
         });
     }
     if (requestStatus === 'loading' || data === undefined) {
-        return /*#__PURE__*/ _react.createElement(_f36components.InlineEntryCard, {
+        return _react.createElement(_f36components.InlineEntryCard, {
             isLoading: true
         });
     }
-    const { resource: entry, contentType, defaultLocaleCode, space } = data;
+    const { resource: entry , contentType , defaultLocaleCode , space  } = data;
     const title = getEntryTitle({
         entry,
         contentType,
@@ -89,18 +87,18 @@ function FetchingWrappedResourceInlineCard(props) {
     });
     const truncatedTitle = (0, _utils.truncateTitle)(title, 40);
     const status = getEntryStatus(entry.sys);
-    return /*#__PURE__*/ _react.createElement(_f36components.InlineEntryCard, {
+    return _react.createElement(_f36components.InlineEntryCard, {
         testId: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
         isSelected: props.isSelected,
         title: `${contentType.name}: ${truncatedTitle} (Space: ${space.name} – Env.: ${entry.sys.environment.sys.id})`,
         status: status,
         actions: [
-            /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
+            _react.createElement(_f36components.MenuItem, {
                 key: "remove",
                 onClick: props.onRemove,
                 disabled: props.isDisabled,
                 testId: "delete"
             }, "Remove")
         ]
-    }, /*#__PURE__*/ _react.createElement(_f36components.Text, null, title));
+    }, _react.createElement(_f36components.Text, null, title));
 }

package/dist/cjs/plugins/EmbeddedResourceInline/LinkedResourceInline.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "LinkedResourceInline", {
         return LinkedResourceInline;
     }
 });
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _react = _interop_require_default(require("react"));
 const _slatereact = require("slate-react");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _internal = require("../../internal");
@@ -22,8 +22,8 @@ function _interop_require_default(obj) {
     };
 }
 function LinkedResourceInline(props) {
-    const { attributes, children, element } = props;
-    const { onEntityFetchComplete } = (0, _linkstracking.useLinkTracking)();
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
     const isSelected = (0, _slatereact.useSelected)();
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
@@ -36,10 +36,10 @@ function LinkedResourceInline(props) {
             at: pathToElement
         });
     }
-    return /*#__PURE__*/ _react.default.createElement(_LinkedInlineWrapper.LinkedInlineWrapper, {
+    return _react.default.createElement(_LinkedInlineWrapper.LinkedInlineWrapper, {
         attributes: attributes,
         link: element.data.target,
-        card: /*#__PURE__*/ _react.default.createElement(_FetchingWrappedResourceInlineCard.FetchingWrappedResourceInlineCard, {
+        card: _react.default.createElement(_FetchingWrappedResourceInlineCard.FetchingWrappedResourceInlineCard, {
             sdk: sdk,
             link: link,
             isDisabled: isDisabled,

package/dist/cjs/plugins/Heading/__tests__/createHeadingPlugin.test.js

@@ -1,30 +1,30 @@
-/* eslint-disable react/no-unknown-property */ /** @jsx jsx */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _testutils = require("../../../test-utils");
 describe('normalization', ()=>{
     it('can contain inline entries & hyperlinks', ()=>{
-        const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some text before", /*#__PURE__*/ (0, _testutils.jsx)("hinline", {
+        const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some text before", (0, _testutils.jsx)("hinline", {
             type: "Entry",
             id: "inline-entry"
-        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
+        }), (0, _testutils.jsx)("hlink", {
             uri: "https://contentful.com"
-        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
+        }), (0, _testutils.jsx)("hlink", {
             entry: "entry-id"
-        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
+        }), (0, _testutils.jsx)("hlink", {
             resource: "resource-urn"
-        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
+        }), (0, _testutils.jsx)("hlink", {
             asset: "asset-id"
-        }), "some text after"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
+        }), "some text after"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
         (0, _testutils.assertOutput)({
             input,
             expected: input
         });
     });
     it('unwraps nested paragraphs', ()=>{
-        const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "one", ' ', /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "two ", /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "three ")), "four"));
-        const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "one two three four"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
+        const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "one", ' ', (0, _testutils.jsx)("hp", null, "two ", (0, _testutils.jsx)("hp", null, "three ")), "four"));
+        const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "one two three four"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
         (0, _testutils.assertOutput)({
             input,
             expected
@@ -32,84 +32,84 @@ describe('normalization', ()=>{
     });
     describe('lifts other invalid children', ()=>{
         it('block void elements', ()=>{
-            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "1"
-            }), " start"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "end ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), " start"), (0, _testutils.jsx)("hh1", null, "end ", (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "2"
-            })), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "in ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            })), (0, _testutils.jsx)("hh1", null, "in ", (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "3"
-            }), " between"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), " between"), (0, _testutils.jsx)("hh1", null, (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "1"
-            }), " start"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "end ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), " start"), (0, _testutils.jsx)("hh1", null, "end ", (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "2"
-            })), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "in ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            })), (0, _testutils.jsx)("hh1", null, "in ", (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "3"
-            }), " between"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), " start"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "end ", /*#__PURE__*/ (0, _testutils.jsx)("hhr", null)), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "in ", /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), " between"));
-            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), " between"), (0, _testutils.jsx)("hh1", null, (0, _testutils.jsx)("hhr", null), " start"), (0, _testutils.jsx)("hh1", null, "end ", (0, _testutils.jsx)("hhr", null)), (0, _testutils.jsx)("hh1", null, "in ", (0, _testutils.jsx)("hhr", null), " between"));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "1"
-            }), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, " start"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "end "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), (0, _testutils.jsx)("hh1", null, " start"), (0, _testutils.jsx)("hh1", null, "end "), (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "2"
-            }), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "in "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), (0, _testutils.jsx)("hh1", null, "in "), (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "3"
-            }), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, " between"), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), (0, _testutils.jsx)("hh1", null, " between"), (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "1"
-            }), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, " start"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "end "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), (0, _testutils.jsx)("hh1", null, " start"), (0, _testutils.jsx)("hh1", null, "end "), (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "2"
-            }), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "in "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
+            }), (0, _testutils.jsx)("hh1", null, "in "), (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "3"
-            }), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, " between"), /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, " start"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "end "), /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "in "), /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, " between"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
+            }), (0, _testutils.jsx)("hh1", null, " between"), (0, _testutils.jsx)("hhr", null), (0, _testutils.jsx)("hh1", null, " start"), (0, _testutils.jsx)("hh1", null, "end "), (0, _testutils.jsx)("hhr", null), (0, _testutils.jsx)("hh1", null, "in "), (0, _testutils.jsx)("hhr", null), (0, _testutils.jsx)("hh1", null, " between"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('nested headings', ()=>{
-            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some", (0, _testutils.jsx)("hh1", null, (0, _testutils.jsx)("htext", {
                 bold: true,
                 italic: true,
                 underline: true
             }, "paragraph")), "text"));
-            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some"), (0, _testutils.jsx)("hh1", null, (0, _testutils.jsx)("htext", {
                 bold: true,
                 italic: true,
                 underline: true
-            }, "paragraph")), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "text"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
+            }, "paragraph")), (0, _testutils.jsx)("hh1", null, "text"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('handles quotes', ()=>{
-            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "quote")), "text"));
-            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "quote")), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "text"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some", (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "quote")), "text"));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some"), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "quote")), (0, _testutils.jsx)("hh1", null, "text"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('handles lists', ()=>{
-            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "list item"))), "text"));
-            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "list item"))), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "text"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some", (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "list item"))), "text"));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some"), (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "list item"))), (0, _testutils.jsx)("hh1", null, "text"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('handles tables', ()=>{
-            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("htable", null, /*#__PURE__*/ (0, _testutils.jsx)("htr", null, /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 1")), /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 2")))), "text"));
-            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("htable", null, /*#__PURE__*/ (0, _testutils.jsx)("htr", null, /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 1")), /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 2")))), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "text"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
+            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some", (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")))), "text"));
+            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, "some"), (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)("hh1", null, "text"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
             (0, _testutils.assertOutput)({
                 input,
                 expected

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "HeadingComponents", {
         return HeadingComponents;
     }
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
+const _react = _interop_require_wildcard(require("react"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
@@ -38,9 +38,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -111,20 +109,19 @@ const styles = {
     `
     }
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO: explain this disable
 function createHeading(Tag, block) {
     return function Heading(props) {
-        return /*#__PURE__*/ _react.createElement(Tag, {
+        return _react.createElement(Tag, {
             ...props.attributes,
             className: (0, _emotion.cx)(styles.headings.root, styles.headings[block])
         }, props.children);
     };
 }
 const HeadingComponents = {
-    [_richtexttypes.BLOCKS.HEADING_1]: /*#__PURE__*/ _react.memo(createHeading('h1', _richtexttypes.BLOCKS.HEADING_1)),
-    [_richtexttypes.BLOCKS.HEADING_2]: /*#__PURE__*/ _react.memo(createHeading('h2', _richtexttypes.BLOCKS.HEADING_2)),
-    [_richtexttypes.BLOCKS.HEADING_3]: /*#__PURE__*/ _react.memo(createHeading('h3', _richtexttypes.BLOCKS.HEADING_3)),
-    [_richtexttypes.BLOCKS.HEADING_4]: /*#__PURE__*/ _react.memo(createHeading('h4', _richtexttypes.BLOCKS.HEADING_4)),
-    [_richtexttypes.BLOCKS.HEADING_5]: /*#__PURE__*/ _react.memo(createHeading('h5', _richtexttypes.BLOCKS.HEADING_5)),
-    [_richtexttypes.BLOCKS.HEADING_6]: /*#__PURE__*/ _react.memo(createHeading('h6', _richtexttypes.BLOCKS.HEADING_6))
+    [_richtexttypes.BLOCKS.HEADING_1]: _react.memo(createHeading('h1', _richtexttypes.BLOCKS.HEADING_1)),
+    [_richtexttypes.BLOCKS.HEADING_2]: _react.memo(createHeading('h2', _richtexttypes.BLOCKS.HEADING_2)),
+    [_richtexttypes.BLOCKS.HEADING_3]: _react.memo(createHeading('h3', _richtexttypes.BLOCKS.HEADING_3)),
+    [_richtexttypes.BLOCKS.HEADING_4]: _react.memo(createHeading('h4', _richtexttypes.BLOCKS.HEADING_4)),
+    [_richtexttypes.BLOCKS.HEADING_5]: _react.memo(createHeading('h5', _richtexttypes.BLOCKS.HEADING_5)),
+    [_richtexttypes.BLOCKS.HEADING_6]: _react.memo(createHeading('h6', _richtexttypes.BLOCKS.HEADING_6))
 };

package/dist/cjs/plugins/Heading/components/ToolbarHeadingButton.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "ToolbarHeadingButton", {
         return ToolbarHeadingButton;
     }
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _react = _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
-const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
@@ -44,9 +44,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -65,6 +63,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const styles = {
+    button: (0, _emotion.css)({
+        minWidth: '125px',
+        justifyContent: 'space-between'
+    }),
     dropdown: {
         root: (0, _emotion.css)`
       font-weight: ${_f36tokens.default.fontWeightDemiBold};
@@ -108,13 +110,22 @@ function ToolbarHeadingButton(props) {
     const [selected, setSelected] = _react.useState(_richtexttypes.BLOCKS.PARAGRAPH);
     _react.useEffect(()=>{
         if (!editor?.selection) return;
-        const [element] = (0, _editor.getElementFromCurrentSelection)(editor);
-        const type = element.type;
-        setSelected(LABELS[type] ? type : _richtexttypes.BLOCKS.PARAGRAPH);
+        const elements = (0, _editor.getElementFromCurrentSelection)(editor);
+        for (const element of elements){
+            if (typeof element === 'object' && 'type' in element) {
+                const el = element;
+                const match = LABELS[el.type];
+                if (match) {
+                    setSelected(el.type);
+                    return;
+                }
+            }
+        }
+        setSelected(_richtexttypes.BLOCKS.PARAGRAPH);
     }, [
         editor?.operations,
         editor?.selection
-    ]); // eslint-disable-line -- TODO: explain this disable
+    ]);
     const [nodeTypesByEnablement, someHeadingsEnabled] = _react.useMemo(()=>{
         const nodeTypesByEnablement = Object.fromEntries(Object.keys(LABELS).map((nodeType)=>[
                 nodeType,
@@ -135,13 +146,7 @@ function ToolbarHeadingButton(props) {
             setSelected(type);
             setOpen(false);
             const prevOnChange = editor.onChange;
-            /*
-       The focus might happen at point in time when
-       `toggleElement` (helper for toggleNodeType) changes aren't rendered yet, causing the browser
-       to place the cursor at the start of the text.
-       We wait for the change event before focusing
-       the editor again. This ensures the cursor is back at the previous
-       position.*/ editor.onChange = (...args)=>{
+            editor.onChange = (...args)=>{
                 (0, _editor.focus)(editor);
                 editor.onChange = prevOnChange;
                 prevOnChange(...args);
@@ -157,25 +162,26 @@ function ToolbarHeadingButton(props) {
         };
     }
     if (!editor) return null;
-    return /*#__PURE__*/ _react.createElement(_f36components.Menu, {
+    return _react.createElement(_f36components.Menu, {
         isOpen: isOpen,
         onClose: ()=>setOpen(false)
-    }, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, /*#__PURE__*/ _react.createElement(_f36components.Button, {
+    }, _react.createElement(_f36components.Menu.Trigger, null, _react.createElement(_f36components.Button, {
         size: "small",
         testId: "toolbar-heading-toggle",
         variant: "transparent",
-        endIcon: /*#__PURE__*/ _react.createElement(_f36icons.ChevronDownIcon, null),
+        endIcon: _react.createElement(_f36icons.ChevronDownIcon, null),
         isDisabled: props.isDisabled,
-        onClick: ()=>someHeadingsEnabled && setOpen(!isOpen)
-    }, LABELS[selected])), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, {
+        onClick: ()=>someHeadingsEnabled && setOpen(!isOpen),
+        className: styles.button
+    }, LABELS[selected])), _react.createElement(_f36components.Menu.List, {
         testId: "dropdown-heading-list"
-    }, ' ', Object.keys(LABELS).map((nodeType)=>nodeTypesByEnablement[nodeType] && /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
+    }, Object.keys(LABELS).map((nodeType)=>nodeTypesByEnablement[nodeType] && _react.createElement(_f36components.Menu.Item, {
             key: nodeType,
             isInitiallyFocused: selected === nodeType,
             onClick: handleOnSelectItem(nodeType),
             testId: `dropdown-option-${nodeType}`,
             disabled: props.isDisabled
-        }, /*#__PURE__*/ _react.createElement("span", {
+        }, _react.createElement("span", {
             className: (0, _emotion.cx)(styles.dropdown.root, styles.dropdown[nodeType])
         }, LABELS[nodeType]))).filter(Boolean)));
 }

package/dist/cjs/plugins/Heading/createHeadingPlugin.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "createHeadingPlugin", {
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
-const _ishotkey = /*#__PURE__*/ _interop_require_default(require("is-hotkey"));
+const _ishotkey = _interop_require_default(require("is-hotkey"));
 const _editor = require("../../helpers/editor");
 const _transformers = require("../../helpers/transformers");
 const _queries = require("../../internal/queries");
@@ -20,7 +20,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const buildHeadingEventHandler = (type)=>(editor, { options: { hotkey } })=>(event)=>{
+const buildHeadingEventHandler = (type)=>(editor, { options: { hotkey  }  })=>(event)=>{
             if (editor.selection && hotkey && (0, _ishotkey.default)(hotkey, event)) {
                 const isActive = (0, _editor.isBlockSelected)(editor, type);
                 editor.tracking.onShortcutAction(isActive ? 'remove' : 'insert', {
@@ -35,7 +35,6 @@ const buildHeadingEventHandler = (type)=>(editor, { options: { hotkey } })=>(eve
 const createHeadingPlugin = ()=>({
         key: 'HeadingPlugin',
         softBreak: [
-            // create a new line with SHIFT+Enter inside a heading
             {
                 hotkey: 'shift+enter',
                 query: {
@@ -58,16 +57,12 @@ const createHeadingPlugin = ()=>({
         then: (editor)=>{
             return {
                 exitBreak: [
-                    // Pressing ENTER at the start or end of a heading text inserts a
-                    // normal paragraph.
                     {
                         hotkey: 'enter',
                         query: {
                             allow: _richtexttypes.HEADINGS,
                             end: true,
                             start: true,
-                            // Exclude headings inside lists as it interferes with the list's
-                            // insertBreak implementation
                             filter: ([, path])=>!(0, _queries.getAboveNode)(editor, {
                                     at: path,
                                     match: {