@contentful/field-editor-rich-text 3.14.3 → 3.15.1

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

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

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

@@ -55,19 +55,20 @@ const styles = {
     `
     }
 };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO: explain this disable
 function createHeading(Tag, block) {
     return function Heading(props) {
-        return React.createElement(Tag, {
+        return /*#__PURE__*/ React.createElement(Tag, {
             ...props.attributes,
             className: cx(styles.headings.root, styles.headings[block])
         }, props.children);
     };
 }
 export const HeadingComponents = {
-    [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))
+    [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))
 };

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

@@ -58,7 +58,7 @@ export function ToolbarHeadingButton(props) {
     }, [
         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,7 +79,13 @@ export function ToolbarHeadingButton(props) {
             setSelected(type);
             setOpen(false);
             const prevOnChange = editor.onChange;
-            editor.onChange = (...args)=>{
+            /*
+       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)=>{
                 focus(editor);
                 editor.onChange = prevOnChange;
                 prevOnChange(...args);
@@ -95,25 +101,25 @@ export function ToolbarHeadingButton(props) {
         };
     }
     if (!editor) return null;
-    return React.createElement(Menu, {
+    return /*#__PURE__*/ React.createElement(Menu, {
         isOpen: isOpen,
         onClose: ()=>setOpen(false)
-    }, React.createElement(Menu.Trigger, null, React.createElement(Button, {
+    }, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement(Button, {
         size: "small",
         testId: "toolbar-heading-toggle",
         variant: "transparent",
-        endIcon: React.createElement(ChevronDownIcon, null),
+        endIcon: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
         isDisabled: props.isDisabled,
         onClick: ()=>someHeadingsEnabled && setOpen(!isOpen)
-    }, LABELS[selected])), React.createElement(Menu.List, {
+    }, LABELS[selected])), /*#__PURE__*/ React.createElement(Menu.List, {
         testId: "dropdown-heading-list"
-    }, ' ', Object.keys(LABELS).map((nodeType)=>nodeTypesByEnablement[nodeType] && React.createElement(Menu.Item, {
+    }, ' ', Object.keys(LABELS).map((nodeType)=>nodeTypesByEnablement[nodeType] && /*#__PURE__*/ React.createElement(Menu.Item, {
             key: nodeType,
             isInitiallyFocused: selected === nodeType,
             onClick: handleOnSelectItem(nodeType),
             testId: `dropdown-option-${nodeType}`,
             disabled: props.isDisabled
-        }, React.createElement("span", {
+        }, /*#__PURE__*/ 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,6 +20,7 @@ const buildHeadingEventHandler = (type)=>(editor, { options: { hotkey  }  })=>(e
 export const createHeadingPlugin = ()=>({
         key: 'HeadingPlugin',
         softBreak: [
+            // create a new line with SHIFT+Enter inside a heading
             {
                 hotkey: 'shift+enter',
                 query: {
@@ -42,12 +43,16 @@ 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,29 +72,32 @@ 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 React.createElement(ToolbarButton, {
+    return /*#__PURE__*/ React.createElement(ToolbarButton, {
         title: "HR",
         isDisabled: props.isDisabled,
         onClick: handleOnClick,
         testId: "hr-toolbar-button",
         isActive: isBlockSelected(editor, BLOCKS.HR)
-    }, React.createElement(HorizontalRuleIcon, null));
+    }, /*#__PURE__*/ React.createElement(HorizontalRuleIcon, null));
 }
 export function Hr(props) {
     const isSelected = Slate.useSelected();
     const isFocused = Slate.useFocused();
-    return React.createElement("div", {
+    return /*#__PURE__*/ 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
-    }, React.createElement("div", {
+    }, /*#__PURE__*/ 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
-    }, React.createElement("hr", {
+    }, /*#__PURE__*/ 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,7 +88,8 @@ export function HyperlinkModal(props) {
         };
     }
     function entityToResourceLink(entity) {
-        const { urn  } = entity.sys;
+        const { urn } = entity.sys;
+        // @ts-expect-error wait for update of app-sdk version
         return {
             sys: {
                 urn,
@@ -121,6 +122,7 @@ 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('');
@@ -141,30 +143,30 @@ export function HyperlinkModal(props) {
         event.preventDefault();
         setLinkEntity(null);
     }
-    return React.createElement(EntityProvider, {
+    return /*#__PURE__*/ React.createElement(EntityProvider, {
         sdk: props.sdk
-    }, React.createElement(React.Fragment, null, React.createElement(ModalContent, null, React.createElement(Form, null, !props.linkType && React.createElement(FormControl, {
+    }, /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ModalContent, null, /*#__PURE__*/ React.createElement(Form, null, !props.linkType && /*#__PURE__*/ React.createElement(FormControl, {
         id: "link-text",
         isRequired: true
-    }, React.createElement(FormControl.Label, null, "Link text"), React.createElement(TextInput, {
+    }, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link text"), /*#__PURE__*/ React.createElement(TextInput, {
         testId: "link-text-input",
         name: "link-text",
         value: linkText,
         onChange: (event)=>setLinkText(event.target.value)
-    })), enabledLinkTypes.length > 1 && React.createElement(FormControl, {
+    })), enabledLinkTypes.length > 1 && /*#__PURE__*/ React.createElement(FormControl, {
         id: "link-type"
-    }, React.createElement(FormControl.Label, null, "Link type"), React.createElement(Select, {
+    }, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link type"), /*#__PURE__*/ React.createElement(Select, {
         value: linkType,
         onChange: (event)=>setLinkType(event.target.value),
         testId: "link-type-input",
         isDisabled: props.readonly
-    }, enabledLinkTypes.map((nodeType)=>React.createElement(Select.Option, {
+    }, enabledLinkTypes.map((nodeType)=>/*#__PURE__*/ React.createElement(Select.Option, {
             key: nodeType,
             value: nodeType
-        }, LINK_TYPE_SELECTION_VALUES[nodeType])))), linkType === INLINES.HYPERLINK && React.createElement(FormControl, {
+        }, LINK_TYPE_SELECTION_VALUES[nodeType])))), linkType === INLINES.HYPERLINK && /*#__PURE__*/ React.createElement(FormControl, {
         id: "linkTarget",
         isRequired: true
-    }, React.createElement(FormControl.Label, null, "Link target"), React.createElement(TextInput, {
+    }, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link target"), /*#__PURE__*/ React.createElement(TextInput, {
         ref: linkTargetInputRef,
         name: "linkTarget",
         value: linkTarget,
@@ -174,46 +176,46 @@ export function HyperlinkModal(props) {
         },
         testId: "link-target-input",
         isDisabled: props.readonly
-    }), React.createElement(FormControl.HelpText, null, "A protocol may be required, e.g. https://")), linkType !== INLINES.HYPERLINK && React.createElement("div", null, React.createElement(FormLabel, {
+    }), /*#__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, {
         isRequired: true,
         htmlFor: ""
-    }, "Link target", ' '), linkEntity && linkEntity.sys.linkType === SYS_LINK_TYPES[linkType] ? React.createElement(React.Fragment, null, !props.readonly && React.createElement(TextLink, {
+    }, "Link target", ' '), linkEntity && linkEntity.sys.linkType === SYS_LINK_TYPES[linkType] ? /*#__PURE__*/ React.createElement(React.Fragment, null, !props.readonly && /*#__PURE__*/ React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: resetLinkEntity,
         className: styles.removeSelectionLabel
-    }, "Remove selection"), React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && isEntryLink(linkEntity) && React.createElement(FetchingWrappedEntryCard, {
+    }, "Remove selection"), /*#__PURE__*/ React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && isEntryLink(linkEntity) && /*#__PURE__*/ 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) && React.createElement(FetchingWrappedResourceCard, {
+    }), linkType === INLINES.RESOURCE_HYPERLINK && isResourceLink(linkEntity) && /*#__PURE__*/ React.createElement(FetchingWrappedResourceCard, {
         sdk: props.sdk,
         link: linkEntity.sys,
         isDisabled: true,
         isSelected: false
-    }), linkType === INLINES.ASSET_HYPERLINK && isAssetLink(linkEntity) && React.createElement(FetchingWrappedAssetCard, {
+    }), linkType === INLINES.ASSET_HYPERLINK && isAssetLink(linkEntity) && /*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
         sdk: props.sdk,
         locale: props.sdk.field.locale,
         assetId: linkEntity.sys.id,
         isDisabled: true,
         isSelected: false
-    }))) : React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && React.createElement(TextLink, {
+    }))) : /*#__PURE__*/ React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && /*#__PURE__*/ React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectEntry
-    }, "Select entry"), linkType === INLINES.RESOURCE_HYPERLINK && React.createElement(TextLink, {
+    }, "Select entry"), linkType === INLINES.RESOURCE_HYPERLINK && /*#__PURE__*/ React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectResourceEntry
-    }, "Select entry"), linkType === INLINES.ASSET_HYPERLINK && React.createElement(TextLink, {
+    }, "Select entry"), linkType === INLINES.ASSET_HYPERLINK && /*#__PURE__*/ React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectAsset
-    }, "Select asset"))))), React.createElement(ModalControls, null, React.createElement(Button, {
+    }, "Select asset"))))), /*#__PURE__*/ React.createElement(ModalControls, null, /*#__PURE__*/ React.createElement(Button, {
         type: "button",
         onClick: ()=>props.onClose(null),
         variant: "secondary",
         testId: "cancel-cta",
         size: "small"
-    }, "Cancel"), React.createElement(Button, {
+    }, "Cancel"), /*#__PURE__*/ React.createElement(Button, {
         type: "submit",
         variant: "positive",
         size: "small",
@@ -249,8 +251,8 @@ export async function addOrEditLink(editor, sdk, logAction, targetPath) {
         shouldCloseOnEscapePress: true,
         shouldCloseOnOverlayClick: true,
         allowHeightOverflow: true
-    }, ({ onClose  })=>{
-        return React.createElement(HyperlinkModal, {
+    }, ({ onClose })=>{
+        return /*#__PURE__*/ React.createElement(HyperlinkModal, {
             linkTarget: linkTarget,
             linkText: currentLinkText,
             linkType: linkType,
@@ -266,7 +268,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,

package/dist/esm/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js

@@ -1,20 +1,20 @@
-import { assertOutput, jsx } from '../../../test-utils';
+/* eslint-disable react/no-unknown-property */ /** @jsx jsx */ import { assertOutput, jsx } from '../../../test-utils';
 describe('normalization', ()=>{
     it('removes empty links from the document structure', ()=>{
-        const input = jsx("editor", null, jsx("hp", null, jsx("htext", null, "link"), jsx("hlink", {
+        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "link"), /*#__PURE__*/ jsx("hlink", {
             uri: "https://link.com"
-        })), jsx("hp", null, jsx("htext", null, "asset"), jsx("hlink", {
+        })), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "asset"), /*#__PURE__*/ jsx("hlink", {
             asset: "asset-id"
-        })), jsx("hp", null, jsx("htext", null, "entry"), jsx("hlink", {
+        })), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "entry"), /*#__PURE__*/ jsx("hlink", {
             entry: "entry-id"
-        })), jsx("hp", null, jsx("htext", null, "resource"), jsx("hlink", {
+        })), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "resource"), /*#__PURE__*/ jsx("hlink", {
             resource: "resource-urn"
-        })), jsx("hp", null, jsx("htext", null, "explicit empty link"), jsx("hlink", {
+        })), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "explicit empty link"), /*#__PURE__*/ jsx("hlink", {
             uri: "https://link.com"
-        }, '')), jsx("hp", null, jsx("htext", null, "link with empty space"), jsx("hlink", {
+        }, '')), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "link with empty space"), /*#__PURE__*/ jsx("hlink", {
             uri: "https://link.com"
         }, " ")));
-        const expected = jsx("editor", null, jsx("hp", null, jsx("htext", null, "link")), jsx("hp", null, jsx("htext", null, "asset")), jsx("hp", null, jsx("htext", null, "entry")), jsx("hp", null, jsx("htext", null, "resource")), jsx("hp", null, jsx("htext", null, "explicit empty link")), jsx("hp", null, jsx("htext", null, "link with empty space")));
+        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "link")), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "asset")), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "entry")), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "resource")), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "explicit empty link")), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null, "link with empty space")));
         assertOutput({
             input,
             expected

package/dist/esm/plugins/Hyperlink/components/EntityHyperlink.js

@@ -10,8 +10,8 @@ import { styles } from './styles';
 export function EntityHyperlink(props) {
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
-    const { target  } = props.element.data;
-    const { onEntityFetchComplete  } = useLinkTracking();
+    const { target } = props.element.data;
+    const { onEntityFetchComplete } = useLinkTracking();
     const tooltipContent = useEntityInfo({
         target,
         sdk,
@@ -30,12 +30,12 @@ export function EntityHyperlink(props) {
             addOrEditLink(editor, sdk, editor.tracking.onViewportAction, p.path);
         }
     }
-    return React.createElement(Tooltip, {
+    return /*#__PURE__*/ React.createElement(Tooltip, {
         content: tooltipContent,
         targetWrapperClassName: styles.hyperlinkWrapper,
         placement: "bottom",
         maxWidth: "auto"
-    }, React.createElement(TextLink, {
+    }, /*#__PURE__*/ React.createElement(TextLink, {
         as: "a",
         onClick: handleClick,
         className: styles.hyperlink,

package/dist/esm/plugins/Hyperlink/components/ResourceHyperlink.js

@@ -10,8 +10,8 @@ import { styles } from './styles';
 export function ResourceHyperlink(props) {
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
-    const { target  } = props.element.data;
-    const { onEntityFetchComplete  } = useLinkTracking();
+    const { target } = props.element.data;
+    const { onEntityFetchComplete } = useLinkTracking();
     const tooltipContent = useResourceEntityInfo({
         target,
         onEntityFetchComplete
@@ -29,12 +29,12 @@ export function ResourceHyperlink(props) {
             addOrEditLink(editor, sdk, editor.tracking.onViewportAction, p.path);
         }
     }
-    return React.createElement(Tooltip, {
+    return /*#__PURE__*/ React.createElement(Tooltip, {
         content: tooltipContent,
         targetWrapperClassName: styles.hyperlinkWrapper,
         placement: "bottom",
         maxWidth: "auto"
-    }, React.createElement(TextLink, {
+    }, /*#__PURE__*/ React.createElement(TextLink, {
         as: "a",
         onClick: handleClick,
         className: styles.hyperlink,

package/dist/esm/plugins/Hyperlink/components/ToolbarHyperlinkButton.js

@@ -19,11 +19,11 @@ export function ToolbarHyperlinkButton(props) {
         }
     }
     if (!editor) return null;
-    return React.createElement(ToolbarButton, {
+    return /*#__PURE__*/ React.createElement(ToolbarButton, {
         title: "Hyperlink",
         testId: "hyperlink-toolbar-button",
         onClick: handleClick,
         isActive: isActive,
         isDisabled: props.isDisabled
-    }, React.createElement(LinkIcon, null));
+    }, /*#__PURE__*/ React.createElement(LinkIcon, null));
 }

package/dist/esm/plugins/Hyperlink/components/UrlHyperlink.js

@@ -8,7 +8,7 @@ import { styles } from './styles';
 export function UrlHyperlink(props) {
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
-    const { uri  } = props.element.data;
+    const { uri } = props.element.data;
     function handleClick(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -22,13 +22,13 @@ export function UrlHyperlink(props) {
         });
         addOrEditLink(editor, sdk, editor.tracking.onViewportAction, p?.path);
     }
-    return React.createElement(Tooltip, {
+    return /*#__PURE__*/ React.createElement(Tooltip, {
         usePortal: true,
         content: uri,
         targetWrapperClassName: styles.hyperlinkWrapper,
         placement: "bottom",
         maxWidth: "min-content"
-    }, React.createElement(TextLink, {
+    }, /*#__PURE__*/ React.createElement(TextLink, {
         as: "a",
         href: uri,
         rel: "noopener noreferrer",

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

@@ -12,7 +12,7 @@ const isAnchor = (element)=>element.nodeName === 'A' && !!element.getAttribute('
 const isEntryAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-link-type') === 'Entry';
 const isAssetAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-link-type') === 'Asset';
 const isResourceAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-resource-link-type') === 'Contentful:Entry';
-const buildHyperlinkEventHandler = (sdk)=>(editor, { options: { hotkey  }  })=>{
+const buildHyperlinkEventHandler = (sdk)=>(editor, { options: { hotkey } })=>{
         return (event)=>{
             if (!editor.selection) {
                 return;
@@ -65,6 +65,7 @@ export const createHyperlinkPlugin = (sdk)=>{
             onKeyDown: buildHyperlinkEventHandler(sdk)
         },
         plugins: [
+            // URL Hyperlink
             {
                 ...common,
                 key: INLINES.HYPERLINK,
@@ -82,6 +83,7 @@ export const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(INLINES.HYPERLINK)
                 }
             },
+            // Entry Hyperlink
             {
                 ...common,
                 key: INLINES.ENTRY_HYPERLINK,
@@ -99,6 +101,7 @@ export const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(INLINES.ENTRY_HYPERLINK)
                 }
             },
+            // Resource Hyperlink
             {
                 ...common,
                 key: INLINES.RESOURCE_HYPERLINK,
@@ -116,6 +119,7 @@ export const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(INLINES.RESOURCE_HYPERLINK)
                 }
             },
+            // Asset Hyperlink
             {
                 ...common,
                 key: INLINES.ASSET_HYPERLINK,