@contentful/field-editor-reference 6.4.4 → 6.5.0

package/dist/cjs/__fixtures__/fixtures.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     assets: function() {
-        return _asset;
+        return assets;
     },
     contentTypes: function() {
         return _contenttype;
     },
     entries: function() {
-        return _entry;
+        return entries;
     },
     locales: function() {
         return _locale;
@@ -71,3 +71,5 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+const assets = _asset;
+const entries = _entry;

package/dist/cjs/common/EntityStore.js

@@ -217,7 +217,7 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
         contentType: contentType
     };
 }
-async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType }) {
+async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType, locale }) {
     let resourceFetchError;
     const [resource, resourceTypes] = await Promise.all([
         fetch([
@@ -231,7 +231,8 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
                 environmentId,
                 resourceTypeId: resourceType,
                 query: {
-                    'sys.urn[in]': urn
+                    'sys.urn[in]': urn,
+                    locale
                 }
             }).then(({ items })=>{
                 return items[0] ?? null;
@@ -370,7 +371,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
         const queryKey = [
             'Resource',
             resourceType,
-            urn
+            urn,
+            options?.locale
         ];
         return fetch(queryKey, ()=>{
             if (resourceType === 'Contentful:Entry') {
@@ -386,6 +388,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
             return fetchExternalResource({
                 fetch,
                 urn,
+                locale: options?.locale,
                 options,
                 resourceType,
                 spaceId: currentSpaceId,
@@ -509,14 +512,21 @@ function useEntity(entityType, entityId, options) {
         data
     };
 }
-function useResource(resourceType, urn, options) {
+function useResource(resourceType, urn, { locale, ...options } = {}) {
+    if (resourceType.startsWith('Contentful:')) {
+        locale = undefined;
+    }
     const queryKey = [
         'Resource',
         resourceType,
-        urn
+        urn,
+        locale
     ];
     const { getResource } = useEntityLoader();
-    const { status, data, error } = (0, _queryClient.useQuery)(queryKey, ()=>getResource(resourceType, urn, options), {
+    const { status, data, error } = (0, _queryClient.useQuery)(queryKey, ()=>getResource(resourceType, urn, {
+            ...options,
+            locale
+        }), {
         enabled: options?.enabled
     });
     return {

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

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

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

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

package/dist/cjs/resources/SingleResourceReferenceEditor.js

@@ -70,6 +70,7 @@ function SingleResourceReferenceEditor(props) {
         return value ? _react.createElement(_ResourceCard.ResourceCard, {
             onRemove: ()=>props.sdk.field.removeValue(),
             resourceLink: value,
+            locale: props.sdk.field.locale,
             isDisabled: disabled,
             getEntryRouteHref: props.getEntryRouteHref
         }) : _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {

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

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

package/dist/cjs/resources/useResourceLinkActions.js

@@ -37,10 +37,12 @@ function useResourceLinkActions({ parameters, sdk }) {
     const multiple = field.type === 'Array';
     const onLinkExisting = (0, _react.useMemo)(()=>{
         const promptSelection = multiple ? async ()=>await dialogs.selectMultipleResourceEntities({
-                allowedResources: field.allowedResources
+                allowedResources: field.allowedResources,
+                locale: field.locale
             }) : async ()=>[
                 await dialogs.selectSingleResourceEntity({
-                    allowedResources: field.allowedResources
+                    allowedResources: field.allowedResources,
+                    locale: field.locale
                 })
             ];
         return async ()=>{
@@ -49,6 +51,7 @@ function useResourceLinkActions({ parameters, sdk }) {
     }, [
         dialogs,
         field.allowedResources,
+        field.locale,
         multiple,
         onLinkedExisting
     ]);

package/dist/esm/__fixtures__/fixtures.js

@@ -1,6 +1,8 @@
-import * as assets from './asset';
+import * as assetsFixtures from './asset';
 import * as contentTypes from './content-type';
-import * as entries from './entry';
+import * as entriesFixtures from './entry';
 import * as locales from './locale';
 import * as spaces from './space';
-export { assets, contentTypes, entries, locales, spaces };
+export const assets = assetsFixtures;
+export const entries = entriesFixtures;
+export { contentTypes, locales, spaces };

package/dist/esm/common/EntityStore.js

@@ -129,7 +129,7 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
         contentType: contentType
     };
 }
-async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType }) {
+async function fetchExternalResource({ urn, fetch, options, spaceId, environmentId, resourceType, locale }) {
     let resourceFetchError;
     const [resource, resourceTypes] = await Promise.all([
         fetch([
@@ -143,7 +143,8 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
                 environmentId,
                 resourceTypeId: resourceType,
                 query: {
-                    'sys.urn[in]': urn
+                    'sys.urn[in]': urn,
+                    locale
                 }
             }).then(({ items })=>{
                 return items[0] ?? null;
@@ -282,7 +283,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
         const queryKey = [
             'Resource',
             resourceType,
-            urn
+            urn,
+            options?.locale
         ];
         return fetch(queryKey, ()=>{
             if (resourceType === 'Contentful:Entry') {
@@ -298,6 +300,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
             return fetchExternalResource({
                 fetch,
                 urn,
+                locale: options?.locale,
                 options,
                 resourceType,
                 spaceId: currentSpaceId,
@@ -421,14 +424,21 @@ export function useEntity(entityType, entityId, options) {
         data
     };
 }
-export function useResource(resourceType, urn, options) {
+export function useResource(resourceType, urn, { locale, ...options } = {}) {
+    if (resourceType.startsWith('Contentful:')) {
+        locale = undefined;
+    }
     const queryKey = [
         'Resource',
         resourceType,
-        urn
+        urn,
+        locale
     ];
     const { getResource } = useEntityLoader();
-    const { status, data, error } = useQuery(queryKey, ()=>getResource(resourceType, urn, options), {
+    const { status, data, error } = useQuery(queryKey, ()=>getResource(resourceType, urn, {
+            ...options,
+            locale
+        }), {
         enabled: options?.enabled
     });
     return {

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

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

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

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

package/dist/esm/resources/SingleResourceReferenceEditor.js

@@ -19,6 +19,7 @@ export function SingleResourceReferenceEditor(props) {
         return value ? React.createElement(ResourceCard, {
             onRemove: ()=>props.sdk.field.removeValue(),
             resourceLink: value,
+            locale: props.sdk.field.locale,
             isDisabled: disabled,
             getEntryRouteHref: props.getEntryRouteHref
         }) : React.createElement(CombinedLinkEntityActions, {

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

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

package/dist/esm/resources/useResourceLinkActions.js

@@ -27,10 +27,12 @@ export function useResourceLinkActions({ parameters, sdk }) {
     const multiple = field.type === 'Array';
     const onLinkExisting = useMemo(()=>{
         const promptSelection = multiple ? async ()=>await dialogs.selectMultipleResourceEntities({
-                allowedResources: field.allowedResources
+                allowedResources: field.allowedResources,
+                locale: field.locale
             }) : async ()=>[
                 await dialogs.selectSingleResourceEntity({
-                    allowedResources: field.allowedResources
+                    allowedResources: field.allowedResources,
+                    locale: field.locale
                 })
             ];
         return async ()=>{
@@ -39,6 +41,7 @@ export function useResourceLinkActions({ parameters, sdk }) {
     }, [
         dialogs,
         field.allowedResources,
+        field.locale,
         multiple,
         onLinkedExisting
     ]);

package/dist/types/__fixtures__/fixtures.d.ts

@@ -1,6 +1,7 @@
-import * as assets from './asset';
+import { AssetProps, EntryProps } from 'contentful-management/types';
 import * as contentTypes from './content-type';
-import * as entries from './entry';
 import * as locales from './locale';
 import * as spaces from './space';
-export { assets, contentTypes, entries, locales, spaces };
+export declare const assets: Record<string, AssetProps>;
+export declare const entries: Record<string, EntryProps>;
+export { contentTypes, locales, spaces };

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

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

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

@@ -4,6 +4,7 @@ import { CardActionsHandlers, EntryRoute } from './ContentfulEntryCard';
 type ResourceCardProps = {
     index?: number;
     resourceLink?: ResourceLink<string>;
+    locale?: string;
     isDisabled: boolean;
     renderDragHandle?: RenderDragFn;
     getEntryRouteHref: (entryRoute: EntryRoute) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "6.4.4",
+  "version": "6.5.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,14 +38,14 @@
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.3.1",
+    "@contentful/field-editor-shared": "^2.3.2",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@tanstack/react-query": "^4.3.9",
     "constate": "^3.3.2",
-    "contentful-management": "^11.41.0",
+    "contentful-management": "^11.45.1",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
     "moment": "^2.20.0",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "c56bbbc48dc3606c97929e62cbe3eb2a4c9c3183"
+  "gitHead": "f40a4a992e37c353214b87da74b1fccdf5559a8b"
 }