@contentful/field-editor-rich-text 4.6.0 → 4.7.0

package/dist/esm/plugins/Table/components/TableActions.js

@@ -82,37 +82,37 @@ export const TableActions = ()=>{
     if (isDisabled) {
         return null;
     }
-    return React.createElement(Menu, {
+    return /*#__PURE__*/ React.createElement(Menu, {
         placement: "left",
         isOpen: isOpen,
         onOpen: ()=>{
             setOpen(true);
         },
         onClose: close
-    }, React.createElement(Menu.Trigger, null, React.createElement(IconButton, {
+    }, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement(IconButton, {
         size: "small",
         variant: "transparent",
         tabIndex: -1,
         className: styles.topRight,
-        icon: React.createElement(ChevronDownIcon, null),
+        icon: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
         "aria-label": "Open table menu",
         testId: "cf-table-actions-button"
-    })), React.createElement(Menu.List, null, React.createElement(Menu.Item, {
+    })), /*#__PURE__*/ React.createElement(Menu.List, null, /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: action(addRowAbove, 'insert', 'Row'),
         disabled: !canInsertRowAbove
-    }, "Add row above"), React.createElement(Menu.Item, {
+    }, "Add row above"), /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: action(addRowBelow, 'insert', 'Row')
-    }, "Add row below"), React.createElement(Menu.Item, {
+    }, "Add row below"), /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: action(addColumnLeft, 'insert', 'Column')
-    }, "Add column left"), React.createElement(Menu.Item, {
+    }, "Add column left"), /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: action(addColumnRight, 'insert', 'Column')
-    }, "Add column right"), React.createElement(Menu.Divider, null), React.createElement(Menu.Item, {
+    }, "Add column right"), /*#__PURE__*/ React.createElement(Menu.Divider, null), /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: toggleHeader
-    }, isHeaderEnabled ? 'Disable table header' : 'Enable table header'), React.createElement(Menu.Divider, null), React.createElement(Menu.Item, {
+    }, isHeaderEnabled ? 'Disable table header' : 'Enable table header'), /*#__PURE__*/ React.createElement(Menu.Divider, null), /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: action(deleteRow, 'remove', 'Row')
-    }, "Delete row"), React.createElement(Menu.Item, {
+    }, "Delete row"), /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: action(deleteColumn, 'remove', 'Column')
-    }, "Delete column"), React.createElement(Menu.Item, {
+    }, "Delete column"), /*#__PURE__*/ React.createElement(Menu.Item, {
         onClick: action(deleteTable, 'remove', 'Table')
     }, "Delete table")));
 };

package/dist/esm/plugins/Table/components/ToolbarButton.js

@@ -14,11 +14,11 @@ export function ToolbarTableButton(props) {
         focus(editor);
     }
     if (!editor) return null;
-    return React.createElement(ToolbarButton, {
+    return /*#__PURE__*/ React.createElement(ToolbarButton, {
         title: "Table",
         testId: "table-toolbar-button",
         onClick: handleClick,
         isActive: !!isActive,
         isDisabled: props.isDisabled
-    }, React.createElement(TableIcon, null));
+    }, /*#__PURE__*/ React.createElement(TableIcon, null));
 }

package/dist/esm/plugins/Text/__tests__/createTextPlugin.test.js

@@ -3,16 +3,16 @@ describe('delete backward', ()=>{
     const tests = [
         {
             title: 'deletes a character of the text inside li',
-            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1", jsx("cursor", null)))),
-            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p", jsx("cursor", null))))
+            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, "p", /*#__PURE__*/ jsx("cursor", null))))
         },
         {
             title: 'does not delete the very first paragraph',
-            input: jsx("fragment", null, jsx("hp", null, jsx("cursor", null)), jsx("hp", null, "text")),
-            expected: jsx("fragment", null, jsx("hp", null, jsx("cursor", null)), jsx("hp", null, "text"))
+            input: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hp", null, "text")),
+            expected: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hp", null, "text"))
         }
     ];
