@contentful/field-editor-reference 5.30.5 → 5.30.12

package/dist/cjs/common/EntityStore.js

@@ -117,7 +117,7 @@ const isEntityQueryKey = (queryKey)=>{
 async function fetchContentfulEntry({ urn, fetch, options }) {
     const resourceId = urn.split(':', 6)[5];
     const ENTITY_RESOURCE_ID_REGEX = RegExp("^spaces\\/(?<spaceId>[^/]+)(?:\\/environments\\/(?<environmentId>[^/]+))?\\/entries\\/(?<entityId>[^/]+)$");
-    const resourceIdMatch = resourceId.match(ENTITY_RESOURCE_ID_REGEX);
+    const resourceIdMatch = resourceId?.match(ENTITY_RESOURCE_ID_REGEX);
     if (!resourceIdMatch || !resourceIdMatch?.groups?.spaceId || !resourceIdMatch?.groups?.entityId) {
         throw new Error('Not a valid crn');
     }
@@ -185,8 +185,11 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
             environmentId,
             resourceType,
             urn
-        ], ({ cmaClient })=>cmaClient.raw.get(`/spaces/${spaceId}/environments/${environmentId}/resource_types/${resourceType}/resources`, {
-                params: {
+        ], ({ cmaClient })=>cmaClient.resource.getMany({
+                spaceId,
+                environmentId,
+                resourceTypeId: resourceType,
+                query: {
                     'sys.urn[in]': urn
                 }
             }).then(({ items })=>items[0] ?? null), options),
@@ -194,8 +197,10 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
             'resource-types',
             spaceId,
             environmentId
-        ], ({ cmaClient })=>(0, _contentfulmanagement.fetchAll)(({ query })=>cmaClient.raw.get(`/spaces/${spaceId}/environments/${environmentId}/resource_types`, {
-                    params: query
+        ], ({ cmaClient })=>(0, _contentfulmanagement.fetchAll)(({ query })=>cmaClient.resourceType.getForEnvironment({
+                    spaceId,
+                    environmentId,
+                    query
                 }), {}))
     ]);
     const resourceTypeEntity = resourceTypes.find((rt)=>rt.sys.id === resourceType);

package/dist/cjs/common/SingleReferenceEditor.js

