@contentful/field-editor-reference 5.19.0 → 5.20.0

package/dist/cjs/resources/Cards/ResourceCard.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "ResourceCard", {
         return ResourceCard;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _reactintersectionobserver = require("react-intersection-observer");
 const _f36components = require("@contentful/f36-components");
 const _EntityStore = require("../../common/EntityStore");
@@ -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,28 +56,29 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function ResourceCardSkeleton() {
-    return _react.createElement(_f36components.EntryCard, {
+    return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
         size: "small",
         isLoading: true
     });
 }
 function ExistingResourceCard(props) {
-    const { resourceLink , inView , index =0  } = props;
+    const { resourceLink, inView, index = 0 } = props;
     const resourceOptions = {
         priority: index * -1,
         enabled: inView
     };
-    const { data , error  } = (0, _EntityStore.useResource)(resourceLink.sys.linkType, resourceLink.sys.urn, resourceOptions);
+    const { data, error } = (0, _EntityStore.useResource)(resourceLink.sys.linkType, resourceLink.sys.urn, resourceOptions);
     if (!data && !error) {
-        return _react.createElement(ResourceCardSkeleton, null);
+        return /*#__PURE__*/ _react.createElement(ResourceCardSkeleton, null);
     }
     if (data) {
-        return _react.createElement(_ContentfulEntryCard.ContentfulEntryCard, {
+        // @ts-expect-error
+        return /*#__PURE__*/ _react.createElement(_ContentfulEntryCard.ContentfulEntryCard, {
             info: data,
             ...props
         });
     }
-    return _react.createElement(_components.ResourceEntityErrorCard, {
+    return /*#__PURE__*/ _react.createElement(_components.ResourceEntityErrorCard, {
         linkType: resourceLink.sys.linkType,
         error: error,
         isDisabled: props.isDisabled,
@@ -86,20 +89,21 @@ function ResourceCardWrapper(props) {
     if (!props.resourceLink) {
         return null;
     }
-    return _react.createElement(ExistingResourceCard, {
+    return /*#__PURE__*/ _react.createElement(ExistingResourceCard, {
         ...props,
         resourceLink: props.resourceLink,
         getEntryRouteHref: props.getEntryRouteHref
     });
 }
 function ResourceCard(props) {
-    const { ref , inView  } = (0, _reactintersectionobserver.useInView)({
+    const { ref, inView } = (0, _reactintersectionobserver.useInView)({
         triggerOnce: true,
         rootMargin: '300px 0px 0px 300px'
     });
-    return _react.createElement("div", {
+    // Forma does not offer us to pass refs, so we need an additional wrapper here
+    return /*#__PURE__*/ _react.createElement("div", {
         ref: ref
-    }, _react.createElement(ResourceCardWrapper, {
+    }, /*#__PURE__*/ _react.createElement(ResourceCardWrapper, {
         ...props,
         inView: inView
     }));

package/dist/cjs/resources/Cards/ResourceCard.spec.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 require("@testing-library/jest-dom");
 const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
 const _react1 = require("@testing-library/react");
-const _published_content_typejson = _interop_require_default(require("../../__fixtures__/content-type/published_content_type.json"));
-const _published_entry_non_masterjson = _interop_require_default(require("../../__fixtures__/entry/published_entry_non_master.json"));
-const _published_entryjson = _interop_require_default(require("../../__fixtures__/entry/published_entry.json"));
-const _indifferent_spacejson = _interop_require_default(require("../../__fixtures__/space/indifferent_space.json"));
+const _published_content_typejson = /*#__PURE__*/ _interop_require_default(require("../../__fixtures__/content-type/published_content_type.json"));
+const _published_entry_non_masterjson = /*#__PURE__*/ _interop_require_default(require("../../__fixtures__/entry/published_entry_non_master.json"));
+const _published_entryjson = /*#__PURE__*/ _interop_require_default(require("../../__fixtures__/entry/published_entry.json"));
+const _indifferent_spacejson = /*#__PURE__*/ _interop_require_default(require("../../__fixtures__/space/indifferent_space.json"));
 const _EntityStore = require("../../common/EntityStore");
 const _ResourceCard = require("./ResourceCard");
 function _interop_require_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)) {
@@ -62,6 +64,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 jest.mock('react-intersection-observer', ()=>({
         useInView: jest.fn().mockReturnValue({})
     }));
+// explicit master
 const resolvableEntryUrn = 'crn:contentful:::content:spaces/space-id/entries/linked-entry-urn';
 const resolvableEntryUrnWithExplicitMaster = 'crn:contentful:::content:spaces/space-id/environments/master/entries/linked-entry-urn';
 const resolvableEntryUrnWithAnotherEnvironment = 'crn:contentful:::content:spaces/space-id/environments/my-test-environment/entries/linked-entry-urn';
@@ -75,7 +78,7 @@ const sdk = {
             get: jest.fn().mockReturnValue(_published_content_typejson.default)
         },
         Entry: {
-            get: jest.fn().mockImplementation(({ spaceId , environmentId , entryId  })=>{
+            get: jest.fn().mockImplementation(({ spaceId, environmentId, entryId })=>{
                 if (spaceId === 'space-id' && environmentId === 'master' && entryId === 'linked-entry-urn') {
                     return Promise.resolve(_published_entryjson.default);
                 }
@@ -114,10 +117,10 @@ const sdk = {
         environment: 'environment-id'
     }
 };
-function renderResourceCard({ linkType ='Contentful:Entry' , entryUrn =resolvableEntryUrn  } = {}) {
-    return (0, _react1.render)(_react.createElement(_EntityStore.EntityProvider, {
+function renderResourceCard({ linkType = 'Contentful:Entry', entryUrn = resolvableEntryUrn } = {}) {
+    return (0, _react1.render)(/*#__PURE__*/ _react.createElement(_EntityStore.EntityProvider, {
         sdk: sdk
-    }, _react.createElement(_ResourceCard.ResourceCard, {
+    }, /*#__PURE__*/ _react.createElement(_ResourceCard.ResourceCard, {
         isDisabled: false,
         getEntryRouteHref: ()=>'',
         resourceLink: {
@@ -131,7 +134,7 @@ function renderResourceCard({ linkType ='Contentful:Entry' , entryUrn =resolvabl
 }
 describe('ResourceCard', ()=>{
     it('renders entry card with implicit master crn', async ()=>{
-        const { getByTestId , getByText  } = renderResourceCard();
+        const { getByTestId, getByText } = renderResourceCard();
         const tooltipContent = `Space: ${_indifferent_spacejson.default.name} (Env.: ${_published_entryjson.default.sys.environment.sys.id})`;
         await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-entry-card')).toBeDefined());
         expect(getByText(_published_entryjson.default.fields.exField['en-US'])).toBeDefined();
@@ -140,7 +143,7 @@ describe('ResourceCard', ()=>{
         await (0, _react1.waitFor)(()=>expect(getByText(tooltipContent)).toBeDefined());
     });
     it('renders entry card with explicit master crn', async ()=>{
-        const { getByTestId , getByText  } = renderResourceCard({
+        const { getByTestId, getByText } = renderResourceCard({
             entryUrn: resolvableEntryUrnWithExplicitMaster
         });
         const tooltipContent = `Space: ${_indifferent_spacejson.default.name} (Env.: ${_published_entryjson.default.sys.environment.sys.id})`;
@@ -151,7 +154,7 @@ describe('ResourceCard', ()=>{
         await (0, _react1.waitFor)(()=>expect(getByText(tooltipContent)).toBeDefined());
     });
     it('renders entry card with a non master environment', async ()=>{
-        const { getByTestId , getByText  } = renderResourceCard({
+        const { getByTestId, getByText } = renderResourceCard({
             entryUrn: resolvableEntryUrnWithAnotherEnvironment
         });
         await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-entry-card')).toBeDefined());
@@ -162,23 +165,23 @@ describe('ResourceCard', ()=>{
         await (0, _react1.waitFor)(()=>expect(getByText(tooltipContent)).toBeDefined());
     });
     it('renders skeleton when no data is provided', ()=>{
-        const { getByTestId  } = renderResourceCard();
+        const { getByTestId } = renderResourceCard();
         expect(getByTestId('cf-ui-skeleton-form')).toBeDefined();
     });
     it('renders unsupported entity card when unsupported link is passed', async ()=>{
-        const { getByText  } = renderResourceCard({
+        const { getByText } = renderResourceCard({
             linkType: 'Contentful:UnsupportedLink'
         });
         await (0, _react1.waitFor)(()=>expect(getByText('Resource type Contentful:UnsupportedLink is currently not supported')).toBeDefined());
     });
     it('renders missing entity card when unknown error is returned', async ()=>{
-        const { getByTestId  } = renderResourceCard({
+        const { getByTestId } = renderResourceCard({
             entryUrn: unknownEntryUrn
         });
         await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());
     });
     it('renders missing entity card when crn is invalid', async ()=>{
-        const { getByTestId  } = renderResourceCard({
+        const { getByTestId } = renderResourceCard({
             entryUrn: ''
         });
         await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());

package/dist/cjs/resources/MultipleResourceReferenceEditor.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "MultipleResourceReferenceEditor", {
         return MultipleResourceReferenceEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _sortable = require("@dnd-kit/sortable");
-const _deepequal = _interop_require_default(require("deep-equal"));
-const _noop = _interop_require_default(require("lodash/noop"));
+const _deepequal = /*#__PURE__*/ _interop_require_default(require("deep-equal"));
+const _noop = /*#__PURE__*/ _interop_require_default(require("lodash/noop"));
 const _EntityStore = require("../common/EntityStore");
 const _SortableLinkList = require("../common/SortableLinkList");
 const _LinkEntityActions = require("../components/LinkActions/LinkEntityActions");
@@ -44,7 +44,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)) {
@@ -63,9 +65,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function ResourceEditor(props) {
-    const { setValue , items , apiUrl  } = props;
+    const { setValue, items, apiUrl } = props;
     const onSortStart = ()=>(0, _noop.default)();
-    const onSortEnd = (0, _react.useCallback)(({ oldIndex , newIndex  })=>{
+    const onSortEnd = (0, _react.useCallback)(({ oldIndex, newIndex })=>{
         const newItems = (0, _sortable.arrayMove)(items, oldIndex, newIndex);
         setValue(newItems);
     }, [
@@ -85,24 +87,25 @@ function ResourceEditor(props) {
         items,
         setValue
     ]);
-    const { dialogs , field  } = props.sdk;
+    const { dialogs, field } = props.sdk;
     const linkActionsProps = (0, _useResourceLinkActions.useResourceLinkActions)({
         dialogs,
         field,
         apiUrl
     });
-    return _react.createElement(_react.Fragment, null, props.children({
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, props.children({
         ...props,
         onSortStart,
         onSortEnd,
         onMove,
         onRemoteItemAtIndex
-    }), _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
+    }), /*#__PURE__*/ _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
         ...linkActionsProps,
         renderCustomActions: props.renderCustomActions
     }));
 }
-function WithPerItemCallbacks({ listLength , index , onMove , onRemoteItemAtIndex , children  }) {
+// provides memoized callbacks bound to a given item
+function WithPerItemCallbacks({ listLength, index, onMove, onRemoteItemAtIndex, children }) {
     const handleMoveTop = _react.useMemo(()=>index > 0 ? ()=>onMove(index, 0) : undefined, [
         index,
         onMove
@@ -116,7 +119,7 @@ function WithPerItemCallbacks({ listLength , index , onMove , onRemoteItemAtInde
         index,
         onRemoteItemAtIndex
     ]);
-    return _react.createElement(_react.Fragment, null, children({
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, children({
         onMoveBottom: handleMoveBottom,
         onMoveTop: handleMoveTop,
         onRemove: handleRemove
@@ -124,28 +127,28 @@ function WithPerItemCallbacks({ listLength , index , onMove , onRemoteItemAtInde
 }
 const EMPTY_ARRAY = [];
 function MultipleResourceReferenceEditor(props) {
-    return _react.createElement(_EntityStore.EntityProvider, {
+    return /*#__PURE__*/ _react.createElement(_EntityStore.EntityProvider, {
         sdk: props.sdk
-    }, _react.createElement(_fieldeditorshared.FieldConnector, {
+    }, /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
         debounce: 0,
         field: props.sdk.field,
         isInitiallyDisabled: props.isInitiallyDisabled,
         isEqualValues: _deepequal.default
-    }, ({ value , disabled , setValue , externalReset  })=>{
-        return _react.createElement(ResourceEditor, {
+    }, ({ value, disabled, setValue, externalReset })=>{
+        return /*#__PURE__*/ _react.createElement(ResourceEditor, {
             ...props,
             items: value || EMPTY_ARRAY,
             isDisabled: disabled,
             setValue: setValue,
             renderCustomActions: props.renderCustomActions,
             key: `${externalReset}-list`
-        }, (editorProps)=>_react.createElement(_SortableLinkList.SortableLinkList, editorProps, ({ item , isDisabled , DragHandle , index  })=>_react.createElement(WithPerItemCallbacks, {
+        }, (editorProps)=>/*#__PURE__*/ _react.createElement(_SortableLinkList.SortableLinkList, editorProps, ({ item, isDisabled, DragHandle, index })=>/*#__PURE__*/ _react.createElement(WithPerItemCallbacks, {
                     key: index,
                     index: index,
                     onMove: editorProps.onMove,
                     onRemoteItemAtIndex: editorProps.onRemoteItemAtIndex,
                     listLength: value?.length || 0
-                }, ({ onMoveBottom , onMoveTop , onRemove  })=>_react.createElement(_ResourceCard.ResourceCard, {
+                }, ({ onMoveBottom, onMoveTop, onRemove })=>/*#__PURE__*/ _react.createElement(_ResourceCard.ResourceCard, {
                         key: index,
                         index: index,
                         resourceLink: item,

package/dist/cjs/resources/MultipleResourceReferenceEditor.spec.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 require("@testing-library/jest-dom/extend-expect");
 const _react1 = require("@testing-library/react");
 const _EntityStore = require("../common/EntityStore");
@@ -29,7 +29,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)) {
@@ -89,16 +91,18 @@ const fieldDefinition = {
 describe('Multiple resource editor', ()=>{
     it('renders the action button when no value is set', async ()=>{
         const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
-        (0, _react1.render)(_react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
+        (0, _react1.render)(/*#__PURE__*/ _react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
             isInitiallyDisabled: false,
             sdk: sdk,
             hasCardEditActions: true,
             viewType: "card",
+            // @ts-expect-error unused...
             parameters: {}
         }));
         const button = await _react1.screen.findByText('Add existing content');
         expect(button).toBeDefined();
         _react1.fireEvent.click(button);
+        // @ts-expect-error wait app-sdk version update
         const dialogFn = sdk.dialogs.selectMultipleResourceEntries;
         expect(dialogFn).toHaveBeenCalledTimes(1);
         const options = dialogFn.mock.calls[0][0];
@@ -108,13 +112,14 @@ describe('Multiple resource editor', ()=>{
     });
     it('renders custom actions when passed', async ()=>{
         const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
-        (0, _react1.render)(_react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
+        (0, _react1.render)(/*#__PURE__*/ _react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
             isInitiallyDisabled: false,
             sdk: sdk,
             hasCardEditActions: true,
             viewType: "card",
+            // @ts-expect-error unused...
             parameters: {},
-            renderCustomActions: ()=>_react.createElement("div", {
+            renderCustomActions: ()=>/*#__PURE__*/ _react.createElement("div", {
                     "data-testid": "custom-actions"
                 })
         }));
@@ -123,22 +128,24 @@ describe('Multiple resource editor', ()=>{
     });
     describe('with value', ()=>{
         it('renders the cards', async ()=>{
-            const { entryLinks , entryInfos  } = generateMultipleTestResources();
+            const { entryLinks, entryInfos } = generateMultipleTestResources();
             mockedResources = {};
             for (const [spaceId, link] of Object.entries(entryLinks)){
                 mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
             }
             const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
-            (0, _react1.render)(_react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
+            (0, _react1.render)(/*#__PURE__*/ _react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
                 isInitiallyDisabled: false,
                 sdk: sdk,
                 hasCardEditActions: true,
                 viewType: "card",
                 apiUrl: "test-contentful",
                 getEntryRouteHref: ()=>'',
+                // @ts-expect-error unused...
                 parameters: {}
             }));
             expect(_EntityStore.useResource).toHaveBeenCalledTimes(Object.values(entryInfos).length);
+            // ensure the card is rendered for every value
             const cards = [];
             const entriesArray = Object.values(entryInfos);
             for (const info of Array.from(entriesArray.values())){
@@ -150,49 +157,58 @@ describe('Multiple resource editor', ()=>{
         });
         describe('card actions', ()=>{
             it('should have a move to top button', async ()=>{
-                const { entryLinks , entryInfos  } = generateMultipleTestResources();
+                const { entryLinks, entryInfos } = generateMultipleTestResources();
                 mockedResources = {};
                 for (const [spaceId, link] of Object.entries(entryLinks)){
                     mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
                 }
                 const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
-                (0, _react1.render)(_react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
+                (0, _react1.render)(/*#__PURE__*/ _react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
                     isInitiallyDisabled: false,
                     sdk: sdk,
                     hasCardEditActions: true,
                     viewType: "card",
                     apiUrl: "test-contentful",
                     getEntryRouteHref: ()=>'',
+                    // @ts-expect-error unused...
                     parameters: {}
                 }));
+                // expect(useResource).toHaveBeenCalledTimes(Object.values(entryInfos).length);
+                // linking more is available
                 const linkExistingBtn = _react1.screen.queryByText('Add existing content');
                 expect(linkExistingBtn).toBeInTheDocument();
+                // ensure the card is rendered for every value
                 const entriesArray = Object.values(entryInfos);
                 const firstItem = entriesArray[0];
                 await expectToNotHaveMoveButton(firstItem, 'Move to top');
                 const allButFirst = entriesArray.slice(1);
+                // move actions are available
                 for (const info of allButFirst){
                     await expectToHaveMoveButton(info, 'Move to top');
                 }
             });
             it('should have a move to bottom button', async ()=>{
-                const { entryLinks , entryInfos  } = generateMultipleTestResources();
+                const { entryLinks, entryInfos } = generateMultipleTestResources();
                 mockedResources = {};
                 for (const [spaceId, link] of Object.entries(entryLinks)){
                     mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
                 }
                 const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
-                (0, _react1.render)(_react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
+                (0, _react1.render)(/*#__PURE__*/ _react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
                     isInitiallyDisabled: false,
                     sdk: sdk,
                     hasCardEditActions: true,
                     viewType: "card",
                     apiUrl: "test-contentful",
                     getEntryRouteHref: ()=>'',
+                    // @ts-expect-error unused...
                     parameters: {}
                 }));
+                // expect(useResource).toHaveBeenCalledTimes(Object.values(entryInfos).length);
+                // linking more is available
                 const linkExistingBtn = _react1.screen.queryByText('Add existing content');
                 expect(linkExistingBtn).toBeInTheDocument();
+                // ensure the card is rendered for every value
                 const entriesArray = Object.values(entryInfos);
                 const lastItem = entriesArray[entriesArray.length - 1];
                 await expectToNotHaveMoveButton(lastItem, 'Move to bottom');
@@ -202,23 +218,27 @@ describe('Multiple resource editor', ()=>{
                 }
             });
             it('works when using remove action', async ()=>{
-                const { entryLinks , entryInfos  } = generateMultipleTestResources();
+                const { entryLinks, entryInfos } = generateMultipleTestResources();
                 mockedResources = {};
                 for (const [spaceId, link] of Object.entries(entryLinks)){
                     mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
                 }
                 const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
-                (0, _react1.render)(_react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
+                (0, _react1.render)(/*#__PURE__*/ _react.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
                     isInitiallyDisabled: false,
                     sdk: sdk,
                     hasCardEditActions: true,
                     viewType: "card",
                     apiUrl: "test-contentful",
                     getEntryRouteHref: ()=>'',
+                    // @ts-expect-error unused...
                     parameters: {}
                 }));
+                // expect(useResource).toHaveBeenCalledTimes(Object.values(entryInfos).length);
+                // linking more is available
                 const linkExistingBtn = _react1.screen.queryByText('Add existing content');
                 expect(linkExistingBtn).toBeInTheDocument();
+                // ensure the card is rendered for every value
                 const entriesArray = Object.values(entryInfos);
                 for (const info of entriesArray){
                     await clickCardActionsButton(info);
@@ -227,6 +247,7 @@ describe('Multiple resource editor', ()=>{
                     });
                     _react1.fireEvent.click(removeBtn);
                 }
+                // all cards were deleted
                 expect(sdk.field.setValue).toHaveBeenCalledTimes(3);
                 expect(sdk.field.setValue).toHaveBeenCalledWith([]);
             });

package/dist/cjs/resources/SingleResourceReferenceEditor.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "SingleResourceReferenceEditor", {
         return SingleResourceReferenceEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditorshared = require("@contentful/field-editor-shared");
-const _deepequal = _interop_require_default(require("deep-equal"));
+const _deepequal = /*#__PURE__*/ _interop_require_default(require("deep-equal"));
 const _EntityStore = require("../common/EntityStore");
 const _LinkEntityActions = require("../components/LinkActions/LinkEntityActions");
 const _ResourceCard = require("./Cards/ResourceCard");
@@ -41,7 +41,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)) {
@@ -60,26 +62,26 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function SingleResourceReferenceEditor(props) {
-    const { dialogs , field  } = props.sdk;
+    const { dialogs, field } = props.sdk;
     const linkActionsProps = (0, _useResourceLinkActions.useResourceLinkActions)({
         dialogs,
         field,
         apiUrl: props.apiUrl
     });
-    return _react.createElement(_EntityStore.EntityProvider, {
+    return /*#__PURE__*/ _react.createElement(_EntityStore.EntityProvider, {
         sdk: props.sdk
-    }, _react.createElement(_fieldeditorshared.FieldConnector, {
+    }, /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
         debounce: 0,
         field: props.sdk.field,
         isInitiallyDisabled: props.isInitiallyDisabled,
         isEqualValues: _deepequal.default
-    }, ({ value , disabled  })=>{
-        return value ? _react.createElement(_ResourceCard.ResourceCard, {
+    }, ({ value, disabled })=>{
+        return value ? /*#__PURE__*/ _react.createElement(_ResourceCard.ResourceCard, {
             onRemove: ()=>props.sdk.field.removeValue(),
             resourceLink: value,
             isDisabled: disabled,
             getEntryRouteHref: props.getEntryRouteHref
-        }) : _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
+        }) : /*#__PURE__*/ _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
             ...linkActionsProps,
             renderCustomActions: props.renderCustomActions
         });

package/dist/cjs/resources/SingleResourceReferenceEditor.spec.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 require("@testing-library/jest-dom/extend-expect");
 const _react1 = require("@testing-library/react");
 const _EntityStore = require("../common/EntityStore");
@@ -29,7 +29,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)) {
@@ -85,16 +87,18 @@ const fieldDefinition = {
 describe('Single resource editor', ()=>{
     it('renders the action button when no value is set', async ()=>{
         const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
-        (0, _react1.render)(_react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
+        (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
             isInitiallyDisabled: false,
             sdk: sdk,
             hasCardEditActions: true,
             viewType: "card",
+            // @ts-expect-error unused...
             parameters: {}
         }));
         const button = await _react1.screen.findByText('Add existing content');
         expect(button).toBeDefined();
         _react1.fireEvent.click(button);
+        // @ts-expect-error wait app-sdk version update
         const dialogFn = sdk.dialogs.selectSingleResourceEntry;
         expect(dialogFn).toHaveBeenCalledTimes(1);
         const options = dialogFn.mock.calls[0][0];
@@ -104,13 +108,14 @@ describe('Single resource editor', ()=>{
     });
     it('renders custom actions when passed', async ()=>{
         const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
-        (0, _react1.render)(_react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
+        (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
             isInitiallyDisabled: false,
             sdk: sdk,
             hasCardEditActions: true,
             viewType: "card",
+            // @ts-expect-error unused...
             parameters: {},
-            renderCustomActions: ()=>_react.createElement("div", {
+            renderCustomActions: ()=>/*#__PURE__*/ _react.createElement("div", {
                     "data-testid": "custom-actions"
                 })
         }));
@@ -134,16 +139,18 @@ describe('Single resource editor', ()=>{
             }
         });
         mockedResources[`Contentful:Entry.crn:test:::content:spaces/x-space/entries/linkedEntryId`] = info;
-        (0, _react1.render)(_react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
+        (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
             isInitiallyDisabled: false,
             sdk: sdk,
             hasCardEditActions: true,
             viewType: "card",
             apiUrl: "test-contentful",
             getEntryRouteHref: jest.fn(),
+            // @ts-expect-error unused...
             parameters: {}
         }));
         expect(_EntityStore.useResource).toHaveBeenCalled();
+        // ensure the card is rendered
         const title = await _react1.screen.findByText('Title of linked entry');
         await _react1.screen.findByText('X Space');
         const theCard = title.closest('[data-test-id="cf-ui-entry-card"]');