@contentful/field-editor-reference 6.20.0 → 6.21.0

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

@@ -18,6 +18,7 @@ _export(exports, {
 });
 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 _fieldeditorshared = require("@contentful/field-editor-shared");
 const _emotion = require("emotion");
@@ -134,7 +135,7 @@ function renderAssetInfo(props) {
     ];
 }
 function renderActions(props) {
-    const { entityFile, isDisabled, onEdit, onRemove } = props;
+    const { entityFile, isDisabled, onEdit, onRemove, onAddToReleaseAction } = props;
     return [
         /*#__PURE__*/ _react.createElement(_f36components.MenuSectionTitle, {
             key: "section-title"
@@ -144,6 +145,15 @@ function renderActions(props) {
             onClick: onEdit,
             testId: "card-action-edit"
         }, "Edit") : null,
+        onAddToReleaseAction ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
+            key: "add-to-release",
+            testId: "add-to-release",
+            onClick: ()=>{
+                onAddToReleaseAction();
+            }
+        }, /*#__PURE__*/ _react.createElement(_f36icons.PlusIcon, {
+            size: "tiny"
+        }), "Add to release") : null,
         entityFile ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
             key: "download",
             onClick: ()=>{

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

@@ -72,6 +72,11 @@ function FetchingWrappedAssetCard(props) {
         locales: props.sdk.locales,
         isReference: true
     });
+    const onAddToRelease = ()=>{
+        if (asset && props.addReferenceToRelease) {
+            void props.addReferenceToRelease(asset, props.sdk.field.locale);
+        }
+    };
     _react.useEffect(()=>{
         if (asset) {
             props.onAction && props.onAction({
@@ -138,7 +143,8 @@ function FetchingWrappedAssetCard(props) {
             activeLocales,
             releaseStatusMap,
             release: props.sdk.release,
-            releaseEntityStatus
+            releaseEntityStatus,
+            onAddToRelease
         };
         if (status === 'loading') {
             return props.viewType === 'link' ? /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {

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

@@ -87,7 +87,7 @@ function getFileType(file) {
     return groupToIconMap[groupName] || 'archive';
 }
 const THUMBNAIL_SIZE = 150;
-const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release })=>{
+const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release, onAddToRelease })=>{
     const status = _fieldeditorshared.entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
     const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
     const imageUrl = _react.useMemo(()=>{
@@ -120,6 +120,7 @@ const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCod
         defaultTitle: 'Untitled'
     });
     const href = getAssetUrl ? getAssetUrl(asset.sys.id) : undefined;
+    const onAddToReleaseAction = releaseEntityStatus === 'notInRelease' && release !== undefined && onAddToRelease !== undefined && !isDisabled ? onAddToRelease : undefined;
     return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
         as: isClickable && href ? 'a' : 'article',
         type: getFileType(entityFile),
@@ -158,7 +159,8 @@ const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCod
                 entityFile,
                 isDisabled: isDisabled,
                 onEdit,
-                onRemove
+                onRemove,
+                onAddToReleaseAction
             }),
             ...entityFile ? (0, _AssetCardActions.renderAssetInfo)({
                 entityFile

package/dist/cjs/common/EntityStore.js

@@ -45,7 +45,6 @@ const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _constate = /*#__PURE__*/ _interop_require_default(require("constate"));
 const _contentfulmanagement = require("contentful-management");
 const _lodash = require("lodash");
-const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
 const _pqueue = /*#__PURE__*/ _interop_require_default(require("p-queue"));
 const _queryClient = require("./queryClient");
 function _define_property(obj, key, value) {
@@ -387,7 +386,6 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
         const query = {
             'environment.sys.id': environmentId,
             'sys.status': 'scheduled',
-            'scheduledFor.datetime[gte]': (0, _moment.default)().startOf('hour').toISOString(),
             'entity.sys.linkType[in]': 'Entry,Asset',
             order: '-scheduledFor.datetime',
             limit: maxScheduledActions

package/dist/cjs/common/SingleReferenceEditor.js

@@ -100,7 +100,8 @@ function Editor(props) {
     }
     return props.children({
         ...props,
-        renderCustomCard: props.renderCustomCard && customCardRenderer
+        renderCustomCard: props.renderCustomCard && customCardRenderer,
+        addReferenceToRelease: props.addReferenceToRelease
     });
 }
 function SingleReferenceEditor(props) {

package/dist/cjs/entries/MultipleEntryReferenceEditor.js

@@ -85,7 +85,8 @@ function MultipleEntryReferenceEditor(props) {
                 onMoveTop: index !== 0 ? ()=>childrenProps.onMove(index, 0) : undefined,
                 onMoveBottom: index !== lastIndex ? ()=>childrenProps.onMove(index, lastIndex) : undefined,
                 renderDragHandle: DragHandle,
-                isBeingDragged: index === indexToUpdate
+                isBeingDragged: index === indexToUpdate,
+                addReferenceToRelease: props.addReferenceToRelease
             });
         }));
 }

package/dist/cjs/entries/SingleEntryReferenceEditor.js

@@ -68,6 +68,7 @@ function SingleEntryReferenceEditor(props) {
             hasCardEditActions: hasCardEditActions,
             hasCardRemoveActions: hasCardRemoveActions,
             activeLocales: activeLocales,
+            addReferenceToRelease: props.addReferenceToRelease,
             onRemove: ()=>{
                 setValue(null);
             }

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

@@ -114,6 +114,11 @@ function FetchingWrappedEntryCard(props) {
             contentTypeId: entry?.sys?.contentType?.sys?.id ?? ''
         });
     };
+    const onAddToRelease = ()=>{
+        if (entry && props.addReferenceToRelease) {
+            void props.addReferenceToRelease(entry, props.sdk.field.locale);
+        }
+    };
     _react.useEffect(()=>{
         if (entry) {
             props.onAction?.({
@@ -168,7 +173,8 @@ function FetchingWrappedEntryCard(props) {
             activeLocales: props.activeLocales,
             releaseStatusMap,
             release: props.sdk.release,
-            releaseEntityStatus
+            releaseEntityStatus,
+            onAddToRelease
         };
         const { hasCardEditActions, hasCardMoveActions, hasCardRemoveActions } = props;
         function renderDefaultCard(props) {

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "WrappedEntryCard", {
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
+const _f36icons = require("@contentful/f36-icons");
 const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _components = require("../../components");
 const _SpaceName = require("../../components/SpaceName/SpaceName");
@@ -61,7 +62,7 @@ const defaultProps = {
     hasCardMoveActions: true,
     hasCardRemoveActions: true
 };
-function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeCode, defaultLocaleCode, localesStatusMap, useLocalizedEntityStatus, size, spaceName, isClickable, isDisabled, isSelected, hasCardMoveActions, hasCardEditActions, hasCardRemoveActions, renderDragHandle, getAsset, getEntityScheduledActions, onClick, onEdit, onRemove, onMoveTop, onMoveBottom, releaseEntityStatus, releaseStatusMap, release }) {
+function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeCode, defaultLocaleCode, localesStatusMap, useLocalizedEntityStatus, size, spaceName, isClickable, isDisabled, isSelected, hasCardMoveActions, hasCardEditActions, hasCardRemoveActions, renderDragHandle, getAsset, getEntityScheduledActions, onClick, onEdit, onRemove, onMoveTop, onMoveBottom, releaseEntityStatus, releaseStatusMap, release, onAddToRelease }) {
     const [file, setFile] = _react.useState(null);
     _react.useEffect(()=>{
         let mounted = true;
@@ -112,6 +113,7 @@ function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeC
         localeCode,
         defaultLocaleCode
     });
+    const showAddToReleaseAction = releaseEntityStatus === 'notInRelease' && release !== undefined && onAddToRelease !== undefined && !isDisabled;
     return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
         as: isClickable && entryUrl ? 'a' : 'article',
         href: isClickable ? entryUrl : undefined,
@@ -142,7 +144,7 @@ function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeC
         dragHandleRender: renderDragHandle,
         withDragHandle: !!renderDragHandle && !isDisabled,
         draggable: !!renderDragHandle && !isDisabled,
-        actions: onEdit || onRemove ? [
+        actions: onEdit || onRemove || showAddToReleaseAction ? [
             hasCardEditActions && onEdit ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
                 key: "edit",
                 testId: "edit",
@@ -157,6 +159,15 @@ function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeC
                     onRemove && onRemove();
                 }
             }, "Remove") : null,
+            showAddToReleaseAction ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
+                key: "add-to-release",
+                testId: "add-to-release",
+                onClick: ()=>{
+                    onAddToRelease();
+                }
+            }, /*#__PURE__*/ _react.createElement(_f36icons.PlusIcon, {
+                size: "tiny"
+            }), "Add to release") : null,
             hasCardMoveActions && (onMoveTop || onMoveBottom) && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.MenuDivider, {
                 key: "divider"
             }) : null,

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { MenuItem, Text, MenuSectionTitle } from '@contentful/f36-components';
+import { PlusIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
 import { shortenStorageUnit } from '@contentful/field-editor-shared';
 import { css } from 'emotion';
@@ -70,7 +71,7 @@ export function renderAssetInfo(props) {
     ];
 }
 export function renderActions(props) {
-    const { entityFile, isDisabled, onEdit, onRemove } = props;
+    const { entityFile, isDisabled, onEdit, onRemove, onAddToReleaseAction } = props;
     return [
         /*#__PURE__*/ React.createElement(MenuSectionTitle, {
             key: "section-title"
@@ -80,6 +81,15 @@ export function renderActions(props) {
             onClick: onEdit,
             testId: "card-action-edit"
         }, "Edit") : null,
+        onAddToReleaseAction ? /*#__PURE__*/ React.createElement(MenuItem, {
+            key: "add-to-release",
+            testId: "add-to-release",
+            onClick: ()=>{
+                onAddToReleaseAction();
+            }
+        }, /*#__PURE__*/ React.createElement(PlusIcon, {
+            size: "tiny"
+        }), "Add to release") : null,
         entityFile ? /*#__PURE__*/ React.createElement(MenuItem, {
             key: "download",
             onClick: ()=>{

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

@@ -21,6 +21,11 @@ export function FetchingWrappedAssetCard(props) {
         locales: props.sdk.locales,
         isReference: true
     });
+    const onAddToRelease = ()=>{
+        if (asset && props.addReferenceToRelease) {
+            void props.addReferenceToRelease(asset, props.sdk.field.locale);
+        }
+    };
     React.useEffect(()=>{
         if (asset) {
             props.onAction && props.onAction({
@@ -87,7 +92,8 @@ export function FetchingWrappedAssetCard(props) {
             activeLocales,
             releaseStatusMap,
             release: props.sdk.release,
-            releaseEntityStatus
+            releaseEntityStatus,
+            onAddToRelease
         };
         if (status === 'loading') {
             return props.viewType === 'link' ? /*#__PURE__*/ React.createElement(EntryCard, {

package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js

@@ -31,7 +31,7 @@ function getFileType(file) {
     return groupToIconMap[groupName] || 'archive';
 }
 const THUMBNAIL_SIZE = 150;
-export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release })=>{
+export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release, onAddToRelease })=>{
     const status = entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
     const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
     const imageUrl = React.useMemo(()=>{
@@ -64,6 +64,7 @@ export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLo
         defaultTitle: 'Untitled'
     });
     const href = getAssetUrl ? getAssetUrl(asset.sys.id) : undefined;
+    const onAddToReleaseAction = releaseEntityStatus === 'notInRelease' && release !== undefined && onAddToRelease !== undefined && !isDisabled ? onAddToRelease : undefined;
     return /*#__PURE__*/ React.createElement(AssetCard, {
         as: isClickable && href ? 'a' : 'article',
         type: getFileType(entityFile),
@@ -102,7 +103,8 @@ export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLo
                 entityFile,
                 isDisabled: isDisabled,
                 onEdit,
-                onRemove
+                onRemove,
+                onAddToReleaseAction
             }),
             ...entityFile ? renderAssetInfo({
                 entityFile

package/dist/esm/common/EntityStore.js

@@ -16,7 +16,6 @@ import { createGetContentTypeKey, createGetEntryKey, createGetSpaceKey } from '@
 import constate from 'constate';
 import { fetchAll } from 'contentful-management';
 import { get } from 'lodash';
-import moment from 'moment';
 import PQueue from 'p-queue';
 import { SharedQueryClientProvider, useQuery, useQueryClient } from './queryClient';
 export function isContentfulResourceInfo(info) {
@@ -299,7 +298,6 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
         const query = {
             'environment.sys.id': environmentId,
             'sys.status': 'scheduled',
-            'scheduledFor.datetime[gte]': moment().startOf('hour').toISOString(),
             'entity.sys.linkType[in]': 'Entry,Asset',
             order: '-scheduledFor.datetime',
             limit: maxScheduledActions

package/dist/esm/common/SingleReferenceEditor.js

@@ -50,7 +50,8 @@ function Editor(props) {
     }
     return props.children({
         ...props,
-        renderCustomCard: props.renderCustomCard && customCardRenderer
+        renderCustomCard: props.renderCustomCard && customCardRenderer,
+        addReferenceToRelease: props.addReferenceToRelease
     });
 }
 export function SingleReferenceEditor(props) {

package/dist/esm/entries/MultipleEntryReferenceEditor.js

@@ -34,7 +34,8 @@ export function MultipleEntryReferenceEditor(props) {
                 onMoveTop: index !== 0 ? ()=>childrenProps.onMove(index, 0) : undefined,
                 onMoveBottom: index !== lastIndex ? ()=>childrenProps.onMove(index, lastIndex) : undefined,
                 renderDragHandle: DragHandle,
-                isBeingDragged: index === indexToUpdate
+                isBeingDragged: index === indexToUpdate,
+                addReferenceToRelease: props.addReferenceToRelease
             });
         }));
 }

package/dist/esm/entries/SingleEntryReferenceEditor.js

@@ -17,6 +17,7 @@ export function SingleEntryReferenceEditor(props) {
             hasCardEditActions: hasCardEditActions,
             hasCardRemoveActions: hasCardRemoveActions,
             activeLocales: activeLocales,
+            addReferenceToRelease: props.addReferenceToRelease,
             onRemove: ()=>{
                 setValue(null);
             }

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

@@ -63,6 +63,11 @@ export function FetchingWrappedEntryCard(props) {
             contentTypeId: entry?.sys?.contentType?.sys?.id ?? ''
         });
     };
+    const onAddToRelease = ()=>{
+        if (entry && props.addReferenceToRelease) {
+            void props.addReferenceToRelease(entry, props.sdk.field.locale);
+        }
+    };
     React.useEffect(()=>{
         if (entry) {
             props.onAction?.({
@@ -117,7 +122,8 @@ export function FetchingWrappedEntryCard(props) {
             activeLocales: props.activeLocales,
             releaseStatusMap,
             release: props.sdk.release,
-            releaseEntityStatus
+            releaseEntityStatus,
+            onAddToRelease
         };
         const { hasCardEditActions, hasCardMoveActions, hasCardRemoveActions } = props;
         function renderDefaultCard(props) {

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { EntryCard, MenuDivider, MenuItem } from '@contentful/f36-components';
+import { PlusIcon } from '@contentful/f36-icons';
 import { entityHelpers, isValidImage } from '@contentful/field-editor-shared';
 import { AssetThumbnail, MissingEntityCard, EntityStatusBadge } from '../../components';
 import { SpaceName } from '../../components/SpaceName/SpaceName';
@@ -10,7 +11,7 @@ const defaultProps = {
     hasCardMoveActions: true,
     hasCardRemoveActions: true
 };
-export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeCode, defaultLocaleCode, localesStatusMap, useLocalizedEntityStatus, size, spaceName, isClickable, isDisabled, isSelected, hasCardMoveActions, hasCardEditActions, hasCardRemoveActions, renderDragHandle, getAsset, getEntityScheduledActions, onClick, onEdit, onRemove, onMoveTop, onMoveBottom, releaseEntityStatus, releaseStatusMap, release }) {
+export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeCode, defaultLocaleCode, localesStatusMap, useLocalizedEntityStatus, size, spaceName, isClickable, isDisabled, isSelected, hasCardMoveActions, hasCardEditActions, hasCardRemoveActions, renderDragHandle, getAsset, getEntityScheduledActions, onClick, onEdit, onRemove, onMoveTop, onMoveBottom, releaseEntityStatus, releaseStatusMap, release, onAddToRelease }) {
     const [file, setFile] = React.useState(null);
     React.useEffect(()=>{
         let mounted = true;
@@ -61,6 +62,7 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
         localeCode,
         defaultLocaleCode
     });
+    const showAddToReleaseAction = releaseEntityStatus === 'notInRelease' && release !== undefined && onAddToRelease !== undefined && !isDisabled;
     return /*#__PURE__*/ React.createElement(EntryCard, {
         as: isClickable && entryUrl ? 'a' : 'article',
         href: isClickable ? entryUrl : undefined,
@@ -91,7 +93,7 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
         dragHandleRender: renderDragHandle,
         withDragHandle: !!renderDragHandle && !isDisabled,
         draggable: !!renderDragHandle && !isDisabled,
-        actions: onEdit || onRemove ? [
+        actions: onEdit || onRemove || showAddToReleaseAction ? [
             hasCardEditActions && onEdit ? /*#__PURE__*/ React.createElement(MenuItem, {
                 key: "edit",
                 testId: "edit",
@@ -106,6 +108,15 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
                     onRemove && onRemove();
                 }
             }, "Remove") : null,
+            showAddToReleaseAction ? /*#__PURE__*/ React.createElement(MenuItem, {
+                key: "add-to-release",
+                testId: "add-to-release",
+                onClick: ()=>{
+                    onAddToRelease();
+                }
+            }, /*#__PURE__*/ React.createElement(PlusIcon, {
+                size: "tiny"
+            }), "Add to release") : null,
             hasCardMoveActions && (onMoveTop || onMoveBottom) && !isDisabled ? /*#__PURE__*/ React.createElement(MenuDivider, {
                 key: "divider"
             }) : null,

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

@@ -8,4 +8,5 @@ export declare function renderActions(props: {
     onRemove?: () => void;
     isDisabled: boolean;
     entityFile?: File;
+    onAddToReleaseAction?: () => void;
 }): (React.JSX.Element | null)[];

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CustomCardRenderer, RenderCustomMissingEntityCard } from '../../common/customCardTypes';
-import { Action, FieldAppSDK, ViewType, RenderDragFn } from '../../types';
+import { Action, Asset, FieldAppSDK, ViewType, RenderDragFn } from '../../types';
 type FetchingWrappedAssetCardProps = {
     assetId: string;
     isDisabled: boolean;
@@ -12,6 +12,7 @@ type FetchingWrappedAssetCardProps = {
     renderDragHandle?: RenderDragFn;
     renderCustomCard?: CustomCardRenderer;
     renderCustomMissingEntityCard?: RenderCustomMissingEntityCard;
+    addReferenceToRelease?: (reference: Asset, localeCode?: string) => Promise<void>;
 };
 export declare function FetchingWrappedAssetCard(props: FetchingWrappedAssetCardProps): React.JSX.Element;
 export {};

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

@@ -23,9 +23,10 @@ export interface WrappedAssetCardProps {
     releaseEntityStatus?: ReleaseEntityStatus;
     releaseStatusMap?: ReleaseStatusMap;
     release?: ReleaseV2Props;
+    onAddToRelease?: () => void;
 }
 export declare const WrappedAssetCard: {
-    ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release, }: WrappedAssetCardProps): React.JSX.Element;
+    ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release, onAddToRelease, }: WrappedAssetCardProps): React.JSX.Element;
     defaultProps: {
         isClickable: boolean;
     };

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FieldConnector } from '@contentful/field-editor-shared';
 import type { LinkActionsProps } from '../components';
-import { Action, ActionLabels, FieldAppSDK, ViewType } from '../types';
+import { Action, ActionLabels, FieldAppSDK, ViewType, Entry, Asset } from '../types';
 import { CustomCardRenderer, RenderCustomMissingEntityCard } from './customCardTypes';
 export interface ReferenceEditorProps {
     /**
@@ -33,6 +33,7 @@ export interface ReferenceEditorProps {
         oldIndex: number;
         newIndex: number;
     }) => void;
+    addReferenceToRelease?: (reference: Entry | Asset, localeCode?: string) => Promise<void>;
 }
 export type CustomActionProps = LinkActionsProps;
 export declare function ReferenceEditor<T>(props: ReferenceEditorProps & {

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

@@ -35,4 +35,5 @@ export type CustomEntityCardProps = {
     releaseStatusMap?: ReleaseStatusMap;
     releaseAction?: ReleaseAction;
     release?: ReleaseV2Props;
+    onAddToRelease?: () => void;
 } & Partial<WrappedAssetCardProps>;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RenderCustomMissingEntityCard } from '../../common/customCardTypes';
 import { ReferenceEditorProps } from '../../common/ReferenceEditor';
-import { ContentType, RenderDragFn } from '../../types';
+import { ContentType, Entry, RenderDragFn } from '../../types';
 export type EntryCardReferenceEditorProps = ReferenceEditorProps & {
     entryId: string;
     index?: number;
@@ -17,5 +17,6 @@ export type EntryCardReferenceEditorProps = ReferenceEditorProps & {
     activeLocales?: {
         code: string;
     }[];
+    addReferenceToRelease?: (reference: Entry, localeCode?: string) => Promise<void>;
 };
 export declare function FetchingWrappedEntryCard(props: EntryCardReferenceEditorProps): React.JSX.Element;

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

@@ -31,8 +31,9 @@ export interface WrappedEntryCardProps {
     releaseEntityStatus?: ReleaseEntityStatus;
     releaseStatusMap?: ReleaseStatusMap;
     release?: ReleaseV2Props;
+    onAddToRelease?: () => void;
 }
-export declare function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeCode, defaultLocaleCode, localesStatusMap, useLocalizedEntityStatus, size, spaceName, isClickable, isDisabled, isSelected, hasCardMoveActions, hasCardEditActions, hasCardRemoveActions, renderDragHandle, getAsset, getEntityScheduledActions, onClick, onEdit, onRemove, onMoveTop, onMoveBottom, releaseEntityStatus, releaseStatusMap, release, }: WrappedEntryCardProps): React.JSX.Element;
+export declare function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeCode, defaultLocaleCode, localesStatusMap, useLocalizedEntityStatus, size, spaceName, isClickable, isDisabled, isSelected, hasCardMoveActions, hasCardEditActions, hasCardRemoveActions, renderDragHandle, getAsset, getEntityScheduledActions, onClick, onEdit, onRemove, onMoveTop, onMoveBottom, releaseEntityStatus, releaseStatusMap, release, onAddToRelease, }: WrappedEntryCardProps): React.JSX.Element;
 export declare namespace WrappedEntryCard {
     var defaultProps: {
         isClickable: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "6.20.0",
+  "version": "6.21.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -68,5 +68,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "9ca9d6fdd740e02809b4492fbcace4cbf3746d28"
+  "gitHead": "333fb851812fea920a1ddd113bd8d918922b53d5"
 }