@contentful/field-editor-reference 6.8.1 → 6.10.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 +6 -4
- 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 +7 -5
- 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
|
@@ -63,16 +63,16 @@ const styles = {
|
|
|
63
63
|
})
|
|
64
64
|
};
|
|
65
65
|
function MultipleMediaEditor(props) {
|
|
66
|
-
return _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
|
|
66
|
+
return /*#__PURE__*/ _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
|
|
67
67
|
...props,
|
|
68
68
|
entityType: "Asset"
|
|
69
|
-
}, (childrenProps)
|
|
69
|
+
}, (childrenProps)=>/*#__PURE__*/ _react.createElement(_SortableLinkList.SortableLinkList, {
|
|
70
70
|
...childrenProps,
|
|
71
71
|
sortingStrategy: childrenProps.viewType === 'card' ? _sortable.rectSortingStrategy : _sortable.verticalListSortingStrategy,
|
|
72
72
|
className: (0, _emotion.cx)({
|
|
73
73
|
[styles.gridContainer]: childrenProps.viewType === 'card'
|
|
74
74
|
})
|
|
75
|
-
}, ({ items, item, index, isDisabled, DragHandle })
|
|
75
|
+
}, ({ items, item, index, isDisabled, DragHandle })=>/*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
76
76
|
...childrenProps,
|
|
77
77
|
isDisabled: isDisabled,
|
|
78
78
|
key: `${item.sys.id}-${index}`,
|
|
@@ -53,10 +53,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
53
53
|
return newObj;
|
|
54
54
|
}
|
|
55
55
|
function SingleMediaEditor(props) {
|
|
56
|
-
return _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
|
|
56
|
+
return /*#__PURE__*/ _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
|
|
57
57
|
...props,
|
|
58
58
|
entityType: "Asset"
|
|
59
|
-
}, ({ entityId, isDisabled, setValue })
|
|
59
|
+
}, ({ entityId, isDisabled, setValue })=>/*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
60
60
|
...props,
|
|
61
61
|
viewType: "big_card",
|
|
62
62
|
assetId: entityId,
|
|
@@ -114,37 +114,37 @@ function renderAssetInfo(props) {
|
|
|
114
114
|
const fileSize = (0, _get.default)(entityFile, 'details.size');
|
|
115
115
|
const image = (0, _get.default)(entityFile, 'details.image');
|
|
116
116
|
return [
|
|
117
|
-
_react.createElement(_f36components.Menu.SectionTitle, {
|
|
117
|
+
/*#__PURE__*/ _react.createElement(_f36components.Menu.SectionTitle, {
|
|
118
118
|
key: "file-section"
|
|
119
119
|
}, "File info"),
|
|
120
|
-
_react.createElement(_f36components.Menu.Item, {
|
|
120
|
+
/*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
|
|
121
121
|
key: "file-information",
|
|
122
122
|
className: styles.fileInformation.menuItem,
|
|
123
123
|
isDisabled: true,
|
|
124
124
|
disabled: true
|
|
125
|
-
}, _react.createElement("dl", {
|
|
125
|
+
}, /*#__PURE__*/ _react.createElement("dl", {
|
|
126
126
|
className: styles.fileInformation.dl
|
|
127
|
-
}, fileName && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Name:"), _react.createElement(_f36components.Text, {
|
|
127
|
+
}, fileName && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "File Name:"), /*#__PURE__*/ _react.createElement(_f36components.Text, {
|
|
128
128
|
as: "dd",
|
|
129
129
|
isTruncated: true
|
|
130
|
-
}, fileName)), mimeType && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Type:"), _react.createElement(_f36components.Text, {
|
|
130
|
+
}, fileName)), mimeType && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "File Type:"), /*#__PURE__*/ _react.createElement(_f36components.Text, {
|
|
131
131
|
as: "dd",
|
|
132
132
|
isTruncated: true
|
|
133
|
-
}, mimeType)), fileSize && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "Size:"), _react.createElement("dd", null, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B'))), image && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "Dimensions:"), _react.createElement("dd", null, `${image.width} × ${image.height}`))))
|
|
133
|
+
}, mimeType)), fileSize && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Size:"), /*#__PURE__*/ _react.createElement("dd", null, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B'))), image && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Dimensions:"), /*#__PURE__*/ _react.createElement("dd", null, `${image.width} × ${image.height}`))))
|
|
134
134
|
];
|
|
135
135
|
}
|
|
136
136
|
function renderActions(props) {
|
|
137
137
|
const { entityFile, isDisabled, onEdit, onRemove } = props;
|
|
138
138
|
return [
|
|
139
|
-
_react.createElement(_f36components.Menu.SectionTitle, {
|
|
139
|
+
/*#__PURE__*/ _react.createElement(_f36components.Menu.SectionTitle, {
|
|
140
140
|
key: "section-title"
|
|
141
141
|
}, "Actions"),
|
|
142
|
-
onEdit ? _react.createElement(_f36components.Menu.Item, {
|
|
142
|
+
onEdit ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
|
|
143
143
|
key: "edit",
|
|
144
144
|
onClick: onEdit,
|
|
145
145
|
testId: "card-action-edit"
|
|
146
146
|
}, "Edit") : null,
|
|
147
|
-
entityFile ? _react.createElement(_f36components.Menu.Item, {
|
|
147
|
+
entityFile ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
|
|
148
148
|
key: "download",
|
|
149
149
|
onClick: ()=>{
|
|
150
150
|
if (typeof entityFile.url === 'string') {
|
|
@@ -153,7 +153,7 @@ function renderActions(props) {
|
|
|
153
153
|
},
|
|
154
154
|
testId: "card-action-download"
|
|
155
155
|
}, "Download") : null,
|
|
156
|
-
onRemove && !isDisabled ? _react.createElement(_f36components.Menu.Item, {
|
|
156
|
+
onRemove && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
|
|
157
157
|
key: "remove",
|
|
158
158
|
onClick: onRemove,
|
|
159
159
|
testId: "card-action-remove"
|
|
@@ -98,7 +98,7 @@ function FetchingWrappedAssetCard(props) {
|
|
|
98
98
|
};
|
|
99
99
|
return _react.useMemo(()=>{
|
|
100
100
|
if (status === 'error') {
|
|
101
|
-
const card = _react.createElement(_components.MissingAssetCard, {
|
|
101
|
+
const card = /*#__PURE__*/ _react.createElement(_components.MissingAssetCard, {
|
|
102
102
|
asSquare: props.viewType !== 'link',
|
|
103
103
|
isDisabled: props.isDisabled,
|
|
104
104
|
onRemove: onRemove
|
|
@@ -131,10 +131,10 @@ function FetchingWrappedAssetCard(props) {
|
|
|
131
131
|
activeLocales
|
|
132
132
|
};
|
|
133
133
|
if (status === 'loading') {
|
|
134
|
-
return props.viewType === 'link' ? _react.createElement(_f36components.EntryCard, {
|
|
134
|
+
return props.viewType === 'link' ? /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
|
|
135
135
|
size: "small",
|
|
136
136
|
isLoading: true
|
|
137
|
-
}) : _react.createElement(_f36components.AssetCard, {
|
|
137
|
+
}) : /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
|
|
138
138
|
size: size,
|
|
139
139
|
isLoading: true
|
|
140
140
|
});
|
|
@@ -149,13 +149,13 @@ function FetchingWrappedAssetCard(props) {
|
|
|
149
149
|
getAssetUrl: getEntityUrl
|
|
150
150
|
};
|
|
151
151
|
if (viewType === 'link') {
|
|
152
|
-
return _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
|
|
152
|
+
return /*#__PURE__*/ _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
|
|
153
153
|
...builtinCardProps,
|
|
154
154
|
href: commonProps.entityUrl,
|
|
155
155
|
getEntityScheduledActions: loadEntityScheduledActions
|
|
156
156
|
});
|
|
157
157
|
}
|
|
158
|
-
return _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
|
|
158
|
+
return /*#__PURE__*/ _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
|
|
159
159
|
}
|
|
160
160
|
if (props.renderCustomCard) {
|
|
161
161
|
const customProps = {
|
|
@@ -89,7 +89,7 @@ function getFileType(file) {
|
|
|
89
89
|
const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove })=>{
|
|
90
90
|
const status = _fieldeditorshared.entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
|
|
91
91
|
if (status === 'deleted') {
|
|
92
|
-
return _react.createElement(_components.MissingAssetCard, {
|
|
92
|
+
return /*#__PURE__*/ _react.createElement(_components.MissingAssetCard, {
|
|
93
93
|
asSquare: true,
|
|
94
94
|
isDisabled: isDisabled,
|
|
95
95
|
onRemove: onRemove
|
|
@@ -103,14 +103,14 @@ const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCod
|
|
|
103
103
|
});
|
|
104
104
|
const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
|
|
105
105
|
const href = getAssetUrl ? getAssetUrl(asset.sys.id) : undefined;
|
|
106
|
-
return _react.createElement(_f36components.AssetCard, {
|
|
106
|
+
return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
|
|
107
107
|
as: isClickable && href ? 'a' : 'article',
|
|
108
108
|
type: getFileType(entityFile),
|
|
109
109
|
title: entityTitle,
|
|
110
110
|
className: className,
|
|
111
111
|
isSelected: isSelected,
|
|
112
112
|
href: isClickable ? href : undefined,
|
|
113
|
-
badge: _react.createElement(_components.EntityStatusBadge, {
|
|
113
|
+
badge: /*#__PURE__*/ _react.createElement(_components.EntityStatusBadge, {
|
|
114
114
|
getEntityScheduledActions: getEntityScheduledActions,
|
|
115
115
|
entityType: "Asset",
|
|
116
116
|
status: status,
|
|
@@ -58,7 +58,7 @@ const WrappedAssetLink = (props)=>{
|
|
|
58
58
|
const { className, href, onEdit, onRemove, isDisabled, isClickable = true } = props;
|
|
59
59
|
const status = _fieldeditorshared.entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
|
|
60
60
|
if (status === 'deleted') {
|
|
61
|
-
return _react.createElement(_components.MissingAssetCard, {
|
|
61
|
+
return /*#__PURE__*/ _react.createElement(_components.MissingAssetCard, {
|
|
62
62
|
isDisabled: props.isDisabled,
|
|
63
63
|
onRemove: props.onRemove
|
|
64
64
|
});
|
|
@@ -70,14 +70,14 @@ const WrappedAssetLink = (props)=>{
|
|
|
70
70
|
defaultTitle: 'Untitled'
|
|
71
71
|
});
|
|
72
72
|
const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
|
|
73
|
-
return _react.createElement(_f36components.EntryCard, {
|
|
73
|
+
return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
|
|
74
74
|
as: isClickable && href ? 'a' : 'article',
|
|
75
75
|
contentType: "Asset",
|
|
76
76
|
title: entityTitle,
|
|
77
77
|
className: className,
|
|
78
78
|
href: isClickable ? href : undefined,
|
|
79
79
|
size: "small",
|
|
80
|
-
badge: _react.createElement(_components.EntityStatusBadge, {
|
|
80
|
+
badge: /*#__PURE__*/ _react.createElement(_components.EntityStatusBadge, {
|
|
81
81
|
getEntityScheduledActions: props.getEntityScheduledActions,
|
|
82
82
|
entityType: "Asset",
|
|
83
83
|
status: status,
|
|
@@ -86,7 +86,7 @@ const WrappedAssetLink = (props)=>{
|
|
|
86
86
|
localesStatusMap: props.localesStatusMap,
|
|
87
87
|
activeLocales: props.activeLocales
|
|
88
88
|
}),
|
|
89
|
-
thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? _react.createElement(_components.AssetThumbnail, {
|
|
89
|
+
thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? /*#__PURE__*/ _react.createElement(_components.AssetThumbnail, {
|
|
90
90
|
file: entityFile
|
|
91
91
|
}) : undefined,
|
|
92
92
|
onClick: isClickable ? (e)=>{
|
|
@@ -547,5 +547,5 @@ function useResourceProvider(organizationId, appDefinitionId) {
|
|
|
547
547
|
};
|
|
548
548
|
}
|
|
549
549
|
function EntityProvider({ children, ...props }) {
|
|
550
|
-
return _react.default.createElement(_queryClient.SharedQueryClientProvider, null, _react.default.createElement(InternalServiceProvider, props, children));
|
|
550
|
+
return /*#__PURE__*/ _react.default.createElement(_queryClient.SharedQueryClientProvider, null, /*#__PURE__*/ _react.default.createElement(InternalServiceProvider, props, children));
|
|
551
551
|
}
|
|
@@ -133,21 +133,21 @@ function Editor(props) {
|
|
|
133
133
|
const customCardRenderer = (0, _react.useCallback)((cardProps, _, renderDefaultCard)=>props.renderCustomCard ? props.renderCustomCard(cardProps, linkActionsProps, renderDefaultCard) : false, [
|
|
134
134
|
linkActionsProps
|
|
135
135
|
]);
|
|
136
|
-
return _react.createElement(_react.Fragment, null, props.children({
|
|
136
|
+
return /*#__PURE__*/ _react.createElement(_react.Fragment, null, props.children({
|
|
137
137
|
...props,
|
|
138
138
|
onSortStart,
|
|
139
139
|
onSortEnd,
|
|
140
140
|
onMove,
|
|
141
141
|
renderCustomCard: props.renderCustomCard && customCardRenderer
|
|
142
|
-
}), _react.createElement(_components.LinkEntityActions, {
|
|
142
|
+
}), /*#__PURE__*/ _react.createElement(_components.LinkEntityActions, {
|
|
143
143
|
renderCustomActions: props.renderCustomActions,
|
|
144
144
|
...linkActionsProps
|
|
145
145
|
}));
|
|
146
146
|
}
|
|
147
147
|
function MultipleReferenceEditor(props) {
|
|
148
148
|
const allContentTypes = props.sdk.space.getCachedContentTypes();
|
|
149
|
-
return _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
|
|
150
|
-
return _react.createElement(Editor, {
|
|
149
|
+
return /*#__PURE__*/ _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
|
|
150
|
+
return /*#__PURE__*/ _react.createElement(Editor, {
|
|
151
151
|
...props,
|
|
152
152
|
items: value || emptyArray,
|
|
153
153
|
isDisabled: disabled,
|
|
@@ -53,9 +53,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
53
53
|
return newObj;
|
|
54
54
|
}
|
|
55
55
|
function ReferenceEditor(props) {
|
|
56
|
-
return _react.createElement(_EntityStore.EntityProvider, {
|
|
56
|
+
return /*#__PURE__*/ _react.createElement(_EntityStore.EntityProvider, {
|
|
57
57
|
sdk: props.sdk
|
|
58
|
-
}, _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
58
|
+
}, /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
59
59
|
debounce: 0,
|
|
60
60
|
field: props.sdk.field,
|
|
61
61
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
@@ -91,7 +91,7 @@ function Editor(props) {
|
|
|
91
91
|
linkActionsProps
|
|
92
92
|
]);
|
|
93
93
|
if (!props.entityId) {
|
|
94
|
-
return _react.createElement(_components.LinkEntityActions, {
|
|
94
|
+
return /*#__PURE__*/ _react.createElement(_components.LinkEntityActions, {
|
|
95
95
|
renderCustomActions: props.renderCustomActions,
|
|
96
96
|
...linkActionsProps
|
|
97
97
|
});
|
|
@@ -103,8 +103,8 @@ function Editor(props) {
|
|
|
103
103
|
}
|
|
104
104
|
function SingleReferenceEditor(props) {
|
|
105
105
|
const allContentTypes = props.sdk.space.getCachedContentTypes();
|
|
106
|
-
return _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
|
|
107
|
-
return _react.createElement(Editor, {
|
|
106
|
+
return /*#__PURE__*/ _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
|
|
107
|
+
return /*#__PURE__*/ _react.createElement(Editor, {
|
|
108
108
|
...props,
|
|
109
109
|
key: `${externalReset}-reference`,
|
|
110
110
|
entityId: value ? value?.sys?.id : '',
|
|
@@ -49,16 +49,16 @@ const SortableLink = ({ id, items, item, isDisabled = false, index, children })=
|
|
|
49
49
|
};
|
|
50
50
|
const DragHandle = _react.default.useCallback((props)=>{
|
|
51
51
|
const SortableDragHandle = ()=>props.drag;
|
|
52
|
-
return _react.default.createElement("div", {
|
|
52
|
+
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
53
53
|
ref: setActivatorNodeRef,
|
|
54
54
|
className: styles.dragHandle,
|
|
55
55
|
...listeners
|
|
56
|
-
}, _react.default.createElement(SortableDragHandle, null));
|
|
56
|
+
}, /*#__PURE__*/ _react.default.createElement(SortableDragHandle, null));
|
|
57
57
|
}, [
|
|
58
58
|
listeners,
|
|
59
59
|
setActivatorNodeRef
|
|
60
60
|
]);
|
|
61
|
-
return _react.default.createElement("div", {
|
|
61
|
+
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
62
62
|
ref: setNodeRef,
|
|
63
63
|
style: style,
|
|
64
64
|
className: (0, _emotion.cx)(styles.item, {
|
|
@@ -101,17 +101,17 @@ const SortableLinkList = ({ items, isDisabled, className, children, onSortStart,
|
|
|
101
101
|
sortIDs,
|
|
102
102
|
rearrangeSortIDs
|
|
103
103
|
]);
|
|
104
|
-
return _react.default.createElement(_core.DndContext, {
|
|
104
|
+
return /*#__PURE__*/ _react.default.createElement(_core.DndContext, {
|
|
105
105
|
onDragStart: onSortStartHandler,
|
|
106
106
|
onDragEnd: onSortEndHandler
|
|
107
|
-
}, _react.default.createElement(_sortable.SortableContext, {
|
|
107
|
+
}, /*#__PURE__*/ _react.default.createElement(_sortable.SortableContext, {
|
|
108
108
|
items: sortIDs,
|
|
109
109
|
strategy: sortingStrategy
|
|
110
|
-
}, _react.default.createElement("div", {
|
|
110
|
+
}, /*#__PURE__*/ _react.default.createElement("div", {
|
|
111
111
|
className: (0, _emotion.cx)(styles.container, className)
|
|
112
112
|
}, items.map((item, index)=>{
|
|
113
113
|
const id = sortIDs[index]?.id;
|
|
114
|
-
return _react.default.createElement(SortableLink, {
|
|
114
|
+
return /*#__PURE__*/ _react.default.createElement(SortableLink, {
|
|
115
115
|
key: id,
|
|
116
116
|
id: id,
|
|
117
117
|
items: items,
|
|
@@ -62,7 +62,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
62
62
|
}
|
|
63
63
|
return newObj;
|
|
64
64
|
}
|
|
65
|
-
const clientContext = _react.createContext(undefined);
|
|
65
|
+
const clientContext = /*#__PURE__*/ _react.createContext(undefined);
|
|
66
66
|
function useQueryClient() {
|
|
67
67
|
const client = _react.useContext(clientContext);
|
|
68
68
|
return _react.useMemo(()=>{
|
|
@@ -93,7 +93,7 @@ const useQuery = (key, fn, opt)=>{
|
|
|
93
93
|
};
|
|
94
94
|
function SharedQueryClientProvider({ children }) {
|
|
95
95
|
const client = useQueryClient();
|
|
96
|
-
return _react.createElement(clientContext.Provider, {
|
|
96
|
+
return /*#__PURE__*/ _react.createElement(clientContext.Provider, {
|
|
97
97
|
value: client
|
|
98
98
|
}, children);
|
|
99
99
|
}
|
|
@@ -55,7 +55,7 @@ const dimensions = {
|
|
|
55
55
|
height: 70
|
|
56
56
|
};
|
|
57
57
|
function AssetThumbnail(props) {
|
|
58
|
-
return _react.createElement("img", {
|
|
58
|
+
return /*#__PURE__*/ _react.createElement("img", {
|
|
59
59
|
alt: props.file.fileName,
|
|
60
60
|
src: `${props.file.url}?w=${dimensions.width}&h=${dimensions.height}&fit=thumb`,
|
|
61
61
|
height: dimensions.height,
|
|
@@ -80,10 +80,10 @@ const CreateEntryLinkButton = ({ contentTypes, onSelect, customDropdownItems, te
|
|
|
80
80
|
const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
|
|
81
81
|
const buttonText = text || `Add ${(0, _get.default)(suggestedContentType || (contentTypes.length === 1 ? contentTypes[0] : {}), 'name', 'entry')}`;
|
|
82
82
|
const hasDropdown = contentTypes.length > 1 || customDropdownItems;
|
|
83
|
-
const plusIcon = hasPlusIcon ? _react.createElement(_f36icons.PlusIcon, null) : undefined;
|
|
83
|
+
const plusIcon = hasPlusIcon ? /*#__PURE__*/ _react.createElement(_f36icons.PlusIcon, null) : undefined;
|
|
84
84
|
const contentTypesLabel = useExperimentalStyles ? 'New content' : undefined;
|
|
85
85
|
const styles = useExperimentalStyles ? redesignStyles : standardStyles;
|
|
86
|
-
return _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
86
|
+
return /*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
87
87
|
contentTypes: contentTypes,
|
|
88
88
|
suggestedContentTypeId: suggestedContentTypeId,
|
|
89
89
|
contentTypesLabel: contentTypesLabel,
|
|
@@ -91,8 +91,8 @@ const CreateEntryLinkButton = ({ contentTypes, onSelect, customDropdownItems, te
|
|
|
91
91
|
testId: testId,
|
|
92
92
|
dropdownSettings: dropdownSettings,
|
|
93
93
|
customDropdownItems: customDropdownItems
|
|
94
|
-
}, ({ isSelecting })
|
|
95
|
-
endIcon: hasDropdown ? _react.createElement(_f36icons.ChevronDownIcon, null) : undefined,
|
|
94
|
+
}, ({ isSelecting })=>/*#__PURE__*/ _react.createElement(_f36components.Button, {
|
|
95
|
+
endIcon: hasDropdown ? /*#__PURE__*/ _react.createElement(_f36icons.ChevronDownIcon, null) : undefined,
|
|
96
96
|
variant: "secondary",
|
|
97
97
|
className: styles.action,
|
|
98
98
|
isDisabled: disabled || isSelecting,
|
|
@@ -87,14 +87,14 @@ describe('CreateEntryLinkButton general', ()=>{
|
|
|
87
87
|
}
|
|
88
88
|
};
|
|
89
89
|
it('renders with multiple content types as list', ()=>{
|
|
90
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, props));
|
|
90
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, props));
|
|
91
91
|
expect(getByTestId('create-entry-button-menu-trigger')).toBeDefined();
|
|
92
92
|
const link = findButton(getByTestId);
|
|
93
93
|
expect(link).toBeDefined();
|
|
94
94
|
expect(link.textContent).toBe('Add entry');
|
|
95
95
|
});
|
|
96
96
|
it('renders dropdown menu on click when with multiple content types', ()=>{
|
|
97
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, props));
|
|
97
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, props));
|
|
98
98
|
_react1.fireEvent.click(findButton(getByTestId));
|
|
99
99
|
const menu = getByTestId('add-entry-menu');
|
|
100
100
|
expect(menu).toBeDefined();
|
|
@@ -104,7 +104,7 @@ describe('CreateEntryLinkButton general', ()=>{
|
|
|
104
104
|
});
|
|
105
105
|
it('renders suggestedContentType as text when given', ()=>{
|
|
106
106
|
const suggestedContentTypeId = 'ID_2';
|
|
107
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
107
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
108
108
|
...props,
|
|
109
109
|
suggestedContentTypeId: suggestedContentTypeId
|
|
110
110
|
}));
|
|
@@ -114,7 +114,7 @@ describe('CreateEntryLinkButton general', ()=>{
|
|
|
114
114
|
expect(button.textContent).toBe(`Add ${CONTENT_TYPE_2.name}`);
|
|
115
115
|
});
|
|
116
116
|
it('renders the name of the content type as part of the text if only 1 content type is given', ()=>{
|
|
117
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
117
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
118
118
|
onSelect: props.onSelect,
|
|
119
119
|
contentTypes: [
|
|
120
120
|
CONTENT_TYPE_1
|
|
@@ -130,7 +130,7 @@ describe('CreateEntryLinkButton general', ()=>{
|
|
|
130
130
|
text: 'CUSTOM_TEXT',
|
|
131
131
|
hasPlusIcon: true
|
|
132
132
|
};
|
|
133
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
133
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
134
134
|
...props,
|
|
135
135
|
...propsOverrides
|
|
136
136
|
}));
|
|
@@ -151,13 +151,13 @@ describe('CreateEntryLinkButton with multiple entries', ()=>{
|
|
|
151
151
|
}
|
|
152
152
|
};
|
|
153
153
|
it('should render dropdown items for each content type', ()=>{
|
|
154
|
-
const { getByTestId, getAllByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, props));
|
|
154
|
+
const { getByTestId, getAllByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, props));
|
|
155
155
|
_react1.fireEvent.click(findButton(getByTestId));
|
|
156
156
|
expect(getAllByTestId('contentType')).toHaveLength(props.contentTypes.length);
|
|
157
157
|
});
|
|
158
158
|
it('calls onSelect after click on menu item', ()=>{
|
|
159
159
|
const selectSpy = jest.fn();
|
|
160
|
-
const { getByTestId, getAllByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
160
|
+
const { getByTestId, getAllByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
161
161
|
...props,
|
|
162
162
|
onSelect: selectSpy
|
|
163
163
|
}));
|
|
@@ -177,7 +177,7 @@ describe('CreateEntryLinkButton with a single entry', ()=>{
|
|
|
177
177
|
};
|
|
178
178
|
it('should fire the onSelect function when clicked', ()=>{
|
|
179
179
|
const onSelectStub = jest.fn();
|
|
180
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
180
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
181
181
|
...props,
|
|
182
182
|
onSelect: onSelectStub
|
|
183
183
|
}));
|
|
@@ -189,7 +189,7 @@ describe('CreateEntryLinkButton with a single entry', ()=>{
|
|
|
189
189
|
describe('CreateEntryLinkButton common', ()=>{
|
|
190
190
|
it('should render a spinner if onSelect returns a promise', async ()=>{
|
|
191
191
|
const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
|
|
192
|
-
const { getByTestId, container } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
192
|
+
const { getByTestId, container } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
193
193
|
contentTypes: [
|
|
194
194
|
CONTENT_TYPE_1
|
|
195
195
|
],
|
|
@@ -205,7 +205,7 @@ describe('CreateEntryLinkButton common', ()=>{
|
|
|
205
205
|
});
|
|
206
206
|
it('should hide a spinner after the promise from onSelect resolves', async ()=>{
|
|
207
207
|
const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 500)));
|
|
208
|
-
const { getByTestId, container } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
208
|
+
const { getByTestId, container } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
209
209
|
contentTypes: [
|
|
210
210
|
CONTENT_TYPE_1
|
|
211
211
|
],
|
|
@@ -222,7 +222,7 @@ describe('CreateEntryLinkButton common', ()=>{
|
|
|
222
222
|
});
|
|
223
223
|
it('does not emit onSelect on subsequent click before the promise from onSelect resolves', async ()=>{
|
|
224
224
|
const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(()=>resolve(undefined), 200)));
|
|
225
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
225
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
226
226
|
contentTypes: [
|
|
227
227
|
CONTENT_TYPE_1
|
|
228
228
|
],
|
|
@@ -238,7 +238,7 @@ describe('CreateEntryLinkButton common', ()=>{
|
|
|
238
238
|
});
|
|
239
239
|
it('emits onSelect on subsequent click after the promise from onSelect resolves', async ()=>{
|
|
240
240
|
const onSelect = jest.fn(()=>Promise.resolve());
|
|
241
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
241
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryLinkButton.CreateEntryLinkButton, {
|
|
242
242
|
contentTypes: [
|
|
243
243
|
CONTENT_TYPE_1
|
|
244
244
|
],
|
|
@@ -152,28 +152,28 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
|
|
|
152
152
|
}, [
|
|
153
153
|
isOpen
|
|
154
154
|
]);
|
|
155
|
-
const renderSearchResultsCount = (resultsLength)=>resultsLength ? _react.default.createElement(_f36components.Menu.SectionTitle, {
|
|
155
|
+
const renderSearchResultsCount = (resultsLength)=>resultsLength ? /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, {
|
|
156
156
|
testId: "add-entru-menu-search-results"
|
|
157
157
|
}, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
|
|
158
158
|
const isSearchable = filteredContentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
|
|
159
159
|
const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
|
|
160
160
|
const suggestedContentType = filteredContentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
|
|
161
161
|
const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || (0, _get.default)(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
|
|
162
|
-
return _react.default.createElement("span", {
|
|
162
|
+
return /*#__PURE__*/ _react.default.createElement("span", {
|
|
163
163
|
className: styles.wrapper,
|
|
164
164
|
ref: wrapper,
|
|
165
165
|
"data-test-id": testId
|
|
166
|
-
}, _react.default.createElement(_f36components.Menu, {
|
|
166
|
+
}, /*#__PURE__*/ _react.default.createElement(_f36components.Menu, {
|
|
167
167
|
placement: menuPlacementMap[dropdownSettings.position],
|
|
168
168
|
isAutoalignmentEnabled: dropdownSettings.isAutoalignmentEnabled,
|
|
169
169
|
isOpen: isOpen,
|
|
170
170
|
onClose: closeMenu,
|
|
171
171
|
onOpen: handleMenuOpen,
|
|
172
172
|
...menuProps
|
|
173
|
-
}, _react.default.createElement(_f36components.Menu.Trigger, null, children({
|
|
173
|
+
}, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Trigger, null, children({
|
|
174
174
|
isOpen,
|
|
175
175
|
isSelecting
|
|
176
|
-
})), isOpen && _react.default.createElement(_f36components.Menu.List, {
|
|
176
|
+
})), isOpen && /*#__PURE__*/ _react.default.createElement(_f36components.Menu.List, {
|
|
177
177
|
className: styles.dropdownList,
|
|
178
178
|
style: {
|
|
179
179
|
width: dropdownWidth != undefined ? `${dropdownWidth}px` : undefined,
|
|
@@ -181,25 +181,25 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
|
|
|
181
181
|
},
|
|
182
182
|
ref: menuListRef,
|
|
183
183
|
testId: "add-entry-menu"
|
|
184
|
-
}, Boolean(customDropdownItems) && _react.default.createElement(_react.default.Fragment, null, customDropdownItems, _react.default.createElement(_f36components.Menu.Divider, null)), isSearchable && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
|
184
|
+
}, Boolean(customDropdownItems) && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, customDropdownItems, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), isSearchable && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
|
|
185
185
|
ref: textField,
|
|
186
186
|
className: styles.inputWrapper
|
|
187
|
-
}, _react.default.createElement(_f36components.TextInput, {
|
|
187
|
+
}, /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
|
|
188
188
|
className: styles.searchInput,
|
|
189
189
|
placeholder: "Search all content types",
|
|
190
190
|
testId: "add-entry-menu-search",
|
|
191
191
|
value: searchInput,
|
|
192
192
|
onChange: (e)=>setSearchInput(e.target.value)
|
|
193
|
-
}), _react.default.createElement(_f36icons.SearchIcon, {
|
|
193
|
+
}), /*#__PURE__*/ _react.default.createElement(_f36icons.SearchIcon, {
|
|
194
194
|
className: styles.searchIcon
|
|
195
|
-
})), _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, {
|
|
195
|
+
})), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
|
|
196
196
|
testId: "suggested",
|
|
197
197
|
onClick: ()=>handleSelect(suggestedContentType)
|
|
198
|
-
}, (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)
|
|
198
|
+
}, (0, _get.default)(suggestedContentType, 'name')), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), !searchInput && /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>/*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
|
|
199
199
|
testId: "contentType",
|
|
200
200
|
key: `${(0, _get.default)(contentType, 'name')}-${i}`,
|
|
201
201
|
onClick: ()=>handleSelect(contentType)
|
|
202
|
-
}, (0, _get.default)(contentType, 'name', 'Untitled'))) : _react.default.createElement(_f36components.Menu.Item, {
|
|
202
|
+
}, (0, _get.default)(contentType, 'name', 'Untitled'))) : /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
|
|
203
203
|
testId: "add-entru-menu-search-results"
|
|
204
204
|
}, "No results found"))));
|
|
205
205
|
};
|
|
@@ -108,7 +108,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
|
|
|
108
108
|
};
|
|
109
109
|
let stub = jest.fn();
|
|
110
110
|
beforeEach(()=>{
|
|
111
|
-
stub = jest.fn().mockImplementation(()
|
|
111
|
+
stub = jest.fn().mockImplementation(()=>/*#__PURE__*/ _react.createElement(_f36components.Button, {
|
|
112
112
|
testId: "menu-trigger"
|
|
113
113
|
}));
|
|
114
114
|
});
|
|
@@ -116,13 +116,13 @@ describe('CreateEntryMenuTrigger general', ()=>{
|
|
|
116
116
|
const stub = (api)=>{
|
|
117
117
|
expect(api.isOpen).toBe(false);
|
|
118
118
|
expect(api.isSelecting).toBe(false);
|
|
119
|
-
return _react.createElement("span", null);
|
|
119
|
+
return /*#__PURE__*/ _react.createElement("span", null);
|
|
120
120
|
};
|
|
121
|
-
(0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, props, stub));
|
|
121
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, props, stub));
|
|
122
122
|
});
|
|
123
123
|
it('should set isSelecting to true in case onSelect returns a promise', async ()=>{
|
|
124
124
|
const selectStub = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
|
|
125
|
-
const { getAllByTestId, getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
125
|
+
const { getAllByTestId, getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
126
126
|
...props,
|
|
127
127
|
onSelect: selectStub
|
|
128
128
|
}, stub));
|
|
@@ -136,7 +136,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
|
|
|
136
136
|
});
|
|
137
137
|
it('should not set isSelecting to true in case onSelect is sync', async ()=>{
|
|
138
138
|
const selectStub = jest.fn();
|
|
139
|
-
const { getAllByTestId, getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
139
|
+
const { getAllByTestId, getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
140
140
|
...props,
|
|
141
141
|
onSelect: selectStub
|
|
142
142
|
}, stub));
|
|
@@ -153,7 +153,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
|
|
|
153
153
|
expect(selectStub).toHaveBeenCalled();
|
|
154
154
|
});
|
|
155
155
|
it('renders text input if contentTypes.length > 20', ()=>{
|
|
156
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
156
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
157
157
|
...props,
|
|
158
158
|
contentTypes: (0, _fill.default)(Array(21), CONTENT_TYPE_3)
|
|
159
159
|
}, stub));
|
|
@@ -164,7 +164,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
|
|
|
164
164
|
});
|
|
165
165
|
it('shows the search results if typed in input', ()=>{
|
|
166
166
|
const contentTypes = (0, _fill.default)((0, _fill.default)((0, _fill.default)(Array(21), CONTENT_TYPE_1, 0, 10), CONTENT_TYPE_2, 10, 20), CONTENT_TYPE_3, 20);
|
|
167
|
-
const { getByTestId, getAllByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
167
|
+
const { getByTestId, getAllByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
168
168
|
...props,
|
|
169
169
|
contentTypes: contentTypes
|
|
170
170
|
}, stub));
|
|
@@ -197,7 +197,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
|
|
|
197
197
|
expect(getByTestId('add-entru-menu-search-results').textContent).toBe('No results found');
|
|
198
198
|
});
|
|
199
199
|
it('shows suggestedContentType in the list', ()=>{
|
|
200
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
200
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
201
201
|
...props,
|
|
202
202
|
suggestedContentTypeId: props.contentTypes[0].sys.id
|
|
203
203
|
}, stub));
|
|
@@ -215,7 +215,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
|
|
|
215
215
|
CONTENT_TYPE_3,
|
|
216
216
|
EXPERIENCE_TYPE
|
|
217
217
|
];
|
|
218
|
-
const { getByTestId, getAllByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
218
|
+
const { getByTestId, getAllByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
|
|
219
219
|
...props,
|
|
220
220
|
contentTypes: contentTypesWithExperience
|
|
221
221
|
}, stub));
|