@contentful/field-editor-reference 5.30.13 → 5.31.0

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/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/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.13",
+  "version": "5.31.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,7 +38,7 @@
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^1.7.1",
+    "@contentful/field-editor-shared": "^1.8.0",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "4f029f8d8ad0d8b8e270db4619fa1e8fb278a509"
+  "gitHead": "263a93ae98d14753ef4168550dea74c68253eeb4"
 }