@contentful/field-editor-reference 5.30.14 → 5.31.1

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "FetchingWrappedAssetCard", {
 });
 const _react = _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _EntityStore = require("../../common/EntityStore");
 const _components = require("../../components");
 const _WrappedAssetCard = require("./WrappedAssetCard");
@@ -62,6 +63,7 @@ function FetchingWrappedAssetCard(props) {
         getEntityScheduledActions,
         props.assetId
     ]);
+    const localesStatusMap = (0, _fieldeditorshared.useAsyncLocalePublishStatus)(asset, props.sdk.parameters.instance.privateLocales);
     _react.useEffect(()=>{
         if (asset) {
             props.onAction && props.onAction({
@@ -124,6 +126,8 @@ function FetchingWrappedAssetCard(props) {
             onEdit,
             onRemove,
             useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            localesStatusMap,
+            activeLocales: props.sdk.parameters.instance.activeLocales,
             isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         if (props.viewType === 'link') {

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

@@ -114,12 +114,12 @@ const WrappedAssetCard = (props)=>{
         badge: _react.createElement(_components.EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
-            entityId: props.asset.sys.id,
-            status: status
+            status: status,
+            useLocalizedEntityStatus: props.useLocalizedEntityStatus,
+            entity: props.asset,
+            localesStatusMap: props.localesStatusMap,
+            activeLocales: props.activeLocales
         }),
-        icon: !props.isLocalized && props.useLocalizedEntityStatus ? _react.createElement(_f36components.Badge, {
-            variant: "secondary"
-        }, "Default") : null,
         src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
         onClick: isClickable ? (e)=>{
             e.preventDefault();

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

@@ -80,8 +80,11 @@ const WrappedAssetLink = (props)=>{
         badge: _react.createElement(_components.EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
-            entityId: props.asset.sys.id,
-            status: status
+            status: status,
+            useLocalizedEntityStatus: props.useLocalizedEntityStatus,
+            entity: props.asset,
+            localesStatusMap: props.localesStatusMap,
+            activeLocales: props.activeLocales
         }),
         thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? _react.createElement(_components.AssetThumbnail, {
             file: entityFile

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

@@ -102,6 +102,12 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
     const textField = (0, _react.useRef)(null);
     const menuListRef = (0, _react.useRef)(null);
     const [dropdownWidth, setDropdownWidth] = (0, _react.useState)();
+    const filteredContentTypes = (0, _react.useMemo)(()=>contentTypes.filter((contentType)=>{
+            const annotations = (0, _get.default)(contentType, 'metadata.annotations.ContentType', []);
+            return !annotations.some((annotation)=>(0, _get.default)(annotation, 'sys.id') === 'Contentful:ExperienceType');
+        }), [
+        contentTypes
+    ]);
     const hasDropdown = contentTypes.length > 1 || !!customDropdownItems;
     const closeMenu = ()=>setOpen(false);
     (0, _react.useEffect)(()=>{
@@ -148,10 +154,10 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
     const renderSearchResultsCount = (resultsLength)=>resultsLength ? _react.default.createElement(_f36components.Menu.SectionTitle, {
             testId: "add-entru-menu-search-results"
         }, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
-    const isSearchable = contentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
+    const isSearchable = filteredContentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
     const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
-    const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
-    const filteredContentTypes = contentTypes.filter((ct)=>!searchInput || (0, _get.default)(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
+    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()));
     return _react.default.createElement("span", {
         className: styles.wrapper,
         ref: wrapper,
@@ -185,10 +191,10 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
         onChange: (e)=>setSearchInput(e.target.value)
     }), _react.default.createElement(_f36icons.SearchIcon, {
         className: styles.searchIcon
-    })), _react.default.createElement(_f36components.Menu.Divider, null)), searchInput && renderSearchResultsCount(filteredContentTypes.length), suggestedContentType && !searchInput && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), _react.default.createElement(_f36components.Menu.Item, {
+    })), _react.default.createElement(_f36components.Menu.Divider, null)), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), _react.default.createElement(_f36components.Menu.Item, {
         testId: "suggested",
         onClick: ()=>handleSelect(suggestedContentType)
-    }, (0, _get.default)(suggestedContentType, 'name')), _react.default.createElement(_f36components.Menu.Divider, null)), !searchInput && _react.default.createElement(_f36components.Menu.SectionTitle, null, contentTypesLabel), filteredContentTypes.length ? filteredContentTypes.map((contentType, i)=>_react.default.createElement(_f36components.Menu.Item, {
+    }, (0, _get.default)(suggestedContentType, 'name')), _react.default.createElement(_f36components.Menu.Divider, null)), !searchInput && _react.default.createElement(_f36components.Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>_react.default.createElement(_f36components.Menu.Item, {
             testId: "contentType",
             key: `${(0, _get.default)(contentType, 'name')}-${i}`,
             onClick: ()=>handleSelect(contentType)

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

@@ -76,6 +76,25 @@ const CONTENT_TYPE_3 = {
         id: 'ID_3'
     }
 };
+const EXPERIENCE_TYPE = {
+    name: 'experience-type',
+    sys: {
+        id: 'ID_4'
+    },
+    metadata: {
+        annotations: {
+            ContentType: [
+                {
+                    sys: {
+                        id: 'Contentful:ExperienceType',
+                        type: 'Link',
+                        linkType: 'Annotation'
+                    }
+                }
+            ]
+        }
+    }
+};
 describe('CreateEntryMenuTrigger general', ()=>{
     const props = {
         contentTypes: [
@@ -189,4 +208,26 @@ describe('CreateEntryMenuTrigger general', ()=>{
         expect(suggestedContentType).toBeDefined();
         expect(suggestedContentType.textContent).toBe(props.contentTypes[0].name);
     });
+    it('filters out content types with Contentful:ExperienceType annotation', ()=>{
+        const contentTypesWithExperience = [
+            CONTENT_TYPE_1,
+            CONTENT_TYPE_2,
+            CONTENT_TYPE_3,
+            EXPERIENCE_TYPE
+        ];
+        const { getByTestId, getAllByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
+            ...props,
+            contentTypes: contentTypesWithExperience
+        }, stub));
+        (0, _react1.act)(()=>{
+            _react1.fireEvent.click(getByTestId('menu-trigger'));
+        });
+        const contentTypeItems = getAllByTestId('contentType');
+        expect(contentTypeItems).toHaveLength(3);
+        expect(contentTypeItems[0].textContent).toBe('name-1');
+        expect(contentTypeItems[1].textContent).toBe('name-2');
+        expect(contentTypeItems[2].textContent).toBe('name-3');
+        const experienceTypeItem = contentTypeItems.find((item)=>item.textContent === 'experience-type');
+        expect(experienceTypeItem).toBeUndefined();
+    });
 });

package/dist/cjs/components/EntityStatusBadge/EntityStatusBadge.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "EntityStatusBadge", {
 });
 const _react = _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _ScheduledIconWithTooltip = require("../ScheduledIconWithTooltip/ScheduledIconWithTooltip");
 const _ScheduleTooltip = require("../ScheduledIconWithTooltip/ScheduleTooltip");
 function _interop_require_default(obj) {
@@ -17,12 +18,21 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }) {
+function EntityStatusBadge({ entityType, getEntityScheduledActions, status, useLocalizedEntityStatus, localesStatusMap, activeLocales, entity, ...props }) {
     const { isError, isLoading, jobs } = (0, _ScheduledIconWithTooltip.useScheduledActions)({
-        entityId,
+        entityId: entity.sys.id,
         entityType,
         getEntityScheduledActions
     });
+    if (useLocalizedEntityStatus && activeLocales && localesStatusMap) {
+        return _react.default.createElement(_fieldeditorshared.LocalePublishingPopover, {
+            entity: entity,
+            jobs: jobs,
+            isScheduled: jobs.length !== 0,
+            localesStatusMap: localesStatusMap,
+            activeLocales: activeLocales
+        });
+    }
     if (isError || isLoading || jobs.length === 0) {
         return _react.default.createElement(_f36components.EntityStatusBadge, {
             ...props,

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "FetchingWrappedEntryCard", {
 });
 const _react = _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _get = _interop_require_default(require("lodash/get"));
 const _EntityStore = require("../../common/EntityStore");
 const _components = require("../../components");
@@ -86,6 +87,7 @@ function FetchingWrappedEntryCard(props) {
         getEntityScheduledActions,
         props.entryId
     ]);
+    const localesStatusMap = (0, _fieldeditorshared.useAsyncLocalePublishStatus)(entry, props.sdk.parameters.instance.privateLocales);
     const size = props.viewType === 'link' ? 'small' : 'default';
     const { getEntity } = (0, _EntityStore.useEntityLoader)();
     const getAsset = (assetId)=>getEntity('Asset', assetId);
@@ -161,6 +163,8 @@ function FetchingWrappedEntryCard(props) {
             onMoveBottom: props.onMoveBottom,
             isBeingDragged: props.isBeingDragged,
             useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            localesStatusMap,
+            activeLocales: props.sdk.parameters.instance.activeLocales,
             isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         const { hasCardEditActions, hasCardMoveActions, hasCardRemoveActions } = props;

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

@@ -123,16 +123,17 @@ function WrappedEntryCard(props) {
         isSelected: props.isSelected,
         badge: _react.createElement(_components.EntityStatusBadge, {
             status: status,
-            entityId: props.entry.sys.id,
             entityType: "Entry",
-            getEntityScheduledActions: props.getEntityScheduledActions
+            getEntityScheduledActions: props.getEntityScheduledActions,
+            useLocalizedEntityStatus: props.useLocalizedEntityStatus,
+            entity: props.entry,
+            localesStatusMap: props.localesStatusMap,
+            activeLocales: props.activeLocales
         }),
         icon: props.spaceName ? _react.createElement(_SpaceName.SpaceName, {
             spaceName: props.spaceName,
             environmentName: props.entry.sys.environment.sys.id
-        }) : !props.isLocalized && props.useLocalizedEntityStatus ? _react.createElement(_f36components.Badge, {
-            variant: "secondary"
-        }, "Default") : null,
+        }) : null,
         thumbnailElement: file && (0, _fieldeditorshared.isValidImage)(file) ? _react.createElement(_components.AssetThumbnail, {
             file: file
         }) : undefined,

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { AssetCard, EntryCard } from '@contentful/f36-components';
+import { useAsyncLocalePublishStatus } from '@contentful/field-editor-shared';
 import { useEntity, useEntityLoader } from '../../common/EntityStore';
 import { MissingAssetCard } from '../../components';
 import { WrappedAssetCard } from './WrappedAssetCard';
@@ -11,6 +12,7 @@ export function FetchingWrappedAssetCard(props) {
         getEntityScheduledActions,
         props.assetId
     ]);
+    const localesStatusMap = useAsyncLocalePublishStatus(asset, props.sdk.parameters.instance.privateLocales);
     React.useEffect(()=>{
         if (asset) {
             props.onAction && props.onAction({
@@ -73,6 +75,8 @@ export function FetchingWrappedAssetCard(props) {
             onEdit,
             onRemove,
             useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            localesStatusMap,
+            activeLocales: props.sdk.parameters.instance.activeLocales,
             isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         if (props.viewType === 'link') {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AssetCard, Badge } from '@contentful/f36-components';
+import { AssetCard } from '@contentful/f36-components';
 import { entityHelpers } from '@contentful/field-editor-shared';
 import mimetype from '@contentful/mimetype';
 import { EntityStatusBadge, MissingAssetCard } from '../../components';
@@ -58,12 +58,12 @@ export const WrappedAssetCard = (props)=>{
         badge: React.createElement(EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
-            entityId: props.asset.sys.id,
-            status: status
+            status: status,
+            useLocalizedEntityStatus: props.useLocalizedEntityStatus,
+            entity: props.asset,
+            localesStatusMap: props.localesStatusMap,
+            activeLocales: props.activeLocales
         }),
-        icon: !props.isLocalized && props.useLocalizedEntityStatus ? React.createElement(Badge, {
-            variant: "secondary"
-        }, "Default") : null,
         src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
         onClick: isClickable ? (e)=>{
             e.preventDefault();

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

@@ -29,8 +29,11 @@ export const WrappedAssetLink = (props)=>{
         badge: React.createElement(EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
-            entityId: props.asset.sys.id,
-            status: status
+            status: status,
+            useLocalizedEntityStatus: props.useLocalizedEntityStatus,
+            entity: props.asset,
+            localesStatusMap: props.localesStatusMap,
+            activeLocales: props.activeLocales
         }),
         thumbnailElement: entityFile && isValidImage(entityFile) ? React.createElement(AssetThumbnail, {
             file: entityFile

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

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { TextInput, Menu } from '@contentful/f36-components';
 import { SearchIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
@@ -46,6 +46,12 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     const textField = useRef(null);
     const menuListRef = useRef(null);
     const [dropdownWidth, setDropdownWidth] = useState();
+    const filteredContentTypes = useMemo(()=>contentTypes.filter((contentType)=>{
+            const annotations = get(contentType, 'metadata.annotations.ContentType', []);
+            return !annotations.some((annotation)=>get(annotation, 'sys.id') === 'Contentful:ExperienceType');
+        }), [
+        contentTypes
+    ]);
     const hasDropdown = contentTypes.length > 1 || !!customDropdownItems;
     const closeMenu = ()=>setOpen(false);
     useEffect(()=>{
@@ -92,10 +98,10 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     const renderSearchResultsCount = (resultsLength)=>resultsLength ? React.createElement(Menu.SectionTitle, {
             testId: "add-entru-menu-search-results"
         }, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
-    const isSearchable = contentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
+    const isSearchable = filteredContentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
     const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
-    const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
-    const filteredContentTypes = contentTypes.filter((ct)=>!searchInput || get(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
+    const suggestedContentType = filteredContentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
+    const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || get(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
     return React.createElement("span", {
         className: styles.wrapper,
         ref: wrapper,
@@ -129,10 +135,10 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
         onChange: (e)=>setSearchInput(e.target.value)
     }), React.createElement(SearchIcon, {
         className: styles.searchIcon
-    })), React.createElement(Menu.Divider, null)), searchInput && renderSearchResultsCount(filteredContentTypes.length), suggestedContentType && !searchInput && React.createElement(React.Fragment, null, React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), React.createElement(Menu.Item, {
+    })), React.createElement(Menu.Divider, null)), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && React.createElement(React.Fragment, null, React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), React.createElement(Menu.Item, {
         testId: "suggested",
         onClick: ()=>handleSelect(suggestedContentType)
-    }, get(suggestedContentType, 'name')), React.createElement(Menu.Divider, null)), !searchInput && React.createElement(Menu.SectionTitle, null, contentTypesLabel), filteredContentTypes.length ? filteredContentTypes.map((contentType, i)=>React.createElement(Menu.Item, {
+    }, get(suggestedContentType, 'name')), React.createElement(Menu.Divider, null)), !searchInput && React.createElement(Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>React.createElement(Menu.Item, {
             testId: "contentType",
             key: `${get(contentType, 'name')}-${i}`,
             onClick: ()=>handleSelect(contentType)

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

@@ -26,6 +26,25 @@ const CONTENT_TYPE_3 = {
         id: 'ID_3'
     }
 };
+const EXPERIENCE_TYPE = {
+    name: 'experience-type',
+    sys: {
+        id: 'ID_4'
+    },
+    metadata: {
+        annotations: {
+            ContentType: [
+                {
+                    sys: {
+                        id: 'Contentful:ExperienceType',
+                        type: 'Link',
+                        linkType: 'Annotation'
+                    }
+                }
+            ]
+        }
+    }
+};
 describe('CreateEntryMenuTrigger general', ()=>{
     const props = {
         contentTypes: [
@@ -139,4 +158,26 @@ describe('CreateEntryMenuTrigger general', ()=>{
         expect(suggestedContentType).toBeDefined();
         expect(suggestedContentType.textContent).toBe(props.contentTypes[0].name);
     });
+    it('filters out content types with Contentful:ExperienceType annotation', ()=>{
+        const contentTypesWithExperience = [
+            CONTENT_TYPE_1,
+            CONTENT_TYPE_2,
+            CONTENT_TYPE_3,
+            EXPERIENCE_TYPE
+        ];
+        const { getByTestId, getAllByTestId } = render(React.createElement(CreateEntryMenuTrigger, {
+            ...props,
+            contentTypes: contentTypesWithExperience
+        }, stub));
+        act(()=>{
+            fireEvent.click(getByTestId('menu-trigger'));
+        });
+        const contentTypeItems = getAllByTestId('contentType');
+        expect(contentTypeItems).toHaveLength(3);
+        expect(contentTypeItems[0].textContent).toBe('name-1');
+        expect(contentTypeItems[1].textContent).toBe('name-2');
+        expect(contentTypeItems[2].textContent).toBe('name-3');
+        const experienceTypeItem = contentTypeItems.find((item)=>item.textContent === 'experience-type');
+        expect(experienceTypeItem).toBeUndefined();
+    });
 });

package/dist/esm/components/EntityStatusBadge/EntityStatusBadge.js

@@ -1,13 +1,23 @@
 import React from 'react';
 import { EntityStatusBadge as StatusBadge } from '@contentful/f36-components';
+import { LocalePublishingPopover } from '@contentful/field-editor-shared';
 import { useScheduledActions } from '../ScheduledIconWithTooltip/ScheduledIconWithTooltip';
 import { ScheduleTooltip } from '../ScheduledIconWithTooltip/ScheduleTooltip';
-export function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }) {
+export function EntityStatusBadge({ entityType, getEntityScheduledActions, status, useLocalizedEntityStatus, localesStatusMap, activeLocales, entity, ...props }) {
     const { isError, isLoading, jobs } = useScheduledActions({
-        entityId,
+        entityId: entity.sys.id,
         entityType,
         getEntityScheduledActions
     });
+    if (useLocalizedEntityStatus && activeLocales && localesStatusMap) {
+        return React.createElement(LocalePublishingPopover, {
+            entity: entity,
+            jobs: jobs,
+            isScheduled: jobs.length !== 0,
+            localesStatusMap: localesStatusMap,
+            activeLocales: activeLocales
+        });
+    }
     if (isError || isLoading || jobs.length === 0) {
         return React.createElement(StatusBadge, {
             ...props,

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { EntryCard } from '@contentful/f36-components';
+import { useAsyncLocalePublishStatus } from '@contentful/field-editor-shared';
 import get from 'lodash/get';
 import { useEntity, useEntityLoader } from '../../common/EntityStore';
 import { MissingEntityCard } from '../../components';
@@ -30,6 +31,7 @@ export function FetchingWrappedEntryCard(props) {
         getEntityScheduledActions,
         props.entryId
     ]);
+    const localesStatusMap = useAsyncLocalePublishStatus(entry, props.sdk.parameters.instance.privateLocales);
     const size = props.viewType === 'link' ? 'small' : 'default';
     const { getEntity } = useEntityLoader();
     const getAsset = (assetId)=>getEntity('Asset', assetId);
@@ -105,6 +107,8 @@ export function FetchingWrappedEntryCard(props) {
             onMoveBottom: props.onMoveBottom,
             isBeingDragged: props.isBeingDragged,
             useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            localesStatusMap,
+            activeLocales: props.sdk.parameters.instance.activeLocales,
             isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         const { hasCardEditActions, hasCardMoveActions, hasCardRemoveActions } = props;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EntryCard, MenuItem, MenuDivider, Badge } from '@contentful/f36-components';
+import { EntryCard, MenuItem, MenuDivider } from '@contentful/f36-components';
 import { entityHelpers, isValidImage } from '@contentful/field-editor-shared';
 import { AssetThumbnail, MissingEntityCard, EntityStatusBadge } from '../../components';
 import { SpaceName } from '../../components/SpaceName/SpaceName';
@@ -72,16 +72,17 @@ export function WrappedEntryCard(props) {
         isSelected: props.isSelected,
         badge: React.createElement(EntityStatusBadge, {
             status: status,
-            entityId: props.entry.sys.id,
             entityType: "Entry",
-            getEntityScheduledActions: props.getEntityScheduledActions
+            getEntityScheduledActions: props.getEntityScheduledActions,
+            useLocalizedEntityStatus: props.useLocalizedEntityStatus,
+            entity: props.entry,
+            localesStatusMap: props.localesStatusMap,
+            activeLocales: props.activeLocales
         }),
         icon: props.spaceName ? React.createElement(SpaceName, {
             spaceName: props.spaceName,
             environmentName: props.entry.sys.environment.sys.id
-        }) : !props.isLocalized && props.useLocalizedEntityStatus ? React.createElement(Badge, {
-            variant: "secondary"
-        }, "Default") : null,
+        }) : null,
         thumbnailElement: file && isValidImage(file) ? React.createElement(AssetThumbnail, {
             file: file
         }) : undefined,

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

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { SpaceAPI } from '@contentful/app-sdk';
+import { LocalePublishStatusMap } from '@contentful/field-editor-shared';
+import { LocaleProps } from 'contentful-management';
 import { Asset, RenderDragFn } from '../../types';
 export interface WrappedAssetCardProps {
     getEntityScheduledActions: SpaceAPI['getEntityScheduledActions'];
@@ -17,6 +19,8 @@ export interface WrappedAssetCardProps {
     isClickable: boolean;
     useLocalizedEntityStatus?: boolean;
     isLocalized?: boolean;
+    localesStatusMap?: LocalePublishStatusMap;
+    activeLocales?: LocaleProps[];
 }
 export declare const WrappedAssetCard: {
     (props: WrappedAssetCardProps): React.JSX.Element;

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { SpaceAPI } from '@contentful/field-editor-shared';
+import { LocalePublishStatusMap, SpaceAPI } from '@contentful/field-editor-shared';
+import { LocaleProps } from 'contentful-management';
 import { Asset, RenderDragFn } from '../../types';
 export interface WrappedAssetLinkProps {
     getEntityScheduledActions: SpaceAPI['getEntityScheduledActions'];
@@ -13,5 +14,7 @@ export interface WrappedAssetLinkProps {
     onRemove: () => void;
     renderDragHandle?: RenderDragFn;
     useLocalizedEntityStatus?: boolean;
+    localesStatusMap?: LocalePublishStatusMap;
+    activeLocales?: LocaleProps[];
 }
 export declare const WrappedAssetLink: (props: WrappedAssetLinkProps) => React.JSX.Element;

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

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { LocalePublishStatusMap } from '@contentful/field-editor-shared';
+import { LocaleProps } from 'contentful-management';
 import { Asset, ContentType, Entry, RenderDragFn } from '../types';
 import { CustomActionProps } from './ReferenceEditor';
 export type MissingEntityCardProps = {
@@ -28,4 +30,6 @@ export type CustomEntityCardProps = {
     isBeingDragged?: boolean;
     isLocalized?: boolean;
     useLocalizedEntityStatus?: boolean;
+    localesStatusMap?: LocalePublishStatusMap;
+    activeLocales?: LocaleProps[];
 };

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

@@ -1,8 +1,14 @@
 import React from 'react';
 import { type EntityStatus } from '@contentful/f36-components';
+import { LocalePublishStatusMap } from '@contentful/field-editor-shared';
+import { EntryProps, LocaleProps, AssetProps } from 'contentful-management';
 import { type UseScheduledActionsProps } from '../ScheduledIconWithTooltip/ScheduledIconWithTooltip';
-type EntityStatusBadgeProps = UseScheduledActionsProps & {
+type EntityStatusBadgeProps = Omit<UseScheduledActionsProps, 'entityId'> & {
     status: EntityStatus;
+    entity: EntryProps | AssetProps;
+    useLocalizedEntityStatus?: boolean;
+    localesStatusMap?: LocalePublishStatusMap;
+    activeLocales?: LocaleProps[];
 };
-export declare function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }: EntityStatusBadgeProps): React.JSX.Element;
+export declare function EntityStatusBadge({ entityType, getEntityScheduledActions, status, useLocalizedEntityStatus, localesStatusMap, activeLocales, entity, ...props }: EntityStatusBadgeProps): React.JSX.Element;
 export {};

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

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { SpaceAPI } from '@contentful/app-sdk';
+import { LocalePublishStatusMap } from '@contentful/field-editor-shared';
+import { LocaleProps } from 'contentful-management';
 import { ContentType, Entry, RenderDragFn } from '../../types';
 export interface WrappedEntryCardProps {
     getEntityScheduledActions: SpaceAPI['getEntityScheduledActions'];
@@ -25,6 +27,8 @@ export interface WrappedEntryCardProps {
     hasCardRemoveActions?: boolean;
     isLocalized?: boolean;
     useLocalizedEntityStatus?: boolean;
+    localesStatusMap?: LocalePublishStatusMap;
+    activeLocales?: LocaleProps[];
 }
 export declare function WrappedEntryCard(props: WrappedEntryCardProps): React.JSX.Element;
 export declare namespace WrappedEntryCard {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "5.30.14",
+  "version": "5.31.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "afd5e2f336925d0b1eefbf19b716d66abc37f672"
+  "gitHead": "05beff8083e711ec10c00a95e49ce0ea6135db08"
 }