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

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

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

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

@@ -7,9 +7,9 @@ import { LinkPopover } from './LinkPopover';
 import { styles } from './styles';
 import { useHyperlinkCommon } from './useHyperlinkCommon';
 export function EntityHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = useHyperlinkCommon(props.element);
-    const { onEntityFetchComplete } = useLinkTracking();
-    const { target } = props.element.data;
+    const { editor , sdk , isLinkFocused , pathToElement  } = useHyperlinkCommon(props.element);
+    const { onEntityFetchComplete  } = useLinkTracking();
+    const { target  } = props.element.data;
     const tooltipContent = useEntityInfo({
         target,
         sdk,
@@ -18,17 +18,17 @@ export function EntityHyperlink(props) {
     if (!target) {
         return null;
     }
-    const popoverText = /*#__PURE__*/ React.createElement(Text, {
+    const popoverText = React.createElement(Text, {
         fontColor: "blue600",
         fontWeight: "fontWeightMedium",
         className: styles.openLink
     }, tooltipContent);
-    return /*#__PURE__*/ React.createElement(LinkPopover, {
+    return React.createElement(LinkPopover, {
         isLinkFocused: isLinkFocused,
         handleEditLink: ()=>handleEditLink(editor, sdk, pathToElement),
         handleRemoveLink: ()=>handleRemoveLink(editor),
         popoverText: popoverText
-    }, /*#__PURE__*/ React.createElement(Text, {
+    }, React.createElement(Text, {
         testId: "cf-ui-text-link",
         fontColor: "blue600",
         fontWeight: "fontWeightMedium",

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

@@ -3,7 +3,7 @@ import { Popover, IconButton, Tooltip, Flex } from '@contentful/f36-components';
 import { EditIcon, CopyIcon } from '@contentful/f36-icons';
 import { useFocused } from '../../../internal/hooks';
 import { styles } from './styles';
-export const LinkPopover = ({ isLinkFocused, popoverText, handleEditLink, handleRemoveLink, children, handleCopyLink })=>{
+export const LinkPopover = ({ isLinkFocused , popoverText , handleEditLink , handleRemoveLink , children , handleCopyLink  })=>{
     const isEditorFocused = useFocused();
     const popoverContent = React.useRef(null);
     const [isPopoverContentClicked, setIsPopoverContentClicked] = React.useState(false);
@@ -21,69 +21,65 @@ export const LinkPopover = ({ isLinkFocused, popoverText, handleEditLink, handle
         };
     }, []);
     const isOpen = isLinkFocused && isEditorFocused || isPopoverContentClicked;
-    // Important to render this component in a portal
-    // Otherwise the content of the popover will get copied over when users copy text from the rich text editor
-    return(// eslint-disable-next-line jsx-a11y/no-autofocus -- we don't want to autofocus the popover
-    /*#__PURE__*/ React.createElement(Popover, {
+    return React.createElement(Popover, {
         renderOnlyWhenOpen: false,
         usePortal: true,
         autoFocus: false,
         isOpen: isOpen
-    }, /*#__PURE__*/ React.createElement(Popover.Trigger, null, children), /*#__PURE__*/ React.createElement(Popover.Content, {
+    }, React.createElement(Popover.Trigger, null, children), React.createElement(Popover.Content, {
         className: styles.popover
-    }, /*#__PURE__*/ React.createElement(Flex, {
+    }, React.createElement(Flex, {
         ref: popoverContent,
         alignItems: "center",
         paddingTop: "spacing2Xs",
         paddingBottom: "spacing2Xs",
         paddingRight: "spacing2Xs",
         paddingLeft: "spacingXs"
-    }, popoverText, handleCopyLink && /*#__PURE__*/ React.createElement(Tooltip, {
+    }, popoverText, handleCopyLink && React.createElement(Tooltip, {
         placement: "bottom",
         content: "Copy link",
         usePortal: true
-    }, /*#__PURE__*/ React.createElement(IconButton, {
+    }, React.createElement(IconButton, {
         className: styles.iconButton,
         onClick: handleCopyLink,
         size: "small",
         variant: "transparent",
         "aria-label": "Copy link",
-        icon: /*#__PURE__*/ React.createElement(CopyIcon, {
+        icon: React.createElement(CopyIcon, {
             size: "tiny"
         })
-    })), /*#__PURE__*/ React.createElement(Tooltip, {
+    })), React.createElement(Tooltip, {
         placement: "bottom",
         content: "Edit link",
         usePortal: true
-    }, /*#__PURE__*/ React.createElement(IconButton, {
+    }, React.createElement(IconButton, {
         className: styles.iconButton,
         onClick: handleEditLink,
         size: "small",
         variant: "transparent",
         "aria-label": "Edit link",
-        icon: /*#__PURE__*/ React.createElement(EditIcon, {
+        icon: React.createElement(EditIcon, {
             size: "tiny"
         })
-    })), /*#__PURE__*/ React.createElement(Tooltip, {
+    })), React.createElement(Tooltip, {
         placement: "bottom",
         content: "Remove link",
         usePortal: true
-    }, /*#__PURE__*/ React.createElement(IconButton, {
+    }, React.createElement(IconButton, {
         onClick: handleRemoveLink,
         className: styles.iconButton,
         size: "small",
         variant: "transparent",
         "aria-label": "Remove link",
-        icon: //@TODO: Replace icon when available in f36
-        /*#__PURE__*/ React.createElement("svg", {
+        icon: React.createElement("svg", {
             width: "16",
             height: "16",
             viewBox: "0 0 16 16",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg"
-        }, /*#__PURE__*/ React.createElement("path", {
+        }, React.createElement("path", {
             d: "M1.75 8C1.75 8.59674 1.98705 9.16903 2.40901 9.59099C2.83097 10.0129 3.40326 10.25 4 10.25H6.5C6.69891 10.25 6.88968 10.329 7.03033 10.4697C7.17098 10.6103 7.25 10.8011 7.25 11C7.25 11.1989 7.17098 11.3897 7.03033 11.5303C6.88968 11.671 6.69891 11.75 6.5 11.75H4C3.00544 11.75 2.05161 11.3549 1.34835 10.6517C0.645088 9.94839 0.25 8.99456 0.25 8C0.25 7.00544 0.645088 6.05161 1.34835 5.34835C2.05161 4.64509 3.00544 4.25 4 4.25H6.5C6.69891 4.25 6.88968 4.32902 7.03033 4.46967C7.17098 4.61032 7.25 4.80109 7.25 5C7.25 5.19891 7.17098 5.38968 7.03033 5.53033C6.88968 5.67098 6.69891 5.75 6.5 5.75H4C3.40326 5.75 2.83097 5.98705 2.40901 6.40901C1.98705 6.83097 1.75 7.40326 1.75 8ZM12 4.25H9.5C9.30109 4.25 9.11032 4.32902 8.96967 4.46967C8.82902 4.61032 8.75 4.80109 8.75 5C8.75 5.19891 8.82902 5.38968 8.96967 5.53033C9.11032 5.67098 9.30109 5.75 9.5 5.75H12C12.5967 5.75 13.169 5.98705 13.591 6.40901C14.0129 6.83097 14.25 7.40326 14.25 8C14.25 8.59674 14.0129 9.16903 13.591 9.59099C13.169 10.0129 12.5967 10.25 12 10.25H9.5C9.30109 10.25 9.11032 10.329 8.96967 10.4697C8.82902 10.6103 8.75 10.8011 8.75 11C8.75 11.1989 8.82902 11.3897 8.96967 11.5303C9.11032 11.671 9.30109 11.75 9.5 11.75H12C12.9946 11.75 13.9484 11.3549 14.6517 10.6517C15.3549 9.94839 15.75 8.99456 15.75 8C15.75 7.00544 15.3549 6.05161 14.6517 5.34835C13.9484 4.64509 12.9946 4.25 12 4.25Z",
             fill: "black"
         }))
-    }))))));
+    })))));
 };

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

@@ -7,9 +7,9 @@ import { LinkPopover } from './LinkPopover';
 import { styles } from './styles';
 import { useHyperlinkCommon } from './useHyperlinkCommon';
 export function ResourceHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = useHyperlinkCommon(props.element);
-    const { onEntityFetchComplete } = useLinkTracking();
-    const { target } = props.element.data;
+    const { editor , sdk , isLinkFocused , pathToElement  } = useHyperlinkCommon(props.element);
+    const { onEntityFetchComplete  } = useLinkTracking();
+    const { target  } = props.element.data;
     const tooltipContent = useResourceEntityInfo({
         target,
         onEntityFetchComplete
@@ -17,17 +17,17 @@ export function ResourceHyperlink(props) {
     if (!target) {
         return null;
     }
-    const popoverText = /*#__PURE__*/ React.createElement(Text, {
+    const popoverText = React.createElement(Text, {
         fontColor: "blue600",
         fontWeight: "fontWeightMedium",
         className: styles.openLink
     }, tooltipContent);
-    return /*#__PURE__*/ React.createElement(LinkPopover, {
+    return React.createElement(LinkPopover, {
         isLinkFocused: isLinkFocused,
         handleEditLink: ()=>handleEditLink(editor, sdk, pathToElement),
         handleRemoveLink: ()=>handleRemoveLink(editor),
         popoverText: popoverText
-    }, /*#__PURE__*/ React.createElement(Text, {
+    }, React.createElement(Text, {
         testId: "cf-ui-text-link",
         fontColor: "blue600",
         fontWeight: "fontWeightMedium",

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

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

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

@@ -5,21 +5,21 @@ import { LinkPopover } from './LinkPopover';
 import { styles } from './styles';
 import { useHyperlinkCommon } from './useHyperlinkCommon';
 export function UrlHyperlink(props) {
-    const { editor, sdk, isLinkFocused, pathToElement } = useHyperlinkCommon(props.element);
+    const { editor , sdk , isLinkFocused , pathToElement  } = useHyperlinkCommon(props.element);
     const uri = props.element.data?.uri;
-    const popoverText = /*#__PURE__*/ React.createElement(TextLink, {
+    const popoverText = React.createElement(TextLink, {
         className: styles.openLink,
         href: uri,
         rel: "noopener noreferrer",
         target: "_blank"
     }, uri);
-    return /*#__PURE__*/ React.createElement(LinkPopover, {
+    return React.createElement(LinkPopover, {
         isLinkFocused: isLinkFocused,
         handleEditLink: ()=>handleEditLink(editor, sdk, pathToElement),
         handleRemoveLink: ()=>handleRemoveLink(editor),
         handleCopyLink: ()=>handleCopyLink(uri),
         popoverText: popoverText
-    }, /*#__PURE__*/ React.createElement(TextLink, {
+    }, React.createElement(TextLink, {
         testId: "cf-ui-text-link",
         href: uri,
         onClick: (e)=>e.preventDefault(),

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,7 +65,6 @@ export const createHyperlinkPlugin = (sdk)=>{
             onKeyDown: buildHyperlinkEventHandler(sdk)
         },
         plugins: [
-            // URL Hyperlink
             {
                 ...common,
                 key: INLINES.HYPERLINK,
@@ -83,7 +82,6 @@ export const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(INLINES.HYPERLINK)
                 }
             },
-            // Entry Hyperlink
             {
                 ...common,
                 key: INLINES.ENTRY_HYPERLINK,
@@ -101,7 +99,6 @@ export const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(INLINES.ENTRY_HYPERLINK)
                 }
             },
-            // Resource Hyperlink
             {
                 ...common,
                 key: INLINES.RESOURCE_HYPERLINK,
@@ -119,7 +116,6 @@ export const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(INLINES.RESOURCE_HYPERLINK)
                 }
             },
-            // Asset Hyperlink
             {
                 ...common,
                 key: INLINES.ASSET_HYPERLINK,

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

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { entityHelpers } from '@contentful/field-editor-shared';
 import { getEntityInfo } from './utils';
-async function fetchAllData({ sdk, entityId, entityType, localeCode, defaultLocaleCode }) {
+async function fetchAllData({ sdk , entityId , entityType , localeCode , defaultLocaleCode  }) {
     let contentType;
     const getEntity = entityType === 'Entry' ? sdk.space.getEntry : sdk.space.getAsset;
     const entity = await getEntity(entityId);
@@ -10,7 +10,6 @@ async function fetchAllData({ sdk, entityId, entityType, localeCode, defaultLoca
         contentType = sdk.space.getCachedContentTypes().find((ct)=>ct.sys.id === contentTypeId);
     }
     const entityTitle = entityType === 'Entry' ? entityHelpers.getEntryTitle({
-        //@ts-expect-error
         entry: entity,
         contentType,
         localeCode,
@@ -23,14 +22,12 @@ async function fetchAllData({ sdk, entityId, entityType, localeCode, defaultLoca
         defaultTitle: 'Untitled'
     });
     const entityDescription = entityHelpers.getEntityDescription({
-        // @ts-expect-error
         entity,
         contentType,
         localeCode,
         defaultLocaleCode
     });
     const jobs = await sdk.space.getEntityScheduledActions(entityType, entityId);
-    // @ts-expect-error
     const entityStatus = entityHelpers.getEntryStatus(entity.sys);
     return {
         jobs,
@@ -41,7 +38,7 @@ async function fetchAllData({ sdk, entityId, entityType, localeCode, defaultLoca
         contentTypeName: contentType ? contentType.name : ''
     };
 }
-function useRequestStatus({ sdk, target, onEntityFetchComplete }) {
+function useRequestStatus({ sdk , target , onEntityFetchComplete  }) {
     const [requestStatus, setRequestStatus] = useState({
         type: 'loading'
     });
@@ -77,7 +74,7 @@ function useRequestStatus({ sdk, target, onEntityFetchComplete }) {
 }
 export function useEntityInfo(props) {
     const status = useRequestStatus(props);
-    const { linkType } = props.target.sys;
+    const { linkType  } = props.target.sys;
     if (status.type === 'loading') {
         return `Loading ${linkType.toLowerCase()}...`;
     }

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useResource } from '@contentful/field-editor-reference';
 import { truncateTitle } from '../../plugins/shared/utils';
-export function useResourceEntityInfo({ onEntityFetchComplete, target }) {
-    const { data, error, status } = useResource(target.sys.linkType, target.sys.urn);
+export function useResourceEntityInfo({ onEntityFetchComplete , target  }) {
+    const { data , error , status  } = useResource(target.sys.linkType, target.sys.urn);
     React.useEffect(()=>{
         if (status === 'success') {
             onEntityFetchComplete?.();

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

@@ -10,7 +10,7 @@ export function getEntityInfo(data) {
     if (!data) {
         return '';
     }
-    const { entityTitle, contentTypeName, entityStatus, jobs } = data;
+    const { entityTitle , contentTypeName , entityStatus , jobs  } = data;
     const title = truncateTitle(entityTitle, 60) || 'Untitled';
     const scheduledActions = jobs.length > 0 ? getScheduleTooltipContent({
         job: jobs[0],

package/dist/esm/plugins/List/__tests__/createListPlugin.test.js

@@ -1,40 +1,40 @@
-/* eslint-disable react/no-unknown-property */ /** @jsx jsx */ import { assertOutput, jsx } from '../../../test-utils';
+import { assertOutput, jsx } from '../../../test-utils';
 describe('normalization', ()=>{
     it('wraps orphaned list items in a list', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item")), /*#__PURE__*/ jsx("hp", null));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item"))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+        const input = jsx("editor", null, jsx("hli", null, jsx("hp", null, "Item")), jsx("hp", null));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item"))), jsx("hp", null, jsx("htext", null)));
         assertOutput({
             input,
             expected
         });
     });
     it('adds empty paragraph to empty list items', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null)), /*#__PURE__*/ jsx("hp", null));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null)), jsx("hp", null));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("htext", null)))), jsx("hp", null, jsx("htext", null)));
         assertOutput({
             input,
             expected
         });
     });
     it('replaces invalid list items with text', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item"), /*#__PURE__*/ jsx("htd", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", {
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item"), jsx("htd", null, jsx("hp", null, jsx("htext", {
             bold: true
-        }, "bold text"))), /*#__PURE__*/ jsx("htd", null, /*#__PURE__*/ jsx("hp", null, "Take a look at this ", /*#__PURE__*/ jsx("hlink", {
+        }, "bold text"))), jsx("htd", null, jsx("hp", null, "Take a look at this ", jsx("hlink", {
             uri: "https://google.com"
-        }, "link"))))), /*#__PURE__*/ jsx("hp", null));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item"), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", {
+        }, "link"))))), jsx("hp", null));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item"), jsx("hp", null, jsx("htext", {
             bold: true
-        }, "bold text")), /*#__PURE__*/ jsx("hp", null, "Take a look at this ", /*#__PURE__*/ jsx("hlink", {
+        }, "bold text")), jsx("hp", null, "Take a look at this ", jsx("hlink", {
             uri: "https://google.com"
-        }, "link"), /*#__PURE__*/ jsx("htext", null)))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+        }, "link"), jsx("htext", null)))), jsx("hp", null, jsx("htext", null)));
         assertOutput({
             input,
             expected
         });
     });
     it('replaces list items with nested lists as a first child', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 1.1")))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 2.1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 2.1.1")))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 2.2"))))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 1.1")))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 2.1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 2.1.1")))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Item 2.2"))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item 1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item 1.1")))), jsx("hli", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item 2.1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item 2.1.1")))), jsx("hli", null, jsx("hp", null, "Item 2.2"))))), jsx("hp", null, jsx("htext", null)));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item 1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item 1.1")))), jsx("hli", null, jsx("hp", null, "Item 2.1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "Item 2.1.1")))), jsx("hli", null, jsx("hp", null, "Item 2.2"))), jsx("hp", null, jsx("htext", null)));
         assertOutput({
             input,
             expected

package/dist/esm/plugins/List/__tests__/insertListBreak.test.js

@@ -1,72 +1,68 @@
-/** @jsx jsx */ import { jsx, assertOutput, createTestEditor } from '../../../test-utils';
+import { jsx, assertOutput, createTestEditor } from '../../../test-utils';
 describe('insert line break', ()=>{
     const tests = [
-        // single p
         {
             title: 'at the start of a li',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "p1"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("cursor", null), "p1"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("cursor", null))), jsx("hli", null, jsx("hp", null, "p1")))
         },
         {
             title: 'at the end of a li',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1", /*#__PURE__*/ jsx("cursor", null)))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1", jsx("cursor", null)))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1")), jsx("hli", null, jsx("hp", null, jsx("cursor", null))))
         },
         {
             title: 'at the middle of a li',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "split ", /*#__PURE__*/ jsx("cursor", null), "me"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "split ")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "me")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "split ", jsx("cursor", null), "me"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "split ")), jsx("hli", null, jsx("hp", null, jsx("cursor", null), "me")))
         },
