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

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

@@ -9,13 +9,13 @@ import { useLinkTracking } from '../links-tracking';
 import { LinkedInlineWrapper } from '../shared/LinkedInlineWrapper';
 import { FetchingWrappedInlineEntryCard } from './FetchingWrappedInlineEntryCard';
 export function LinkedEntityInline(props) {
-    const { attributes, children, element } = props;
-    const { onEntityFetchComplete } = useLinkTracking();
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = useLinkTracking();
     const isSelected = useSelected();
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
     const isDisabled = useReadOnly();
-    const { id: entryId } = element.data.target.sys;
+    const { id: entryId  } = element.data.target.sys;
     function handleEditClick() {
         return sdk.navigator.openEntry(entryId, {
             slideIn: {
@@ -32,9 +32,9 @@ export function LinkedEntityInline(props) {
             at: pathToElement
         });
     }
-    return /*#__PURE__*/ React.createElement(LinkedInlineWrapper, {
+    return React.createElement(LinkedInlineWrapper, {
         attributes: attributes,
-        card: /*#__PURE__*/ React.createElement(FetchingWrappedInlineEntryCard, {
+        card: React.createElement(FetchingWrappedInlineEntryCard, {
             sdk: sdk,
             entryId: entryId,
             isSelected: isSelected,

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

@@ -7,8 +7,8 @@ import { useLinkTracking } from '../links-tracking';
 import { FetchingWrappedResourceCard } from '../shared/FetchingWrappedResourceCard';
 import { LinkedBlockWrapper } from '../shared/LinkedBlockWrapper';
 export function LinkedResourceBlock(props) {
-    const { attributes, children, element } = props;
-    const { onEntityFetchComplete } = useLinkTracking();
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = useLinkTracking();
     const isSelected = useSelected();
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
@@ -24,10 +24,10 @@ export function LinkedResourceBlock(props) {
         editor,
         element
     ]);
-    return /*#__PURE__*/ React.createElement(LinkedBlockWrapper, {
+    return React.createElement(LinkedBlockWrapper, {
         attributes: attributes,
         link: element.data.target,
-        card: /*#__PURE__*/ React.createElement(FetchingWrappedResourceCard, {
+        card: React.createElement(FetchingWrappedResourceCard, {
             sdk: sdk,
             link: link,
             isDisabled: isDisabled,

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

@@ -4,10 +4,10 @@ import { useResource } from '@contentful/field-editor-reference';
 import { entityHelpers } from '@contentful/field-editor-shared';
 import { INLINES } from '@contentful/rich-text-types';
 import { truncateTitle } from '../../plugins/shared/utils';
-const { getEntryTitle, getEntryStatus } = entityHelpers;
+const { getEntryTitle , getEntryStatus  } = entityHelpers;
 export function FetchingWrappedResourceInlineCard(props) {
-    const { link, onEntityFetchComplete } = props;
-    const { data, status: requestStatus } = useResource(link.linkType, link.urn);
+    const { link , onEntityFetchComplete  } = props;
+    const { data , status: requestStatus  } = useResource(link.linkType, link.urn);
     React.useEffect(()=>{
         if (requestStatus === 'success') {
             onEntityFetchComplete?.();
@@ -17,18 +17,18 @@ export function FetchingWrappedResourceInlineCard(props) {
         requestStatus
     ]);
     if (requestStatus === 'error') {
-        return /*#__PURE__*/ React.createElement(InlineEntryCard, {
+        return React.createElement(InlineEntryCard, {
             title: "Entry missing or inaccessible",
             testId: INLINES.EMBEDDED_RESOURCE,
             isSelected: props.isSelected
         });
     }
     if (requestStatus === 'loading' || data === undefined) {
-        return /*#__PURE__*/ React.createElement(InlineEntryCard, {
+        return React.createElement(InlineEntryCard, {
             isLoading: true
         });
     }
-    const { resource: entry, contentType, defaultLocaleCode, space } = data;
+    const { resource: entry , contentType , defaultLocaleCode , space  } = data;
     const title = getEntryTitle({
         entry,
         contentType,
@@ -38,18 +38,18 @@ export function FetchingWrappedResourceInlineCard(props) {
     });
     const truncatedTitle = truncateTitle(title, 40);
     const status = getEntryStatus(entry.sys);
-    return /*#__PURE__*/ React.createElement(InlineEntryCard, {
+    return React.createElement(InlineEntryCard, {
         testId: 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(MenuItem, {
+            React.createElement(MenuItem, {
                 key: "remove",
                 onClick: props.onRemove,
                 disabled: props.isDisabled,
                 testId: "delete"
             }, "Remove")
         ]
-    }, /*#__PURE__*/ React.createElement(Text, null, title));
+    }, React.createElement(Text, null, title));
 }

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

@@ -7,8 +7,8 @@ import { useLinkTracking } from '../links-tracking';
 import { LinkedInlineWrapper } from '../shared/LinkedInlineWrapper';
 import { FetchingWrappedResourceInlineCard } from './FetchingWrappedResourceInlineCard';
 export function LinkedResourceInline(props) {
-    const { attributes, children, element } = props;
-    const { onEntityFetchComplete } = useLinkTracking();
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = useLinkTracking();
     const isSelected = useSelected();
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
@@ -21,10 +21,10 @@ export function LinkedResourceInline(props) {
             at: pathToElement
         });
     }
-    return /*#__PURE__*/ React.createElement(LinkedInlineWrapper, {
+    return React.createElement(LinkedInlineWrapper, {
         attributes: attributes,
         link: element.data.target,
-        card: /*#__PURE__*/ React.createElement(FetchingWrappedResourceInlineCard, {
+        card: React.createElement(FetchingWrappedResourceInlineCard, {
             sdk: sdk,
             link: link,
             isDisabled: isDisabled,

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

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

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

@@ -55,20 +55,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: cx(styles.headings.root, styles.headings[block])
         }, props.children);
     };
 }
 export const HeadingComponents = {
-    [BLOCKS.HEADING_1]: /*#__PURE__*/ React.memo(createHeading('h1', BLOCKS.HEADING_1)),
-    [BLOCKS.HEADING_2]: /*#__PURE__*/ React.memo(createHeading('h2', BLOCKS.HEADING_2)),
-    [BLOCKS.HEADING_3]: /*#__PURE__*/ React.memo(createHeading('h3', BLOCKS.HEADING_3)),
-    [BLOCKS.HEADING_4]: /*#__PURE__*/ React.memo(createHeading('h4', BLOCKS.HEADING_4)),
-    [BLOCKS.HEADING_5]: /*#__PURE__*/ React.memo(createHeading('h5', BLOCKS.HEADING_5)),
-    [BLOCKS.HEADING_6]: /*#__PURE__*/ React.memo(createHeading('h6', BLOCKS.HEADING_6))
+    [BLOCKS.HEADING_1]: React.memo(createHeading('h1', BLOCKS.HEADING_1)),
+    [BLOCKS.HEADING_2]: React.memo(createHeading('h2', BLOCKS.HEADING_2)),
+    [BLOCKS.HEADING_3]: React.memo(createHeading('h3', BLOCKS.HEADING_3)),
+    [BLOCKS.HEADING_4]: React.memo(createHeading('h4', BLOCKS.HEADING_4)),
+    [BLOCKS.HEADING_5]: React.memo(createHeading('h5', BLOCKS.HEADING_5)),
+    [BLOCKS.HEADING_6]: React.memo(createHeading('h6', BLOCKS.HEADING_6))
 };

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

@@ -9,6 +9,10 @@ import { getElementFromCurrentSelection, focus, isBlockSelected, toggleElement }
 import { isNodeTypeEnabled } from '../../../helpers/validations';
 import { useSdkContext } from '../../../SdkProvider';
 const styles = {
+    button: css({
+        minWidth: '125px',
+        justifyContent: 'space-between'
+    }),
     dropdown: {
         root: css`
       font-weight: ${tokens.fontWeightDemiBold};
@@ -52,13 +56,22 @@ export function ToolbarHeadingButton(props) {
     const [selected, setSelected] = React.useState(BLOCKS.PARAGRAPH);
     React.useEffect(()=>{
         if (!editor?.selection) return;
-        const [element] = getElementFromCurrentSelection(editor);
-        const type = element.type;
-        setSelected(LABELS[type] ? type : BLOCKS.PARAGRAPH);
+        const elements = 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(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,
@@ -79,13 +92,7 @@ export 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)=>{
                 focus(editor);
                 editor.onChange = prevOnChange;
                 prevOnChange(...args);
@@ -101,25 +108,26 @@ export function ToolbarHeadingButton(props) {
         };
     }
     if (!editor) return null;
-    return /*#__PURE__*/ React.createElement(Menu, {
+    return React.createElement(Menu, {
         isOpen: isOpen,
         onClose: ()=>setOpen(false)
-    }, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement(Button, {
+    }, React.createElement(Menu.Trigger, null, React.createElement(Button, {
         size: "small",
         testId: "toolbar-heading-toggle",
         variant: "transparent",
-        endIcon: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
+        endIcon: React.createElement(ChevronDownIcon, null),
         isDisabled: props.isDisabled,
-        onClick: ()=>someHeadingsEnabled && setOpen(!isOpen)
-    }, LABELS[selected])), /*#__PURE__*/ React.createElement(Menu.List, {
+        onClick: ()=>someHeadingsEnabled && setOpen(!isOpen),
+        className: styles.button
+    }, LABELS[selected])), React.createElement(Menu.List, {
         testId: "dropdown-heading-list"
-    }, ' ', Object.keys(LABELS).map((nodeType)=>nodeTypesByEnablement[nodeType] && /*#__PURE__*/ React.createElement(Menu.Item, {
+    }, Object.keys(LABELS).map((nodeType)=>nodeTypesByEnablement[nodeType] && React.createElement(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: cx(styles.dropdown.root, styles.dropdown[nodeType])
         }, LABELS[nodeType]))).filter(Boolean)));
 }

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

@@ -5,7 +5,7 @@ import { transformLift, transformUnwrap } from '../../helpers/transformers';
 import { isMarkActive, getAboveNode } from '../../internal/queries';
 import { COMMAND_PROMPT } from '../CommandPalette/constants';
 import { HeadingComponents } from './components/Heading';
-const buildHeadingEventHandler = (type)=>(editor, { options: { hotkey } })=>(event)=>{
+const buildHeadingEventHandler = (type)=>(editor, { options: { hotkey  }  })=>(event)=>{
             if (editor.selection && hotkey && isHotkey(hotkey, event)) {
                 const isActive = isBlockSelected(editor, type);
                 editor.tracking.onShortcutAction(isActive ? 'remove' : 'insert', {
@@ -20,7 +20,6 @@ const buildHeadingEventHandler = (type)=>(editor, { options: { hotkey } })=>(eve
 export const createHeadingPlugin = ()=>({
         key: 'HeadingPlugin',
         softBreak: [
-            // create a new line with SHIFT+Enter inside a heading
             {
                 hotkey: 'shift+enter',
                 query: {
@@ -43,16 +42,12 @@ export 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: HEADINGS,
                             end: true,
                             start: true,
-                            // Exclude headings inside lists as it interferes with the list's
-                            // insertBreak implementation
                             filter: ([, path])=>!getAboveNode(editor, {
                                     at: path,
                                     match: {

package/dist/esm/plugins/Hr/index.js

@@ -72,32 +72,29 @@ export function ToolbarHrButton(props) {
         };
         const hasText = !!getText(editor, editor.selection.focus.path);
         hasText ? insertNodes(editor, hr) : setNodes(editor, hr);
-        // Move focus to the next paragraph (added by TrailingParagraph plugin)
         moveToTheNextLine(editor);
         focus(editor);
     }
     if (!editor) return null;
-    return /*#__PURE__*/ React.createElement(ToolbarButton, {
+    return React.createElement(ToolbarButton, {
         title: "HR",
         isDisabled: props.isDisabled,
         onClick: handleOnClick,
         testId: "hr-toolbar-button",
         isActive: isBlockSelected(editor, BLOCKS.HR)
-    }, /*#__PURE__*/ React.createElement(HorizontalRuleIcon, null));
+    }, React.createElement(HorizontalRuleIcon, null));
 }
 export function Hr(props) {
     const isSelected = Slate.useSelected();
     const isFocused = Slate.useFocused();
-    return /*#__PURE__*/ React.createElement("div", {
+    return React.createElement("div", {
         ...props.attributes,
         className: styles.container,
-        // COMPAT: To make HR copyable in Safari, we verify this attribute below on `deserialize`
         "data-void-element": BLOCKS.HR
-    }, /*#__PURE__*/ React.createElement("div", {
+    }, React.createElement("div", {
         draggable: true,
-        // Moving `contentEditable` to this div makes it to be selectable when being the first void element, e.g pressing ctrl + a to select everything
         contentEditable: false
-    }, /*#__PURE__*/ React.createElement("hr", {
+    }, React.createElement("hr", {
         className: cx(styles.hr, isSelected && isFocused ? styles.hrSelected : undefined)
     })), props.children);
 }

package/dist/esm/plugins/Hyperlink/HyperlinkModal.js

@@ -78,7 +78,7 @@ export function HyperlinkModal(props) {
         });
     }
     function entityToLink(entity) {
-        const { id, type } = entity.sys;
+        const { id , type  } = entity.sys;
         return {
             sys: {
                 id,
@@ -88,8 +88,7 @@ export function HyperlinkModal(props) {
         };
     }
     function entityToResourceLink(entity) {
-        const { urn } = entity.sys;
-        // @ts-expect-error wait for update of app-sdk version
+        const { urn  } = entity.sys;
         return {
             sys: {
                 urn,
@@ -122,7 +121,6 @@ export function HyperlinkModal(props) {
         const options = {
             allowedResources: getAllowedResourcesForNodeType(props.sdk.field, INLINES.RESOURCE_HYPERLINK)
         };
-        // @ts-expect-error wait for update of app-sdk version
         const entry = await props.sdk.dialogs.selectSingleResourceEntry(options);
         if (entry) {
             setLinkTarget('');
@@ -143,30 +141,30 @@ export function HyperlinkModal(props) {
         event.preventDefault();
         setLinkEntity(null);
     }
-    return /*#__PURE__*/ React.createElement(EntityProvider, {
+    return React.createElement(EntityProvider, {
         sdk: props.sdk
-    }, /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ModalContent, null, /*#__PURE__*/ React.createElement(Form, null, !props.linkType && /*#__PURE__*/ React.createElement(FormControl, {
+    }, React.createElement(React.Fragment, null, React.createElement(ModalContent, null, React.createElement(Form, null, !props.linkType && React.createElement(FormControl, {
         id: "link-text",
         isRequired: true
-    }, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link text"), /*#__PURE__*/ React.createElement(TextInput, {
+    }, React.createElement(FormControl.Label, null, "Link text"), React.createElement(TextInput, {
         testId: "link-text-input",
         name: "link-text",
         value: linkText,
         onChange: (event)=>setLinkText(event.target.value)
-    })), enabledLinkTypes.length > 1 && /*#__PURE__*/ React.createElement(FormControl, {
+    })), enabledLinkTypes.length > 1 && React.createElement(FormControl, {
         id: "link-type"
-    }, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link type"), /*#__PURE__*/ React.createElement(Select, {
+    }, React.createElement(FormControl.Label, null, "Link type"), React.createElement(Select, {
         value: linkType,
         onChange: (event)=>setLinkType(event.target.value),
         testId: "link-type-input",
         isDisabled: props.readonly
-    }, enabledLinkTypes.map((nodeType)=>/*#__PURE__*/ React.createElement(Select.Option, {
+    }, enabledLinkTypes.map((nodeType)=>React.createElement(Select.Option, {
             key: nodeType,
             value: nodeType
-        }, LINK_TYPE_SELECTION_VALUES[nodeType])))), linkType === INLINES.HYPERLINK && /*#__PURE__*/ React.createElement(FormControl, {
+        }, LINK_TYPE_SELECTION_VALUES[nodeType])))), linkType === INLINES.HYPERLINK && React.createElement(FormControl, {
         id: "linkTarget",
         isRequired: true
-    }, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link target"), /*#__PURE__*/ React.createElement(TextInput, {
+    }, React.createElement(FormControl.Label, null, "Link target"), React.createElement(TextInput, {
         ref: linkTargetInputRef,
         name: "linkTarget",
         value: linkTarget,
@@ -176,46 +174,46 @@ export function HyperlinkModal(props) {
         },
         testId: "link-target-input",
         isDisabled: props.readonly
-    }), /*#__PURE__*/ React.createElement(FormControl.HelpText, null, "A protocol may be required, e.g. https://")), linkType !== INLINES.HYPERLINK && /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(FormLabel, {
+    }), React.createElement(FormControl.HelpText, null, "A protocol may be required, e.g. https://")), linkType !== INLINES.HYPERLINK && React.createElement("div", null, React.createElement(FormLabel, {
         isRequired: true,
         htmlFor: ""
-    }, "Link target", ' '), linkEntity && linkEntity.sys.linkType === SYS_LINK_TYPES[linkType] ? /*#__PURE__*/ React.createElement(React.Fragment, null, !props.readonly && /*#__PURE__*/ React.createElement(TextLink, {
+    }, "Link target", ' '), linkEntity && linkEntity.sys.linkType === SYS_LINK_TYPES[linkType] ? React.createElement(React.Fragment, null, !props.readonly && React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: resetLinkEntity,
         className: styles.removeSelectionLabel
-    }, "Remove selection"), /*#__PURE__*/ React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && isEntryLink(linkEntity) && /*#__PURE__*/ React.createElement(FetchingWrappedEntryCard, {
+    }, "Remove selection"), React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && isEntryLink(linkEntity) && React.createElement(FetchingWrappedEntryCard, {
         sdk: props.sdk,
         locale: props.sdk.field.locale,
         entryId: linkEntity.sys.id,
         isDisabled: true,
         isSelected: false
-    }), linkType === INLINES.RESOURCE_HYPERLINK && isResourceLink(linkEntity) && /*#__PURE__*/ React.createElement(FetchingWrappedResourceCard, {
+    }), linkType === INLINES.RESOURCE_HYPERLINK && isResourceLink(linkEntity) && React.createElement(FetchingWrappedResourceCard, {
         sdk: props.sdk,
         link: linkEntity.sys,
         isDisabled: true,
         isSelected: false
-    }), linkType === INLINES.ASSET_HYPERLINK && isAssetLink(linkEntity) && /*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
+    }), linkType === INLINES.ASSET_HYPERLINK && isAssetLink(linkEntity) && React.createElement(FetchingWrappedAssetCard, {
         sdk: props.sdk,
         locale: props.sdk.field.locale,
         assetId: linkEntity.sys.id,
         isDisabled: true,
         isSelected: false
-    }))) : /*#__PURE__*/ React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && /*#__PURE__*/ React.createElement(TextLink, {
+    }))) : React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectEntry
-    }, "Select entry"), linkType === INLINES.RESOURCE_HYPERLINK && /*#__PURE__*/ React.createElement(TextLink, {
+    }, "Select entry"), linkType === INLINES.RESOURCE_HYPERLINK && React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectResourceEntry
-    }, "Select entry"), linkType === INLINES.ASSET_HYPERLINK && /*#__PURE__*/ React.createElement(TextLink, {
+    }, "Select entry"), linkType === INLINES.ASSET_HYPERLINK && React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectAsset
-    }, "Select asset"))))), /*#__PURE__*/ React.createElement(ModalControls, null, /*#__PURE__*/ React.createElement(Button, {
+    }, "Select asset"))))), React.createElement(ModalControls, null, React.createElement(Button, {
         type: "button",
         onClick: ()=>props.onClose(null),
         variant: "secondary",
         testId: "cancel-cta",
         size: "small"
-    }, "Cancel"), /*#__PURE__*/ React.createElement(Button, {
+    }, "Cancel"), React.createElement(Button, {
         type: "submit",
         variant: "positive",
         size: "small",
@@ -251,8 +249,8 @@ export async function addOrEditLink(editor, sdk, logAction, targetPath) {
         shouldCloseOnEscapePress: true,
         shouldCloseOnOverlayClick: true,
         allowHeightOverflow: true
-    }, ({ onClose })=>{
-        return /*#__PURE__*/ React.createElement(HyperlinkModal, {
+    }, ({ onClose  })=>{
+        return React.createElement(HyperlinkModal, {
             linkTarget: linkTarget,
             linkText: currentLinkText,
             linkType: linkType,
@@ -268,7 +266,7 @@ export async function addOrEditLink(editor, sdk, logAction, targetPath) {
         logAction(isEditing ? 'cancelEditHyperlinkDialog' : 'cancelCreateHyperlinkDialog');
         return;
     }
-    const { linkText: text, linkTarget: url, linkType: type, linkEntity: target } = data;
+    const { linkText: text , linkTarget: url , linkType: type , linkEntity: target  } = data;
     withoutNormalizing(editor, ()=>{
         insertLink(editor, {
             text,