@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
|
@@ -68,7 +68,7 @@ const styles = {
|
|
|
68
68
|
})
|
|
69
69
|
};
|
|
70
70
|
function ExternalEntityBadge(badge) {
|
|
71
|
-
return badge ? _react.createElement(_f36components.Badge, {
|
|
71
|
+
return badge ? /*#__PURE__*/ _react.createElement(_f36components.Badge, {
|
|
72
72
|
variant: badge.variant
|
|
73
73
|
}, badge.label) : null;
|
|
74
74
|
}
|
|
@@ -77,32 +77,32 @@ function ExternalResourceCardDescription({ subtitle, description }) {
|
|
|
77
77
|
return null;
|
|
78
78
|
}
|
|
79
79
|
if (!description) {
|
|
80
|
-
return _react.createElement(_f36components.Paragraph, {
|
|
80
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Paragraph, {
|
|
81
81
|
className: styles.description,
|
|
82
82
|
marginBottom: "none",
|
|
83
83
|
isWordBreak: true
|
|
84
84
|
}, subtitle);
|
|
85
85
|
}
|
|
86
86
|
const truncatedDescription = (0, _truncate.default)(description, 95, {});
|
|
87
|
-
return _react.createElement(_react.Fragment, null, _react.createElement(_f36components.Caption, {
|
|
87
|
+
return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_f36components.Caption, {
|
|
88
88
|
className: styles.subtitle
|
|
89
|
-
}, subtitle), _react.createElement(_f36components.Paragraph, {
|
|
89
|
+
}, subtitle), /*#__PURE__*/ _react.createElement(_f36components.Paragraph, {
|
|
90
90
|
className: styles.description,
|
|
91
91
|
marginBottom: "none",
|
|
92
92
|
isWordBreak: true
|
|
93
93
|
}, truncatedDescription));
|
|
94
94
|
}
|
|
95
|
-
ExternalResourceCardDescription.displayName =
|
|
95
|
+
ExternalResourceCardDescription.displayName = 'ExternalResourceCardDescription';
|
|
96
96
|
function ExternalResourceCard({ info, isClickable = true, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions = true, hasCardRemoveActions = true, renderDragHandle, onClick, isSelected }) {
|
|
97
97
|
const { resource: entity, resourceType } = info;
|
|
98
98
|
const badge = ExternalEntityBadge(entity.fields.badge);
|
|
99
|
-
return _react.createElement(_f36components.EntryCard, {
|
|
99
|
+
return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
|
|
100
100
|
as: entity.fields.externalUrl ? 'a' : 'article',
|
|
101
101
|
href: entity.fields.externalUrl,
|
|
102
102
|
title: entity.fields.title,
|
|
103
103
|
contentType: `${resourceType.sys.resourceProvider.sys.id} ${resourceType.name}`,
|
|
104
104
|
size: 'auto',
|
|
105
|
-
thumbnailElement: entity.fields.image?.url ? _react.createElement("img", {
|
|
105
|
+
thumbnailElement: entity.fields.image?.url ? /*#__PURE__*/ _react.createElement("img", {
|
|
106
106
|
alt: entity.fields.image.altText,
|
|
107
107
|
src: entity.fields.image.url
|
|
108
108
|
}) : undefined,
|
|
@@ -111,29 +111,29 @@ function ExternalResourceCard({ info, isClickable = true, onEdit, onRemove, onMo
|
|
|
111
111
|
badge: badge,
|
|
112
112
|
isSelected: isSelected,
|
|
113
113
|
actions: [
|
|
114
|
-
hasCardEditActions && onEdit ? _react.createElement(_f36components.MenuItem, {
|
|
114
|
+
hasCardEditActions && onEdit ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
|
|
115
115
|
key: "edit",
|
|
116
116
|
testId: "edit",
|
|
117
117
|
onClick: ()=>{
|
|
118
118
|
onEdit && onEdit();
|
|
119
119
|
}
|
|
120
120
|
}, "Edit") : null,
|
|
121
|
-
hasCardRemoveActions && onRemove ? _react.createElement(_f36components.MenuItem, {
|
|
121
|
+
hasCardRemoveActions && onRemove ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
|
|
122
122
|
key: "delete",
|
|
123
123
|
testId: "delete",
|
|
124
124
|
onClick: ()=>{
|
|
125
125
|
onRemove && onRemove();
|
|
126
126
|
}
|
|
127
127
|
}, "Remove") : null,
|
|
128
|
-
hasCardMoveActions && (onEdit || onRemove) && (onMoveTop || onMoveBottom) ? _react.createElement(_f36components.MenuDivider, {
|
|
128
|
+
hasCardMoveActions && (onEdit || onRemove) && (onMoveTop || onMoveBottom) ? /*#__PURE__*/ _react.createElement(_f36components.MenuDivider, {
|
|
129
129
|
key: "divider"
|
|
130
130
|
}) : null,
|
|
131
|
-
hasCardMoveActions && onMoveTop ? _react.createElement(_f36components.MenuItem, {
|
|
131
|
+
hasCardMoveActions && onMoveTop ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
|
|
132
132
|
key: "move-top",
|
|
133
133
|
onClick: ()=>onMoveTop && onMoveTop(),
|
|
134
134
|
testId: "move-top"
|
|
135
135
|
}, "Move to top") : null,
|
|
136
|
-
hasCardMoveActions && onMoveBottom ? _react.createElement(_f36components.MenuItem, {
|
|
136
|
+
hasCardMoveActions && onMoveBottom ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
|
|
137
137
|
key: "move-bottom",
|
|
138
138
|
onClick: ()=>onMoveBottom && onMoveBottom(),
|
|
139
139
|
testId: "move-bottom"
|
|
@@ -144,7 +144,7 @@ function ExternalResourceCard({ info, isClickable = true, onEdit, onRemove, onMo
|
|
|
144
144
|
if (onClick) return onClick(e);
|
|
145
145
|
onEdit && onEdit();
|
|
146
146
|
} : undefined
|
|
147
|
-
}, _react.createElement(ExternalResourceCardDescription, {
|
|
147
|
+
}, /*#__PURE__*/ _react.createElement(ExternalResourceCardDescription, {
|
|
148
148
|
subtitle: entity.fields.subtitle,
|
|
149
149
|
description: entity.fields.description
|
|
150
150
|
}));
|
|
@@ -90,13 +90,13 @@ function ResourceEditor(props) {
|
|
|
90
90
|
sdk: props.sdk,
|
|
91
91
|
parameters: props.parameters
|
|
92
92
|
});
|
|
93
|
-
return _react.createElement(_react.Fragment, null, props.children({
|
|
93
|
+
return /*#__PURE__*/ _react.createElement(_react.Fragment, null, props.children({
|
|
94
94
|
...props,
|
|
95
95
|
onSortStart,
|
|
96
96
|
onSortEnd,
|
|
97
97
|
onMove,
|
|
98
98
|
onRemoteItemAtIndex
|
|
99
|
-
}), _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
|
|
99
|
+
}), /*#__PURE__*/ _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
|
|
100
100
|
...linkActionsProps,
|
|
101
101
|
renderCustomActions: props.renderCustomActions,
|
|
102
102
|
isDisabled: props.isDisabled
|
|
@@ -116,7 +116,7 @@ function WithPerItemCallbacks({ listLength, index, onMove, onRemoteItemAtIndex,
|
|
|
116
116
|
index,
|
|
117
117
|
onRemoteItemAtIndex
|
|
118
118
|
]);
|
|
119
|
-
return _react.createElement(_react.Fragment, null, children({
|
|
119
|
+
return /*#__PURE__*/ _react.createElement(_react.Fragment, null, children({
|
|
120
120
|
onMoveBottom: handleMoveBottom,
|
|
121
121
|
onMoveTop: handleMoveTop,
|
|
122
122
|
onRemove: handleRemove
|
|
@@ -124,27 +124,27 @@ function WithPerItemCallbacks({ listLength, index, onMove, onRemoteItemAtIndex,
|
|
|
124
124
|
}
|
|
125
125
|
const EMPTY_ARRAY = [];
|
|
126
126
|
function MultipleResourceReferenceEditor(props) {
|
|
127
|
-
return _react.createElement(_EntityStore.EntityProvider, {
|
|
127
|
+
return /*#__PURE__*/ _react.createElement(_EntityStore.EntityProvider, {
|
|
128
128
|
sdk: props.sdk
|
|
129
|
-
}, _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
129
|
+
}, /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
130
130
|
debounce: 0,
|
|
131
131
|
field: props.sdk.field,
|
|
132
132
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
133
133
|
}, ({ value, disabled, setValue, externalReset })=>{
|
|
134
|
-
return _react.createElement(ResourceEditor, {
|
|
134
|
+
return /*#__PURE__*/ _react.createElement(ResourceEditor, {
|
|
135
135
|
...props,
|
|
136
136
|
items: value || EMPTY_ARRAY,
|
|
137
137
|
isDisabled: disabled,
|
|
138
138
|
setValue: setValue,
|
|
139
139
|
renderCustomActions: props.renderCustomActions,
|
|
140
140
|
key: `${externalReset}-list`
|
|
141
|
-
}, (editorProps)
|
|
141
|
+
}, (editorProps)=>/*#__PURE__*/ _react.createElement(_SortableLinkList.SortableLinkList, editorProps, ({ item, isDisabled, DragHandle, index })=>/*#__PURE__*/ _react.createElement(WithPerItemCallbacks, {
|
|
142
142
|
key: index,
|
|
143
143
|
index: index,
|
|
144
144
|
onMove: editorProps.onMove,
|
|
145
145
|
onRemoteItemAtIndex: editorProps.onRemoteItemAtIndex,
|
|
146
146
|
listLength: value?.length || 0
|
|
147
|
-
}, ({ onMoveBottom, onMoveTop, onRemove })
|
|
147
|
+
}, ({ onMoveBottom, onMoveTop, onRemove })=>/*#__PURE__*/ _react.createElement(_ResourceCard.ResourceCard, {
|
|
148
148
|
key: index,
|
|
149
149
|
index: index,
|
|
150
150
|
resourceLink: item,
|
|
@@ -103,7 +103,7 @@ beforeEach(()=>{
|
|
|
103
103
|
describe('Multiple resource editor', ()=>{
|
|
104
104
|
it('renders the action button when no value is set', async ()=>{
|
|
105
105
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
|
|
106
|
-
(0, _react.render)(_react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
106
|
+
(0, _react.render)(/*#__PURE__*/ _react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
107
107
|
isInitiallyDisabled: false,
|
|
108
108
|
sdk: sdk,
|
|
109
109
|
hasCardEditActions: true,
|
|
@@ -126,7 +126,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
126
126
|
canLinkEntity: false
|
|
127
127
|
}));
|
|
128
128
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
|
|
129
|
-
(0, _react.render)(_react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
129
|
+
(0, _react.render)(/*#__PURE__*/ _react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
130
130
|
getEntryRouteHref: ()=>'',
|
|
131
131
|
isInitiallyDisabled: false,
|
|
132
132
|
sdk: sdk,
|
|
@@ -139,13 +139,13 @@ describe('Multiple resource editor', ()=>{
|
|
|
139
139
|
});
|
|
140
140
|
it('renders custom actions when passed', async ()=>{
|
|
141
141
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
|
|
142
|
-
(0, _react.render)(_react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
142
|
+
(0, _react.render)(/*#__PURE__*/ _react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
143
143
|
isInitiallyDisabled: false,
|
|
144
144
|
sdk: sdk,
|
|
145
145
|
hasCardEditActions: true,
|
|
146
146
|
viewType: "card",
|
|
147
147
|
parameters: {},
|
|
148
|
-
renderCustomActions: ()
|
|
148
|
+
renderCustomActions: ()=>/*#__PURE__*/ _react1.createElement("div", {
|
|
149
149
|
"data-testid": "custom-actions"
|
|
150
150
|
})
|
|
151
151
|
}));
|
|
@@ -160,7 +160,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
160
160
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
161
161
|
}
|
|
162
162
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
|
|
163
|
-
(0, _react.render)(_react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
163
|
+
(0, _react.render)(/*#__PURE__*/ _react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
164
164
|
isInitiallyDisabled: false,
|
|
165
165
|
sdk: sdk,
|
|
166
166
|
hasCardEditActions: true,
|
|
@@ -187,7 +187,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
187
187
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
188
188
|
}
|
|
189
189
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
|
|
190
|
-
(0, _react.render)(_react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
190
|
+
(0, _react.render)(/*#__PURE__*/ _react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
191
191
|
isInitiallyDisabled: false,
|
|
192
192
|
sdk: sdk,
|
|
193
193
|
hasCardEditActions: true,
|
|
@@ -213,7 +213,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
213
213
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
214
214
|
}
|
|
215
215
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
|
|
216
|
-
(0, _react.render)(_react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
216
|
+
(0, _react.render)(/*#__PURE__*/ _react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
217
217
|
isInitiallyDisabled: false,
|
|
218
218
|
sdk: sdk,
|
|
219
219
|
hasCardEditActions: true,
|
|
@@ -239,7 +239,7 @@ describe('Multiple resource editor', ()=>{
|
|
|
239
239
|
mockedResources[`${link.sys.linkType}.${link.sys.urn}`] = entryInfos[spaceId];
|
|
240
240
|
}
|
|
241
241
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition, Object.values(entryLinks));
|
|
242
|
-
(0, _react.render)(_react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
242
|
+
(0, _react.render)(/*#__PURE__*/ _react1.createElement(_MultipleResourceReferenceEditor.MultipleResourceReferenceEditor, {
|
|
243
243
|
isInitiallyDisabled: false,
|
|
244
244
|
sdk: sdk,
|
|
245
245
|
hasCardEditActions: true,
|
|
@@ -60,20 +60,20 @@ function SingleResourceReferenceEditor(props) {
|
|
|
60
60
|
sdk: props.sdk,
|
|
61
61
|
parameters: props.parameters
|
|
62
62
|
});
|
|
63
|
-
return _react.createElement(_EntityStore.EntityProvider, {
|
|
63
|
+
return /*#__PURE__*/ _react.createElement(_EntityStore.EntityProvider, {
|
|
64
64
|
sdk: props.sdk
|
|
65
|
-
}, _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
65
|
+
}, /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
66
66
|
debounce: 0,
|
|
67
67
|
field: props.sdk.field,
|
|
68
68
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
69
69
|
}, ({ value, disabled })=>{
|
|
70
|
-
return value ? _react.createElement(_ResourceCard.ResourceCard, {
|
|
70
|
+
return value ? /*#__PURE__*/ _react.createElement(_ResourceCard.ResourceCard, {
|
|
71
71
|
onRemove: ()=>props.sdk.field.removeValue(),
|
|
72
72
|
resourceLink: value,
|
|
73
73
|
locale: props.sdk.field.locale,
|
|
74
74
|
isDisabled: disabled,
|
|
75
75
|
getEntryRouteHref: props.getEntryRouteHref
|
|
76
|
-
}) : _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
|
|
76
|
+
}) : /*#__PURE__*/ _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
|
|
77
77
|
...linkActionsProps,
|
|
78
78
|
renderCustomActions: props.renderCustomActions,
|
|
79
79
|
isDisabled: disabled
|
|
@@ -99,7 +99,7 @@ beforeEach(()=>{
|
|
|
99
99
|
describe('Single resource editor', ()=>{
|
|
100
100
|
it('renders the action button when no value is set', async ()=>{
|
|
101
101
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
|
|
102
|
-
(0, _react1.render)(_react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
102
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
103
103
|
isInitiallyDisabled: false,
|
|
104
104
|
sdk: sdk,
|
|
105
105
|
hasCardEditActions: true,
|
|
@@ -122,7 +122,7 @@ describe('Single resource editor', ()=>{
|
|
|
122
122
|
canLinkEntity: false
|
|
123
123
|
}));
|
|
124
124
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
|
|
125
|
-
(0, _react1.render)(_react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
125
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
126
126
|
isInitiallyDisabled: false,
|
|
127
127
|
sdk: sdk,
|
|
128
128
|
hasCardEditActions: true,
|
|
@@ -134,13 +134,13 @@ describe('Single resource editor', ()=>{
|
|
|
134
134
|
});
|
|
135
135
|
it('renders custom actions when passed', async ()=>{
|
|
136
136
|
const sdk = (0, _resourceEditorHelpers.mockSdkForField)(fieldDefinition);
|
|
137
|
-
(0, _react1.render)(_react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
137
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
138
138
|
isInitiallyDisabled: false,
|
|
139
139
|
sdk: sdk,
|
|
140
140
|
hasCardEditActions: true,
|
|
141
141
|
viewType: "card",
|
|
142
142
|
parameters: {},
|
|
143
|
-
renderCustomActions: ()
|
|
143
|
+
renderCustomActions: ()=>/*#__PURE__*/ _react.createElement("div", {
|
|
144
144
|
"data-testid": "custom-actions"
|
|
145
145
|
})
|
|
146
146
|
}));
|
|
@@ -164,7 +164,7 @@ describe('Single resource editor', ()=>{
|
|
|
164
164
|
}
|
|
165
165
|
});
|
|
166
166
|
mockedResources[`Contentful:Entry.crn:test:::content:spaces/x-space/entries/linkedEntryId`] = info;
|
|
167
|
-
(0, _react1.render)(_react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
167
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SingleResourceReferenceEditor.SingleResourceReferenceEditor, {
|
|
168
168
|
isInitiallyDisabled: false,
|
|
169
169
|
sdk: sdk,
|
|
170
170
|
hasCardEditActions: true,
|
|
@@ -12,16 +12,16 @@ const styles = {
|
|
|
12
12
|
})
|
|
13
13
|
};
|
|
14
14
|
export function MultipleMediaEditor(props) {
|
|
15
|
-
return React.createElement(MultipleReferenceEditor, {
|
|
15
|
+
return /*#__PURE__*/ React.createElement(MultipleReferenceEditor, {
|
|
16
16
|
...props,
|
|
17
17
|
entityType: "Asset"
|
|
18
|
-
}, (childrenProps)
|
|
18
|
+
}, (childrenProps)=>/*#__PURE__*/ React.createElement(SortableLinkList, {
|
|
19
19
|
...childrenProps,
|
|
20
20
|
sortingStrategy: childrenProps.viewType === 'card' ? rectSortingStrategy : verticalListSortingStrategy,
|
|
21
21
|
className: cx({
|
|
22
22
|
[styles.gridContainer]: childrenProps.viewType === 'card'
|
|
23
23
|
})
|
|
24
|
-
}, ({ items, item, index, isDisabled, DragHandle })
|
|
24
|
+
}, ({ items, item, index, isDisabled, DragHandle })=>/*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
|
|
25
25
|
...childrenProps,
|
|
26
26
|
isDisabled: isDisabled,
|
|
27
27
|
key: `${item.sys.id}-${index}`,
|
|
@@ -2,10 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import { SingleReferenceEditor } from '../common/SingleReferenceEditor';
|
|
3
3
|
import { FetchingWrappedAssetCard } from './WrappedAssetCard/FetchingWrappedAssetCard';
|
|
4
4
|
export function SingleMediaEditor(props) {
|
|
5
|
-
return React.createElement(SingleReferenceEditor, {
|
|
5
|
+
return /*#__PURE__*/ React.createElement(SingleReferenceEditor, {
|
|
6
6
|
...props,
|
|
7
7
|
entityType: "Asset"
|
|
8
|
-
}, ({ entityId, isDisabled, setValue })
|
|
8
|
+
}, ({ entityId, isDisabled, setValue })=>/*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
|
|
9
9
|
...props,
|
|
10
10
|
viewType: "big_card",
|
|
11
11
|
assetId: entityId,
|
|
@@ -50,37 +50,37 @@ export function renderAssetInfo(props) {
|
|
|
50
50
|
const fileSize = get(entityFile, 'details.size');
|
|
51
51
|
const image = get(entityFile, 'details.image');
|
|
52
52
|
return [
|
|
53
|
-
React.createElement(Menu.SectionTitle, {
|
|
53
|
+
/*#__PURE__*/ React.createElement(Menu.SectionTitle, {
|
|
54
54
|
key: "file-section"
|
|
55
55
|
}, "File info"),
|
|
56
|
-
React.createElement(Menu.Item, {
|
|
56
|
+
/*#__PURE__*/ React.createElement(Menu.Item, {
|
|
57
57
|
key: "file-information",
|
|
58
58
|
className: styles.fileInformation.menuItem,
|
|
59
59
|
isDisabled: true,
|
|
60
60
|
disabled: true
|
|
61
|
-
}, React.createElement("dl", {
|
|
61
|
+
}, /*#__PURE__*/ React.createElement("dl", {
|
|
62
62
|
className: styles.fileInformation.dl
|
|
63
|
-
}, fileName && React.createElement(React.Fragment, null, React.createElement("dt", null, "File Name:"), React.createElement(Text, {
|
|
63
|
+
}, fileName && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("dt", null, "File Name:"), /*#__PURE__*/ React.createElement(Text, {
|
|
64
64
|
as: "dd",
|
|
65
65
|
isTruncated: true
|
|
66
|
-
}, fileName)), mimeType && React.createElement(React.Fragment, null, React.createElement("dt", null, "File Type:"), React.createElement(Text, {
|
|
66
|
+
}, fileName)), mimeType && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("dt", null, "File Type:"), /*#__PURE__*/ React.createElement(Text, {
|
|
67
67
|
as: "dd",
|
|
68
68
|
isTruncated: true
|
|
69
|
-
}, mimeType)), fileSize && React.createElement(React.Fragment, null, React.createElement("dt", null, "Size:"), React.createElement("dd", null, shortenStorageUnit(fileSize, 'B'))), image && React.createElement(React.Fragment, null, React.createElement("dt", null, "Dimensions:"), React.createElement("dd", null, `${image.width} × ${image.height}`))))
|
|
69
|
+
}, mimeType)), fileSize && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("dt", null, "Size:"), /*#__PURE__*/ React.createElement("dd", null, 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}`))))
|
|
70
70
|
];
|
|
71
71
|
}
|
|
72
72
|
export function renderActions(props) {
|
|
73
73
|
const { entityFile, isDisabled, onEdit, onRemove } = props;
|
|
74
74
|
return [
|
|
75
|
-
React.createElement(Menu.SectionTitle, {
|
|
75
|
+
/*#__PURE__*/ React.createElement(Menu.SectionTitle, {
|
|
76
76
|
key: "section-title"
|
|
77
77
|
}, "Actions"),
|
|
78
|
-
onEdit ? React.createElement(Menu.Item, {
|
|
78
|
+
onEdit ? /*#__PURE__*/ React.createElement(Menu.Item, {
|
|
79
79
|
key: "edit",
|
|
80
80
|
onClick: onEdit,
|
|
81
81
|
testId: "card-action-edit"
|
|
82
82
|
}, "Edit") : null,
|
|
83
|
-
entityFile ? React.createElement(Menu.Item, {
|
|
83
|
+
entityFile ? /*#__PURE__*/ React.createElement(Menu.Item, {
|
|
84
84
|
key: "download",
|
|
85
85
|
onClick: ()=>{
|
|
86
86
|
if (typeof entityFile.url === 'string') {
|
|
@@ -89,7 +89,7 @@ export function renderActions(props) {
|
|
|
89
89
|
},
|
|
90
90
|
testId: "card-action-download"
|
|
91
91
|
}, "Download") : null,
|
|
92
|
-
onRemove && !isDisabled ? React.createElement(Menu.Item, {
|
|
92
|
+
onRemove && !isDisabled ? /*#__PURE__*/ React.createElement(Menu.Item, {
|
|
93
93
|
key: "remove",
|
|
94
94
|
onClick: onRemove,
|
|
95
95
|
testId: "card-action-remove"
|
|
@@ -47,7 +47,7 @@ export function FetchingWrappedAssetCard(props) {
|
|
|
47
47
|
};
|
|
48
48
|
return React.useMemo(()=>{
|
|
49
49
|
if (status === 'error') {
|
|
50
|
-
const card = React.createElement(MissingAssetCard, {
|
|
50
|
+
const card = /*#__PURE__*/ React.createElement(MissingAssetCard, {
|
|
51
51
|
asSquare: props.viewType !== 'link',
|
|
52
52
|
isDisabled: props.isDisabled,
|
|
53
53
|
onRemove: onRemove
|
|
@@ -80,10 +80,10 @@ export function FetchingWrappedAssetCard(props) {
|
|
|
80
80
|
activeLocales
|
|
81
81
|
};
|
|
82
82
|
if (status === 'loading') {
|
|
83
|
-
return props.viewType === 'link' ? React.createElement(EntryCard, {
|
|
83
|
+
return props.viewType === 'link' ? /*#__PURE__*/ React.createElement(EntryCard, {
|
|
84
84
|
size: "small",
|
|
85
85
|
isLoading: true
|
|
86
|
-
}) : React.createElement(AssetCard, {
|
|
86
|
+
}) : /*#__PURE__*/ React.createElement(AssetCard, {
|
|
87
87
|
size: size,
|
|
88
88
|
isLoading: true
|
|
89
89
|
});
|
|
@@ -98,13 +98,13 @@ export function FetchingWrappedAssetCard(props) {
|
|
|
98
98
|
getAssetUrl: getEntityUrl
|
|
99
99
|
};
|
|
100
100
|
if (viewType === 'link') {
|
|
101
|
-
return React.createElement(WrappedAssetLink, {
|
|
101
|
+
return /*#__PURE__*/ React.createElement(WrappedAssetLink, {
|
|
102
102
|
...builtinCardProps,
|
|
103
103
|
href: commonProps.entityUrl,
|
|
104
104
|
getEntityScheduledActions: loadEntityScheduledActions
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
|
-
return React.createElement(WrappedAssetCard, builtinCardProps);
|
|
107
|
+
return /*#__PURE__*/ React.createElement(WrappedAssetCard, builtinCardProps);
|
|
108
108
|
}
|
|
109
109
|
if (props.renderCustomCard) {
|
|
110
110
|
const customProps = {
|
|
@@ -33,7 +33,7 @@ function getFileType(file) {
|
|
|
33
33
|
export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove })=>{
|
|
34
34
|
const status = entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
|
|
35
35
|
if (status === 'deleted') {
|
|
36
|
-
return React.createElement(MissingAssetCard, {
|
|
36
|
+
return /*#__PURE__*/ React.createElement(MissingAssetCard, {
|
|
37
37
|
asSquare: true,
|
|
38
38
|
isDisabled: isDisabled,
|
|
39
39
|
onRemove: onRemove
|
|
@@ -47,14 +47,14 @@ export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLo
|
|
|
47
47
|
});
|
|
48
48
|
const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
|
|
49
49
|
const href = getAssetUrl ? getAssetUrl(asset.sys.id) : undefined;
|
|
50
|
-
return React.createElement(AssetCard, {
|
|
50
|
+
return /*#__PURE__*/ React.createElement(AssetCard, {
|
|
51
51
|
as: isClickable && href ? 'a' : 'article',
|
|
52
52
|
type: getFileType(entityFile),
|
|
53
53
|
title: entityTitle,
|
|
54
54
|
className: className,
|
|
55
55
|
isSelected: isSelected,
|
|
56
56
|
href: isClickable ? href : undefined,
|
|
57
|
-
badge: React.createElement(EntityStatusBadge, {
|
|
57
|
+
badge: /*#__PURE__*/ React.createElement(EntityStatusBadge, {
|
|
58
58
|
getEntityScheduledActions: getEntityScheduledActions,
|
|
59
59
|
entityType: "Asset",
|
|
60
60
|
status: status,
|
|
@@ -7,7 +7,7 @@ export const WrappedAssetLink = (props)=>{
|
|
|
7
7
|
const { className, href, onEdit, onRemove, isDisabled, isClickable = true } = props;
|
|
8
8
|
const status = entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
|
|
9
9
|
if (status === 'deleted') {
|
|
10
|
-
return React.createElement(MissingAssetCard, {
|
|
10
|
+
return /*#__PURE__*/ React.createElement(MissingAssetCard, {
|
|
11
11
|
isDisabled: props.isDisabled,
|
|
12
12
|
onRemove: props.onRemove
|
|
13
13
|
});
|
|
@@ -19,14 +19,14 @@ export const WrappedAssetLink = (props)=>{
|
|
|
19
19
|
defaultTitle: 'Untitled'
|
|
20
20
|
});
|
|
21
21
|
const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
|
|
22
|
-
return React.createElement(EntryCard, {
|
|
22
|
+
return /*#__PURE__*/ React.createElement(EntryCard, {
|
|
23
23
|
as: isClickable && href ? 'a' : 'article',
|
|
24
24
|
contentType: "Asset",
|
|
25
25
|
title: entityTitle,
|
|
26
26
|
className: className,
|
|
27
27
|
href: isClickable ? href : undefined,
|
|
28
28
|
size: "small",
|
|
29
|
-
badge: React.createElement(EntityStatusBadge, {
|
|
29
|
+
badge: /*#__PURE__*/ React.createElement(EntityStatusBadge, {
|
|
30
30
|
getEntityScheduledActions: props.getEntityScheduledActions,
|
|
31
31
|
entityType: "Asset",
|
|
32
32
|
status: status,
|
|
@@ -35,7 +35,7 @@ export const WrappedAssetLink = (props)=>{
|
|
|
35
35
|
localesStatusMap: props.localesStatusMap,
|
|
36
36
|
activeLocales: props.activeLocales
|
|
37
37
|
}),
|
|
38
|
-
thumbnailElement: entityFile && isValidImage(entityFile) ? React.createElement(AssetThumbnail, {
|
|
38
|
+
thumbnailElement: entityFile && isValidImage(entityFile) ? /*#__PURE__*/ React.createElement(AssetThumbnail, {
|
|
39
39
|
file: entityFile
|
|
40
40
|
}) : undefined,
|
|
41
41
|
onClick: isClickable ? (e)=>{
|
|
@@ -459,6 +459,6 @@ export function useResourceProvider(organizationId, appDefinitionId) {
|
|
|
459
459
|
};
|
|
460
460
|
}
|
|
461
461
|
function EntityProvider({ children, ...props }) {
|
|
462
|
-
return React.createElement(SharedQueryClientProvider, null, React.createElement(InternalServiceProvider, props, children));
|
|
462
|
+
return /*#__PURE__*/ React.createElement(SharedQueryClientProvider, null, /*#__PURE__*/ React.createElement(InternalServiceProvider, props, children));
|
|
463
463
|
}
|
|
464
464
|
export { EntityProvider, useEntityLoader };
|
|
@@ -83,21 +83,21 @@ function Editor(props) {
|
|
|
83
83
|
const customCardRenderer = useCallback((cardProps, _, renderDefaultCard)=>props.renderCustomCard ? props.renderCustomCard(cardProps, linkActionsProps, renderDefaultCard) : false, [
|
|
84
84
|
linkActionsProps
|
|
85
85
|
]);
|
|
86
|
-
return React.createElement(React.Fragment, null, props.children({
|
|
86
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, props.children({
|
|
87
87
|
...props,
|
|
88
88
|
onSortStart,
|
|
89
89
|
onSortEnd,
|
|
90
90
|
onMove,
|
|
91
91
|
renderCustomCard: props.renderCustomCard && customCardRenderer
|
|
92
|
-
}), React.createElement(LinkEntityActions, {
|
|
92
|
+
}), /*#__PURE__*/ React.createElement(LinkEntityActions, {
|
|
93
93
|
renderCustomActions: props.renderCustomActions,
|
|
94
94
|
...linkActionsProps
|
|
95
95
|
}));
|
|
96
96
|
}
|
|
97
97
|
export function MultipleReferenceEditor(props) {
|
|
98
98
|
const allContentTypes = props.sdk.space.getCachedContentTypes();
|
|
99
|
-
return React.createElement(ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
|
|
100
|
-
return React.createElement(Editor, {
|
|
99
|
+
return /*#__PURE__*/ React.createElement(ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
|
|
100
|
+
return /*#__PURE__*/ React.createElement(Editor, {
|
|
101
101
|
...props,
|
|
102
102
|
items: value || emptyArray,
|
|
103
103
|
isDisabled: disabled,
|
|
@@ -2,9 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
import { FieldConnector } from '@contentful/field-editor-shared';
|
|
3
3
|
import { EntityProvider } from './EntityStore';
|
|
4
4
|
export function ReferenceEditor(props) {
|
|
5
|
-
return React.createElement(EntityProvider, {
|
|
5
|
+
return /*#__PURE__*/ React.createElement(EntityProvider, {
|
|
6
6
|
sdk: props.sdk
|
|
7
|
-
}, React.createElement(FieldConnector, {
|
|
7
|
+
}, /*#__PURE__*/ React.createElement(FieldConnector, {
|
|
8
8
|
debounce: 0,
|
|
9
9
|
field: props.sdk.field,
|
|
10
10
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
@@ -41,7 +41,7 @@ function Editor(props) {
|
|
|
41
41
|
linkActionsProps
|
|
42
42
|
]);
|
|
43
43
|
if (!props.entityId) {
|
|
44
|
-
return React.createElement(LinkEntityActions, {
|
|
44
|
+
return /*#__PURE__*/ React.createElement(LinkEntityActions, {
|
|
45
45
|
renderCustomActions: props.renderCustomActions,
|
|
46
46
|
...linkActionsProps
|
|
47
47
|
});
|
|
@@ -53,8 +53,8 @@ function Editor(props) {
|
|
|
53
53
|
}
|
|
54
54
|
export function SingleReferenceEditor(props) {
|
|
55
55
|
const allContentTypes = props.sdk.space.getCachedContentTypes();
|
|
56
|
-
return React.createElement(ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
|
|
57
|
-
return React.createElement(Editor, {
|
|
56
|
+
return /*#__PURE__*/ React.createElement(ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
|
|
57
|
+
return /*#__PURE__*/ React.createElement(Editor, {
|
|
58
58
|
...props,
|
|
59
59
|
key: `${externalReset}-reference`,
|
|
60
60
|
entityId: value ? value?.sys?.id : '',
|
|
@@ -34,16 +34,16 @@ const SortableLink = ({ id, items, item, isDisabled = false, index, children })=
|
|
|
34
34
|
};
|
|
35
35
|
const DragHandle = React.useCallback((props)=>{
|
|
36
36
|
const SortableDragHandle = ()=>props.drag;
|
|
37
|
-
return React.createElement("div", {
|
|
37
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
38
38
|
ref: setActivatorNodeRef,
|
|
39
39
|
className: styles.dragHandle,
|
|
40
40
|
...listeners
|
|
41
|
-
}, React.createElement(SortableDragHandle, null));
|
|
41
|
+
}, /*#__PURE__*/ React.createElement(SortableDragHandle, null));
|
|
42
42
|
}, [
|
|
43
43
|
listeners,
|
|
44
44
|
setActivatorNodeRef
|
|
45
45
|
]);
|
|
46
|
-
return React.createElement("div", {
|
|
46
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
47
47
|
ref: setNodeRef,
|
|
48
48
|
style: style,
|
|
49
49
|
className: cx(styles.item, {
|
|
@@ -86,17 +86,17 @@ export const SortableLinkList = ({ items, isDisabled, className, children, onSor
|
|
|
86
86
|
sortIDs,
|
|
87
87
|
rearrangeSortIDs
|
|
88
88
|
]);
|
|
89
|
-
return React.createElement(DndContext, {
|
|
89
|
+
return /*#__PURE__*/ React.createElement(DndContext, {
|
|
90
90
|
onDragStart: onSortStartHandler,
|
|
91
91
|
onDragEnd: onSortEndHandler
|
|
92
|
-
}, React.createElement(SortableContext, {
|
|
92
|
+
}, /*#__PURE__*/ React.createElement(SortableContext, {
|
|
93
93
|
items: sortIDs,
|
|
94
94
|
strategy: sortingStrategy
|
|
95
|
-
}, React.createElement("div", {
|
|
95
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
|
96
96
|
className: cx(styles.container, className)
|
|
97
97
|
}, items.map((item, index)=>{
|
|
98
98
|
const id = sortIDs[index]?.id;
|
|
99
|
-
return React.createElement(SortableLink, {
|
|
99
|
+
return /*#__PURE__*/ React.createElement(SortableLink, {
|
|
100
100
|
key: id,
|
|
101
101
|
id: id,
|
|
102
102
|
items: items,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { QueryClient, useQuery as useRQ } from '@tanstack/react-query';
|
|
3
|
-
const clientContext = React.createContext(undefined);
|
|
3
|
+
const clientContext = /*#__PURE__*/ React.createContext(undefined);
|
|
4
4
|
export function useQueryClient() {
|
|
5
5
|
const client = React.useContext(clientContext);
|
|
6
6
|
return React.useMemo(()=>{
|
|
@@ -31,7 +31,7 @@ export const useQuery = (key, fn, opt)=>{
|
|
|
31
31
|
};
|
|
32
32
|
export function SharedQueryClientProvider({ children }) {
|
|
33
33
|
const client = useQueryClient();
|
|
34
|
-
return React.createElement(clientContext.Provider, {
|
|
34
|
+
return /*#__PURE__*/ React.createElement(clientContext.Provider, {
|
|
35
35
|
value: client
|
|
36
36
|
}, children);
|
|
37
37
|
}
|
|
@@ -4,7 +4,7 @@ const dimensions = {
|
|
|
4
4
|
height: 70
|
|
5
5
|
};
|
|
6
6
|
export function AssetThumbnail(props) {
|
|
7
|
-
return React.createElement("img", {
|
|
7
|
+
return /*#__PURE__*/ React.createElement("img", {
|
|
8
8
|
alt: props.file.fileName,
|
|
9
9
|
src: `${props.file.url}?w=${dimensions.width}&h=${dimensions.height}&fit=thumb`,
|
|
10
10
|
height: dimensions.height,
|