@contentful/field-editor-reference 6.17.0 → 6.19.0

package/dist/cjs/common/EntityStore.js

@@ -214,7 +214,7 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
         contentType: contentType
     };
 }
-async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType, locale }) {
+async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType, locale, referencingEntryId }) {
     let resourceFetchError;
     const [resource, resourceTypes] = await Promise.all([
         fetch([
@@ -223,14 +223,16 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
             environmentId,
             resourceType,
             urn,
-            locale
+            locale,
+            referencingEntryId
         ], ({ cmaClient })=>cmaClient.resource.getMany({
                 spaceId,
                 environmentId,
                 resourceTypeId: resourceType,
                 query: {
                     'sys.urn[in]': urn,
-                    locale
+                    locale,
+                    referencingEntryId
                 }
             }).then(({ items })=>{
                 return items[0] ?? null;
@@ -426,7 +428,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
             'Resource',
             resourceType,
             urn,
-            options?.locale
+            options?.locale,
+            options?.referencingEntryId
         ];
         return fetch(queryKey, ()=>{
             if (resourceType === 'Contentful:Entry') {
@@ -443,6 +446,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
                 fetch,
                 urn,
                 locale: options?.locale,
+                referencingEntryId: options?.referencingEntryId,
                 options,
                 resourceType,
                 spaceId: currentSpaceId,
@@ -581,20 +585,23 @@ function useEntity(entityType, entityId, options) {
         currentEntity
     };
 }
-function useResource(resourceType, urn, { locale, ...options } = {}) {
+function useResource(resourceType, urn, { locale, referencingEntryId, ...options } = {}) {
     if (resourceType.startsWith('Contentful:')) {
         locale = undefined;
+        referencingEntryId = undefined;
     }
     const queryKey = [
         'Resource',
         resourceType,
         urn,
-        locale
+        locale,
+        referencingEntryId
     ];
     const { getResource } = useEntityLoader();
     const { status, data, error } = (0, _queryClient.useQuery)(queryKey, ()=>getResource(resourceType, urn, {
             ...options,
-            locale
+            locale,
+            referencingEntryId
         }), {
         enabled: options?.enabled
     });

package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js

@@ -12,6 +12,7 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
 const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
+const _core = require("@lingui/core");
 const _emotion = require("emotion");
 const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
 function _interop_require_default(obj) {
@@ -100,7 +101,10 @@ const styles = {
         borderColor: _f36tokens.default.gray200
     })
 };
-const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, title, onSelect, testId, dropdownSettings = {
+const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel = _core.i18n._({
+    id: "FieldEditors.Reference.CreateEntryMenuTrigger.AllContentTypesLabel",
+    message: "All Content Types"
+}), title, onSelect, testId = 'create-entry-button-menu-trigger', dropdownSettings = {
     position: 'bottom-left'
 }, customDropdownItems, children, menuProps, filterExperienceTypes = true })=>{
     const [isOpen, setOpen] = (0, _react.useState)(false);
@@ -161,12 +165,21 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
         isOpen
     ]);
     const renderSearchResultsCount = (resultsLength)=>resultsLength ? /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, {
-            testId: "add-entru-menu-search-results"
-        }, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
+            testId: "add-entry-menu-search-results"
+        }, _core.i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.SearchContentTypeResultsLabel",
+            message: "{resultsLength, plural, one {# result} other {# results}}",
+            values: {
+                resultsLength: resultsLength
+            }
+        })) : null;
     const isSearchable = filteredContentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
     const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
     const suggestedContentType = filteredContentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
-    const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || (0, _get.default)(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
+    const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || (0, _get.default)(ct, 'name', _core.i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.SearchContentTypeFallbackLabel",
+            message: "Untitled"
+        })).toLowerCase().includes(searchInput.toLowerCase()));
     return /*#__PURE__*/ _react.default.createElement("span", {
         className: styles.wrapper,
         ref: wrapper,
@@ -184,38 +197,45 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
     })), isOpen && /*#__PURE__*/ _react.default.createElement(_f36components.Menu.List, {
         className: styles.dropdownList,
         style: {
-            width: dropdownWidth != undefined ? `${dropdownWidth}px` : undefined,
+            width: dropdownWidth !== undefined ? `${dropdownWidth}px` : undefined,
             maxHeight: `${maxDropdownHeight}px`
         },
         ref: menuListRef,
         testId: "add-entry-menu"
     }, Boolean(customDropdownItems) && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, customDropdownItems, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), title && /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, {
         className: styles.title
-    }, title), isSearchable && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
+    }, title), isSearchable && /*#__PURE__*/ _react.default.createElement("div", {
         ref: textField,
         className: styles.inputWrapper
     }, /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
         className: styles.searchInput,
-        placeholder: "Search content type",
+        placeholder: _core.i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.SearchContentTypePlaceholder",
+            message: "Search content type"
+        }),
         testId: "add-entry-menu-search",
         value: searchInput,
         onChange: (e)=>setSearchInput(e.target.value)
     }), /*#__PURE__*/ _react.default.createElement(_f36icons.MagnifyingGlassIcon, {
         size: "small",
         className: styles.searchIcon
-    }))), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
+    })), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, _core.i18n._({
+        id: "FieldEditors.Reference.CreateEntryMenuTrigger.SuggestedContentTypeLabel",
+        message: "Suggested Content Type"
+    })), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
         testId: "suggested",
         onClick: ()=>handleSelect(suggestedContentType)
     }, (0, _get.default)(suggestedContentType, 'name')), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), !searchInput && /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>/*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
             testId: "contentType",
             key: `${(0, _get.default)(contentType, 'name')}-${i}`,
             onClick: ()=>handleSelect(contentType)
-        }, (0, _get.default)(contentType, 'name', 'Untitled'))) : /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
-        testId: "add-entru-menu-search-results"
-    }, "No results found"))));
-};
-CreateEntryMenuTrigger.defaultProps = {
-    testId: 'create-entry-button-menu-trigger',
-    contentTypesLabel: 'All Content Types',
-    filterExperienceTypes: true
+        }, (0, _get.default)(contentType, 'name', _core.i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.ContentTypeFallbackLabel",
+            message: "Untitled"
+        })))) : /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
+        testId: "add-entry-menu-search-results"
+    }, _core.i18n._({
+        id: "FieldEditors.Reference.CreateEntryMenuTrigger.NoResultsLabel",
+        message: "No results found"
+    })))));
 };

package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js

@@ -179,7 +179,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
             preventDefault: _noop.default
         });
         expect(getAllByTestId('contentType')).toHaveLength(10);
-        expect(getByTestId('add-entru-menu-search-results').textContent).toBe('10 results');
+        expect(getByTestId('add-entry-menu-search-results').textContent).toBe('10 results');
         _react1.fireEvent.change(input, {
             target: {
                 value: '3'
@@ -187,14 +187,14 @@ describe('CreateEntryMenuTrigger general', ()=>{
             preventDefault: _noop.default
         });
         expect(getAllByTestId('contentType')).toHaveLength(1);
-        expect(getByTestId('add-entru-menu-search-results').textContent).toBe('1 result');
+        expect(getByTestId('add-entry-menu-search-results').textContent).toBe('1 result');
         _react1.fireEvent.change(input, {
             target: {
                 value: '4'
             },
             preventDefault: _noop.default
         });
-        expect(getByTestId('add-entru-menu-search-results').textContent).toBe('No results found');
+        expect(getByTestId('add-entry-menu-search-results').textContent).toBe('No results found');
     });
     it('shows suggestedContentType in the list', ()=>{
         const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {

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

@@ -63,9 +63,10 @@ function ResourceCardSkeleton() {
     });
 }
 function ExistingResourceCard(props) {
-    const { resourceLink, inView, index = 0, locale } = props;
+    const { resourceLink, inView, index = 0, locale, referencingEntryId } = props;
     const resourceOptions = {
         locale,
+        referencingEntryId,
         priority: index * -1,
         enabled: inView,
         allowExternal: true

package/dist/cjs/resources/MultipleResourceReferenceEditor.js

@@ -149,6 +149,7 @@ function MultipleResourceReferenceEditor(props) {
                         index: index,
                         resourceLink: item,
                         locale: props.sdk.field.locale,
+                        referencingEntryId: props.sdk.ids.entry,
                         isDisabled: isDisabled,
                         renderDragHandle: DragHandle,
                         onMoveTop: onMoveTop,

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

@@ -118,7 +118,8 @@ describe('Multiple resource editor', ()=>{
         const options = dialogFn.mock.calls[0][0];
         expect(options).toEqual({
             allowedResources: fieldDefinition.allowedResources,
-            locale: 'en'
+            locale: 'en',
+            referencingEntryId: 'testEntry'
         });
     });
     it('hides the action button when insufficient permissions', async ()=>{

package/dist/cjs/resources/SingleResourceReferenceEditor.js

@@ -71,6 +71,7 @@ function SingleResourceReferenceEditor(props) {
             onRemove: ()=>props.sdk.field.removeValue(),
             resourceLink: value,
             locale: props.sdk.field.locale,
+            referencingEntryId: props.sdk.ids.entry,
             isDisabled: disabled,
             getEntryRouteHref: props.getEntryRouteHref
         }) : /*#__PURE__*/ _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {

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

@@ -114,7 +114,8 @@ describe('Single resource editor', ()=>{
         const options = dialogFn.mock.calls[0][0];
         expect(options).toEqual({
             allowedResources: fieldDefinition.allowedResources,
-            locale: 'en'
+            locale: 'en',
+            referencingEntryId: 'testEntry'
         });
     });
     it('renders no the action button when permissions insufficient', async ()=>{

package/dist/cjs/resources/useResourceLinkActions.js

@@ -35,14 +35,18 @@ function useResourceLinkActions({ parameters, sdk }) {
         field
     ]);
     const multiple = field.type === 'Array';
+    const referencingEntryId = sdk.ids.entry;
+    const allowedResources = field.allowedResources;
     const onLinkExisting = (0, _react.useMemo)(()=>{
         const promptSelection = multiple ? async ()=>await dialogs.selectMultipleResourceEntities({
-                allowedResources: field.allowedResources,
-                locale: field.locale
+                allowedResources,
+                locale: field.locale,
+                referencingEntryId
             }) : async ()=>[
                 await dialogs.selectSingleResourceEntity({
-                    allowedResources: field.allowedResources,
-                    locale: field.locale
+                    allowedResources,
+                    locale: field.locale,
+                    referencingEntryId
                 })
             ];
         return async ()=>{
@@ -50,8 +54,9 @@ function useResourceLinkActions({ parameters, sdk }) {
         };
     }, [
         dialogs,
-        field.allowedResources,
+        allowedResources,
         field.locale,
+        referencingEntryId,
         multiple,
         onLinkedExisting
     ]);

package/dist/esm/common/EntityStore.js

@@ -126,7 +126,7 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
         contentType: contentType
     };
 }
-async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType, locale }) {
+async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType, locale, referencingEntryId }) {
     let resourceFetchError;
     const [resource, resourceTypes] = await Promise.all([
         fetch([
@@ -135,14 +135,16 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
             environmentId,
             resourceType,
             urn,
-            locale
+            locale,
+            referencingEntryId
         ], ({ cmaClient })=>cmaClient.resource.getMany({
                 spaceId,
                 environmentId,
                 resourceTypeId: resourceType,
                 query: {
                     'sys.urn[in]': urn,
-                    locale
+                    locale,
+                    referencingEntryId
                 }
             }).then(({ items })=>{
                 return items[0] ?? null;
@@ -338,7 +340,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
             'Resource',
             resourceType,
             urn,
-            options?.locale
+            options?.locale,
+            options?.referencingEntryId
         ];
         return fetch(queryKey, ()=>{
             if (resourceType === 'Contentful:Entry') {
@@ -355,6 +358,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
                 fetch,
                 urn,
                 locale: options?.locale,
+                referencingEntryId: options?.referencingEntryId,
                 options,
                 resourceType,
                 spaceId: currentSpaceId,
@@ -493,20 +497,23 @@ export function useEntity(entityType, entityId, options) {
         currentEntity
     };
 }
-export function useResource(resourceType, urn, { locale, ...options } = {}) {
+export function useResource(resourceType, urn, { locale, referencingEntryId, ...options } = {}) {
     if (resourceType.startsWith('Contentful:')) {
         locale = undefined;
+        referencingEntryId = undefined;
     }
     const queryKey = [
         'Resource',
         resourceType,
         urn,
-        locale
+        locale,
+        referencingEntryId
     ];
     const { getResource } = useEntityLoader();
     const { status, data, error } = useQuery(queryKey, ()=>getResource(resourceType, urn, {
             ...options,
-            locale
+            locale,
+            referencingEntryId
         }), {
         enabled: options?.enabled
     });

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js

@@ -2,6 +2,7 @@ import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { TextInput, Menu } from '@contentful/f36-components';
 import { MagnifyingGlassIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
+import { i18n as $_i18n } from "@lingui/core";
 import { css } from 'emotion';
 import get from 'lodash/get';
 const MAX_ITEMS_WITHOUT_SEARCH = 5;
@@ -44,7 +45,10 @@ const styles = {
         borderColor: tokens.gray200
     })
 };
-export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, title, onSelect, testId, dropdownSettings = {
+export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel = $_i18n._({
+    id: "FieldEditors.Reference.CreateEntryMenuTrigger.AllContentTypesLabel",
+    message: "All Content Types"
+}), title, onSelect, testId = 'create-entry-button-menu-trigger', dropdownSettings = {
     position: 'bottom-left'
 }, customDropdownItems, children, menuProps, filterExperienceTypes = true })=>{
     const [isOpen, setOpen] = useState(false);
@@ -105,12 +109,21 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
         isOpen
     ]);
     const renderSearchResultsCount = (resultsLength)=>resultsLength ? /*#__PURE__*/ React.createElement(Menu.SectionTitle, {
-            testId: "add-entru-menu-search-results"
-        }, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
+            testId: "add-entry-menu-search-results"
+        }, $_i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.SearchContentTypeResultsLabel",
+            message: "{resultsLength, plural, one {# result} other {# results}}",
+            values: {
+                resultsLength: resultsLength
+            }
+        })) : null;
     const isSearchable = filteredContentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
     const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
     const suggestedContentType = filteredContentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
-    const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || get(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
+    const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || get(ct, 'name', $_i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.SearchContentTypeFallbackLabel",
+            message: "Untitled"
+        })).toLowerCase().includes(searchInput.toLowerCase()));
     return /*#__PURE__*/ React.createElement("span", {
         className: styles.wrapper,
         ref: wrapper,
@@ -128,38 +141,45 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     })), isOpen && /*#__PURE__*/ React.createElement(Menu.List, {
         className: styles.dropdownList,
         style: {
-            width: dropdownWidth != undefined ? `${dropdownWidth}px` : undefined,
+            width: dropdownWidth !== undefined ? `${dropdownWidth}px` : undefined,
             maxHeight: `${maxDropdownHeight}px`
         },
         ref: menuListRef,
         testId: "add-entry-menu"
     }, Boolean(customDropdownItems) && /*#__PURE__*/ React.createElement(React.Fragment, null, customDropdownItems, /*#__PURE__*/ React.createElement(Menu.Divider, null)), title && /*#__PURE__*/ React.createElement(Menu.SectionTitle, {
         className: styles.title
-    }, title), isSearchable && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+    }, title), isSearchable && /*#__PURE__*/ React.createElement("div", {
         ref: textField,
         className: styles.inputWrapper
     }, /*#__PURE__*/ React.createElement(TextInput, {
         className: styles.searchInput,
-        placeholder: "Search content type",
+        placeholder: $_i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.SearchContentTypePlaceholder",
+            message: "Search content type"
+        }),
         testId: "add-entry-menu-search",
         value: searchInput,
         onChange: (e)=>setSearchInput(e.target.value)
     }), /*#__PURE__*/ React.createElement(MagnifyingGlassIcon, {
         size: "small",
         className: styles.searchIcon
-    }))), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ React.createElement(Menu.Item, {
+    })), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, $_i18n._({
+        id: "FieldEditors.Reference.CreateEntryMenuTrigger.SuggestedContentTypeLabel",
+        message: "Suggested Content Type"
+    })), /*#__PURE__*/ React.createElement(Menu.Item, {
         testId: "suggested",
         onClick: ()=>handleSelect(suggestedContentType)
     }, get(suggestedContentType, 'name')), /*#__PURE__*/ React.createElement(Menu.Divider, null)), !searchInput && /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>/*#__PURE__*/ React.createElement(Menu.Item, {
             testId: "contentType",
             key: `${get(contentType, 'name')}-${i}`,
             onClick: ()=>handleSelect(contentType)
-        }, get(contentType, 'name', 'Untitled'))) : /*#__PURE__*/ React.createElement(Menu.Item, {
-        testId: "add-entru-menu-search-results"
-    }, "No results found"))));
-};
-CreateEntryMenuTrigger.defaultProps = {
-    testId: 'create-entry-button-menu-trigger',
-    contentTypesLabel: 'All Content Types',
-    filterExperienceTypes: true
+        }, get(contentType, 'name', $_i18n._({
+            id: "FieldEditors.Reference.CreateEntryMenuTrigger.ContentTypeFallbackLabel",
+            message: "Untitled"
+        })))) : /*#__PURE__*/ React.createElement(Menu.Item, {
+        testId: "add-entry-menu-search-results"
+    }, $_i18n._({
+        id: "FieldEditors.Reference.CreateEntryMenuTrigger.NoResultsLabel",
+        message: "No results found"
+    })))));
 };

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js