-    const render = (children)=>jsx("editor", null, children, jsx("hp", null, jsx("htext", null)));
+    const render = (children)=>/*#__PURE__*/ jsx("editor", null, children, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
     for (const t of tests){
         test(t.title, ()=>{
             const { editor } = createTestEditor({
@@ -30,26 +30,26 @@ describe('delete forward', ()=>{
     const tests = [
         {
             title: 'deletes a character of the text inside li',
-            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), "1")))
+            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), "1")))
         },
         {
             title: 'deletes the first paragraph when followed by another paragraph',
-            input: jsx("fragment", null, jsx("hp", null, jsx("cursor", null)), jsx("hp", null, "text")),
-            expected: jsx("hp", null, jsx("cursor", null), "text")
+            input: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hp", null, "text")),
+            expected: /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "text")
         },
         {
             title: 'deletes the first paragraph when followed by li',
-            input: jsx("fragment", null, jsx("hp", null, jsx("cursor", null)), jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1")))),
-            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("cursor", null), "p1")))
+            input: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1")))),
+            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "p1")))
         },
         {
             title: 'deletes the first paragraph when followed by a blockquote',
-            input: jsx("fragment", null, jsx("hp", null, jsx("cursor", null)), jsx("hquote", null, jsx("hp", null, "p1"))),
-            expected: jsx("hquote", null, jsx("hp", null, jsx("cursor", null), "p1"))
+            input: /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, "p1"))),
+            expected: /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("cursor", null), "p1"))
         }
     ];