-        // multi p
         {
             title: 'at the start of a li with multiple p',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "p1"), /*#__PURE__*/ jsx("hp", null, "p2"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hp", null, "p2")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("cursor", null), "p1"), jsx("hp", null, "p2"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("cursor", null))), jsx("hli", null, jsx("hp", null, "p1"), jsx("hp", null, "p2")))
         },
         {
             title: 'at the start of the second p of a li',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "p2"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hp", null, "p2")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hp", null, jsx("cursor", null), "p2"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1")), jsx("hli", null, jsx("hp", null, jsx("cursor", null)), jsx("hp", null, "p2")))
         },
         {
             title: 'at the end of a li with multiple p',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hp", null, "p2", /*#__PURE__*/ jsx("cursor", null)))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hp", null, "p2")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hp", null, "p2", jsx("cursor", null)))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hp", null, "p2")), jsx("hli", null, jsx("hp", null, jsx("cursor", null))))
         },
         {
             title: 'at the middle of a li with multiple p',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "split ", /*#__PURE__*/ jsx("cursor", null), "me"), /*#__PURE__*/ jsx("hp", null, "move me"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "split ")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "me"), /*#__PURE__*/ jsx("hp", null, "move me")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "split ", jsx("cursor", null), "me"), jsx("hp", null, "move me"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "split ")), jsx("hli", null, jsx("hp", null, jsx("cursor", null), "me"), jsx("hp", null, "move me")))
         },
