@contentful/field-editor-rich-text 3.15.0 → 3.15.2

package/dist/cjs/plugins/Tracking/createTrackingPlugin.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getPastingSource: function() {
-        return getPastingSource;
-    },
     createTrackingPlugin: function() {
         return createTrackingPlugin;
+    },
+    getPastingSource: function() {
+        return getPastingSource;
     }
 });
 const _utils = require("./utils");
@@ -39,6 +39,7 @@ function getPastingSource(data) {
     if (doc.querySelector('meta[content*="Microsoft Word"]')) {
         return 'Microsoft Word';
     }
+    // TODO: MS Word Online doesn't give us specific tags, we might need to have a closer look at its tracking result since we are using generic values to identify it
     if (doc.querySelector('[style*="Arial_MSFontService"]') && (doc.querySelector('.TextRun') || doc.querySelector('.OutlineElement'))) {
         return 'Microsoft Word Online';
     }
@@ -76,7 +77,7 @@ const createTrackingPlugin = (onAction)=>{
     return {
         key: 'TrackingPlugin',
         withOverrides: (editor)=>{
-            const { insertData  } = editor;
+            const { insertData } = editor;
             editor.tracking = trackingActions;
             editor.insertData = (data)=>{
                 const isCopyAndPaste = data.types.length !== 0;

package/dist/cjs/plugins/Tracking/utils.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "getCharacterCount", {
         return getCharacterCount;
     }
 });
-const _contentfulslatejsadapter = _interop_require_wildcard(require("@contentful/contentful-slatejs-adapter"));
+const _contentfulslatejsadapter = /*#__PURE__*/ _interop_require_wildcard(require("@contentful/contentful-slatejs-adapter"));
 const _richtextplaintextrenderer = require("@contentful/rich-text-plain-text-renderer");
-const _Schema = _interop_require_default(require("../../constants/Schema"));
+const _Schema = /*#__PURE__*/ _interop_require_default(require("../../constants/Schema"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -37,7 +37,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -57,6 +59,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 function getCharacterCount(editor) {
     const document = _contentfulslatejsadapter.toContentfulDocument({
+        // eslint-disable-next-line -- parameter type is not exported @typescript-eslint/no-explicit-any
         document: editor.children,
         schema: _Schema.default
     });

package/dist/cjs/plugins/Voids/createVoidsPlugin.js

@@ -14,6 +14,8 @@ const createVoidsPlugin = ()=>({
         key: 'VoidsPlugin',
         exitBreak: [
             {
+                // Inserts a new paragraph *before* a void element if it's the very first
+                // node on the editor
                 hotkey: 'enter',
                 before: true,
                 query: {
@@ -21,7 +23,10 @@ const createVoidsPlugin = ()=>({
                 }
             },
             {
+                // Inserts a new paragraph on enter when a void element is focused
                 hotkey: 'enter',
+                // exploit the internal use of Array.slice(0, level + 1) by the exitBreak plugin
+                // to stay in the parent element
                 level: -2,
                 query: {
                     filter: ([node, path])=>!((0, _editor.isRootLevel)(path) && (0, _queries.isFirstChildPath)(path)) && !!node.isVoid

package/dist/cjs/plugins/Voids/transformVoid.js

@@ -18,6 +18,7 @@ const transformVoid = (editor, [node, path])=>{
             }
         ]
     };
+    // A workaround because Slate doesn't allow adjusting void nodes children
     (0, _transforms.removeNodes)(editor, {
         at: path
     });

package/dist/cjs/plugins/index.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getPlugins: function() {
-        return getPlugins;
-    },
     disableCorePlugins: function() {
         return disableCorePlugins;
+    },
+    getPlugins: function() {
+        return getPlugins;
     }
 });
 const _plateserializerdocx = require("@udecode/plate-serializer-docx");
@@ -42,11 +42,15 @@ const _TrailingParagraph = require("./TrailingParagraph");
 const _Voids = require("./Voids");
 const getPlugins = (sdk, onAction, restrictedMarks)=>[
         (0, _plateserializerdocx.createDeserializeDocxPlugin)(),
+        // Tracking - This should come first so all plugins below will have access to `editor.tracking`
         (0, _Tracking.createTrackingPlugin)(onAction),
+        // Global / Global shortcuts
         (0, _DragAndDrop.createDragAndDropPlugin)(),
+        // Enable command palette plugin only, if at least action type is allowed
         ...Object.values((0, _useCommands.isCommandPromptPluginEnabled)(sdk)).some(Boolean) ? [
             (0, _CommandPalette.createCommandPalettePlugin)()
         ] : [],
+        // Block Elements
         (0, _Paragraph.createParagraphPlugin)(),
         (0, _List.createListPlugin)(),
         (0, _Hr.createHrPlugin)(),
@@ -56,20 +60,28 @@ const getPlugins = (sdk, onAction, restrictedMarks)=>[
         (0, _EmbeddedEntityBlock.createEmbeddedEntryBlockPlugin)(sdk),
         (0, _EmbeddedEntityBlock.createEmbeddedAssetBlockPlugin)(sdk),
         (0, _EmbeddedResourceBlock.createEmbeddedResourceBlockPlugin)(sdk),
+        // Inline elements
         (0, _Hyperlink.createHyperlinkPlugin)(sdk),
         (0, _EmbeddedEntityInline.createEmbeddedEntityInlinePlugin)(sdk),
         (0, _EmbeddedResourceInline.createEmbeddedResourceInlinePlugin)(sdk),
+        // Marks
         (0, _Marks.createMarksPlugin)(),
+        // Other
         (0, _TrailingParagraph.createTrailingParagraphPlugin)(),
         (0, _Text.createTextPlugin)(restrictedMarks),
         (0, _Voids.createVoidsPlugin)(),
         (0, _SelectOnBackspace.createSelectOnBackspacePlugin)(),
+        // Pasting content from other sources
         (0, _PasteHTML.createPasteHTMLPlugin)(),
+        // These plugins drive their configurations from the list of plugins
+        // above. They MUST come last.
         (0, _Break.createSoftBreakPlugin)(),
         (0, _Break.createExitBreakPlugin)(),
         (0, _Break.createResetNodePlugin)(),
         (0, _Normalizer.createNormalizerPlugin)()
     ];
 const disableCorePlugins = {
+    // Note: Enabled by default since v9.0.0 but it causes Cypress's
+    // .click() command to fail
     eventEditor: true
 };

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

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    styles: function() {
-        return styles;
-    },
     EmbeddedBlockToolbarIcon: function() {
         return EmbeddedBlockToolbarIcon;
+    },
+    styles: function() {
+        return styles;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
 const _richtexttypes = require("@contentful/rich-text-types");
@@ -46,7 +46,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -69,7 +71,7 @@ const styles = {
         marginRight: '10px'
     })
 };
-function EmbeddedBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
+function EmbeddedBlockToolbarIcon({ isDisabled, nodeType, onClose }) {
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
     const handleClick = async (event)=>{
@@ -86,19 +88,19 @@ function EmbeddedBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
     };
     const type = getEntityTypeFromNodeType(nodeType);
     const baseClass = `rich-text__${nodeType}`;
-    return _react.createElement(_f36components.Menu.Item, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         disabled: isDisabled,
         className: `${baseClass}-list-item`,
         onClick: handleClick,
         testId: `toolbar-toggle-${nodeType}`
-    }, _react.createElement(_f36components.Flex, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         alignItems: "center",
         flexDirection: "row"
-    }, _react.createElement(_f36components.Icon, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Icon, {
         as: type === 'Asset' ? _f36icons.AssetIcon : _f36icons.EmbeddedEntryBlockIcon,
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`,
         variant: "secondary"
-    }), _react.createElement("span", null, type, nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE && _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
+    }), /*#__PURE__*/ _react.createElement("span", null, type, nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE && /*#__PURE__*/ _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
 }
 function getEntityTypeFromNodeType(nodeType) {
     const words = nodeType.toLowerCase().split('-');

package/dist/cjs/plugins/shared/EmbeddedBlockUtil.js

@@ -20,7 +20,7 @@ _export(exports, {
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
-const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _ishotkey = /*#__PURE__*/ _interop_require_default(require("is-hotkey"));
 const _config = require("../../helpers/config");
 const _editor = require("../../helpers/editor");
 const _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
@@ -31,7 +31,7 @@ function _interop_require_default(obj) {
     };
 }
 function getWithEmbeddedBlockEvents(nodeType, sdk) {
-    return (editor, { options: { hotkey  }  })=>(event)=>{
+    return (editor, { options: { hotkey } })=>(event)=>{
             const [, pathToSelectedElement] = (0, _editor.getNodeEntryFromSelection)(editor, nodeType);
             if (pathToSelectedElement) {
                 const isDelete = event.key === 'Delete';
@@ -57,14 +57,14 @@ async function selectEntityAndInsert(nodeType, sdk, editor, logAction) {
     logAction('openCreateEmbedDialog', {
         nodeType
     });
-    const { field , dialogs  } = sdk;
+    const { field, dialogs } = sdk;
     const baseConfig = (0, _config.newEntitySelectorConfigFromRichTextField)(field, nodeType);
     const selectEntity = baseConfig.entityType === 'Asset' ? dialogs.selectSingleAsset : dialogs.selectSingleEntry;
     const config = {
         ...baseConfig,
         withCreate: true
     };
-    const { selection  } = editor;
+    const { selection } = editor;
     const rteSlide = (0, _sdkNavigatorSlideIn.watchCurrentSlide)(sdk.navigator);
     const entity = await selectEntity(config);
     if (!entity) {
@@ -72,6 +72,8 @@ async function selectEntityAndInsert(nodeType, sdk, editor, logAction) {
             nodeType
         });
     } else {
+        // Selection prevents incorrect position of inserted ref when RTE doesn't have focus
+        // (i.e. when using hotkeys and slide-in)
         (0, _internal.select)(editor, selection);
         insertBlock(editor, nodeType, entity);
         ensureFollowingParagraph(editor, [
@@ -82,6 +84,8 @@ async function selectEntityAndInsert(nodeType, sdk, editor, logAction) {
             nodeType
         });
     }
+    // If user chose to create a new entity, this might open slide-in to edit the
+    // entity. In this case, no point in focusing RTE which is now in the slide below.
     rteSlide.onActive(()=>{
         rteSlide.unwatch();
         (0, _editor.focus)(editor);
@@ -91,15 +95,17 @@ async function selectResourceEntityAndInsert(sdk, editor, logAction) {
     logAction('openCreateEmbedDialog', {
         nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE
     });
-    const { field , dialogs  } = sdk;
+    const { field, dialogs } = sdk;
     const config = (0, _config.newResourceEntitySelectorConfigFromRichTextField)(field, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE);
-    const { selection  } = editor;
+    const { selection } = editor;
     const entity = await dialogs.selectSingleResourceEntry(config);
     if (!entity) {
         logAction('cancelCreateEmbedDialog', {
             nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE
         });
     } else {
+        // Selection prevents incorrect position of inserted ref when RTE doesn't have focus
+        // (i.e. when using hotkeys and slide-in)
         (0, _internal.select)(editor, selection);
         insertBlock(editor, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE, entity);
         ensureFollowingParagraph(editor, [
@@ -110,6 +116,7 @@ async function selectResourceEntityAndInsert(sdk, editor, logAction) {
         });
     }
 }
+// TODO: incorporate this logic inside the trailingParagraph plugin instead
 function ensureFollowingParagraph(editor, nodeTypes) {
     const entityBlock = (0, _internal.getAboveNode)(editor, {
         match: {
@@ -122,6 +129,8 @@ function ensureFollowingParagraph(editor, nodeTypes) {
     const level = entityBlock[1].length - 1;
     const lastNode = (0, _internal.getLastNodeByLevel)(editor, level);
     const isTextContainer = _richtexttypes.TEXT_CONTAINERS.includes(lastNode?.[0].type ?? '');
+    // If the new block isn't followed by a sibling text container (e.g. paragraph)
+    // we insert a new empty one. Level 0 is handled by the trailingParagraph plugin
     if (level !== 0 && !isTextContainer) {
         (0, _editor.insertEmptyParagraph)(editor);
     }
@@ -157,6 +166,7 @@ const createNode = (nodeType, entity)=>{
         isVoid: true
     };
 };
+// TODO: DRY up copied code from HR
 function insertBlock(editor, nodeType, entity) {
     if (!editor?.selection) return;
     const linkedEntityBlock = createNode(nodeType, entity);

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "EmbeddedInlineToolbarIcon", {
         return EmbeddedInlineToolbarIcon;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
@@ -45,7 +45,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -76,7 +78,7 @@ const styles = {
         }
     })
 };
-function EmbeddedInlineToolbarIcon({ onClose , nodeType , isDisabled  }) {
+function EmbeddedInlineToolbarIcon({ onClose, nodeType, isDisabled }) {
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
     async function handleClick(event) {
@@ -90,16 +92,16 @@ function EmbeddedInlineToolbarIcon({ onClose , nodeType , isDisabled  }) {
         }
         (0, _editor.moveToTheNextChar)(editor);
     }
-    return _react.createElement(_f36components.Menu.Item, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         disabled: isDisabled,
         className: "rich-text__entry-link-block-button",
         testId: `toolbar-toggle-${nodeType}`,
         onClick: handleClick
-    }, _react.createElement(_f36components.Flex, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         alignItems: "center",
         flexDirection: "row"
-    }, _react.createElement(_f36icons.EmbeddedEntryInlineIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.EmbeddedEntryInlineIcon, {
         variant: "secondary",
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`
-    }), _react.createElement("span", null, "Inline entry", nodeType == _richtexttypes.INLINES.EMBEDDED_RESOURCE && _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
+    }), /*#__PURE__*/ _react.createElement("span", null, "Inline entry", nodeType == _richtexttypes.INLINES.EMBEDDED_RESOURCE && /*#__PURE__*/ _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
 }

package/dist/cjs/plugins/shared/EmbeddedInlineUtil.js

@@ -20,7 +20,7 @@ _export(exports, {
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
-const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _ishotkey = /*#__PURE__*/ _interop_require_default(require("is-hotkey"));
 const _config = require("../../helpers/config");
 const _editor = require("../../helpers/editor");
 const _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
@@ -31,7 +31,7 @@ function _interop_require_default(obj) {
     };
 }
 function getWithEmbeddedEntryInlineEvents(nodeType, sdk) {
-    return function withEmbeddedEntryInlineEvents(editor, { options: { hotkey  }  }) {
+    return function withEmbeddedEntryInlineEvents(editor, { options: { hotkey } }) {
         return function handleEvent(event) {
             if (!editor) return;
             if (hotkey && (0, _ishotkey.default)(hotkey, event)) {
@@ -82,7 +82,7 @@ async function selectEntityAndInsert(editor, sdk, logAction) {
         ...(0, _config.newEntitySelectorConfigFromRichTextField)(sdk.field, nodeType),
         withCreate: true
     };
-    const { selection  } = editor;
+    const { selection } = editor;
     const rteSlide = (0, _sdkNavigatorSlideIn.watchCurrentSlide)(sdk.navigator);
     const entry = await sdk.dialogs.selectSingleEntry(config);
     if (!entry) {
@@ -90,6 +90,8 @@ async function selectEntityAndInsert(editor, sdk, logAction) {
             nodeType
         });
     } else {
+        // Selection prevents incorrect position of inserted ref when RTE doesn't have focus
+        // (i.e. when using hotkeys and slide-in)
         (0, _transforms.select)(editor, selection);
         (0, _transforms.insertNodes)(editor, createInlineEntryNode(nodeType, entry));
         logAction('insert', {
@@ -106,18 +108,20 @@ async function selectResourceEntityAndInsert(editor, sdk, logAction) {
     logAction('openCreateEmbedDialog', {
         nodeType
     });
-    const { dialogs , field  } = sdk;
+    const { dialogs, field } = sdk;
     const config = {
         ...(0, _config.newResourceEntitySelectorConfigFromRichTextField)(field, nodeType),
         withCreate: true
     };
-    const { selection  } = editor;
+    const { selection } = editor;
     const entry = await dialogs.selectSingleResourceEntry(config);
     if (!entry) {
         logAction('cancelCreateEmbedDialog', {
             nodeType
         });
     } else {
+        // Selection prevents incorrect position of inserted ref when RTE doesn't have focus
+        // (i.e. when using hotkeys and slide-in)
         (0, _transforms.select)(editor, selection);
         (0, _transforms.insertNodes)(editor, createInlineEntryNode(nodeType, entry));
         logAction('insert', {

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "FetchingWrappedAssetCard", {
         return FetchingWrappedAssetCard;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _fieldeditorreference = require("@contentful/field-editor-reference");
-const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
+const _fastdeepequal = /*#__PURE__*/ _interop_require_default(require("fast-deep-equal"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -38,7 +38,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -56,21 +58,21 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const InternalAssetCard = _react.memo((props)=>{
+const InternalAssetCard = /*#__PURE__*/ _react.memo((props)=>{
     if (props.asset === undefined) {
-        return _react.createElement(_f36components.AssetCard, {
+        return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
             size: "default",
             isLoading: true
         });
     }
     if (props.asset === 'failed') {
-        return _react.createElement(_fieldeditorreference.MissingEntityCard, {
+        return /*#__PURE__*/ _react.createElement(_fieldeditorreference.MissingEntityCard, {
             entityType: "Asset",
             isDisabled: props.isDisabled,
             onRemove: props.onRemove
         });
     }
-    return _react.createElement(_fieldeditorreference.WrappedAssetCard, {
+    return /*#__PURE__*/ _react.createElement(_fieldeditorreference.WrappedAssetCard, {
         getEntityScheduledActions: props.loadEntityScheduledActions,
         size: "small",
         isSelected: props.isSelected,
@@ -85,9 +87,9 @@ const InternalAssetCard = _react.memo((props)=>{
 }, _fastdeepequal.default);
 InternalAssetCard.displayName = 'InternalAssetCard';
 function FetchingWrappedAssetCard(props) {
-    const { onEntityFetchComplete  } = props;
-    const { data: asset , status  } = (0, _fieldeditorreference.useEntity)('Asset', props.assetId);
-    const { getEntityScheduledActions  } = (0, _fieldeditorreference.useEntityLoader)();
+    const { onEntityFetchComplete } = props;
+    const { data: asset, status } = (0, _fieldeditorreference.useEntity)('Asset', props.assetId);
+    const { getEntityScheduledActions } = (0, _fieldeditorreference.useEntityLoader)();
     const loadEntityScheduledActions = _react.useCallback(()=>getEntityScheduledActions('Asset', props.assetId), [
         getEntityScheduledActions,
         props.assetId
@@ -100,7 +102,7 @@ function FetchingWrappedAssetCard(props) {
         onEntityFetchComplete,
         status
     ]);
-    return _react.createElement(InternalAssetCard, {
+    return /*#__PURE__*/ _react.createElement(InternalAssetCard, {
         asset: asset,
         sdk: props.sdk,
         isDisabled: props.isDisabled,

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "FetchingWrappedEntryCard", {
         return FetchingWrappedEntryCard;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _fieldeditorreference = require("@contentful/field-editor-reference");
-const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
+const _fastdeepequal = /*#__PURE__*/ _interop_require_default(require("fast-deep-equal"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -38,7 +38,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -56,22 +58,22 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const InternalEntryCard = _react.memo((props)=>{
-    const { entry , sdk , loadEntityScheduledActions  } = props;
+const InternalEntryCard = /*#__PURE__*/ _react.memo((props)=>{
+    const { entry, sdk, loadEntityScheduledActions } = props;
     if (entry === undefined) {
-        return _react.createElement(_f36components.EntryCard, {
+        return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
             isLoading: true
         });
     }
     if (entry === 'failed') {
-        return _react.createElement(_fieldeditorreference.MissingEntityCard, {
+        return /*#__PURE__*/ _react.createElement(_fieldeditorreference.MissingEntityCard, {
             entityType: "Entry",
             isDisabled: props.isDisabled,
             onRemove: props.onRemove
         });
     }
     const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
-    return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
+    return /*#__PURE__*/ _react.createElement(_fieldeditorreference.WrappedEntryCard, {
         size: "default",
         getAsset: props.sdk.space.getAsset,
         getEntityScheduledActions: loadEntityScheduledActions,
@@ -88,9 +90,9 @@ const InternalEntryCard = _react.memo((props)=>{
 }, _fastdeepequal.default);
 InternalEntryCard.displayName = 'ReferenceCard';
 const FetchingWrappedEntryCard = (props)=>{
-    const { entryId , onEntityFetchComplete  } = props;
-    const { data: entry , status  } = (0, _fieldeditorreference.useEntity)('Entry', entryId);
-    const { getEntityScheduledActions  } = (0, _fieldeditorreference.useEntityLoader)();
+    const { entryId, onEntityFetchComplete } = props;
+    const { data: entry, status } = (0, _fieldeditorreference.useEntity)('Entry', entryId);
+    const { getEntityScheduledActions } = (0, _fieldeditorreference.useEntityLoader)();
     const loadEntityScheduledActions = _react.useCallback(()=>getEntityScheduledActions('Entry', entryId), [
         getEntityScheduledActions,
         entryId
@@ -103,7 +105,7 @@ const FetchingWrappedEntryCard = (props)=>{
         onEntityFetchComplete,
         status
     ]);
-    return _react.createElement(InternalEntryCard, {
+    return /*#__PURE__*/ _react.createElement(InternalEntryCard, {
         entry: entry,
         sdk: props.sdk,
         locale: props.locale,

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "FetchingWrappedResourceCard", {
         return FetchingWrappedResourceCard;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _fieldeditorreference = require("@contentful/field-editor-reference");
-const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
+const _fastdeepequal = /*#__PURE__*/ _interop_require_default(require("fast-deep-equal"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -38,7 +38,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -56,14 +58,14 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const InternalEntryCard = _react.memo((props)=>{
+const InternalEntryCard = /*#__PURE__*/ _react.memo((props)=>{
     if (props.data === undefined || props.status === 'loading') {
-        return _react.createElement(_f36components.EntryCard, {
+        return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
             isLoading: true
         });
     }
-    const { contentType , resource: entry , space  } = props.data;
-    return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
+    const { contentType, resource: entry, space } = props.data;
+    return /*#__PURE__*/ _react.createElement(_fieldeditorreference.WrappedEntryCard, {
         size: "default",
         getAsset: ()=>Promise.resolve(),
         isSelected: props.isSelected,
@@ -81,8 +83,8 @@ const InternalEntryCard = _react.memo((props)=>{
 }, _fastdeepequal.default);
 InternalEntryCard.displayName = 'ReferenceCard';
 const FetchingWrappedResourceCard = (props)=>{
-    const { link , onEntityFetchComplete  } = props;
-    const { data , status , error  } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
+    const { link, onEntityFetchComplete } = props;
+    const { data, status, error } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
     _react.useEffect(()=>{
         if (status === 'success') {
             onEntityFetchComplete?.();
@@ -92,7 +94,7 @@ const FetchingWrappedResourceCard = (props)=>{
         status
     ]);
     if (status === 'error') {
-        return _react.createElement(_fieldeditorreference.ResourceEntityErrorCard, {
+        return /*#__PURE__*/ _react.createElement(_fieldeditorreference.ResourceEntityErrorCard, {
             error: error,
             linkType: link.linkType,
             isSelected: props.isSelected,
@@ -100,7 +102,8 @@ const FetchingWrappedResourceCard = (props)=>{
             onRemove: props.onRemove
         });
     }
-    return _react.createElement(InternalEntryCard, {
+    return /*#__PURE__*/ _react.createElement(InternalEntryCard, {
+        // entry is the only currently supported  entity but TypeScript is not aware
         data: data,
         status: status,
         sdk: props.sdk,