@contentful/field-editor-reference 6.10.8 → 6.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +16 -1
- package/dist/cjs/assets/WrappedAssetCard/WrappedAssetCard.js +6 -2
- package/dist/cjs/assets/WrappedAssetCard/WrappedAssetLink.js +5 -1
- package/dist/cjs/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +4 -3
- package/dist/esm/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +17 -2
- package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js +6 -2
- package/dist/esm/assets/WrappedAssetCard/WrappedAssetLink.js +5 -1
- package/dist/esm/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +5 -4
- package/dist/types/assets/WrappedAssetCard/WrappedAssetCard.d.ts +6 -2
- package/dist/types/assets/WrappedAssetCard/WrappedAssetLink.d.ts +6 -2
- package/package.json +3 -3
|
@@ -57,6 +57,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
57
57
|
return newObj;
|
|
58
58
|
}
|
|
59
59
|
function FetchingWrappedAssetCard(props) {
|
|
60
|
+
const { releaseVersionMap, locales, activeRelease, releases, isActiveReleaseLoading } = (0, _fieldeditorshared.parseReleaseParams)(props.sdk.parameters.instance.release);
|
|
60
61
|
const { data: asset, status } = (0, _EntityStore.useEntity)('Asset', props.assetId);
|
|
61
62
|
const { getEntityScheduledActions } = (0, _EntityStore.useEntityLoader)();
|
|
62
63
|
const loadEntityScheduledActions = _react.useCallback(()=>getEntityScheduledActions('Asset', props.assetId), [
|
|
@@ -64,6 +65,16 @@ function FetchingWrappedAssetCard(props) {
|
|
|
64
65
|
props.assetId
|
|
65
66
|
]);
|
|
66
67
|
const localesStatusMap = (0, _fieldeditorshared.useLocalePublishStatus)(asset, props.sdk.locales);
|
|
68
|
+
const { releaseLocalesStatusMap } = (0, _fieldeditorshared.useActiveReleaseLocalesStatuses)({
|
|
69
|
+
currentEntityDraft: asset,
|
|
70
|
+
entityId: props.assetId,
|
|
71
|
+
entityType: 'Asset',
|
|
72
|
+
releaseVersionMap,
|
|
73
|
+
locales,
|
|
74
|
+
activeRelease,
|
|
75
|
+
releases
|
|
76
|
+
});
|
|
77
|
+
const { releaseAction } = (0, _fieldeditorshared.getEntityReleaseStatus)(props.assetId, locales, activeRelease);
|
|
67
78
|
const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
|
|
68
79
|
_react.useEffect(()=>{
|
|
69
80
|
if (asset) {
|
|
@@ -128,7 +139,11 @@ function FetchingWrappedAssetCard(props) {
|
|
|
128
139
|
onRemove,
|
|
129
140
|
useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
|
|
130
141
|
localesStatusMap,
|
|
131
|
-
activeLocales
|
|
142
|
+
activeLocales,
|
|
143
|
+
releaseLocalesStatusMap,
|
|
144
|
+
isReleasesLoading: isActiveReleaseLoading,
|
|
145
|
+
activeRelease,
|
|
146
|
+
releaseAction
|
|
132
147
|
};
|
|
133
148
|
if (status === 'loading') {
|
|
134
149
|
return props.viewType === 'link' ? /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
|
|
@@ -86,7 +86,7 @@ function getFileType(file) {
|
|
|
86
86
|
});
|
|
87
87
|
return groupToIconMap[groupName] || 'archive';
|
|
88
88
|
}
|
|
89
|
-
const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove })=>{
|
|
89
|
+
const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseAction, releaseLocalesStatusMap, isReleasesLoading, activeRelease })=>{
|
|
90
90
|
const status = _fieldeditorshared.entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
|
|
91
91
|
if (status === 'deleted') {
|
|
92
92
|
return /*#__PURE__*/ _react.createElement(_components.MissingAssetCard, {
|
|
@@ -117,7 +117,11 @@ const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCod
|
|
|
117
117
|
useLocalizedEntityStatus: useLocalizedEntityStatus,
|
|
118
118
|
entity: asset,
|
|
119
119
|
localesStatusMap: localesStatusMap,
|
|
120
|
-
activeLocales: activeLocales
|
|
120
|
+
activeLocales: activeLocales,
|
|
121
|
+
releaseAction: releaseAction,
|
|
122
|
+
releaseLocalesStatusMap: releaseLocalesStatusMap,
|
|
123
|
+
isReleasesLoading: isReleasesLoading,
|
|
124
|
+
activeRelease: activeRelease
|
|
121
125
|
}),
|
|
122
126
|
src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
|
|
123
127
|
onClick: isClickable ? (e)=>{
|
|
@@ -84,7 +84,11 @@ const WrappedAssetLink = (props)=>{
|
|
|
84
84
|
useLocalizedEntityStatus: props.useLocalizedEntityStatus,
|
|
85
85
|
entity: props.asset,
|
|
86
86
|
localesStatusMap: props.localesStatusMap,
|
|
87
|
-
activeLocales: props.activeLocales
|
|
87
|
+
activeLocales: props.activeLocales,
|
|
88
|
+
releaseAction: props.releaseAction,
|
|
89
|
+
releaseLocalesStatusMap: props.releaseLocalesStatusMap,
|
|
90
|
+
isReleasesLoading: props.isReleasesLoading,
|
|
91
|
+
activeRelease: props.activeRelease
|
|
88
92
|
}),
|
|
89
93
|
thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? /*#__PURE__*/ _react.createElement(_components.AssetThumbnail, {
|
|
90
94
|
file: entityFile
|
|
@@ -90,14 +90,15 @@ function FetchingWrappedEntryCard(props) {
|
|
|
90
90
|
]);
|
|
91
91
|
const localesStatusMap = (0, _fieldeditorshared.useLocalePublishStatus)(entry, props.sdk.locales);
|
|
92
92
|
const { releaseLocalesStatusMap } = (0, _fieldeditorshared.useActiveReleaseLocalesStatuses)({
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
currentEntityDraft: entry,
|
|
94
|
+
entityId: props.entryId,
|
|
95
|
+
entityType: 'Entry',
|
|
95
96
|
releaseVersionMap,
|
|
96
97
|
locales,
|
|
97
98
|
activeRelease,
|
|
98
99
|
releases
|
|
99
100
|
});
|
|
100
|
-
const { releaseAction } = (0, _fieldeditorshared.
|
|
101
|
+
const { releaseAction } = (0, _fieldeditorshared.getEntityReleaseStatus)(props.entryId, locales, activeRelease);
|
|
101
102
|
const size = props.viewType === 'link' ? 'small' : 'default';
|
|
102
103
|
const { getEntity } = (0, _EntityStore.useEntityLoader)();
|
|
103
104
|
const getAsset = (assetId)=>getEntity('Asset', assetId);
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { AssetCard, EntryCard } from '@contentful/f36-components';
|
|
3
|
-
import { useLocalePublishStatus, useActiveLocales } from '@contentful/field-editor-shared';
|
|
3
|
+
import { useLocalePublishStatus, useActiveLocales, useActiveReleaseLocalesStatuses, parseReleaseParams, getEntityReleaseStatus } from '@contentful/field-editor-shared';
|
|
4
4
|
import { useEntity, useEntityLoader } from '../../common/EntityStore';
|
|
5
5
|
import { MissingAssetCard } from '../../components';
|
|
6
6
|
import { WrappedAssetCard } from './WrappedAssetCard';
|
|
7
7
|
import { WrappedAssetLink } from './WrappedAssetLink';
|
|
8
8
|
export function FetchingWrappedAssetCard(props) {
|
|
9
|
+
const { releaseVersionMap, locales, activeRelease, releases, isActiveReleaseLoading } = parseReleaseParams(props.sdk.parameters.instance.release);
|
|
9
10
|
const { data: asset, status } = useEntity('Asset', props.assetId);
|
|
10
11
|
const { getEntityScheduledActions } = useEntityLoader();
|
|
11
12
|
const loadEntityScheduledActions = React.useCallback(()=>getEntityScheduledActions('Asset', props.assetId), [
|
|
@@ -13,6 +14,16 @@ export function FetchingWrappedAssetCard(props) {
|
|
|
13
14
|
props.assetId
|
|
14
15
|
]);
|
|
15
16
|
const localesStatusMap = useLocalePublishStatus(asset, props.sdk.locales);
|
|
17
|
+
const { releaseLocalesStatusMap } = useActiveReleaseLocalesStatuses({
|
|
18
|
+
currentEntityDraft: asset,
|
|
19
|
+
entityId: props.assetId,
|
|
20
|
+
entityType: 'Asset',
|
|
21
|
+
releaseVersionMap,
|
|
22
|
+
locales,
|
|
23
|
+
activeRelease,
|
|
24
|
+
releases
|
|
25
|
+
});
|
|
26
|
+
const { releaseAction } = getEntityReleaseStatus(props.assetId, locales, activeRelease);
|
|
16
27
|
const activeLocales = useActiveLocales(props.sdk);
|
|
17
28
|
React.useEffect(()=>{
|
|
18
29
|
if (asset) {
|
|
@@ -77,7 +88,11 @@ export function FetchingWrappedAssetCard(props) {
|
|
|
77
88
|
onRemove,
|
|
78
89
|
useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
|
|
79
90
|
localesStatusMap,
|
|
80
|
-
activeLocales
|
|
91
|
+
activeLocales,
|
|
92
|
+
releaseLocalesStatusMap,
|
|
93
|
+
isReleasesLoading: isActiveReleaseLoading,
|
|
94
|
+
activeRelease,
|
|
95
|
+
releaseAction
|
|
81
96
|
};
|
|
82
97
|
if (status === 'loading') {
|
|
83
98
|
return props.viewType === 'link' ? /*#__PURE__*/ React.createElement(EntryCard, {
|
|
@@ -30,7 +30,7 @@ function getFileType(file) {
|
|
|
30
30
|
});
|
|
31
31
|
return groupToIconMap[groupName] || 'archive';
|
|
32
32
|
}
|
|
33
|
-
export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove })=>{
|
|
33
|
+
export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseAction, releaseLocalesStatusMap, isReleasesLoading, activeRelease })=>{
|
|
34
34
|
const status = entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
|
|
35
35
|
if (status === 'deleted') {
|
|
36
36
|
return /*#__PURE__*/ React.createElement(MissingAssetCard, {
|
|
@@ -61,7 +61,11 @@ export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLo
|
|
|
61
61
|
useLocalizedEntityStatus: useLocalizedEntityStatus,
|
|
62
62
|
entity: asset,
|
|
63
63
|
localesStatusMap: localesStatusMap,
|
|
64
|
-
activeLocales: activeLocales
|
|
64
|
+
activeLocales: activeLocales,
|
|
65
|
+
releaseAction: releaseAction,
|
|
66
|
+
releaseLocalesStatusMap: releaseLocalesStatusMap,
|
|
67
|
+
isReleasesLoading: isReleasesLoading,
|
|
68
|
+
activeRelease: activeRelease
|
|
65
69
|
}),
|
|
66
70
|
src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
|
|
67
71
|
onClick: isClickable ? (e)=>{
|
|
@@ -33,7 +33,11 @@ export const WrappedAssetLink = (props)=>{
|
|
|
33
33
|
useLocalizedEntityStatus: props.useLocalizedEntityStatus,
|
|
34
34
|
entity: props.asset,
|
|
35
35
|
localesStatusMap: props.localesStatusMap,
|
|
36
|
-
activeLocales: props.activeLocales
|
|
36
|
+
activeLocales: props.activeLocales,
|
|
37
|
+
releaseAction: props.releaseAction,
|
|
38
|
+
releaseLocalesStatusMap: props.releaseLocalesStatusMap,
|
|
39
|
+
isReleasesLoading: props.isReleasesLoading,
|
|
40
|
+
activeRelease: props.activeRelease
|
|
37
41
|
}),
|
|
38
42
|
thumbnailElement: entityFile && isValidImage(entityFile) ? /*#__PURE__*/ React.createElement(AssetThumbnail, {
|
|
39
43
|
file: entityFile
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { EntryCard } from '@contentful/f36-components';
|
|
3
|
-
import { parseReleaseParams, useLocalePublishStatus, useActiveReleaseLocalesStatuses,
|
|
3
|
+
import { parseReleaseParams, useLocalePublishStatus, useActiveReleaseLocalesStatuses, getEntityReleaseStatus } from '@contentful/field-editor-shared';
|
|
4
4
|
import get from 'lodash/get';
|
|
5
5
|
import { useEntity, useEntityLoader } from '../../common/EntityStore';
|
|
6
6
|
import { MissingEntityCard } from '../../components';
|
|
@@ -34,14 +34,15 @@ export function FetchingWrappedEntryCard(props) {
|
|
|
34
34
|
]);
|
|
35
35
|
const localesStatusMap = useLocalePublishStatus(entry, props.sdk.locales);
|
|
36
36
|
const { releaseLocalesStatusMap } = useActiveReleaseLocalesStatuses({
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
currentEntityDraft: entry,
|
|
38
|
+
entityId: props.entryId,
|
|
39
|
+
entityType: 'Entry',
|
|
39
40
|
releaseVersionMap,
|
|
40
41
|
locales,
|
|
41
42
|
activeRelease,
|
|
42
43
|
releases
|
|
43
44
|
});
|
|
44
|
-
const { releaseAction } =
|
|
45
|
+
const { releaseAction } = getEntityReleaseStatus(props.entryId, locales, activeRelease);
|
|
45
46
|
const size = props.viewType === 'link' ? 'small' : 'default';
|
|
46
47
|
const { getEntity } = useEntityLoader();
|
|
47
48
|
const getAsset = (assetId)=>getEntity('Asset', assetId);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpaceAPI } from '@contentful/app-sdk';
|
|
3
|
-
import { LocalePublishStatusMap } from '@contentful/field-editor-shared';
|
|
3
|
+
import { type LocalePublishStatusMap, type ReleaseAction, type ReleaseLocalesStatusMap, type ReleaseV2Props } from '@contentful/field-editor-shared';
|
|
4
4
|
import { LocaleProps } from 'contentful-management';
|
|
5
5
|
import { Asset, RenderDragFn } from '../../types';
|
|
6
6
|
export interface WrappedAssetCardProps {
|
|
@@ -20,9 +20,13 @@ export interface WrappedAssetCardProps {
|
|
|
20
20
|
useLocalizedEntityStatus?: boolean;
|
|
21
21
|
localesStatusMap?: LocalePublishStatusMap;
|
|
22
22
|
activeLocales?: Pick<LocaleProps, 'code'>[];
|
|
23
|
+
releaseAction?: ReleaseAction;
|
|
24
|
+
releaseLocalesStatusMap?: ReleaseLocalesStatusMap;
|
|
25
|
+
isReleasesLoading?: boolean;
|
|
26
|
+
activeRelease?: ReleaseV2Props;
|
|
23
27
|
}
|
|
24
28
|
export declare const WrappedAssetCard: {
|
|
25
|
-
({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, }: WrappedAssetCardProps): React.JSX.Element;
|
|
29
|
+
({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseAction, releaseLocalesStatusMap, isReleasesLoading, activeRelease, }: WrappedAssetCardProps): React.JSX.Element;
|
|
26
30
|
defaultProps: {
|
|
27
31
|
isClickable: boolean;
|
|
28
32
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { LocalePublishStatusMap, SpaceAPI } from '@contentful/field-editor-shared';
|
|
3
|
-
import { LocaleProps } from 'contentful-management';
|
|
2
|
+
import { type ReleaseAction, type LocalePublishStatusMap, type ReleaseLocalesStatusMap, type ReleaseV2Props, type SpaceAPI } from '@contentful/field-editor-shared';
|
|
3
|
+
import type { LocaleProps } from 'contentful-management';
|
|
4
4
|
import { Asset, RenderDragFn } from '../../types';
|
|
5
5
|
export interface WrappedAssetLinkProps {
|
|
6
6
|
getEntityScheduledActions: SpaceAPI['getEntityScheduledActions'];
|
|
@@ -17,5 +17,9 @@ export interface WrappedAssetLinkProps {
|
|
|
17
17
|
localesStatusMap?: LocalePublishStatusMap;
|
|
18
18
|
activeLocales?: Pick<LocaleProps, 'code'>[];
|
|
19
19
|
isClickable?: boolean;
|
|
20
|
+
releaseAction?: ReleaseAction;
|
|
21
|
+
releaseLocalesStatusMap?: ReleaseLocalesStatusMap;
|
|
22
|
+
isReleasesLoading?: boolean;
|
|
23
|
+
activeRelease?: ReleaseV2Props;
|
|
20
24
|
}
|
|
21
25
|
export declare const WrappedAssetLink: (props: WrappedAssetLinkProps) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-reference",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.11.1",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@contentful/f36-components": "5.1.1",
|
|
40
40
|
"@contentful/f36-icons": "5.1.1",
|
|
41
41
|
"@contentful/f36-tokens": "5.1.0",
|
|
42
|
-
"@contentful/field-editor-shared": "^2.
|
|
42
|
+
"@contentful/field-editor-shared": "^2.12.1",
|
|
43
43
|
"@contentful/mimetype": "^2.2.29",
|
|
44
44
|
"@dnd-kit/core": "^6.0.8",
|
|
45
45
|
"@dnd-kit/modifiers": "^7.0.0",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"registry": "https://npm.pkg.github.com/"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "49f38cc9e7fa843748404d57ed9c7e620544e597"
|
|
71
71
|
}
|