-        // with headings
         {
             title: 'at the start of a li with heading',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, /*#__PURE__*/ jsx("cursor", null), "p1"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, "p1")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hh1", null, jsx("cursor", null), "p1"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("cursor", null))), jsx("hli", null, jsx("hh1", null, "p1")))
         },
         {
             title: 'at the end of a li with heading',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, "p1", /*#__PURE__*/ jsx("cursor", null)))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, "p1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hh1", null, "p1", jsx("cursor", null)))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hh1", null, "p1")), jsx("hli", null, jsx("hp", null, jsx("cursor", null))))
         },
         {
             title: 'at the middle of a li with heading',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, "split ", /*#__PURE__*/ jsx("cursor", null), "me"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, "split ")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, /*#__PURE__*/ jsx("cursor", null), "me")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hh1", null, "split ", jsx("cursor", null), "me"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hh1", null, "split ")), jsx("hli", null, jsx("hh1", null, jsx("cursor", null), "me")))
         },
         {
             title: 'at a li with nested list',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "item 1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "item 2", /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "sub list"))))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "item 1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "item 2")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "sub list")))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "item 1")), jsx("hli", null, jsx("hp", null, "item 2", jsx("cursor", null)), jsx("hul", null, jsx("hli", null, jsx("hp", null, "sub list"))))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "item 1")), jsx("hli", null, jsx("hp", null, "item 2")), jsx("hli", null, jsx("hp", null, jsx("cursor", null)), jsx("hul", null, jsx("hli", null, jsx("hp", null, "sub list")))))
         }
     ];