-    const render = (children)=>jsx("editor", null, children, jsx("hp", null, jsx("htext", null)));
+    const render = (children)=>/*#__PURE__*/ jsx("editor", null, children, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
     for (const t of tests){
         test(t.title, ()=>{
             const { editor } = createTestEditor({

package/dist/esm/plugins/shared/EmbeddedBlockToolbarIcon.js

@@ -29,19 +29,19 @@ export function EmbeddedBlockToolbarIcon({ isDisabled, nodeType, onClose }) {
     };
     const type = getEntityTypeFromNodeType(nodeType);
     const baseClass = `rich-text__${nodeType}`;
-    return React.createElement(Menu.Item, {
+    return /*#__PURE__*/ React.createElement(Menu.Item, {
         disabled: isDisabled,
         className: `${baseClass}-list-item`,
         onClick: handleClick,
         testId: `toolbar-toggle-${nodeType}`
-    }, React.createElement(Flex, {
+    }, /*#__PURE__*/ React.createElement(Flex, {
         alignItems: "center",
         flexDirection: "row"
-    }, React.createElement(Icon, {
+    }, /*#__PURE__*/ React.createElement(Icon, {
         as: type === 'Asset' ? AssetIcon : EmbeddedEntryBlockIcon,
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`,
         variant: "secondary"
-    }), React.createElement("span", null, type, nodeType == BLOCKS.EMBEDDED_RESOURCE && React.createElement(ResourceNewBadge, null))));
+    }), /*#__PURE__*/ React.createElement("span", null, type, nodeType == BLOCKS.EMBEDDED_RESOURCE && /*#__PURE__*/ React.createElement(ResourceNewBadge, null))));
 }
 function getEntityTypeFromNodeType(nodeType) {
     const words = nodeType.toLowerCase().split('-');

package/dist/esm/plugins/shared/EmbeddedInlineToolbarIcon.js

@@ -36,16 +36,16 @@ export function EmbeddedInlineToolbarIcon({ onClose, nodeType, isDisabled }) {
         }
         moveToTheNextChar(editor);
     }
-    return React.createElement(Menu.Item, {
+    return /*#__PURE__*/ React.createElement(Menu.Item, {
         disabled: isDisabled,
         className: "rich-text__entry-link-block-button",
         testId: `toolbar-toggle-${nodeType}`,
         onClick: handleClick
-    }, React.createElement(Flex, {
+    }, /*#__PURE__*/ React.createElement(Flex, {
         alignItems: "center",
         flexDirection: "row"
-    }, React.createElement(EmbeddedEntryInlineIcon, {
+    }, /*#__PURE__*/ React.createElement(EmbeddedEntryInlineIcon, {
         variant: "secondary",
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`
-    }), React.createElement("span", null, "Inline entry", nodeType == INLINES.EMBEDDED_RESOURCE && React.createElement(ResourceNewBadge, null))));
+    }), /*#__PURE__*/ React.createElement("span", null, "Inline entry", nodeType == INLINES.EMBEDDED_RESOURCE && /*#__PURE__*/ React.createElement(ResourceNewBadge, null))));
 }

package/dist/esm/plugins/shared/FetchingWrappedAssetCard.js

@@ -3,9 +3,9 @@ import { AssetCard, DragHandle } from '@contentful/f36-components';
 import { useEntity, useEntityLoader, MissingEntityCard, WrappedAssetCard } from '@contentful/field-editor-reference';
 import { useLocalePublishStatus, useActiveLocales } from '@contentful/field-editor-shared';
 import areEqual from 'fast-deep-equal';
-const InternalAssetCard = React.memo((props)=>{
+const InternalAssetCard = /*#__PURE__*/ React.memo((props)=>{
     const activeLocales = useActiveLocales(props.sdk);
-    return React.createElement(WrappedAssetCard, {
+    return /*#__PURE__*/ React.createElement(WrappedAssetCard, {
         getEntityScheduledActions: props.loadEntityScheduledActions,
         size: "small",
         isSelected: props.isSelected,
@@ -19,7 +19,7 @@ const InternalAssetCard = React.memo((props)=>{
         useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
         localesStatusMap: props.localesStatusMap,
         activeLocales: activeLocales,
-        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>React.createElement(DragHandle, {
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ React.createElement(DragHandle, {
                 label: "drag embedded asset",
                 ...dragHandleProps
             }) : undefined
@@ -44,19 +44,19 @@ export function FetchingWrappedAssetCard(props) {
         status
     ]);
     if (status === 'loading' || status === 'idle') {
-        return React.createElement(AssetCard, {
+        return /*#__PURE__*/ React.createElement(AssetCard, {
             size: "default",
             isLoading: true
         });
     }
     if (status === 'error') {
-        return React.createElement(MissingEntityCard, {
+        return /*#__PURE__*/ React.createElement(MissingEntityCard, {
             isDisabled: props.isDisabled,
             onRemove: props.onRemove,
             providerName: "Contentful"
         });
     }
-    return React.createElement(InternalAssetCard, {
+    return /*#__PURE__*/ React.createElement(InternalAssetCard, {
         asset: asset,
         sdk: props.sdk,
         isDisabled: props.isDisabled,

package/dist/esm/plugins/shared/FetchingWrappedEntryCard.js

@@ -3,11 +3,11 @@ import { DragHandle, EntryCard } from '@contentful/f36-components';
 import { useEntity, MissingEntityCard, WrappedEntryCard, useEntityLoader } from '@contentful/field-editor-reference';
 import { useLocalePublishStatus, useActiveLocales, parseReleaseParams, useActiveReleaseLocalesStatuses } from '@contentful/field-editor-shared';
 import areEqual from 'fast-deep-equal';
-const InternalEntryCard = React.memo((props)=>{
+const InternalEntryCard = /*#__PURE__*/ React.memo((props)=>{
     const { entry, sdk, loadEntityScheduledActions, releaseLocalesStatusMap, isActiveReleaseLoading, activeRelease } = props;
     const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
     const activeLocales = useActiveLocales(props.sdk);
-    return React.createElement(WrappedEntryCard, {
+    return /*#__PURE__*/ React.createElement(WrappedEntryCard, {
         size: "default",
         getAsset: props.sdk.space.getAsset,
         getEntityScheduledActions: loadEntityScheduledActions,
@@ -23,7 +23,7 @@ const InternalEntryCard = React.memo((props)=>{
         useLocalizedEntityStatus: sdk.parameters.instance.useLocalizedEntityStatus,
         localesStatusMap: props.localesStatusMap,
         activeLocales: activeLocales,
-        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>React.createElement(DragHandle, {
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ React.createElement(DragHandle, {
                 label: "drag embedded entry",
                 ...dragHandleProps
             }) : undefined,
@@ -60,18 +60,18 @@ export const FetchingWrappedEntryCard = (props)=>{
         status
     ]);
     if (status === 'loading' || status === 'idle') {
-        return React.createElement(EntryCard, {
+        return /*#__PURE__*/ React.createElement(EntryCard, {
             isLoading: true
         });
     }
     if (status === 'error') {
-        return React.createElement(MissingEntityCard, {
+        return /*#__PURE__*/ React.createElement(MissingEntityCard, {
             isDisabled: props.isDisabled,
             onRemove: props.onRemove,
             providerName: "Contentful"
         });
     }
-    return React.createElement(InternalEntryCard, {
+    return /*#__PURE__*/ React.createElement(InternalEntryCard, {
         entry: entry,
         sdk: props.sdk,
         locale: props.locale,

package/dist/esm/plugins/shared/FetchingWrappedResourceCard.js

@@ -2,14 +2,14 @@ import * as React from 'react';
 import { DragHandle, EntryCard } from '@contentful/f36-components';
 import { ResourceEntityErrorCard, WrappedEntryCard, useResource } from '@contentful/field-editor-reference';
 import areEqual from 'fast-deep-equal';
-const InternalEntryCard = React.memo((props)=>{
+const InternalEntryCard = /*#__PURE__*/ React.memo((props)=>{
     if (props.data === undefined || props.status === 'loading') {
-        return React.createElement(EntryCard, {
+        return /*#__PURE__*/ React.createElement(EntryCard, {
             isLoading: true
         });
     }
     const { contentType, resource: entry, space } = props.data;
-    return React.createElement(WrappedEntryCard, {
+    return /*#__PURE__*/ React.createElement(WrappedEntryCard, {
         size: "default",
         getAsset: ()=>Promise.resolve(),
         isSelected: props.isSelected,
@@ -24,7 +24,7 @@ const InternalEntryCard = React.memo((props)=>{
         isClickable: false,
         getEntityScheduledActions: ()=>Promise.resolve([]),
         useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
-        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>React.createElement(DragHandle, {
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ React.createElement(DragHandle, {
                 label: "drag resource entry",
                 ...dragHandleProps
             }) : undefined
@@ -45,7 +45,7 @@ export const FetchingWrappedResourceCard = (props)=>{
         status
     ]);
     if (status === 'error') {
-        return React.createElement(ResourceEntityErrorCard, {
+        return /*#__PURE__*/ React.createElement(ResourceEntityErrorCard, {
             error: error,
             linkType: link.linkType,
             isSelected: props.isSelected,
@@ -53,7 +53,7 @@ export const FetchingWrappedResourceCard = (props)=>{
             onRemove: props.onRemove
         });
     }
-    return React.createElement(InternalEntryCard, {
+    return /*#__PURE__*/ React.createElement(InternalEntryCard, {
         data: data,
         status: status,
         sdk: props.sdk,

package/dist/esm/plugins/shared/LinkedBlockWrapper.js

@@ -14,14 +14,14 @@ const styles = {
     })
 };
 export function LinkedBlockWrapper({ attributes, card, children, link }) {
-    return React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         ...attributes,
         className: styles.root,
         "data-entity-type": link.sys.linkType,
         "data-entity-id": getLinkEntityId(link),
         contentEditable: IS_CHROME ? undefined : false,
         draggable: IS_CHROME ? true : undefined
-    }, React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         contentEditable: IS_CHROME ? false : undefined,
         draggable: IS_CHROME ? true : undefined,
         className: styles.container

package/dist/esm/plugins/shared/LinkedInlineWrapper.js

@@ -17,14 +17,14 @@ const styles = {
     })
 };
 export function LinkedInlineWrapper({ attributes, card, children, link }) {
-    return React.createElement("span", {
+    return /*#__PURE__*/ React.createElement("span", {
         ...attributes,
         className: styles.root,
         "data-entity-type": link.sys.linkType,
         "data-entity-id": getLinkEntityId(link),
         contentEditable: IS_CHROME ? undefined : false,
         draggable: IS_CHROME ? true : undefined
-    }, React.createElement("span", {
+    }, /*#__PURE__*/ React.createElement("span", {
         contentEditable: IS_CHROME ? false : undefined,
         draggable: IS_CHROME ? true : undefined
     }, card), children);

package/dist/esm/plugins/shared/ResourceNewBadge.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Badge } from '@contentful/f36-components';
 export const ResourceNewBadge = ()=>{
-    return React.createElement(React.Fragment, null, ' ', "(different space)", ' ', React.createElement(Badge, {
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, ' ', "(different space)", ' ', /*#__PURE__*/ React.createElement(Badge, {
         variant: "primary-filled",
         size: "small"
     }, "new"));

package/dist/esm/plugins/shared/ToolbarButton.js

@@ -19,7 +19,7 @@ export function ToolbarButton(props) {
         event.preventDefault();
         props.onClick();
     };
-    const button = React.createElement(Button, {
+    const button = /*#__PURE__*/ React.createElement(Button, {
         className: cx(styles.button, className),
         isDisabled: isDisabled,
         startIcon: children,
@@ -29,7 +29,7 @@ export function ToolbarButton(props) {
         size: "small"
     });
     if (title) {
-        return React.createElement(Tooltip, {
+        return /*#__PURE__*/ React.createElement(Tooltip, {
             className: styles.tooltip,
             placement: "bottom",
             content: title

package/dist/esm/plugins/shared/__tests__/FetchingWrappedAssetCard.test.js

@@ -50,9 +50,9 @@ beforeEach(()=>{
     };
 });
 test('some dropdown actions should be disabled', async ()=>{
-    const { getByTestId, queryByTestId } = render(React.createElement(EntityProvider, {
+    const { getByTestId, queryByTestId } = render(/*#__PURE__*/ React.createElement(EntityProvider, {
         sdk: sdk
-    }, React.createElement(FetchingWrappedAssetCard, {
+    }, /*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
         sdk: sdk,
         assetId: "asset-id",
         locale: "en-US",

package/dist/esm/plugins/shared/__tests__/FetchingWrappedEntryCard.test.js

@@ -54,9 +54,9 @@ beforeEach(()=>{
     };
 });
 test('some dropdown actions should be disabled/removed', async ()=>{
-    const { getByTestId, queryByTestId } = render(React.createElement(EntityProvider, {
+    const { getByTestId, queryByTestId } = render(/*#__PURE__*/ React.createElement(EntityProvider, {
         sdk: sdk
-    }, React.createElement(FetchingWrappedEntryCard, {
+    }, /*#__PURE__*/ React.createElement(FetchingWrappedEntryCard, {
         sdk: sdk,
         entryId: "entry-id",
         locale: "en-US",

package/dist/esm/plugins/shared/__tests__/FetchingWrappedResourceCard.test.js

@@ -73,9 +73,9 @@ beforeEach(()=>{
     };
 });
 function renderResourceCard({ linkType = 'Contentful:Entry', entryUrn = resolvableEntryUrn } = {}) {
-    return render(React.createElement(EntityProvider, {
+    return render(/*#__PURE__*/ React.createElement(EntityProvider, {
         sdk: sdk
-    }, React.createElement(FetchingWrappedResourceCard, {
+    }, /*#__PURE__*/ React.createElement(FetchingWrappedResourceCard, {
         isDisabled: false,
         isSelected: false,
         sdk: sdk,

package/dist/esm/test-utils/jsx.js

@@ -1,6 +1,6 @@
 import { BLOCKS, INLINES } from '@contentful/rich-text-types';
 import { createText } from '@udecode/plate-test-utils';
-import { createHyperscript } from "slate-hyperscript";
+import { createHyperscript } from 'slate-hyperscript';
 const voidChildren = [
     {
         text: ''

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -44,8 +44,8 @@
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
     "@contentful/f36-utils": "^4.24.3",
-    "@contentful/field-editor-reference": "^6.8.1",
-    "@contentful/field-editor-shared": "^2.7.0",
+    "@contentful/field-editor-reference": "^6.9.0",
+    "@contentful/field-editor-shared": "^2.8.0",
     "@contentful/rich-text-plain-text-renderer": "^17.0.0",
     "@contentful/rich-text-types": "^17.0.0",
     "@popperjs/core": "^2.11.5",
@@ -72,12 +72,14 @@
     "slate-react": "0.102.0"
   },
   "peerDependencies": {
+    "@lingui/core": "^5.3.0",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0"
   },
   "devDependencies": {
     "@contentful/field-editor-test-utils": "^1.5.2",
     "@contentful/rich-text-react-renderer": "^16.0.0",
+    "@lingui/core": "5.3.0",
     "@types/is-hotkey": "^0.1.6",
     "@udecode/plate-test-utils": "^3.2.0",
     "prism-react-renderer": "2.4.0",
@@ -86,5 +88,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "73f0d1456d48bd96eab09ca08a23cd21ba69e7fa"
+  "gitHead": "a86f67a6d507eb7c8c7a38b4312380361bdbebbb"
 }