@@ -129,7 +129,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
             preventDefault: noop
         });
         expect(getAllByTestId('contentType')).toHaveLength(10);
-        expect(getByTestId('add-entru-menu-search-results').textContent).toBe('10 results');
+        expect(getByTestId('add-entry-menu-search-results').textContent).toBe('10 results');
         fireEvent.change(input, {
             target: {
                 value: '3'
@@ -137,14 +137,14 @@ describe('CreateEntryMenuTrigger general', ()=>{
             preventDefault: noop
         });
         expect(getAllByTestId('contentType')).toHaveLength(1);
-        expect(getByTestId('add-entru-menu-search-results').textContent).toBe('1 result');
+        expect(getByTestId('add-entry-menu-search-results').textContent).toBe('1 result');
         fireEvent.change(input, {
             target: {
                 value: '4'
             },
             preventDefault: noop
         });
-        expect(getByTestId('add-entru-menu-search-results').textContent).toBe('No results found');
+        expect(getByTestId('add-entry-menu-search-results').textContent).toBe('No results found');
     });
     it('shows suggestedContentType in the list', ()=>{
         const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {

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

@@ -12,9 +12,10 @@ function ResourceCardSkeleton() {
     });
 }
 function ExistingResourceCard(props) {
-    const { resourceLink, inView, index = 0, locale } = props;
+    const { resourceLink, inView, index = 0, locale, referencingEntryId } = props;
     const resourceOptions = {
         locale,
+        referencingEntryId,
         priority: index * -1,
         enabled: inView,
         allowExternal: true

package/dist/esm/resources/MultipleResourceReferenceEditor.js

@@ -94,6 +94,7 @@ export function MultipleResourceReferenceEditor(props) {
                         index: index,
                         resourceLink: item,
                         locale: props.sdk.field.locale,
+                        referencingEntryId: props.sdk.ids.entry,
                         isDisabled: isDisabled,
                         renderDragHandle: DragHandle,
                         onMoveTop: onMoveTop,

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

@@ -73,7 +73,8 @@ describe('Multiple resource editor', ()=>{
         const options = dialogFn.mock.calls[0][0];
         expect(options).toEqual({
             allowedResources: fieldDefinition.allowedResources,
-            locale: 'en'
+            locale: 'en',
+            referencingEntryId: 'testEntry'
         });
     });
     it('hides the action button when insufficient permissions', async ()=>{

package/dist/esm/resources/SingleResourceReferenceEditor.js

@@ -20,6 +20,7 @@ export function SingleResourceReferenceEditor(props) {
             onRemove: ()=>props.sdk.field.removeValue(),
             resourceLink: value,
             locale: props.sdk.field.locale,
+            referencingEntryId: props.sdk.ids.entry,
             isDisabled: disabled,
             getEntryRouteHref: props.getEntryRouteHref
         }) : /*#__PURE__*/ React.createElement(CombinedLinkEntityActions, {

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

@@ -69,7 +69,8 @@ describe('Single resource editor', ()=>{
         const options = dialogFn.mock.calls[0][0];
         expect(options).toEqual({
             allowedResources: fieldDefinition.allowedResources,
-            locale: 'en'
+            locale: 'en',
+            referencingEntryId: 'testEntry'
         });
     });
     it('renders no the action button when permissions insufficient', async ()=>{

package/dist/esm/resources/useResourceLinkActions.js

@@ -25,14 +25,18 @@ export function useResourceLinkActions({ parameters, sdk }) {
         field
     ]);
     const multiple = field.type === 'Array';
+    const referencingEntryId = sdk.ids.entry;
+    const allowedResources = field.allowedResources;
     const onLinkExisting = useMemo(()=>{
         const promptSelection = multiple ? async ()=>await dialogs.selectMultipleResourceEntities({
-                allowedResources: field.allowedResources,
-                locale: field.locale
+                allowedResources,
+                locale: field.locale,
+                referencingEntryId
             }) : async ()=>[
                 await dialogs.selectSingleResourceEntity({
-                    allowedResources: field.allowedResources,
-                    locale: field.locale
+                    allowedResources,
+                    locale: field.locale,
+                    referencingEntryId
                 })
             ];
         return async ()=>{
@@ -40,8 +44,9 @@ export function useResourceLinkActions({ parameters, sdk }) {
         };
     }, [
         dialogs,
-        field.allowedResources,
+        allowedResources,
         field.locale,
+        referencingEntryId,
         multiple,
         onLinkedExisting
     ]);

package/dist/types/common/EntityStore.d.ts

@@ -33,11 +33,11 @@ type QueryEntityResult<E> = Promise<E>;
 type GetResourceOptions = GetOptions & {
     allowExternal?: boolean;
     locale?: string;
+    referencingEntryId?: string;
 };
 type QueryResourceResult<R extends Resource = Resource> = QueryEntityResult<ResourceInfo<R>>;
 type UseResourceOptions = GetResourceOptions & {
     enabled?: boolean;
-    locale?: string;
 };
 type UseEntityResult<E> = {
     status: 'idle';
@@ -87,7 +87,7 @@ declare const useEntityLoader: () => {
     getResourceProvider: (organizationId: string, appDefinitionId: string) => QueryEntityResult<ResourceProvider>;
 };
 export declare function useEntity<E extends FetchableEntity>(entityType: FetchableEntityType, entityId: string, options?: Omit<UseEntityOptions, 'releaseId'>): UseEntityResult<E>;
-export declare function useResource<R extends Resource = Resource>(resourceType: string, urn: string, { locale, ...options }?: UseResourceOptions): {
+export declare function useResource<R extends Resource = Resource>(resourceType: string, urn: string, { locale, referencingEntryId, ...options }?: UseResourceOptions): {
     status: "error" | "success" | "loading";
     data: ResourceInfo<R> | undefined;
     error: unknown;

package/dist/types/components/CreateEntryLinkButton/CreateEntryMenuTrigger.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import { MenuProps } from '@contentful/f36-components';
-import { ContentType } from '../../types';
+import { type MenuProps } from '@contentful/f36-components';
+import type { ContentType } from '../../types';
 type CreateEntryMenuTriggerChildProps = {
     isOpen: boolean;
     isSelecting: boolean;
 };
 export type CreateEntryMenuTriggerChild = (props: CreateEntryMenuTriggerChildProps) => React.ReactElement;
 export type CreateCustomEntryMenuItems = ({ closeMenu, }: {
-    closeMenu: Function;
+    closeMenu: () => void;
 }) => React.ReactElement;
 interface CreateEntryMenuTrigger {
     contentTypes: ContentType[];
@@ -25,12 +25,5 @@ interface CreateEntryMenuTrigger {
     menuProps?: Omit<MenuProps, 'children'>;
     filterExperienceTypes?: boolean;
 }
-export declare const CreateEntryMenuTrigger: {
-    ({ contentTypes, suggestedContentTypeId, contentTypesLabel, title, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, filterExperienceTypes, }: CreateEntryMenuTrigger): React.JSX.Element;
-    defaultProps: {
-        testId: string;
-        contentTypesLabel: string;
-        filterExperienceTypes: boolean;
-    };
-};
+export declare const CreateEntryMenuTrigger: ({ contentTypes, suggestedContentTypeId, contentTypesLabel, title, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, filterExperienceTypes, }: CreateEntryMenuTrigger) => React.JSX.Element;
 export {};

package/dist/types/resources/Cards/ResourceCard.d.ts

@@ -5,6 +5,7 @@ type ResourceCardProps = {
     index?: number;
     resourceLink?: ResourceLink<string>;
     locale?: string;
+    referencingEntryId?: string;
     isDisabled: boolean;
     renderDragHandle?: RenderDragFn;
     getEntryRouteHref: (entryRoute: EntryRoute) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "6.17.0",
+  "version": "6.19.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -46,7 +46,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@tanstack/react-query": "^4.3.9",
     "constate": "^3.3.2",
-    "contentful-management": "^11.45.1",
+    "contentful-management": "^11.66.0",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
     "moment": "^2.20.0",
@@ -68,5 +68,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "fdd4f24a3d228412061a01660a1281813535b4eb"
+  "gitHead": "67068016b57ce3057ddddfb8dd3a53ef86499a02"
 }