@contentful/field-editor-reference 6.8.1 → 6.9.0
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/MultipleMediaEditor.js +3 -3
- package/dist/cjs/assets/SingleMediaEditor.js +2 -2
- package/dist/cjs/assets/WrappedAssetCard/AssetCardActions.js +10 -10
- package/dist/cjs/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +5 -5
- package/dist/cjs/assets/WrappedAssetCard/WrappedAssetCard.js +3 -3
- package/dist/cjs/assets/WrappedAssetCard/WrappedAssetLink.js +4 -4
- package/dist/cjs/common/EntityStore.js +1 -1
- package/dist/cjs/common/MultipleReferenceEditor.js +4 -4
- package/dist/cjs/common/ReferenceEditor.js +2 -2
- package/dist/cjs/common/SingleReferenceEditor.js +3 -3
- package/dist/cjs/common/SortableLinkList.js +7 -7
- package/dist/cjs/common/queryClient.js +2 -2
- package/dist/cjs/components/AssetThumbnail/AssetThumbnail.js +1 -1
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryLinkButton.js +4 -4
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js +12 -12
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +11 -11
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js +9 -9
- package/dist/cjs/components/EntityStatusBadge/EntityStatusBadge.js +6 -6
- package/dist/cjs/components/LinkActions/CombinedLinkActions.js +17 -17
- package/dist/cjs/components/LinkActions/LinkActions.js +8 -8
- package/dist/cjs/components/LinkActions/LinkEntityActions.js +2 -2
- package/dist/cjs/components/LinkActions/NoLinkPermissionsInfo.js +1 -1
- package/dist/cjs/components/MissingAssetCard/MissingAssetCard.js +6 -6
- package/dist/cjs/components/MissingEntityCard/MissingEntityCard.js +4 -4
- package/dist/cjs/components/ResourceEntityErrorCard/FunctionInvocationErrorCard.js +7 -7
- package/dist/cjs/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js +3 -3
- package/dist/cjs/components/ResourceEntityErrorCard/UnsupportedEntityCard.js +1 -1
- package/dist/cjs/components/ScheduledIconWithTooltip/ScheduleTooltip.js +1 -1
- package/dist/cjs/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js +1 -1
- package/dist/cjs/components/SpaceName/SpaceName.js +4 -4
- package/dist/cjs/entries/MultipleEntryReferenceEditor.js +3 -3
- package/dist/cjs/entries/SingleEntryReferenceEditor.js +2 -2
- package/dist/cjs/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +3 -3
- package/dist/cjs/entries/WrappedEntryCard/WrappedEntryCard.js +10 -10
- package/dist/cjs/resources/Cards/ContentfulEntryCard.js +1 -1
- package/dist/cjs/resources/Cards/ExternalEntryCard.js +1 -1
- package/dist/cjs/resources/Cards/ResourceCard.js +8 -8
- package/dist/cjs/resources/Cards/ResourceCard.spec.js +2 -2
- package/dist/cjs/resources/ExternalResourceCard/ExternalResourceCard.js +13 -13
- package/dist/cjs/resources/MultipleResourceReferenceEditor.js +8 -8
- package/dist/cjs/resources/MultipleResourceReferenceEditor.spec.js +8 -8
- package/dist/cjs/resources/SingleResourceReferenceEditor.js +4 -4
- package/dist/cjs/resources/SingleResourceReferenceEditor.spec.js +5 -5
- package/dist/esm/assets/MultipleMediaEditor.js +3 -3
- package/dist/esm/assets/SingleMediaEditor.js +2 -2
- package/dist/esm/assets/WrappedAssetCard/AssetCardActions.js +10 -10
- package/dist/esm/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +5 -5
- package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js +3 -3
- package/dist/esm/assets/WrappedAssetCard/WrappedAssetLink.js +4 -4
- package/dist/esm/common/EntityStore.js +1 -1
- package/dist/esm/common/MultipleReferenceEditor.js +4 -4
- package/dist/esm/common/ReferenceEditor.js +2 -2
- package/dist/esm/common/SingleReferenceEditor.js +3 -3
- package/dist/esm/common/SortableLinkList.js +7 -7
- package/dist/esm/common/queryClient.js +2 -2
- package/dist/esm/components/AssetThumbnail/AssetThumbnail.js +1 -1
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.js +4 -4
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js +12 -12
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +11 -11
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js +9 -9
- package/dist/esm/components/EntityStatusBadge/EntityStatusBadge.js +6 -6
- package/dist/esm/components/LinkActions/CombinedLinkActions.js +17 -17
- package/dist/esm/components/LinkActions/LinkActions.js +8 -8
- package/dist/esm/components/LinkActions/LinkEntityActions.js +2 -2
- package/dist/esm/components/LinkActions/NoLinkPermissionsInfo.js +1 -1
- package/dist/esm/components/MissingAssetCard/MissingAssetCard.js +6 -6
- package/dist/esm/components/MissingEntityCard/MissingEntityCard.js +4 -4
- package/dist/esm/components/ResourceEntityErrorCard/FunctionInvocationErrorCard.js +7 -7
- package/dist/esm/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js +3 -3
- package/dist/esm/components/ResourceEntityErrorCard/UnsupportedEntityCard.js +1 -1
- package/dist/esm/components/ScheduledIconWithTooltip/ScheduleTooltip.js +1 -1
- package/dist/esm/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js +1 -1
- package/dist/esm/components/SpaceName/SpaceName.js +4 -4
- package/dist/esm/entries/MultipleEntryReferenceEditor.js +3 -3
- package/dist/esm/entries/SingleEntryReferenceEditor.js +2 -2
- package/dist/esm/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +3 -3
- package/dist/esm/entries/WrappedEntryCard/WrappedEntryCard.js +10 -10
- package/dist/esm/resources/Cards/ContentfulEntryCard.js +1 -1
- package/dist/esm/resources/Cards/ExternalEntryCard.js +1 -1
- package/dist/esm/resources/Cards/ResourceCard.js +8 -8
- package/dist/esm/resources/Cards/ResourceCard.spec.js +2 -2
- package/dist/esm/resources/ExternalResourceCard/ExternalResourceCard.js +13 -13
- package/dist/esm/resources/MultipleResourceReferenceEditor.js +8 -8
- package/dist/esm/resources/MultipleResourceReferenceEditor.spec.js +8 -8
- package/dist/esm/resources/SingleResourceReferenceEditor.js +4 -4
- package/dist/esm/resources/SingleResourceReferenceEditor.spec.js +5 -5
- package/package.json +5 -3
|
@@ -21,18 +21,18 @@ const styles = {
|
|
|
21
21
|
export function SpaceName(props) {
|
|
22
22
|
let content = `Space: ${props.spaceName}`;
|
|
23
23
|
if (props.environmentName) content += ` (Env.: ${props.environmentName})`;
|
|
24
|
-
return React.createElement(Tooltip, {
|
|
24
|
+
return /*#__PURE__*/ React.createElement(Tooltip, {
|
|
25
25
|
placement: "top",
|
|
26
26
|
as: "div",
|
|
27
27
|
content: content
|
|
28
|
-
}, React.createElement(Flex, {
|
|
28
|
+
}, /*#__PURE__*/ React.createElement(Flex, {
|
|
29
29
|
alignItems: "center",
|
|
30
30
|
gap: "spacingXs"
|
|
31
|
-
}, React.createElement(FolderOpenTrimmedIcon, {
|
|
31
|
+
}, /*#__PURE__*/ React.createElement(FolderOpenTrimmedIcon, {
|
|
32
32
|
className: styles.spaceIcon,
|
|
33
33
|
size: "tiny",
|
|
34
34
|
"aria-label": "Source space"
|
|
35
|
-
}), React.createElement(Text, {
|
|
35
|
+
}), /*#__PURE__*/ React.createElement(Text, {
|
|
36
36
|
className: styles.spaceName
|
|
37
37
|
}, props.spaceName)));
|
|
38
38
|
}
|
|
@@ -10,17 +10,17 @@ export function MultipleEntryReferenceEditor(props) {
|
|
|
10
10
|
const updateBeforeSortStart = ({ index })=>{
|
|
11
11
|
setIndexToUpdate(index);
|
|
12
12
|
};
|
|
13
|
-
return React.createElement(MultipleReferenceEditor, {
|
|
13
|
+
return /*#__PURE__*/ React.createElement(MultipleReferenceEditor, {
|
|
14
14
|
...props,
|
|
15
15
|
entityType: "Entry",
|
|
16
16
|
setIndexToUpdate: setIndexToUpdate
|
|
17
|
-
}, (childrenProps)
|
|
17
|
+
}, (childrenProps)=>/*#__PURE__*/ React.createElement(SortableLinkList, {
|
|
18
18
|
...childrenProps,
|
|
19
19
|
sortingStrategy: verticalListSortingStrategy,
|
|
20
20
|
updateBeforeSortStart: updateBeforeSortStart
|
|
21
21
|
}, ({ items, item, index, isDisabled, DragHandle })=>{
|
|
22
22
|
const lastIndex = items.length - 1;
|
|
23
|
-
return React.createElement(FetchingWrappedEntryCard, {
|
|
23
|
+
return /*#__PURE__*/ React.createElement(FetchingWrappedEntryCard, {
|
|
24
24
|
...childrenProps,
|
|
25
25
|
key: `${item.sys.id}-${index}`,
|
|
26
26
|
index: index,
|
|
@@ -4,11 +4,11 @@ import { SingleReferenceEditor } from '../common/SingleReferenceEditor';
|
|
|
4
4
|
import { FetchingWrappedEntryCard } from './WrappedEntryCard/FetchingWrappedEntryCard';
|
|
5
5
|
export function SingleEntryReferenceEditor(props) {
|
|
6
6
|
const activeLocales = useActiveLocales(props.sdk);
|
|
7
|
-
return React.createElement(SingleReferenceEditor, {
|
|
7
|
+
return /*#__PURE__*/ React.createElement(SingleReferenceEditor, {
|
|
8
8
|
...props,
|
|
9
9
|
entityType: "Entry"
|
|
10
10
|
}, ({ allContentTypes, isDisabled, entityId, setValue, renderCustomCard, hasCardRemoveActions, hasCardEditActions })=>{
|
|
11
|
-
return React.createElement(FetchingWrappedEntryCard, {
|
|
11
|
+
return /*#__PURE__*/ React.createElement(FetchingWrappedEntryCard, {
|
|
12
12
|
...props,
|
|
13
13
|
allContentTypes: allContentTypes,
|
|
14
14
|
isDisabled: isDisabled,
|
|
@@ -78,7 +78,7 @@ export function FetchingWrappedEntryCard(props) {
|
|
|
78
78
|
]);
|
|
79
79
|
return React.useMemo(()=>{
|
|
80
80
|
if (status === 'error') {
|
|
81
|
-
const card = React.createElement(MissingEntityCard, {
|
|
81
|
+
const card = /*#__PURE__*/ React.createElement(MissingEntityCard, {
|
|
82
82
|
isDisabled: props.isDisabled,
|
|
83
83
|
onRemove: onRemoveEntry,
|
|
84
84
|
providerName: "Contentful"
|
|
@@ -95,7 +95,7 @@ export function FetchingWrappedEntryCard(props) {
|
|
|
95
95
|
return card;
|
|
96
96
|
}
|
|
97
97
|
if (status === 'loading') {
|
|
98
|
-
return React.createElement(EntryCard, {
|
|
98
|
+
return /*#__PURE__*/ React.createElement(EntryCard, {
|
|
99
99
|
size: size,
|
|
100
100
|
isLoading: true
|
|
101
101
|
});
|
|
@@ -135,7 +135,7 @@ export function FetchingWrappedEntryCard(props) {
|
|
|
135
135
|
entry: props?.entity || sharedCardProps.entity,
|
|
136
136
|
entryUrl: props?.entityUrl || sharedCardProps.entityUrl
|
|
137
137
|
};
|
|
138
|
-
return React.createElement(WrappedEntryCard, builtinCardProps);
|
|
138
|
+
return /*#__PURE__*/ React.createElement(WrappedEntryCard, builtinCardProps);
|
|
139
139
|
}
|
|
140
140
|
if (props.renderCustomCard) {
|
|
141
141
|
const renderedCustomCard = props.renderCustomCard(sharedCardProps, {}, renderDefaultCard);
|
|
@@ -42,7 +42,7 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
|
|
|
42
42
|
]);
|
|
43
43
|
const status = getEntityStatus(entry?.sys, useLocalizedEntityStatus ? localeCode : undefined);
|
|
44
44
|
if (status === 'deleted') {
|
|
45
|
-
return React.createElement(MissingEntityCard, {
|
|
45
|
+
return /*#__PURE__*/ React.createElement(MissingEntityCard, {
|
|
46
46
|
isDisabled: isDisabled,
|
|
47
47
|
onRemove: onRemove,
|
|
48
48
|
providerName: "Contentful"
|
|
@@ -61,7 +61,7 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
|
|
|
61
61
|
localeCode,
|
|
62
62
|
defaultLocaleCode
|
|
63
63
|
});
|
|
64
|
-
return React.createElement(EntryCard, {
|
|
64
|
+
return /*#__PURE__*/ React.createElement(EntryCard, {
|
|
65
65
|
as: isClickable && entryUrl ? 'a' : 'article',
|
|
66
66
|
href: isClickable ? entryUrl : undefined,
|
|
67
67
|
title: title,
|
|
@@ -69,7 +69,7 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
|
|
|
69
69
|
contentType: contentType?.name,
|
|
70
70
|
size: size,
|
|
71
71
|
isSelected: isSelected,
|
|
72
|
-
badge: React.createElement(EntityStatusBadge, {
|
|
72
|
+
badge: /*#__PURE__*/ React.createElement(EntityStatusBadge, {
|
|
73
73
|
status: status,
|
|
74
74
|
entityType: "Entry",
|
|
75
75
|
getEntityScheduledActions: getEntityScheduledActions,
|
|
@@ -82,40 +82,40 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
|
|
|
82
82
|
isReleasesLoading: isReleasesLoading,
|
|
83
83
|
activeRelease: activeRelease
|
|
84
84
|
}),
|
|
85
|
-
icon: spaceName ? React.createElement(SpaceName, {
|
|
85
|
+
icon: spaceName ? /*#__PURE__*/ React.createElement(SpaceName, {
|
|
86
86
|
spaceName: spaceName,
|
|
87
87
|
environmentName: entry.sys.environment.sys.id
|
|
88
88
|
}) : null,
|
|
89
|
-
thumbnailElement: file && isValidImage(file) ? React.createElement(AssetThumbnail, {
|
|
89
|
+
thumbnailElement: file && isValidImage(file) ? /*#__PURE__*/ React.createElement(AssetThumbnail, {
|
|
90
90
|
file: file
|
|
91
91
|
}) : undefined,
|
|
92
92
|
dragHandleRender: renderDragHandle,
|
|
93
93
|
withDragHandle: !!renderDragHandle && !isDisabled,
|
|
94
94
|
draggable: !!renderDragHandle && !isDisabled,
|
|
95
95
|
actions: onEdit || onRemove ? [
|
|
96
|
-
hasCardEditActions && onEdit ? React.createElement(MenuItem, {
|
|
96
|
+
hasCardEditActions && onEdit ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
97
97
|
key: "edit",
|
|
98
98
|
testId: "edit",
|
|
99
99
|
onClick: ()=>{
|
|
100
100
|
onEdit && onEdit();
|
|
101
101
|
}
|
|
102
102
|
}, "Edit") : null,
|
|
103
|
-
hasCardRemoveActions && onRemove && !isDisabled ? React.createElement(MenuItem, {
|
|
103
|
+
hasCardRemoveActions && onRemove && !isDisabled ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
104
104
|
key: "delete",
|
|
105
105
|
testId: "delete",
|
|
106
106
|
onClick: ()=>{
|
|
107
107
|
onRemove && onRemove();
|
|
108
108
|
}
|
|
109
109
|
}, "Remove") : null,
|
|
110
|
-
hasCardMoveActions && (onMoveTop || onMoveBottom) && !isDisabled ? React.createElement(MenuDivider, {
|
|
110
|
+
hasCardMoveActions && (onMoveTop || onMoveBottom) && !isDisabled ? /*#__PURE__*/ React.createElement(MenuDivider, {
|
|
111
111
|
key: "divider"
|
|
112
112
|
}) : null,
|
|
113
|
-
hasCardMoveActions && onMoveTop && !isDisabled ? React.createElement(MenuItem, {
|
|
113
|
+
hasCardMoveActions && onMoveTop && !isDisabled ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
114
114
|
key: "move-top",
|
|
115
115
|
onClick: ()=>onMoveTop && onMoveTop(),
|
|
116
116
|
testId: "move-top"
|
|
117
117
|
}, "Move to top") : null,
|
|
118
|
-
hasCardMoveActions && onMoveBottom && !isDisabled ? React.createElement(MenuItem, {
|
|
118
|
+
hasCardMoveActions && onMoveBottom && !isDisabled ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
119
119
|
key: "move-bottom",
|
|
120
120
|
onClick: ()=>onMoveBottom && onMoveBottom(),
|
|
121
121
|
testId: "move-bottom"
|
|
@@ -15,7 +15,7 @@ export function ContentfulEntryCard({ info, isDisabled, renderDragHandle, onRemo
|
|
|
15
15
|
const openEntryDetail = ()=>{
|
|
16
16
|
window.open(resourceHref, '_blank', 'noopener,noreferrer');
|
|
17
17
|
};
|
|
18
|
-
return React.createElement(WrappedEntryCard, {
|
|
18
|
+
return /*#__PURE__*/ React.createElement(WrappedEntryCard, {
|
|
19
19
|
entry: info.resource,
|
|
20
20
|
isDisabled: isDisabled,
|
|
21
21
|
hasCardEditActions: false,
|
|
@@ -4,7 +4,7 @@ export function ExternalEntryCard(props) {
|
|
|
4
4
|
const openEntryDetail = ()=>{
|
|
5
5
|
window.open(props.info.resource.fields.externalUrl, '_blank', 'noopener,noreferrer');
|
|
6
6
|
};
|
|
7
|
-
return React.createElement(ExternalResourceCard, {
|
|
7
|
+
return /*#__PURE__*/ React.createElement(ExternalResourceCard, {
|
|
8
8
|
...props,
|
|
9
9
|
onEdit: openEntryDetail
|
|
10
10
|
});
|
|
@@ -6,7 +6,7 @@ import { ResourceEntityErrorCard } from '../../components';
|
|
|
6
6
|
import { ContentfulEntryCard } from './ContentfulEntryCard';
|
|
7
7
|
import { ExternalEntryCard } from './ExternalEntryCard';
|
|
8
8
|
function ResourceCardSkeleton() {
|
|
9
|
-
return React.createElement(EntryCard, {
|
|
9
|
+
return /*#__PURE__*/ React.createElement(EntryCard, {
|
|
10
10
|
size: "small",
|
|
11
11
|
isLoading: true
|
|
12
12
|
});
|
|
@@ -21,10 +21,10 @@ function ExistingResourceCard(props) {
|
|
|
21
21
|
};
|
|
22
22
|
const { data: info, error } = useResource(resourceLink.sys.linkType, resourceLink.sys.urn, resourceOptions);
|
|
23
23
|
if (!info && !error) {
|
|
24
|
-
return React.createElement(ResourceCardSkeleton, null);
|
|
24
|
+
return /*#__PURE__*/ React.createElement(ResourceCardSkeleton, null);
|
|
25
25
|
}
|
|
26
26
|
if (!info) {
|
|
27
|
-
return React.createElement(ResourceEntityErrorCard, {
|
|
27
|
+
return /*#__PURE__*/ React.createElement(ResourceEntityErrorCard, {
|
|
28
28
|
linkType: resourceLink.sys.linkType,
|
|
29
29
|
error: error,
|
|
30
30
|
isDisabled: props.isDisabled,
|
|
@@ -32,12 +32,12 @@ function ExistingResourceCard(props) {
|
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
if (isContentfulResourceInfo(info)) {
|
|
35
|
-
return React.createElement(ContentfulEntryCard, {
|
|
35
|
+
return /*#__PURE__*/ React.createElement(ContentfulEntryCard, {
|
|
36
36
|
info: info,
|
|
37
37
|
...props
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
|
-
return React.createElement(ExternalEntryCard, {
|
|
40
|
+
return /*#__PURE__*/ React.createElement(ExternalEntryCard, {
|
|
41
41
|
info: info,
|
|
42
42
|
...props
|
|
43
43
|
});
|
|
@@ -46,7 +46,7 @@ function ResourceCardWrapper(props) {
|
|
|
46
46
|
if (!props.resourceLink) {
|
|
47
47
|
return null;
|
|
48
48
|
}
|
|
49
|
-
return React.createElement(ExistingResourceCard, {
|
|
49
|
+
return /*#__PURE__*/ React.createElement(ExistingResourceCard, {
|
|
50
50
|
...props,
|
|
51
51
|
resourceLink: props.resourceLink,
|
|
52
52
|
getEntryRouteHref: props.getEntryRouteHref
|
|
@@ -57,9 +57,9 @@ export function ResourceCard(props) {
|
|
|
57
57
|
triggerOnce: true,
|
|
58
58
|
rootMargin: '300px 0px 0px 300px'
|
|
59
59
|
});
|
|
60
|
-
return React.createElement("div", {
|
|
60
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
61
61
|
ref: ref
|
|
62
|
-
}, React.createElement(ResourceCardWrapper, {
|
|
62
|
+
}, /*#__PURE__*/ React.createElement(ResourceCardWrapper, {
|
|
63
63
|
...props,
|
|
64
64
|
inView: inView
|
|
65
65
|
}));
|
|
@@ -118,9 +118,9 @@ const sdk = {
|
|
|
118
118
|
}
|
|
119
119
|
};
|
|
120
120
|
function renderResourceCard({ linkType = 'Contentful:Entry', entityUrn = resolvableEntryUrn } = {}) {
|
|
121
|
-
return render(React.createElement(EntityProvider, {
|
|
121
|
+
return render(/*#__PURE__*/ React.createElement(EntityProvider, {
|
|
122
122
|
sdk: sdk
|
|
123
|
-
}, React.createElement(ResourceCard, {
|
|
123
|
+
}, /*#__PURE__*/ React.createElement(ResourceCard, {
|
|
124
124
|
isDisabled: false,
|
|
125
125
|
getEntryRouteHref: ()=>'',
|
|
126
126
|
resourceLink: {
|
|
@@ -12,7 +12,7 @@ const styles = {
|
|
|
12
12
|
})
|
|
13
13
|
};
|
|
14
14
|
function ExternalEntityBadge(badge) {
|
|
15
|
-
return badge ? React.createElement(Badge, {
|
|
15
|
+
return badge ? /*#__PURE__*/ React.createElement(Badge, {
|
|
16
16
|
variant: badge.variant
|
|
17
17
|
}, badge.label) : null;
|
|
18
18
|
}
|
|
@@ -21,32 +21,32 @@ function ExternalResourceCardDescription({ subtitle, description }) {
|
|
|
21
21
|
return null;
|
|
22
22
|
}
|
|
23
23
|
if (!description) {
|
|
24
|
-
return React.createElement(Paragraph, {
|
|
24
|
+
return /*#__PURE__*/ React.createElement(Paragraph, {
|
|
25
25
|
className: styles.description,
|
|
26
26
|
marginBottom: "none",
|
|
27
27
|
isWordBreak: true
|
|
28
28
|
}, subtitle);
|
|
29
29
|
}
|
|
30
30
|
const truncatedDescription = truncate(description, 95, {});
|
|
31
|
-
return React.createElement(React.Fragment, null, React.createElement(Caption, {
|
|
31
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Caption, {
|
|
32
32
|
className: styles.subtitle
|
|
33
|
-
}, subtitle), React.createElement(Paragraph, {
|
|
33
|
+
}, subtitle), /*#__PURE__*/ React.createElement(Paragraph, {
|
|
34
34
|
className: styles.description,
|
|
35
35
|
marginBottom: "none",
|
|
36
36
|
isWordBreak: true
|
|
37
37
|
}, truncatedDescription));
|
|
38
38
|
}
|
|
39
|
-
ExternalResourceCardDescription.displayName =
|
|
39
|
+
ExternalResourceCardDescription.displayName = 'ExternalResourceCardDescription';
|
|
40
40
|
export function ExternalResourceCard({ info, isClickable = true, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions = true, hasCardRemoveActions = true, renderDragHandle, onClick, isSelected }) {
|
|
41
41
|
const { resource: entity, resourceType } = info;
|
|
42
42
|
const badge = ExternalEntityBadge(entity.fields.badge);
|
|
43
|
-
return React.createElement(EntryCard, {
|
|
43
|
+
return /*#__PURE__*/ React.createElement(EntryCard, {
|
|
44
44
|
as: entity.fields.externalUrl ? 'a' : 'article',
|
|
45
45
|
href: entity.fields.externalUrl,
|
|
46
46
|
title: entity.fields.title,
|
|
47
47
|
contentType: `${resourceType.sys.resourceProvider.sys.id} ${resourceType.name}`,
|
|
48
48
|
size: 'auto',
|
|
49
|
-
thumbnailElement: entity.fields.image?.url ? React.createElement("img", {
|
|
49
|
+
thumbnailElement: entity.fields.image?.url ? /*#__PURE__*/ React.createElement("img", {
|
|
50
50
|
alt: entity.fields.image.altText,
|
|
51
51
|
src: entity.fields.image.url
|
|
52
52
|
}) : undefined,
|
|
@@ -55,29 +55,29 @@ export function ExternalResourceCard({ info, isClickable = true, onEdit, onRemov
|
|
|
55
55
|
badge: badge,
|
|
56
56
|
isSelected: isSelected,
|
|
57
57
|
actions: [
|
|
58
|
-
hasCardEditActions && onEdit ? React.createElement(MenuItem, {
|
|
58
|
+
hasCardEditActions && onEdit ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
59
59
|
key: "edit",
|
|
60
60
|
testId: "edit",
|
|
61
61
|
onClick: ()=>{
|
|
62
62
|
onEdit && onEdit();
|
|
63
63
|
}
|
|
64
64
|
}, "Edit") : null,
|
|
65
|
-
hasCardRemoveActions && onRemove ? React.createElement(MenuItem, {
|
|
65
|
+
hasCardRemoveActions && onRemove ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
66
66
|
key: "delete",
|
|
67
67
|
testId: "delete",
|
|
68
68
|
onClick: ()=>{
|
|
69
69
|
onRemove && onRemove();
|
|
70
70
|
}
|
|
71
71
|
}, "Remove") : null,
|
|
72
|
-
hasCardMoveActions && (onEdit || onRemove) && (onMoveTop || onMoveBottom) ? React.createElement(MenuDivider, {
|
|
72
|
+
hasCardMoveActions && (onEdit || onRemove) && (onMoveTop || onMoveBottom) ? /*#__PURE__*/ React.createElement(MenuDivider, {
|
|
73
73
|
key: "divider"
|
|
74
74
|
}) : null,
|
|
75
|
-
hasCardMoveActions && onMoveTop ? React.createElement(MenuItem, {
|
|
75
|
+
hasCardMoveActions && onMoveTop ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
76
76
|
key: "move-top",
|
|
77
77
|
onClick: ()=>onMoveTop && onMoveTop(),
|
|
78
78
|
testId: "move-top"
|
|
79
79
|
}, "Move to top") : null,
|
|
80
|
-
hasCardMoveActions && onMoveBottom ? React.createElement(MenuItem, {
|
|
80
|
+
hasCardMoveActions && onMoveBottom ? /*#__PURE__*/ React.createElement(MenuItem, {
|
|
81
81
|
key: "move-bottom",
|
|
82
82
|
onClick: ()=>onMoveBottom && onMoveBottom(),
|
|
83
83
|
testId: "move-bottom"
|
|
@@ -88,7 +88,7 @@ export function ExternalResourceCard({ info, isClickable = true, onEdit, onRemov
|
|
|
88
88
|
if (onClick) return onClick(e);
|
|
89
89
|
onEdit && onEdit();
|
|
90
90
|
} : undefined
|
|
91
|
-
}, React.createElement(ExternalResourceCardDescription, {
|
|
91
|
+
}, /*#__PURE__*/ React.createElement(ExternalResourceCardDescription, {
|
|
92
92
|
subtitle: entity.fields.subtitle,
|
|
93
93
|
description: entity.fields.description
|
|
94
94
|
}));
|
|
@@ -35,13 +35,13 @@ function ResourceEditor(props) {
|
|
|
35
35
|
sdk: props.sdk,
|
|
36
36
|
parameters: props.parameters
|
|
37
37
|
});
|
|
38
|
-
return React.createElement(React.Fragment, null, props.children({
|
|
38
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, props.children({
|
|
39
39
|
...props,
|
|
40
40
|
onSortStart,
|
|
41
41
|
onSortEnd,
|
|
42
42
|
onMove,
|
|
43
43
|
onRemoteItemAtIndex
|
|
44
|
-
}), React.createElement(CombinedLinkEntityActions, {
|
|
44
|
+
}), /*#__PURE__*/ React.createElement(CombinedLinkEntityActions, {
|
|
45
45
|
...linkActionsProps,
|
|
46
46
|
renderCustomActions: props.renderCustomActions,
|
|
47
47
|
isDisabled: props.isDisabled
|
|
@@ -61,7 +61,7 @@ function WithPerItemCallbacks({ listLength, index, onMove, onRemoteItemAtIndex,
|
|
|
61
61
|
index,
|
|
62
62
|
onRemoteItemAtIndex
|
|
63
63
|
]);
|
|
64
|
-
return React.createElement(React.Fragment, null, children({
|
|
64
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, children({
|
|
65
65
|
onMoveBottom: handleMoveBottom,
|
|
66
66
|
onMoveTop: handleMoveTop,
|
|
67
67
|
onRemove: handleRemove
|
|
@@ -69,27 +69,27 @@ function WithPerItemCallbacks({ listLength, index, onMove, onRemoteItemAtIndex,
|
|
|
69
69
|
}
|
|
70
70
|
const EMPTY_ARRAY = [];
|
|
71
71
|
export function MultipleResourceReferenceEditor(props) {
|
|
72
|
-
return React.createElement(EntityProvider, {
|
|
72
|
+
return /*#__PURE__*/ React.createElement(EntityProvider, {
|
|
73
73
|
sdk: props.sdk
|
|
74
|
-
}, React.createElement(FieldConnector, {
|
|
74
|
+
}, /*#__PURE__*/ React.createElement(FieldConnector, {
|
|
75
75
|
debounce: 0,
|
|
76
76
|
field: props.sdk.field,
|
|
77
77
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
78
78
|
}, ({ value, disabled, setValue, externalReset })=>{
|
|
79
|
-
return React.createElement(ResourceEditor, {
|
|
79
|
+
return /*#__PURE__*/ React.createElement(ResourceEditor, {
|
|
80
80
|
...props,
|
|
81
81
|
items: value || EMPTY_ARRAY,
|
|
82
82
|
isDisabled: disabled,
|
|
83
83
|
setValue: setValue,
|
|
84
84
|
renderCustomActions: props.renderCustomActions,
|
|
85
85
|
key: `${externalReset}-list`
|
|
86
|
-
}, (editorProps)
|
|
86
|
+
}, (editorProps)=>/*#__PURE__*/ React.createElement(SortableLinkList, editorProps, ({ item, isDisabled, DragHandle, index })=>/*#__PURE__*/ React.createElement(WithPerItemCallbacks, {
|
|
87
87
|
key: index,
|
|
88
88
|
index: index,
|
|
89
89
|
onMove: editorProps.onMove,
|
|
90
90
|
onRemoteItemAtIndex: editorProps.onRemoteItemAtIndex,
|
|
91
91
|
listLength: value?.length || 0
|
|
92
|
-
}, ({ onMoveBottom, onMoveTop, onRemove })
|
|
92
|
+
}, ({ onMoveBottom, onMoveTop, onRemove })=>/*#__PURE__*/ React.createElement(ResourceCard, {
|
|
93
93
|
key: index,
|
|
94
94
|
index: index,
|
|
95
95
|
resourceLink: item,
|
|
@@ -58,7 +58,7 @@ beforeEach(()=>{
|
|
|
58
58
|
describe('Multiple resource editor', ()=>{
|
|
59
59
|
it('renders the action button when no value is set', async ()=>{
|
|
60
60
|
const sdk = mockSdkForField(fieldDefinition);
|
|
61
|
-
render(React.createElement(MultipleResourceReferenceEditor, {
|
|
61
|
+
render(/*#__PURE__*/ React.createElement(MultipleResourceReferenceEditor, {
|
|
62
62
|
isInitiallyDisabled: false,
|
|
63
63
|
sdk: sdk,
|
|
64
64
|
hasCardEditActions: true,
|
|
@@ -81,7 +81,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
81
81
|
canLinkEntity: false
|
|
82
82
|
}));
|
|
83
83
|
const sdk = mockSdkForField(fieldDefinition);
|
|
84
|
-
render(React.createElement(MultipleResourceReferenceEditor, {
|
|
84
|
+
render(/*#__PURE__*/ React.createElement(MultipleResourceReferenceEditor, {
|
|
85
85
|
getEntryRouteHref: ()=>'',
|
|
86
86
|
isInitiallyDisabled: false,
|
|
87
87
|
sdk: sdk,
|
|
@@ -94,13 +94,13 @@ describe('Multiple resource editor', ()=>{
|
|
|
94
94
|
});
|
|
95
95
|
it('renders custom actions when passed', async ()=>{
|
|
96
96
|
const sdk = mockSdkForField(fieldDefinition);
|
|
97
|
-
render(React.createElement(MultipleResourceReferenceEditor, {
|
|
97
|
+
render(/*#__PURE__*/ React.createElement(MultipleResourceReferenceEditor, {
|
|
98
98
|
isInitiallyDisabled: false,
|
|
99
99
|
sdk: sdk,
|
|
100
100
|
hasCardEditActions: true,
|
|
101
101
|
viewType: "card",
|
|
102
102
|
parameters: {},
|
|
103
|
-
renderCustomActions: ()
|
|
103
|
+
renderCustomActions: ()=>/*#__PURE__*/ React.createElement("div", {
|
|
104
104
|
"data-testid": "custom-actions"
|
|
105
105
|
})
|
|
106
106
|
}));
|
|
@@ -115,7 +115,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
115
115
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
116
116
|
}
|
|
117
117
|
const sdk = mockSdkForField(fieldDefinition, Object.values(entryLinks));
|
|
118
|
-
render(React.createElement(MultipleResourceReferenceEditor, {
|
|
118
|
+
render(/*#__PURE__*/ React.createElement(MultipleResourceReferenceEditor, {
|
|
119
119
|
isInitiallyDisabled: false,
|
|
120
120
|
sdk: sdk,
|
|
121
121
|
hasCardEditActions: true,
|
|
@@ -142,7 +142,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
142
142
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
143
143
|
}
|
|
144
144
|
const sdk = mockSdkForField(fieldDefinition, Object.values(entryLinks));
|
|
145
|
-
render(React.createElement(MultipleResourceReferenceEditor, {
|
|
145
|
+
render(/*#__PURE__*/ React.createElement(MultipleResourceReferenceEditor, {
|
|
146
146
|
isInitiallyDisabled: false,
|
|
147
147
|
sdk: sdk,
|
|
148
148
|
hasCardEditActions: true,
|
|
@@ -168,7 +168,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
168
168
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
169
169
|
}
|
|
170
170
|
const sdk = mockSdkForField(fieldDefinition, Object.values(entryLinks));
|
|
171
|
-
render(React.createElement(MultipleResourceReferenceEditor, {
|
|
171
|
+
render(/*#__PURE__*/ React.createElement(MultipleResourceReferenceEditor, {
|
|
172
172
|
isInitiallyDisabled: false,
|
|
173
173
|
sdk: sdk,
|
|
174
174
|
hasCardEditActions: true,
|
|
@@ -194,7 +194,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
194
194
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
195
195
|
}
|
|
196
196
|
const sdk = mockSdkForField(fieldDefinition, Object.values(entryLinks));
|
|
197
|
-
render(React.createElement(MultipleResourceReferenceEditor, {
|
|
197
|
+
render(/*#__PURE__*/ React.createElement(MultipleResourceReferenceEditor, {
|
|
198
198
|
isInitiallyDisabled: false,
|
|
199
199
|
sdk: sdk,
|
|
200
200
|
hasCardEditActions: true,
|
|
@@ -9,20 +9,20 @@ export function SingleResourceReferenceEditor(props) {
|
|
|
9
9
|
sdk: props.sdk,
|
|
10
10
|
parameters: props.parameters
|
|
11
11
|
});
|
|
12
|
-
return React.createElement(EntityProvider, {
|
|
12
|
+
return /*#__PURE__*/ React.createElement(EntityProvider, {
|
|
13
13
|
sdk: props.sdk
|
|
14
|
-
}, React.createElement(FieldConnector, {
|
|
14
|
+
}, /*#__PURE__*/ React.createElement(FieldConnector, {
|
|
15
15
|
debounce: 0,
|
|
16
16
|
field: props.sdk.field,
|
|
17
17
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
18
18
|
}, ({ value, disabled })=>{
|
|
19
|
-
return value ? React.createElement(ResourceCard, {
|
|
19
|
+
return value ? /*#__PURE__*/ React.createElement(ResourceCard, {
|
|
20
20
|
onRemove: ()=>props.sdk.field.removeValue(),
|
|
21
21
|
resourceLink: value,
|
|
22
22
|
locale: props.sdk.field.locale,
|
|
23
23
|
isDisabled: disabled,
|
|
24
24
|
getEntryRouteHref: props.getEntryRouteHref
|
|
25
|
-
}) : React.createElement(CombinedLinkEntityActions, {
|
|
25
|
+
}) : /*#__PURE__*/ React.createElement(CombinedLinkEntityActions, {
|
|
26
26
|
...linkActionsProps,
|
|
27
27
|
renderCustomActions: props.renderCustomActions,
|
|
28
28
|
isDisabled: disabled
|
|
@@ -54,7 +54,7 @@ beforeEach(()=>{
|
|
|
54
54
|
describe('Single resource editor', ()=>{
|
|
55
55
|
it('renders the action button when no value is set', async ()=>{
|
|
56
56
|
const sdk = mockSdkForField(fieldDefinition);
|
|
57
|
-
render(React.createElement(SingleResourceReferenceEditor, {
|
|
57
|
+
render(/*#__PURE__*/ React.createElement(SingleResourceReferenceEditor, {
|
|
58
58
|
isInitiallyDisabled: false,
|
|
59
59
|
sdk: sdk,
|
|
60
60
|
hasCardEditActions: true,
|
|
@@ -77,7 +77,7 @@ describe('Single resource editor', ()=>{
|
|
|
77
77
|
canLinkEntity: false
|
|
78
78
|
}));
|
|
79
79
|
const sdk = mockSdkForField(fieldDefinition);
|
|
80
|
-
render(React.createElement(SingleResourceReferenceEditor, {
|
|
80
|
+
render(/*#__PURE__*/ React.createElement(SingleResourceReferenceEditor, {
|
|
81
81
|
isInitiallyDisabled: false,
|
|
82
82
|
sdk: sdk,
|
|
83
83
|
hasCardEditActions: true,
|
|
@@ -89,13 +89,13 @@ describe('Single resource editor', ()=>{
|
|
|
89
89
|
});
|
|
90
90
|
it('renders custom actions when passed', async ()=>{
|
|
91
91
|
const sdk = mockSdkForField(fieldDefinition);
|
|
92
|
-
render(React.createElement(SingleResourceReferenceEditor, {
|
|
92
|
+
render(/*#__PURE__*/ React.createElement(SingleResourceReferenceEditor, {
|
|
93
93
|
isInitiallyDisabled: false,
|
|
94
94
|
sdk: sdk,
|
|
95
95
|
hasCardEditActions: true,
|
|
96
96
|
viewType: "card",
|
|
97
97
|
parameters: {},
|
|
98
|
-
renderCustomActions: ()
|
|
98
|
+
renderCustomActions: ()=>/*#__PURE__*/ React.createElement("div", {
|
|
99
99
|
"data-testid": "custom-actions"
|
|
100
100
|
})
|
|
101
101
|
}));
|
|
@@ -119,7 +119,7 @@ describe('Single resource editor', ()=>{
|
|
|
119
119
|
}
|
|
120
120
|
});
|
|
121
121
|
mockedResources[`Contentful:Entry.crn:test:::content:spaces/x-space/entries/linkedEntryId`] = info;
|
|
122
|
-
render(React.createElement(SingleResourceReferenceEditor, {
|
|
122
|
+
render(/*#__PURE__*/ React.createElement(SingleResourceReferenceEditor, {
|
|
123
123
|
isInitiallyDisabled: false,
|
|
124
124
|
sdk: sdk,
|
|
125
125
|
hasCardEditActions: true,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-reference",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.9.0",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@contentful/f36-components": "^4.70.0",
|
|
39
39
|
"@contentful/f36-icons": "^4.29.0",
|
|
40
40
|
"@contentful/f36-tokens": "^4.0.5",
|
|
41
|
-
"@contentful/field-editor-shared": "^2.
|
|
41
|
+
"@contentful/field-editor-shared": "^2.8.0",
|
|
42
42
|
"@contentful/mimetype": "^2.2.29",
|
|
43
43
|
"@dnd-kit/core": "^6.0.8",
|
|
44
44
|
"@dnd-kit/modifiers": "^7.0.0",
|
|
@@ -55,14 +55,16 @@
|
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@contentful/app-sdk": "^4.29.0",
|
|
57
57
|
"@contentful/field-editor-test-utils": "^1.5.2",
|
|
58
|
+
"@lingui/core": "5.3.0",
|
|
58
59
|
"@testing-library/react-hooks": "^8.0.1"
|
|
59
60
|
},
|
|
60
61
|
"peerDependencies": {
|
|
61
62
|
"@contentful/app-sdk": "^4.29.0",
|
|
63
|
+
"@lingui/core": "^5.3.0",
|
|
62
64
|
"react": ">=16.8.0"
|
|
63
65
|
},
|
|
64
66
|
"publishConfig": {
|
|
65
67
|
"registry": "https://npm.pkg.github.com/"
|
|
66
68
|
},
|
|
67
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "a86f67a6d507eb7c8c7a38b4312380361bdbebbb"
|
|
68
70
|
}
|