-    const render = (children)=>/*#__PURE__*/ jsx("editor", null, children, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+    const render = (children)=>jsx("editor", null, children, jsx("hp", null, jsx("htext", null)));
     for (const t of tests){
         test(t.title, ()=>{
-            const { editor } = createTestEditor({
+            const { editor  } = createTestEditor({
                 input: render(t.input)
             });
-            // Equivalent of pressing ENTER
             editor.insertBreak();
             assertOutput({
                 editor,

package/dist/esm/plugins/List/__tests__/insertListFragment.test.js

@@ -1,53 +1,53 @@
-/** @jsx jsx */ import { jsx, assertOutput, createTestEditor } from '../../../test-utils';
+import { jsx, assertOutput, createTestEditor } from '../../../test-utils';
 describe('insert fragment', ()=>{
     const tests = [
         {
             title: 'text wrapped in li > p',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello ", /*#__PURE__*/ jsx("cursor", null)))),
-            fragment: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "world"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello world")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello ", jsx("cursor", null)))),
+            fragment: jsx("fragment", null, jsx("hli", null, jsx("hp", null, "world"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello world")))
         },
         {
             title: 'text wrapped in li > h*',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello ", /*#__PURE__*/ jsx("cursor", null)))),
-            fragment: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hh1", null, "world"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello world")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello ", jsx("cursor", null)))),
+            fragment: jsx("fragment", null, jsx("hli", null, jsx("hh1", null, "world"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello world")))
         },
         {
             title: 'single li with only asset card',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello", /*#__PURE__*/ jsx("cursor", null), "world"))),
-            fragment: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hembed", {
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello", jsx("cursor", null), "world"))),
+            fragment: jsx("fragment", null, jsx("hli", null, jsx("hembed", {
                 type: "Asset",
                 id: "asset-id"
             }))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello"), /*#__PURE__*/ jsx("hembed", {
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello"), jsx("hembed", {
                 type: "Asset",
                 id: "asset-id"
-            }), /*#__PURE__*/ jsx("hp", null, "world")))
+            }), jsx("hp", null, "world")))
         },
         {
             title: 'two paragraphs',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello ", /*#__PURE__*/ jsx("cursor", null)))),
-            fragment: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hp", null, "world"), /*#__PURE__*/ jsx("hp", null, "line 2")),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello world"), /*#__PURE__*/ jsx("hp", null, "line 2")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello ", jsx("cursor", null)))),
+            fragment: jsx("fragment", null, jsx("hp", null, "world"), jsx("hp", null, "line 2")),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello world"), jsx("hp", null, "line 2")))
         },
         {
             title: 'two headings',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello ", /*#__PURE__*/ jsx("cursor", null)))),
-            fragment: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hh1", null, "world"), /*#__PURE__*/ jsx("hh1", null, "line 2")),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello world"), /*#__PURE__*/ jsx("hh1", null, "line 2")))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello ", jsx("cursor", null)))),
+            fragment: jsx("fragment", null, jsx("hh1", null, "world"), jsx("hh1", null, "line 2")),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello world"), jsx("hh1", null, "line 2")))
         },
         {
             title: 'two paragraphs wrapped in a li',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello ", /*#__PURE__*/ jsx("cursor", null)))),
-            fragment: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "world"), /*#__PURE__*/ jsx("hp", null, "line 2"))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "hello "), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "world"), /*#__PURE__*/ jsx("hp", null, "line 2")))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello ", jsx("cursor", null)))),
+            fragment: jsx("fragment", null, jsx("hli", null, jsx("hp", null, "world"), jsx("hp", null, "line 2"))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "hello "), jsx("hul", null, jsx("hli", null, jsx("hp", null, "world"), jsx("hp", null, "line 2")))))
         }
     ];
-    const render = (children)=>/*#__PURE__*/ jsx("editor", null, children, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+    const render = (children)=>jsx("editor", null, children, jsx("hp", null, jsx("htext", null)));
     for (const t of tests){
         test(t.title, ()=>{
-            const { editor } = createTestEditor({
+            const { editor  } = createTestEditor({
                 input: render(t.input)
             });
             editor.insertFragment(t.fragment);