@contentful/field-editor-reference 5.18.0 → 5.20.0

package/dist/cjs/__fixtures__/FakeSdk.js

@@ -59,7 +59,7 @@ function newReferenceEditorFakeSdk(props) {
         locales,
         cmaAdapter: (0, _fieldeditortestutils.createFakeCMAAdapter)({
             Entry: {
-                get: async ({ entryId  })=>{
+                get: async ({ entryId })=>{
                     if (props?.fetchDelay) {
                         await delay(props.fetchDelay);
                     }
@@ -76,7 +76,7 @@ function newReferenceEditorFakeSdk(props) {
                 }
             },
             Asset: {
-                get: async ({ assetId  })=>{
+                get: async ({ assetId })=>{
                     if (props?.fetchDelay) {
                         await delay(props.fetchDelay);
                     }
@@ -101,7 +101,7 @@ function newReferenceEditorFakeSdk(props) {
                 }
             },
             ContentType: {
-                get: async ({ contentTypeId  })=>{
+                get: async ({ contentTypeId })=>{
                     if (contentTypeId === _fixtures.contentTypes.published.sys.id) {
                         return _fixtures.contentTypes.published;
                     }

package/dist/cjs/__fixtures__/asset/index.js

@@ -12,24 +12,24 @@ _export(exports, {
     changed: function() {
         return _changed_assetjson.default;
     },
+    created: function() {
+        return _created_assetjson.default;
+    },
     empty: function() {
         return _empty_assetjson.default;
     },
-    published: function() {
-        return _published_assetjson.default;
-    },
     invalid: function() {
         return _invalid_assetjson.default;
     },
-    created: function() {
-        return _created_assetjson.default;
+    published: function() {
+        return _published_assetjson.default;
     }
 });
-const _changed_assetjson = _interop_require_default(require("./changed_asset.json"));
-const _created_assetjson = _interop_require_default(require("./created_asset.json"));
-const _empty_assetjson = _interop_require_default(require("./empty_asset.json"));
-const _invalid_assetjson = _interop_require_default(require("./invalid_asset.json"));
-const _published_assetjson = _interop_require_default(require("./published_asset.json"));
+const _changed_assetjson = /*#__PURE__*/ _interop_require_default(require("./changed_asset.json"));
+const _created_assetjson = /*#__PURE__*/ _interop_require_default(require("./created_asset.json"));
+const _empty_assetjson = /*#__PURE__*/ _interop_require_default(require("./empty_asset.json"));
+const _invalid_assetjson = /*#__PURE__*/ _interop_require_default(require("./invalid_asset.json"));
+const _published_assetjson = /*#__PURE__*/ _interop_require_default(require("./published_asset.json"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/__fixtures__/content-type/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "published", {
         return _published_content_typejson.default;
     }
 });
-const _published_content_typejson = _interop_require_default(require("./published_content_type.json"));
+const _published_content_typejson = /*#__PURE__*/ _interop_require_default(require("./published_content_type.json"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/__fixtures__/entry/index.js

@@ -15,17 +15,17 @@ _export(exports, {
     empty: function() {
         return _empty_entryjson.default;
     },
-    published: function() {
-        return _published_entryjson.default;
-    },
     invalid: function() {
         return _invalid_entryjson.default;
+    },
+    published: function() {
+        return _published_entryjson.default;
     }
 });
-const _changed_entryjson = _interop_require_default(require("./changed_entry.json"));
-const _empty_entryjson = _interop_require_default(require("./empty_entry.json"));
-const _invalid_entryjson = _interop_require_default(require("./invalid_entry.json"));
-const _published_entryjson = _interop_require_default(require("./published_entry.json"));
+const _changed_entryjson = /*#__PURE__*/ _interop_require_default(require("./changed_entry.json"));
+const _empty_entryjson = /*#__PURE__*/ _interop_require_default(require("./empty_entry.json"));
+const _invalid_entryjson = /*#__PURE__*/ _interop_require_default(require("./invalid_entry.json"));
+const _published_entryjson = /*#__PURE__*/ _interop_require_default(require("./published_entry.json"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/__fixtures__/fixtures.js

@@ -25,11 +25,11 @@ _export(exports, {
         return _space;
     }
 });
-const _asset = _interop_require_wildcard(require("./asset"));
-const _contenttype = _interop_require_wildcard(require("./content-type"));
-const _entry = _interop_require_wildcard(require("./entry"));
-const _locale = _interop_require_wildcard(require("./locale"));
-const _space = _interop_require_wildcard(require("./space"));
+const _asset = /*#__PURE__*/ _interop_require_wildcard(require("./asset"));
+const _contenttype = /*#__PURE__*/ _interop_require_wildcard(require("./content-type"));
+const _entry = /*#__PURE__*/ _interop_require_wildcard(require("./entry"));
+const _locale = /*#__PURE__*/ _interop_require_wildcard(require("./locale"));
+const _space = /*#__PURE__*/ _interop_require_wildcard(require("./space"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -51,7 +51,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)) {

package/dist/cjs/__fixtures__/locale/index.js

@@ -19,8 +19,8 @@ _export(exports, {
         return list;
     }
 });
-const _english_default_localejson = _interop_require_default(require("./english_default_locale.json"));
-const _german_localejson = _interop_require_default(require("./german_locale.json"));
+const _english_default_localejson = /*#__PURE__*/ _interop_require_default(require("./english_default_locale.json"));
+const _german_localejson = /*#__PURE__*/ _interop_require_default(require("./german_locale.json"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/__fixtures__/space/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "indifferent", {
         return _indifferent_spacejson.default;
     }
 });
-const _indifferent_spacejson = _interop_require_default(require("./indifferent_space.json"));
+const _indifferent_spacejson = /*#__PURE__*/ _interop_require_default(require("./indifferent_space.json"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/assets/MultipleMediaEditor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "MultipleMediaEditor", {
         return MultipleMediaEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _sortable = require("@dnd-kit/sortable");
 const _emotion = require("emotion");
 const _MultipleReferenceEditor = require("../common/MultipleReferenceEditor");
@@ -35,7 +35,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)) {
@@ -61,16 +63,16 @@ const styles = {
     })
 };
 function MultipleMediaEditor(props) {
-    return _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
+    return /*#__PURE__*/ _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
         ...props,
         entityType: "Asset"
-    }, (childrenProps)=>_react.createElement(_SortableLinkList.SortableLinkList, {
+    }, (childrenProps)=>/*#__PURE__*/ _react.createElement(_SortableLinkList.SortableLinkList, {
             ...childrenProps,
             sortingStrategy: childrenProps.viewType === 'card' ? _sortable.rectSortingStrategy : _sortable.verticalListSortingStrategy,
             className: (0, _emotion.cx)({
                 [styles.gridContainer]: childrenProps.viewType === 'card'
             })
-        }, ({ items , item , index , isDisabled , DragHandle  })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
+        }, ({ items, item, index, isDisabled, DragHandle })=>/*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
                 ...childrenProps,
                 isDisabled: isDisabled,
                 key: `${item.sys.id}-${index}`,

package/dist/cjs/assets/SingleMediaEditor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "SingleMediaEditor", {
         return SingleMediaEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _SingleReferenceEditor = require("../common/SingleReferenceEditor");
 const _FetchingWrappedAssetCard = require("./WrappedAssetCard/FetchingWrappedAssetCard");
 function _getRequireWildcardCache(nodeInterop) {
@@ -32,7 +32,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)) {
@@ -51,10 +53,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function SingleMediaEditor(props) {
-    return _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
+    return /*#__PURE__*/ _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
         ...props,
         entityType: "Asset"
-    }, ({ entityId , isDisabled , setValue  })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
+    }, ({ entityId, isDisabled, setValue })=>/*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
             ...props,
             viewType: "big_card",
             assetId: entityId,

package/dist/cjs/assets/WrappedAssetCard/AssetCardActions.js

@@ -9,19 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    renderAssetInfo: function() {
-        return renderAssetInfo;
-    },
     renderActions: function() {
         return renderActions;
+    },
+    renderAssetInfo: function() {
+        return renderAssetInfo;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _emotion = require("emotion");
-const _get = _interop_require_default(require("lodash/get"));
+const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -48,7 +48,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)) {
@@ -104,42 +106,42 @@ function downloadAsset(url) {
     window.open(url, '_blank', 'noopener,noreferrer');
 }
 function renderAssetInfo(props) {
-    const { entityFile  } = props;
+    const { entityFile } = props;
     const fileName = (0, _get.default)(entityFile, 'fileName');
     const mimeType = (0, _get.default)(entityFile, 'contentType');
     const fileSize = (0, _get.default)(entityFile, 'details.size');
     const image = (0, _get.default)(entityFile, 'details.image');
     return [
-        _react.createElement(_f36components.Menu.SectionTitle, {
+        /*#__PURE__*/ _react.createElement(_f36components.Menu.SectionTitle, {
             key: "file-section"
         }, "File info"),
-        _react.createElement(_f36components.Menu.Item, {
+        /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
             key: "file-information",
             className: styles.fileInformation.menuItem,
             isDisabled: true
-        }, _react.createElement("dl", {
+        }, /*#__PURE__*/ _react.createElement("dl", {
             className: styles.fileInformation.dl
-        }, fileName && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Name:"), _react.createElement(_f36components.Text, {
+        }, fileName && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "File Name:"), /*#__PURE__*/ _react.createElement(_f36components.Text, {
             as: "dd",
             isTruncated: true
-        }, fileName)), mimeType && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Type:"), _react.createElement(_f36components.Text, {
+        }, fileName)), mimeType && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "File Type:"), /*#__PURE__*/ _react.createElement(_f36components.Text, {
             as: "dd",
             isTruncated: true
-        }, mimeType)), fileSize && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "Size:"), _react.createElement("dd", null, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B'))), image && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "Dimensions:"), _react.createElement("dd", null, `${image.width} × ${image.height}`))))
+        }, mimeType)), fileSize && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Size:"), /*#__PURE__*/ _react.createElement("dd", null, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B'))), image && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Dimensions:"), /*#__PURE__*/ _react.createElement("dd", null, `${image.width} × ${image.height}`))))
     ];
 }
 function renderActions(props) {
-    const { entityFile , isDisabled , onEdit , onRemove  } = props;
+    const { entityFile, isDisabled, onEdit, onRemove } = props;
     return [
-        _react.createElement(_f36components.Menu.SectionTitle, {
+        /*#__PURE__*/ _react.createElement(_f36components.Menu.SectionTitle, {
             key: "section-title"
         }, "Actions"),
-        onEdit ? _react.createElement(_f36components.Menu.Item, {
+        onEdit ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
             key: "edit",
             onClick: onEdit,
             testId: "card-action-edit"
         }, "Edit") : null,
-        entityFile ? _react.createElement(_f36components.Menu.Item, {
+        entityFile ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
             key: "download",
             onClick: ()=>{
                 if (typeof entityFile.url === 'string') {
@@ -148,7 +150,7 @@ function renderActions(props) {
             },
             testId: "card-action-download"
         }, "Download") : null,
-        onRemove ? _react.createElement(_f36components.Menu.Item, {
+        onRemove ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
             key: "remove",
             disabled: isDisabled,
             onClick: onRemove,

package/dist/cjs/assets/WrappedAssetCard/FetchingWrappedAssetCard.js

@@ -8,7 +8,7 @@ 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 _EntityStore = require("../../common/EntityStore");
 const _components = require("../../components");
@@ -35,7 +35,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)) {
@@ -54,8 +56,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function FetchingWrappedAssetCard(props) {
-    const { data: asset , status  } = (0, _EntityStore.useEntity)('Asset', props.assetId);
-    const { getEntityScheduledActions  } = (0, _EntityStore.useEntityLoader)();
+    const { data: asset, status } = (0, _EntityStore.useEntity)('Asset', props.assetId);
+    const { getEntityScheduledActions } = (0, _EntityStore.useEntityLoader)();
     const loadEntityScheduledActions = _react.useCallback(()=>getEntityScheduledActions('Asset', props.assetId), [
         getEntityScheduledActions,
         props.assetId
@@ -67,11 +69,12 @@ function FetchingWrappedAssetCard(props) {
                 entity: 'Asset'
             });
         }
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
     }, [
         asset
     ]);
     const onEdit = async ()=>{
-        const { slide  } = await props.sdk.navigator.openAsset(props.assetId, {
+        const { slide } = await props.sdk.navigator.openAsset(props.assetId, {
             slideIn: true
         });
         props.onAction && props.onAction({
@@ -93,7 +96,7 @@ function FetchingWrappedAssetCard(props) {
     };
     return _react.useMemo(()=>{
         if (status === 'error') {
-            const card = _react.createElement(_components.MissingEntityCard, {
+            const card = /*#__PURE__*/ _react.createElement(_components.MissingEntityCard, {
                 entityType: "Asset",
                 asSquare: props.viewType !== 'link',
                 isDisabled: props.isDisabled,
@@ -110,7 +113,7 @@ function FetchingWrappedAssetCard(props) {
             }
             return card;
         }
-        const { getEntityUrl  } = props;
+        const { getEntityUrl } = props;
         const size = props.viewType === 'big_card' ? 'default' : 'small';
         const commonProps = {
             asset,
@@ -125,24 +128,25 @@ function FetchingWrappedAssetCard(props) {
         };
         if (props.viewType === 'link') {
             if (status === 'loading') {
-                return _react.createElement(_f36components.EntryCard, {
+                return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
                     size: "small",
                     isLoading: true
                 });
             }
-            return _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
+            return /*#__PURE__*/ _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
                 ...commonProps,
                 href: commonProps.entityUrl,
                 getEntityScheduledActions: loadEntityScheduledActions
             });
         }
         if (status === 'loading') {
-            return _react.createElement(_f36components.AssetCard, {
+            return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
                 size: size,
                 isLoading: true
             });
         }
         function renderDefaultCard(props) {
+            // isClickable has a default value, so omit it from the props
             const builtinCardProps = {
                 ...commonProps,
                 ...props,
@@ -150,19 +154,22 @@ function FetchingWrappedAssetCard(props) {
                 asset: (props?.entity) || commonProps.asset,
                 getAssetUrl: getEntityUrl
             };
-            return _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
+            return /*#__PURE__*/ _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
         }
         if (props.renderCustomCard) {
             const customProps = {
                 ...commonProps,
                 entity: commonProps.asset
             };
+            // LinkActionsProps are injected higher SingleReferenceEditor/MultipleReferenceEditor
             const renderedCustomCard = props.renderCustomCard(customProps, {}, renderDefaultCard);
+            // Only `false` indicates to render the original card. E.g. `null` would result in no card.
             if (renderedCustomCard !== false) {
                 return renderedCustomCard;
             }
         }
         return renderDefaultCard();
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
     }, [
         props,
         status,

package/dist/cjs/assets/WrappedAssetCard/WrappedAssetCard.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "WrappedAssetCard", {
         return WrappedAssetCard;
     }
 });
-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 _fieldeditorshared = require("@contentful/field-editor-shared");
-const _mimetype = _interop_require_default(require("@contentful/mimetype"));
+const _mimetype = /*#__PURE__*/ _interop_require_default(require("@contentful/mimetype"));
 const _emotion = require("emotion");
 const _components = require("../../components");
 const _AssetCardActions = require("./AssetCardActions");
@@ -43,7 +43,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)) {
@@ -82,6 +84,7 @@ const styles = {
 const defaultProps = {
     isClickable: true
 };
+// eslint-disable-next-line -- TODO: describe this disable  @typescript-eslint/no-explicit-any
 function getFileType(file) {
     if (!file) {
         return 'archive';
@@ -93,10 +96,11 @@ function getFileType(file) {
     return groupToIconMap[groupName] || 'archive';
 }
 const WrappedAssetCard = (props)=>{
-    const { className , onEdit , getAssetUrl , onRemove , size , isDisabled , isSelected , isClickable  } = props;
+    const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable } = props;
+    // @ts-expect-error
     const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
-        return _react.createElement(_components.MissingEntityCard, {
+        return /*#__PURE__*/ _react.createElement(_components.MissingEntityCard, {
             entityType: "Asset",
             asSquare: true,
             isDisabled: props.isDisabled,
@@ -111,7 +115,7 @@ const WrappedAssetCard = (props)=>{
     });
     const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
     const href = getAssetUrl ? getAssetUrl(props.asset.sys.id) : undefined;
-    return _react.createElement(_f36components.AssetCard, {
+    return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
         as: href ? 'a' : 'article',
         type: getFileType(entityFile),
         title: entityTitle,
@@ -119,22 +123,27 @@ const WrappedAssetCard = (props)=>{
         isSelected: isSelected,
         href: href,
         status: status,
-        icon: _react.createElement(_components.ScheduledIconWithTooltip, {
+        icon: /*#__PURE__*/ _react.createElement(_components.ScheduledIconWithTooltip, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
             entityId: props.asset.sys.id
-        }, _react.createElement(_f36icons.ClockIcon, {
+        }, /*#__PURE__*/ _react.createElement(_f36icons.ClockIcon, {
             className: styles.scheduleIcon,
             size: "small",
             variant: "muted",
             testId: "schedule-icon"
         })),
         src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
-        onClick: isClickable ? (e)=>{
+        onClick: // Providing an onClick handler messes up with some rich text
+        // features e.g. pressing ENTER on a card to add a new paragraph
+        // underneath. It's crucial not to pass a custom handler when
+        // isClickable is disabled which in the case of RT it's.
+        isClickable ? (e)=>{
             e.preventDefault();
             onEdit && onEdit();
         } : undefined,
-        onKeyDown: isClickable ? (e)=>{
+        /* todo - remove this when onKeyDown is allowed as a prop for BaseCard in forma 36
+      // @ts-expect-error */ onKeyDown: isClickable ? (e)=>{
             if (e.key === 'Enter' && onEdit) {
                 e.preventDefault();
                 onEdit();

package/dist/cjs/assets/WrappedAssetCard/WrappedAssetLink.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "WrappedAssetLink", {
         return WrappedAssetLink;
     }
 });
-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 _fieldeditorshared = require("@contentful/field-editor-shared");
 const _emotion = require("emotion");
 const _components = require("../../components");
@@ -42,7 +42,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)) {
@@ -66,10 +68,11 @@ const styles = {
     })
 };
 const WrappedAssetLink = (props)=>{
-    const { className , href , onEdit , onRemove , isDisabled  } = props;
+    const { className, href, onEdit, onRemove, isDisabled } = props;
+    // @ts-expect-error
     const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
-        return _react.createElement(_components.MissingEntityCard, {
+        return /*#__PURE__*/ _react.createElement(_components.MissingEntityCard, {
             entityType: "Asset",
             isDisabled: props.isDisabled,
             onRemove: props.onRemove
@@ -82,7 +85,7 @@ const WrappedAssetLink = (props)=>{
         defaultTitle: 'Untitled'
     });
     const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
-    return _react.createElement(_f36components.EntryCard, {
+    return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
         as: href ? 'a' : 'article',
         contentType: "Asset",
         title: entityTitle,
@@ -90,14 +93,14 @@ const WrappedAssetLink = (props)=>{
         href: href,
         size: "small",
         status: status,
-        thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? _react.createElement(_components.AssetThumbnail, {
+        thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? /*#__PURE__*/ _react.createElement(_components.AssetThumbnail, {
             file: entityFile
         }) : undefined,
-        icon: _react.createElement(_components.ScheduledIconWithTooltip, {
+        icon: /*#__PURE__*/ _react.createElement(_components.ScheduledIconWithTooltip, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
             entityId: props.asset.sys.id
-        }, _react.createElement(_f36icons.ClockIcon, {
+        }, /*#__PURE__*/ _react.createElement(_f36icons.ClockIcon, {
             className: styles.scheduleIcon,
             size: "small",
             variant: "muted",

package/dist/cjs/assets/index.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    SingleMediaEditor: function() {
-        return _SingleMediaEditor.SingleMediaEditor;
-    },
     MultipleMediaEditor: function() {
         return _MultipleMediaEditor.MultipleMediaEditor;
     },
+    SingleMediaEditor: function() {
+        return _SingleMediaEditor.SingleMediaEditor;
+    },
     WrappedAssetCard: function() {
         return _WrappedAssetCard.WrappedAssetCard;
     }