@@ -107,7 +107,7 @@ function SingleReferenceEditor(props) {
         return _react.createElement(Editor, {
             ...props,
             key: `${externalReset}-reference`,
-            entityId: value ? value.sys.id : '',
+            entityId: value ? value?.sys?.id : '',
             isDisabled: disabled,
             setValue: setValue,
             allContentTypes: allContentTypes

package/dist/cjs/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js

@@ -64,17 +64,25 @@ function useScheduledActions({ getEntityScheduledActions, entityId, entityType }
         type: 'loading'
     });
     _react.useEffect(()=>{
+        let mounted = true;
         getEntityScheduledActions(entityType, entityId).then((data)=>{
-            setStatus({
-                type: 'loaded',
-                jobs: data
-            });
+            if (mounted) {
+                setStatus({
+                    type: 'loaded',
+                    jobs: data
+                });
+            }
         }).catch((e)=>{
-            setStatus({
-                type: 'error',
-                error: e
-            });
+            if (mounted) {
+                setStatus({
+                    type: 'error',
+                    error: e
+                });
+            }
         });
+        return ()=>{
+            mounted = false;
+        };
     }, []);
     if (status.type === 'loading') {
         return {

package/dist/cjs/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -65,6 +65,7 @@ function WrappedEntryCard(props) {
     const [file, setFile] = _react.useState(null);
     const { contentType } = props;
     _react.useEffect(()=>{
+        let mounted = true;
         if (props.entry) {
             getEntryImage({
                 entry: props.entry,
@@ -72,11 +73,18 @@ function WrappedEntryCard(props) {
                 localeCode: props.localeCode,
                 defaultLocaleCode: props.defaultLocaleCode
             }, props.getAsset).then((file)=>{
-                setFile(file);
+                if (mounted) {
+                    setFile(file);
+                }
             }).catch(()=>{
-                setFile(null);
+                if (mounted) {
+                    setFile(null);
+                }
             });
         }
+        return ()=>{
+            mounted = false;
+        };
     }, [
         props.entry,
         props.getAsset,

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

@@ -91,17 +91,19 @@ const sdk = {
                 return Promise.reject(new Error());
             })
         },
-        Http: {
-            get: jest.fn().mockImplementation(({ url, config })=>{
-                if (url === '/spaces/space-id/environments/environment-id/resource_types') {
-                    return Promise.resolve({
-                        items: [
-                            _resourcetypejson.default
-                        ],
-                        pages: {}
-                    });
-                }
-                if (url === `/spaces/space-id/environments/environment-id/resource_types/${resolvableExternalResourceType}/resources` && config.params['sys.urn[in]'] === resolvableExternalEntityUrn) {
+        Locale: {
+            getMany: jest.fn().mockResolvedValue({
+                items: [
+                    {
+                        default: true,
+                        code: 'en'
+                    }
+                ]
+            })
+        },
+        Resource: {
+            getMany: jest.fn().mockImplementation(({ spaceId, environmentId, resourceTypeId, query })=>{
+                if (spaceId === 'space-id' && environmentId === 'environment-id' && resourceTypeId === resolvableExternalResourceType && query['sys.urn[in]'] === resolvableExternalEntityUrn) {
                     return Promise.resolve({
                         items: [
                             _resourcejson.default
@@ -113,14 +115,19 @@ const sdk = {
                 });
             })
         },
-        Locale: {
-            getMany: jest.fn().mockResolvedValue({
-                items: [
-                    {
-                        default: true,
-                        code: 'en'
-                    }
-                ]
+        ResourceType: {
+            getForEnvironment: jest.fn().mockImplementation(({ spaceId, environmentId })=>{
+                if (spaceId === 'space-id' && environmentId === 'environment-id') {
+                    return Promise.resolve({
+                        items: [
+                            _resourcetypejson.default
+                        ],
+                        pages: {}
+                    });
+                }
+                return Promise.resolve({
+                    items: []
+                });
             })
         },
         ScheduledAction: {

package/dist/cjs/resources/ExternalResourceCard/ExternalResourceCard.js

@@ -59,11 +59,6 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const defaultProps = {
-    isClickable: true,
-    hasCardMoveActions: true,
-    hasCardRemoveActions: true
-};
 const styles = {
     subtitle: (0, _emotion.css)({
         color: _f36tokens.default.gray600
@@ -98,7 +93,7 @@ function ExternalResourceCardDescription({ subtitle, description }) {
     }, truncatedDescription));
 }
 ExternalResourceCardDescription.displayName = 'ExternalResourceCardDescription';
-function ExternalResourceCard({ info, isClickable, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions, hasCardRemoveActions, renderDragHandle, onClick, isSelected }) {
+function ExternalResourceCard({ info, isClickable = true, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions = true, hasCardRemoveActions = true, renderDragHandle, onClick, isSelected }) {
     const { resource: entity, resourceType } = info;
     const badge = ExternalEntityBadge(entity.fields.badge);
     return _react.createElement(_f36components.EntryCard, {
@@ -154,4 +149,3 @@ function ExternalResourceCard({ info, isClickable, onEdit, onRemove, onMoveTop,
         description: entity.fields.description
     }));
 }
-ExternalResourceCard.defaultProps = defaultProps;

package/dist/esm/common/EntityStore.js

@@ -38,7 +38,7 @@ const isEntityQueryKey = (queryKey)=>{
 async function fetchContentfulEntry({ urn, fetch, options }) {
     const resourceId = urn.split(':', 6)[5];
     const ENTITY_RESOURCE_ID_REGEX = RegExp("^spaces\\/(?<spaceId>[^/]+)(?:\\/environments\\/(?<environmentId>[^/]+))?\\/entries\\/(?<entityId>[^/]+)$");
-    const resourceIdMatch = resourceId.match(ENTITY_RESOURCE_ID_REGEX);
+    const resourceIdMatch = resourceId?.match(ENTITY_RESOURCE_ID_REGEX);
     if (!resourceIdMatch || !resourceIdMatch?.groups?.spaceId || !resourceIdMatch?.groups?.entityId) {
         throw new Error('Not a valid crn');
     }
@@ -106,8 +106,11 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
             environmentId,
             resourceType,
             urn
-        ], ({ cmaClient })=>cmaClient.raw.get(`/spaces/${spaceId}/environments/${environmentId}/resource_types/${resourceType}/resources`, {
-                params: {
+        ], ({ cmaClient })=>cmaClient.resource.getMany({
+                spaceId,
+                environmentId,
+                resourceTypeId: resourceType,
+                query: {
                     'sys.urn[in]': urn
                 }
             }).then(({ items })=>items[0] ?? null), options),
@@ -115,8 +118,10 @@ async function fetchExternalResource({ urn, fetch, options, spaceId, environment
             'resource-types',
             spaceId,
             environmentId
-        ], ({ cmaClient })=>fetchAll(({ query })=>cmaClient.raw.get(`/spaces/${spaceId}/environments/${environmentId}/resource_types`, {
-                    params: query
+        ], ({ cmaClient })=>fetchAll(({ query })=>cmaClient.resourceType.getForEnvironment({
+                    spaceId,
+                    environmentId,
+                    query
                 }), {}))
     ]);
     const resourceTypeEntity = resourceTypes.find((rt)=>rt.sys.id === resourceType);

package/dist/esm/common/SingleReferenceEditor.js

@@ -57,7 +57,7 @@ export function SingleReferenceEditor(props) {
         return React.createElement(Editor, {
             ...props,
             key: `${externalReset}-reference`,
-            entityId: value ? value.sys.id : '',
+            entityId: value ? value?.sys?.id : '',
             isDisabled: disabled,
             setValue: setValue,
             allContentTypes: allContentTypes

package/dist/esm/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js

@@ -5,17 +5,25 @@ export function useScheduledActions({ getEntityScheduledActions, entityId, entit
         type: 'loading'
     });
     React.useEffect(()=>{
+        let mounted = true;
         getEntityScheduledActions(entityType, entityId).then((data)=>{
-            setStatus({
-                type: 'loaded',
-                jobs: data
-            });
+            if (mounted) {
+                setStatus({
+                    type: 'loaded',
+                    jobs: data
+                });
+            }
         }).catch((e)=>{
-            setStatus({
-                type: 'error',
-                error: e
-            });
+            if (mounted) {
+                setStatus({
+                    type: 'error',
+                    error: e
+                });
+            }
         });
+        return ()=>{
+            mounted = false;
+        };
     }, []);
     if (status.type === 'loading') {
         return {

package/dist/esm/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -14,6 +14,7 @@ export function WrappedEntryCard(props) {
     const [file, setFile] = React.useState(null);
     const { contentType } = props;
     React.useEffect(()=>{
+        let mounted = true;
         if (props.entry) {
             getEntryImage({
                 entry: props.entry,
@@ -21,11 +22,18 @@ export function WrappedEntryCard(props) {
                 localeCode: props.localeCode,
                 defaultLocaleCode: props.defaultLocaleCode
             }, props.getAsset).then((file)=>{
-                setFile(file);
+                if (mounted) {
+                    setFile(file);
+                }
             }).catch(()=>{
-                setFile(null);
+                if (mounted) {
+                    setFile(null);
+                }
             });
         }
+        return ()=>{
+            mounted = false;
+        };
     }, [
         props.entry,
         props.getAsset,

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

@@ -41,17 +41,19 @@ const sdk = {
                 return Promise.reject(new Error());
             })
         },
-        Http: {
-            get: jest.fn().mockImplementation(({ url, config })=>{
-                if (url === '/spaces/space-id/environments/environment-id/resource_types') {
-                    return Promise.resolve({
-                        items: [
-                            resourceType
-                        ],
-                        pages: {}
-                    });
-                }
-                if (url === `/spaces/space-id/environments/environment-id/resource_types/${resolvableExternalResourceType}/resources` && config.params['sys.urn[in]'] === resolvableExternalEntityUrn) {
+        Locale: {
+            getMany: jest.fn().mockResolvedValue({
+                items: [
+                    {
+                        default: true,
+                        code: 'en'
+                    }
+                ]
+            })
+        },
+        Resource: {
+            getMany: jest.fn().mockImplementation(({ spaceId, environmentId, resourceTypeId, query })=>{
+                if (spaceId === 'space-id' && environmentId === 'environment-id' && resourceTypeId === resolvableExternalResourceType && query['sys.urn[in]'] === resolvableExternalEntityUrn) {
                     return Promise.resolve({
                         items: [
                             resource
@@ -63,14 +65,19 @@ const sdk = {
                 });
             })
         },
-        Locale: {
-            getMany: jest.fn().mockResolvedValue({
-                items: [
-                    {
-                        default: true,
-                        code: 'en'
-                    }
-                ]
+        ResourceType: {
+            getForEnvironment: jest.fn().mockImplementation(({ spaceId, environmentId })=>{
+                if (spaceId === 'space-id' && environmentId === 'environment-id') {
+                    return Promise.resolve({
+                        items: [
+                            resourceType
+                        ],
+                        pages: {}
+                    });
+                }
+                return Promise.resolve({
+                    items: []
+                });
             })
         },
         ScheduledAction: {

package/dist/esm/resources/ExternalResourceCard/ExternalResourceCard.js

@@ -3,11 +3,6 @@ import { Badge, EntryCard, MenuItem, MenuDivider, Paragraph, Caption } from '@co
 import tokens from '@contentful/f36-tokens';
 import { css } from 'emotion';
 import truncate from 'truncate';
-const defaultProps = {
-    isClickable: true,
-    hasCardMoveActions: true,
-    hasCardRemoveActions: true
-};
 const styles = {
     subtitle: css({
         color: tokens.gray600
@@ -42,7 +37,7 @@ function ExternalResourceCardDescription({ subtitle, description }) {
     }, truncatedDescription));
 }
 ExternalResourceCardDescription.displayName = 'ExternalResourceCardDescription';
-export function ExternalResourceCard({ info, isClickable, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions, hasCardRemoveActions, renderDragHandle, onClick, isSelected }) {
+export function ExternalResourceCard({ info, isClickable = true, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions = true, hasCardRemoveActions = true, renderDragHandle, onClick, isSelected }) {
     const { resource: entity, resourceType } = info;
     const badge = ExternalEntityBadge(entity.fields.badge);
     return React.createElement(EntryCard, {
@@ -98,4 +93,3 @@ export function ExternalResourceCard({ info, isClickable, onEdit, onRemove, onMo
         description: entity.fields.description
     }));
 }
-ExternalResourceCard.defaultProps = defaultProps;

package/dist/types/assets/MultipleMediaEditor.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ReferenceEditorProps } from '../common/ReferenceEditor';
 type EditorProps = Pick<ReferenceEditorProps, Exclude<keyof ReferenceEditorProps, 'hasCardEditActions'>>;
-export declare function MultipleMediaEditor(props: EditorProps): JSX.Element;
+export declare function MultipleMediaEditor(props: EditorProps): React.JSX.Element;
 export declare namespace MultipleMediaEditor {
     var defaultProps: {
         isInitiallyDisabled: boolean;

package/dist/types/assets/SingleMediaEditor.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ReferenceEditorProps } from '../common/ReferenceEditor';
 type EditorProps = Pick<ReferenceEditorProps, Exclude<keyof ReferenceEditorProps, 'hasCardEditActions'>>;
-export declare function SingleMediaEditor(props: EditorProps): JSX.Element;
+export declare function SingleMediaEditor(props: EditorProps): React.JSX.Element;
 export declare namespace SingleMediaEditor {
     var defaultProps: {
         isInitiallyDisabled: boolean;

package/dist/types/assets/WrappedAssetCard/AssetCardActions.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { File } from '../../types';
 export declare function renderAssetInfo(props: {
     entityFile: File;
-}): JSX.Element[];
+}): React.JSX.Element[];
 export declare function renderActions(props: {
     onEdit?: () => void;
     onRemove?: () => void;
     isDisabled: boolean;
     entityFile?: File;
-}): (JSX.Element | null)[];
+}): (React.JSX.Element | null)[];

package/dist/types/assets/WrappedAssetCard/FetchingWrappedAssetCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { CustomCardRenderer, RenderCustomMissingEntityCard } from '../../common/customCardTypes';
 import { Action, FieldAppSDK, ViewType, RenderDragFn } from '../../types';
 type FetchingWrappedAssetCardProps = {
@@ -13,5 +13,5 @@ type FetchingWrappedAssetCardProps = {
     renderCustomCard?: CustomCardRenderer;
     renderCustomMissingEntityCard?: RenderCustomMissingEntityCard;
 };
-export declare function FetchingWrappedAssetCard(props: FetchingWrappedAssetCardProps): JSX.Element;
+export declare function FetchingWrappedAssetCard(props: FetchingWrappedAssetCardProps): React.JSX.Element;
 export {};

package/dist/types/assets/WrappedAssetCard/WrappedAssetCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { SpaceAPI } from '@contentful/app-sdk';
 import { Asset, RenderDragFn } from '../../types';
 export interface WrappedAssetCardProps {
@@ -19,7 +19,7 @@ export interface WrappedAssetCardProps {
     isLocalized?: boolean;
 }
 export declare const WrappedAssetCard: {
-    (props: WrappedAssetCardProps): JSX.Element;
+    (props: WrappedAssetCardProps): React.JSX.Element;
     defaultProps: {
         isClickable: boolean;
     };

package/dist/types/assets/WrappedAssetCard/WrappedAssetLink.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { SpaceAPI } from '@contentful/field-editor-shared';
 import { Asset, RenderDragFn } from '../../types';
 export interface WrappedAssetLinkProps {
@@ -14,4 +14,4 @@ export interface WrappedAssetLinkProps {
     renderDragHandle?: RenderDragFn;
     useLocalizedEntityStatus?: boolean;
 }
-export declare const WrappedAssetLink: (props: WrappedAssetLinkProps) => JSX.Element;
+export declare const WrappedAssetLink: (props: WrappedAssetLinkProps) => React.JSX.Element;

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

@@ -66,5 +66,5 @@ export declare function useResource<R extends Resource = Resource>(resourceType:
     data: ResourceInfo<R> | undefined;
     error: unknown;
 };
-declare function EntityProvider({ children, ...props }: React.PropsWithChildren<EntityStoreProps>): JSX.Element;
+declare function EntityProvider({ children, ...props }: React.PropsWithChildren<EntityStoreProps>): React.JSX.Element;
 export { EntityProvider, useEntityLoader };

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

@@ -19,7 +19,7 @@ export declare function MultipleReferenceEditor(props: ReferenceEditorProps & {
     entityType: ContentEntityType;
     children: (props: ReferenceEditorProps & ChildProps) => React.ReactElement;
     setIndexToUpdate?: React.Dispatch<React.SetStateAction<number | undefined>>;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare namespace MultipleReferenceEditor {
     var defaultProps: {
         hasCardEditActions: boolean;

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

@@ -37,7 +37,7 @@ export interface ReferenceEditorProps {
 export type CustomActionProps = LinkActionsProps;
 export declare function ReferenceEditor<T>(props: ReferenceEditorProps & {
     children: FieldConnector<T>['props']['children'];
-}): JSX.Element;
+}): React.JSX.Element;
 export declare namespace ReferenceEditor {
     var defaultProps: {
         isInitiallyDisabled: boolean;

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

@@ -14,7 +14,7 @@ type ChildProps = {
 export declare function SingleReferenceEditor(props: ReferenceEditorProps & {
     entityType: ContentEntityType;
     children: (props: ChildProps) => React.ReactElement;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare namespace SingleReferenceEditor {
     var defaultProps: {
         hasCardEditActions: boolean;

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

@@ -23,5 +23,5 @@ type SortableLinkListProps<T> = ReferenceEditorProps & {
 };
 export declare const SortableLinkList: <T extends {
     sys: any;
-}>({ items, isDisabled, className, children, onSortStart, onSortEnd, updateBeforeSortStart, sortingStrategy, }: SortableLinkListProps<T>) => JSX.Element;
+}>({ items, isDisabled, className, children, onSortStart, onSortEnd, updateBeforeSortStart, sortingStrategy, }: SortableLinkListProps<T>) => React.JSX.Element;
 export {};

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

@@ -6,4 +6,4 @@ export declare const useQuery: typeof useRQ;
  * Provides access to a query client either by sharing an existing client or
  * creating a new one.
  */
-export declare function SharedQueryClientProvider({ children }: React.PropsWithChildren<{}>): JSX.Element;
+export declare function SharedQueryClientProvider({ children }: React.PropsWithChildren<{}>): React.JSX.Element;

package/dist/types/components/AssetThumbnail/AssetThumbnail.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { File } from '../../types';
 interface AssetThumbnailProps {
     file: File;
 }
-export declare function AssetThumbnail(props: AssetThumbnailProps): JSX.Element;
+export declare function AssetThumbnail(props: AssetThumbnailProps): React.JSX.Element;
 export {};

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

@@ -15,5 +15,5 @@ interface CreateEntryLinkButtonProps {
         position: 'bottom-left' | 'bottom-right';
     };
 }
-export declare const CreateEntryLinkButton: ({ contentTypes, onSelect, customDropdownItems, text, testId, hasPlusIcon, useExperimentalStyles, suggestedContentTypeId, dropdownSettings, disabled, }: CreateEntryLinkButtonProps) => JSX.Element;
+export declare const CreateEntryLinkButton: ({ contentTypes, onSelect, customDropdownItems, text, testId, hasPlusIcon, useExperimentalStyles, suggestedContentTypeId, dropdownSettings, disabled, }: CreateEntryLinkButtonProps) => React.JSX.Element;
 export {};

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

@@ -24,7 +24,7 @@ interface CreateEntryMenuTrigger {
     menuProps?: Omit<MenuProps, 'children'>;
 }
 export declare const CreateEntryMenuTrigger: {
-    ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, }: CreateEntryMenuTrigger): JSX.Element;
+    ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, }: CreateEntryMenuTrigger): React.JSX.Element;
     defaultProps: {
         testId: string;
         contentTypesLabel: string;

package/dist/types/components/EntityStatusBadge/EntityStatusBadge.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { type EntityStatus } from '@contentful/f36-components';
 import { type UseScheduledActionsProps } from '../ScheduledIconWithTooltip/ScheduledIconWithTooltip';
 type EntityStatusBadgeProps = UseScheduledActionsProps & {
     status: EntityStatus;
 };
-export declare function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }: EntityStatusBadgeProps): JSX.Element;
+export declare function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }: EntityStatusBadgeProps): React.JSX.Element;
 export {};

package/dist/types/components/LinkActions/CombinedLinkActions.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { LinkActionsProps } from './LinkActions';
 /**
  * Alternative, experimental alternative to <LinkActions /> that is planned to
@@ -7,4 +7,4 @@ import { LinkActionsProps } from './LinkActions';
  * Places both actions to create and link new, as well as link existing, behind
  * one action dropdown and introduces new copy for action labels.
  */
-export declare function CombinedLinkActions(props: LinkActionsProps): JSX.Element | null;
+export declare function CombinedLinkActions(props: LinkActionsProps): React.JSX.Element | null;

package/dist/types/components/LinkActions/LinkActions.d.ts

@@ -23,4 +23,4 @@ export declare const testIds: {
     createAndLinkWrapper: string;
     linkExisting: string;
 };
-export declare function LinkActions(props: LinkActionsProps): JSX.Element | null;
+export declare function LinkActions(props: LinkActionsProps): React.JSX.Element | null;

package/dist/types/components/LinkActions/LinkEntityActions.d.ts

@@ -17,8 +17,8 @@ type LinkEntityActionsProps = {
 export declare function useLinkActionsProps(props: LinkEntityActionsProps): LinkActionsProps;
 export declare function LinkEntityActions({ renderCustomActions, ...props }: LinkActionsProps & {
     renderCustomActions?: (props: LinkActionsProps) => React.ReactElement;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function CombinedLinkEntityActions({ renderCustomActions, ...props }: LinkActionsProps & {
     renderCustomActions?: (props: LinkActionsProps) => React.ReactElement;
-}): JSX.Element;
+}): React.JSX.Element;
 export {};

package/dist/types/components/LinkActions/NoLinkPermissionsInfo.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function NoLinkPermissionsInfo(): JSX.Element;
+import * as React from 'react';
+export declare function NoLinkPermissionsInfo(): React.JSX.Element;

package/dist/types/components/MissingAssetCard/MissingAssetCard.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare function MissingAssetCard(props: {
     asSquare?: boolean;
     isSelected?: boolean;
     isDisabled: boolean;
     onRemove?: Function;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/MissingEntityCard/MissingEntityCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type MissingEntityCardProps = {
     customMessage?: string;
     isDisabled?: boolean;
@@ -6,5 +6,5 @@ type MissingEntityCardProps = {
     onRemove?: Function;
     providerName?: string;
 };
-export declare function MissingEntityCard(props: MissingEntityCardProps): JSX.Element;
+export declare function MissingEntityCard(props: MissingEntityCardProps): React.JSX.Element;
 export {};

package/dist/types/components/ResourceEntityErrorCard/ResourceEntityErrorCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 type ResourceEntityErrorCardProps = {
     linkType: string;
     error: unknown;
@@ -6,5 +6,5 @@ type ResourceEntityErrorCardProps = {
     isDisabled: boolean;
     onRemove?: Function;
 };
-export declare function ResourceEntityErrorCard(props: ResourceEntityErrorCardProps): JSX.Element;
+export declare function ResourceEntityErrorCard(props: ResourceEntityErrorCardProps): React.JSX.Element;
 export {};

package/dist/types/components/ResourceEntityErrorCard/UnsupportedEntityCard.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 type UnsupportedEntityCardProps = {
     isSelected?: boolean;
     onRemove?: Function;
 };
-export declare function UnsupportedEntityCard(props: UnsupportedEntityCardProps): JSX.Element;
+export declare function UnsupportedEntityCard(props: UnsupportedEntityCardProps): React.JSX.Element;
 export {};

package/dist/types/components/ScheduledIconWithTooltip/ScheduleTooltip.d.ts

@@ -8,4 +8,4 @@ export declare const ScheduleTooltip: ({ job, jobsCount, children, }: {
     job: ScheduledAction;
     jobsCount: number;
     children: React.ReactElement;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.d.ts

@@ -12,5 +12,5 @@ type ScheduledIconWithTooltipProps = {
     entityId: string;
     children: React.ReactElement;
 };
-export declare const ScheduledIconWithTooltip: ({ entityType, entityId, getEntityScheduledActions, children, }: ScheduledIconWithTooltipProps) => JSX.Element | null;
+export declare const ScheduledIconWithTooltip: ({ entityType, entityId, getEntityScheduledActions, children, }: ScheduledIconWithTooltipProps) => React.JSX.Element | null;
 export {};

package/dist/types/components/SpaceName/SpaceName.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface SourceProps {
     spaceName: string;
     environmentName?: string;
 }
-export declare function SpaceName(props: SourceProps): JSX.Element;
+export declare function SpaceName(props: SourceProps): React.JSX.Element;
 export {};

package/dist/types/entries/MultipleEntryReferenceEditor.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ReferenceEditorProps } from '../common/ReferenceEditor';
-export declare function MultipleEntryReferenceEditor(props: ReferenceEditorProps): JSX.Element;
+export declare function MultipleEntryReferenceEditor(props: ReferenceEditorProps): React.JSX.Element;

package/dist/types/entries/SingleEntryReferenceEditor.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ReferenceEditorProps } from '../common/ReferenceEditor';
-export declare function SingleEntryReferenceEditor(props: ReferenceEditorProps): JSX.Element;
+export declare function SingleEntryReferenceEditor(props: ReferenceEditorProps): React.JSX.Element;
 export declare namespace SingleEntryReferenceEditor {
     var defaultProps: {
         isInitiallyDisabled: boolean;

package/dist/types/entries/WrappedEntryCard/FetchingWrappedEntryCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RenderCustomMissingEntityCard } from '../../common/customCardTypes';
 import { ReferenceEditorProps } from '../../common/ReferenceEditor';
 import { ContentType, RenderDragFn } from '../../types';
@@ -15,4 +15,4 @@ export type EntryCardReferenceEditorProps = ReferenceEditorProps & {
     renderCustomMissingEntityCard?: RenderCustomMissingEntityCard;
     isBeingDragged?: boolean;
 };
-export declare function FetchingWrappedEntryCard(props: EntryCardReferenceEditorProps): JSX.Element;
+export declare function FetchingWrappedEntryCard(props: EntryCardReferenceEditorProps): React.JSX.Element;

package/dist/types/entries/WrappedEntryCard/WrappedEntryCard.d.ts

@@ -26,7 +26,7 @@ export interface WrappedEntryCardProps {
     isLocalized?: boolean;
     useLocalizedEntityStatus?: boolean;
 }
-export declare function WrappedEntryCard(props: WrappedEntryCardProps): JSX.Element;
+export declare function WrappedEntryCard(props: WrappedEntryCardProps): React.JSX.Element;
 export declare namespace WrappedEntryCard {
     var defaultProps: {
         isClickable: boolean;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Entry } from '@contentful/field-editor-shared';
 import { RenderDragFn, ResourceInfo } from '../../types';
 export type CardActionsHandlers = {
@@ -17,5 +17,5 @@ type ContentfulEntryCardProps = {
     renderDragHandle?: RenderDragFn;
     getEntryRouteHref: (entryRoute: EntryRoute) => string;
 } & CardActionsHandlers;
-export declare function ContentfulEntryCard({ info, isDisabled, renderDragHandle, onRemove, onMoveTop, onMoveBottom, getEntryRouteHref, }: ContentfulEntryCardProps): JSX.Element;
+export declare function ContentfulEntryCard({ info, isDisabled, renderDragHandle, onRemove, onMoveTop, onMoveBottom, getEntryRouteHref, }: ContentfulEntryCardProps): React.JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { type ExternalResourceCardProps } from '../ExternalResourceCard/ExternalResourceCard';
 type ExternalEntryCardProps = ExternalResourceCardProps;
-export declare function ExternalEntryCard(props: ExternalEntryCardProps): JSX.Element;
+export declare function ExternalEntryCard(props: ExternalEntryCardProps): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RenderDragFn, ResourceLink } from '../../types';
 import { CardActionsHandlers, EntryRoute } from './ContentfulEntryCard';
 type ResourceCardProps = {
@@ -8,5 +8,5 @@ type ResourceCardProps = {
     renderDragHandle?: RenderDragFn;
     getEntryRouteHref: (entryRoute: EntryRoute) => string;
 } & CardActionsHandlers;
-export declare function ResourceCard(props: ResourceCardProps): JSX.Element;
+export declare function ResourceCard(props: ResourceCardProps): React.JSX.Element;
 export {};

package/dist/types/resources/ExternalResourceCard/ExternalResourceCard.d.ts

@@ -16,11 +16,4 @@ export interface ExternalResourceCardProps {
     hasCardMoveActions?: boolean;
     hasCardRemoveActions?: boolean;
 }
-export declare function ExternalResourceCard({ info, isClickable, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions, hasCardRemoveActions, renderDragHandle, onClick, isSelected, }: ExternalResourceCardProps): JSX.Element;
-export declare namespace ExternalResourceCard {
-    var defaultProps: {
-        isClickable: boolean;
-        hasCardMoveActions: boolean;
-        hasCardRemoveActions: boolean;
-    };
-}
+export declare function ExternalResourceCard({ info, isClickable, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions, hasCardRemoveActions, renderDragHandle, onClick, isSelected, }: ExternalResourceCardProps): React.JSX.Element;

package/dist/types/resources/MultipleResourceReferenceEditor.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ReferenceEditorProps } from '../common/ReferenceEditor';
 import { EntryRoute } from './Cards/ContentfulEntryCard';
 export declare function MultipleResourceReferenceEditor(props: ReferenceEditorProps & {
     apiUrl: string;
     getEntryRouteHref: (entryRoute: EntryRoute) => string;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/resources/SingleResourceReferenceEditor.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ReferenceEditorProps } from '../common/ReferenceEditor';
 import { EntryRoute } from './Cards/ContentfulEntryCard';
 export declare function SingleResourceReferenceEditor(props: ReferenceEditorProps & {
     getEntryRouteHref: (entryRoute: EntryRoute) => string;
     apiUrl: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/types.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { NavigatorSlideInfo, ContentEntityType } from '@contentful/app-sdk';
 import { Entry, Asset } from '@contentful/field-editor-shared';
+import { ResourceProps } from 'contentful-management';
 export type { BaseAppSDK, FieldAppSDK, ContentType, ContentTypeField, Link, ContentEntityType, NavigatorSlideInfo, ScheduledAction, } from '@contentful/app-sdk';
-export type { SpaceProps as Space, ResourceLink } from 'contentful-management';
+export type { SpaceProps as Space, ResourceLink, ResourceProps as ExternalResource, SpaceEnvResourceTypeProps as ResourceType, } from 'contentful-management';
 export { Entry, File, Asset } from '@contentful/field-editor-shared';
 export type { ResourceInfo } from './common/EntityStore';
 export type Entity = Entry | Asset;
@@ -21,44 +22,7 @@ export type AssetLink = {
     };
 };
 export type EntityLink = EntryLink | AssetLink;
-type SysExternalResource<T extends string> = {
-    sys: {
-        type: 'Link';
-        linkType: T;
-        id: string;
-    };
-};
-export type ResourceType = {
-    sys: {
-        type: 'ResourceType';
-        id: string;
-        resourceProvider: SysExternalResource<'ResourceProvider'>;
-    };
-    name: string;
-};
-export interface ExternalResource {
-    sys: {
-        type: 'Resource';
-        urn: string;
-        resourceProvider: SysExternalResource<'ResourceProvider'>;
-        resourceType: SysExternalResource<'ResourceType'>;
-    };
-    fields: {
-        title: string;
-        subtitle?: string;
-        description?: string;
-        externalUrl?: string;
-        badge?: {
-            label: string;
-            variant: 'negative' | 'positive' | 'primary' | 'secondary' | 'warning';
-        };
-        image?: {
-            url: string;
-            altText?: string;
-        };
-    };
-}
-export type Resource = Entry | ExternalResource;
+export type Resource = Entry | ResourceProps;
 export type EntityType = 'Entry' | 'Asset' | string;
 export type SysResourceLink<T extends string> = {
     sys: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "5.30.5",
+  "version": "5.30.12",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -35,27 +35,26 @@
     "tsc": "tsc -p ./ --noEmit"
   },
   "dependencies": {
-    "@contentful/f36-components": "^4.67.0",
-    "@contentful/f36-icons": "^4.28.2",
+    "@contentful/f36-components": "^4.70.0",
+    "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^1.6.0",
+    "@contentful/field-editor-shared": "^1.7.0",
     "@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.30.0",
+    "contentful-management": "^11.35.1",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
     "moment": "^2.20.0",
     "p-queue": "^4.0.0",
-    "react-intersection-observer": "9.4.0",
-    "type-fest": "2.17.0"
+    "react-intersection-observer": "9.4.0"
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.29.0",
-    "@contentful/field-editor-test-utils": "^1.5.0",
+    "@contentful/field-editor-test-utils": "^1.5.2",
     "@testing-library/react-hooks": "^8.0.1"
   },
   "peerDependencies": {
@@ -65,5 +64,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "8013feb5bcc5b6abdf4d856a61496db8bd247b7f"
+  "gitHead": "d734036ff89da141dbb91ade0342fb7f82cfe167"
 }