@contentful/field-editor-reference 5.21.1 → 5.21.4
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/__fixtures__/FakeSdk.js +3 -3
- package/dist/cjs/__fixtures__/asset/index.js +10 -10
- package/dist/cjs/__fixtures__/content-type/index.js +1 -1
- package/dist/cjs/__fixtures__/entry/index.js +7 -7
- package/dist/cjs/__fixtures__/fixtures.js +6 -8
- package/dist/cjs/__fixtures__/locale/index.js +2 -2
- package/dist/cjs/__fixtures__/space/index.js +1 -1
- package/dist/cjs/assets/MultipleMediaEditor.js +5 -7
- package/dist/cjs/assets/SingleMediaEditor.js +4 -6
- package/dist/cjs/assets/WrappedAssetCard/AssetCardActions.js +19 -21
- package/dist/cjs/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +11 -18
- package/dist/cjs/assets/WrappedAssetCard/WrappedAssetCard.js +11 -20
- package/dist/cjs/assets/WrappedAssetCard/WrappedAssetLink.js +9 -12
- package/dist/cjs/assets/index.js +3 -3
- package/dist/cjs/common/EntityStore.js +32 -51
- package/dist/cjs/common/MultipleReferenceEditor.js +11 -20
- package/dist/cjs/common/ReferenceEditor.js +5 -7
- package/dist/cjs/common/SingleReferenceEditor.js +7 -11
- package/dist/cjs/common/SortableLinkList.js +14 -14
- package/dist/cjs/common/customCardTypes.js +2 -4
- package/dist/cjs/common/queryClient.js +9 -14
- package/dist/cjs/common/useContentTypePermissions.js +1 -3
- package/dist/cjs/common/useEditorPermissions.js +3 -15
- package/dist/cjs/common/useEditorPermissions.spec.js +11 -12
- package/dist/cjs/components/AssetThumbnail/AssetThumbnail.js +3 -5
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryLinkButton.js +9 -13
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js +15 -17
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +19 -29
- package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js +12 -14
- package/dist/cjs/components/LinkActions/CombinedLinkActions.js +21 -28
- package/dist/cjs/components/LinkActions/LinkActions.js +15 -17
- package/dist/cjs/components/LinkActions/LinkEntityActions.js +17 -26
- package/dist/cjs/components/LinkActions/NoLinkPermissionsInfo.js +3 -5
- package/dist/cjs/components/LinkActions/helpers.js +5 -14
- package/dist/cjs/components/LinkActions/redesignStyles.js +4 -4
- package/dist/cjs/components/LinkActions/styles.js +1 -1
- package/dist/cjs/components/MissingEntityCard/MissingEntityCard.js +9 -11
- package/dist/cjs/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js +4 -6
- package/dist/cjs/components/ResourceEntityErrorCard/UnsupportedEntityCard.js +4 -6
- package/dist/cjs/components/ScheduledIconWithTooltip/ScheduleTooltip.js +8 -10
- package/dist/cjs/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js +4 -9
- package/dist/cjs/components/ScheduledIconWithTooltip/formatDateAndTime.js +4 -5
- package/dist/cjs/components/SpaceName/SpaceName.js +8 -11
- package/dist/cjs/components/index.js +12 -12
- package/dist/cjs/entries/MultipleEntryReferenceEditor.js +7 -9
- package/dist/cjs/entries/SingleEntryReferenceEditor.js +5 -7
- package/dist/cjs/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +11 -20
- package/dist/cjs/entries/WrappedEntryCard/WrappedEntryCard.js +17 -23
- package/dist/cjs/entries/index.js +3 -3
- package/dist/cjs/index.js +37 -37
- package/dist/cjs/resources/Cards/ContentfulEntryCard.js +4 -13
- package/dist/cjs/resources/Cards/ResourceCard.js +12 -16
- package/dist/cjs/resources/Cards/ResourceCard.spec.js +17 -20
- package/dist/cjs/resources/MultipleResourceReferenceEditor.js +17 -20
- package/dist/cjs/resources/MultipleResourceReferenceEditor.spec.js +13 -34
- package/dist/cjs/resources/SingleResourceReferenceEditor.js +9 -11
- package/dist/cjs/resources/SingleResourceReferenceEditor.spec.js +6 -13
- package/dist/cjs/resources/testHelpers/resourceEditorHelpers.js +5 -12
- package/dist/cjs/resources/useResourceLinkActions.js +2 -11
- package/dist/cjs/types.js +3 -3
- package/dist/cjs/utils/fromFieldValidations.js +1 -2
- package/dist/cjs/utils/useSortIDs.js +4 -6
- package/dist/esm/__fixtures__/FakeSdk.js +3 -3
- package/dist/esm/assets/MultipleMediaEditor.js +3 -3
- package/dist/esm/assets/SingleMediaEditor.js +2 -2
- package/dist/esm/assets/WrappedAssetCard/AssetCardActions.js +12 -12
- package/dist/esm/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +9 -14
- package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js +7 -15
- package/dist/esm/assets/WrappedAssetCard/WrappedAssetLink.js +6 -7
- package/dist/esm/common/EntityStore.js +22 -39
- package/dist/esm/common/MultipleReferenceEditor.js +9 -16
- package/dist/esm/common/ReferenceEditor.js +2 -2
- package/dist/esm/common/SingleReferenceEditor.js +5 -7
- package/dist/esm/common/SortableLinkList.js +12 -12
- package/dist/esm/common/queryClient.js +3 -10
- package/dist/esm/common/useContentTypePermissions.js +1 -3
- package/dist/esm/common/useEditorPermissions.js +3 -15
- package/dist/esm/common/useEditorPermissions.spec.js +11 -12
- package/dist/esm/components/AssetThumbnail/AssetThumbnail.js +1 -1
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.js +5 -7
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js +12 -12
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +15 -23
- package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js +8 -9
- package/dist/esm/components/LinkActions/CombinedLinkActions.js +19 -30
- package/dist/esm/components/LinkActions/LinkActions.js +9 -9
- package/dist/esm/components/LinkActions/LinkEntityActions.js +11 -18
- package/dist/esm/components/LinkActions/NoLinkPermissionsInfo.js +1 -1
- package/dist/esm/components/LinkActions/helpers.js +2 -11
- package/dist/esm/components/MissingEntityCard/MissingEntityCard.js +6 -6
- package/dist/esm/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js +2 -2
- package/dist/esm/components/ResourceEntityErrorCard/UnsupportedEntityCard.js +2 -2
- package/dist/esm/components/ScheduledIconWithTooltip/ScheduleTooltip.js +3 -3
- package/dist/esm/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js +2 -5
- package/dist/esm/components/ScheduledIconWithTooltip/formatDateAndTime.js +2 -11
- package/dist/esm/components/SpaceName/SpaceName.js +5 -6
- package/dist/esm/entries/MultipleEntryReferenceEditor.js +5 -5
- package/dist/esm/entries/SingleEntryReferenceEditor.js +3 -3
- package/dist/esm/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +8 -15
- package/dist/esm/entries/WrappedEntryCard/WrappedEntryCard.js +14 -18
- package/dist/esm/resources/Cards/ContentfulEntryCard.js +2 -9
- package/dist/esm/resources/Cards/ResourceCard.js +10 -12
- package/dist/esm/resources/Cards/ResourceCard.spec.js +11 -12
- package/dist/esm/resources/MultipleResourceReferenceEditor.js +13 -14
- package/dist/esm/resources/MultipleResourceReferenceEditor.spec.js +11 -30
- package/dist/esm/resources/SingleResourceReferenceEditor.js +6 -6
- package/dist/esm/resources/SingleResourceReferenceEditor.spec.js +4 -9
- package/dist/esm/resources/testHelpers/resourceEditorHelpers.js +2 -9
- package/dist/esm/resources/useResourceLinkActions.js +2 -11
- package/dist/esm/utils/fromFieldValidations.js +0 -1
- package/dist/esm/utils/useSortIDs.js +2 -2
- package/dist/types/assets/MultipleMediaEditor.d.ts +2 -2
- package/dist/types/assets/SingleMediaEditor.d.ts +2 -2
- package/dist/types/assets/WrappedAssetCard/AssetCardActions.d.ts +3 -3
- package/dist/types/assets/WrappedAssetCard/FetchingWrappedAssetCard.d.ts +2 -2
- package/dist/types/assets/WrappedAssetCard/WrappedAssetCard.d.ts +2 -2
- package/dist/types/assets/WrappedAssetCard/WrappedAssetLink.d.ts +2 -2
- package/dist/types/common/EntityStore.d.ts +1 -1
- package/dist/types/common/MultipleReferenceEditor.d.ts +1 -1
- package/dist/types/common/ReferenceEditor.d.ts +1 -1
- package/dist/types/common/SingleReferenceEditor.d.ts +1 -1
- package/dist/types/common/SortableLinkList.d.ts +1 -1
- package/dist/types/common/queryClient.d.ts +1 -1
- package/dist/types/components/AssetThumbnail/AssetThumbnail.d.ts +2 -2
- package/dist/types/components/CreateEntryLinkButton/CreateEntryLinkButton.d.ts +1 -1
- package/dist/types/components/CreateEntryLinkButton/CreateEntryMenuTrigger.d.ts +1 -1
- package/dist/types/components/LinkActions/CombinedLinkActions.d.ts +2 -2
- package/dist/types/components/LinkActions/LinkActions.d.ts +1 -1
- package/dist/types/components/LinkActions/LinkEntityActions.d.ts +2 -2
- package/dist/types/components/LinkActions/NoLinkPermissionsInfo.d.ts +2 -2
- package/dist/types/components/MissingEntityCard/MissingEntityCard.d.ts +2 -2
- package/dist/types/components/ResourceEntityErrorCard/ResourceEntityErrorCard.d.ts +2 -2
- package/dist/types/components/ResourceEntityErrorCard/UnsupportedEntityCard.d.ts +2 -2
- package/dist/types/components/ScheduledIconWithTooltip/ScheduleTooltip.d.ts +1 -1
- package/dist/types/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.d.ts +1 -1
- package/dist/types/components/SpaceName/SpaceName.d.ts +2 -2
- package/dist/types/entries/MultipleEntryReferenceEditor.d.ts +2 -2
- package/dist/types/entries/SingleEntryReferenceEditor.d.ts +2 -2
- package/dist/types/entries/WrappedEntryCard/FetchingWrappedEntryCard.d.ts +2 -2
- package/dist/types/entries/WrappedEntryCard/WrappedEntryCard.d.ts +1 -1
- package/dist/types/resources/Cards/ContentfulEntryCard.d.ts +2 -2
- package/dist/types/resources/Cards/ResourceCard.d.ts +2 -2
- package/dist/types/resources/MultipleResourceReferenceEditor.d.ts +2 -2
- package/dist/types/resources/SingleResourceReferenceEditor.d.ts +2 -2
- package/package.json +7 -4
|
@@ -59,7 +59,7 @@ function newReferenceEditorFakeSdk(props) {
|
|
|
59
59
|
locales,
|
|
60
60
|
cmaAdapter: (0, _fieldeditortestutils.createFakeCMAAdapter)({
|
|
61
61
|
Entry: {
|
|
62
|
-
get: async ({ entryId
|
|
62
|
+
get: async ({ entryId })=>{
|
|
63
63
|
if (props?.fetchDelay) {
|
|
64
64
|
await delay(props.fetchDelay);
|
|
65
65
|
}
|
|
@@ -76,7 +76,7 @@ function newReferenceEditorFakeSdk(props) {
|
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
Asset: {
|
|
79
|
-
get: async ({ assetId
|
|
79
|
+
get: async ({ assetId })=>{
|
|
80
80
|
if (props?.fetchDelay) {
|
|
81
81
|
await delay(props.fetchDelay);
|
|
82
82
|
}
|
|
@@ -101,7 +101,7 @@ function newReferenceEditorFakeSdk(props) {
|
|
|
101
101
|
}
|
|
102
102
|
},
|
|
103
103
|
ContentType: {
|
|
104
|
-
get: async ({ contentTypeId
|
|
104
|
+
get: async ({ contentTypeId })=>{
|
|
105
105
|
if (contentTypeId === _fixtures.contentTypes.published.sys.id) {
|
|
106
106
|
return _fixtures.contentTypes.published;
|
|
107
107
|
}
|
|
@@ -12,24 +12,24 @@ _export(exports, {
|
|
|
12
12
|
changed: function() {
|
|
13
13
|
return _changed_assetjson.default;
|
|
14
14
|
},
|
|
15
|
-
created: function() {
|
|
16
|
-
return _created_assetjson.default;
|
|
17
|
-
},
|
|
18
15
|
empty: function() {
|
|
19
16
|
return _empty_assetjson.default;
|
|
20
17
|
},
|
|
18
|
+
published: function() {
|
|
19
|
+
return _published_assetjson.default;
|
|
20
|
+
},
|
|
21
21
|
invalid: function() {
|
|
22
22
|
return _invalid_assetjson.default;
|
|
23
23
|
},
|
|
24
|
-
|
|
25
|
-
return
|
|
24
|
+
created: function() {
|
|
25
|
+
return _created_assetjson.default;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
const _changed_assetjson =
|
|
29
|
-
const _created_assetjson =
|
|
30
|
-
const _empty_assetjson =
|
|
31
|
-
const _invalid_assetjson =
|
|
32
|
-
const _published_assetjson =
|
|
28
|
+
const _changed_assetjson = _interop_require_default(require("./changed_asset.json"));
|
|
29
|
+
const _created_assetjson = _interop_require_default(require("./created_asset.json"));
|
|
30
|
+
const _empty_assetjson = _interop_require_default(require("./empty_asset.json"));
|
|
31
|
+
const _invalid_assetjson = _interop_require_default(require("./invalid_asset.json"));
|
|
32
|
+
const _published_assetjson = _interop_require_default(require("./published_asset.json"));
|
|
33
33
|
function _interop_require_default(obj) {
|
|
34
34
|
return obj && obj.__esModule ? obj : {
|
|
35
35
|
default: obj
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "published", {
|
|
|
8
8
|
return _published_content_typejson.default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _published_content_typejson =
|
|
11
|
+
const _published_content_typejson = _interop_require_default(require("./published_content_type.json"));
|
|
12
12
|
function _interop_require_default(obj) {
|
|
13
13
|
return obj && obj.__esModule ? obj : {
|
|
14
14
|
default: obj
|
|
@@ -15,17 +15,17 @@ _export(exports, {
|
|
|
15
15
|
empty: function() {
|
|
16
16
|
return _empty_entryjson.default;
|
|
17
17
|
},
|
|
18
|
-
invalid: function() {
|
|
19
|
-
return _invalid_entryjson.default;
|
|
20
|
-
},
|
|
21
18
|
published: function() {
|
|
22
19
|
return _published_entryjson.default;
|
|
20
|
+
},
|
|
21
|
+
invalid: function() {
|
|
22
|
+
return _invalid_entryjson.default;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
const _changed_entryjson =
|
|
26
|
-
const _empty_entryjson =
|
|
27
|
-
const _invalid_entryjson =
|
|
28
|
-
const _published_entryjson =
|
|
25
|
+
const _changed_entryjson = _interop_require_default(require("./changed_entry.json"));
|
|
26
|
+
const _empty_entryjson = _interop_require_default(require("./empty_entry.json"));
|
|
27
|
+
const _invalid_entryjson = _interop_require_default(require("./invalid_entry.json"));
|
|
28
|
+
const _published_entryjson = _interop_require_default(require("./published_entry.json"));
|
|
29
29
|
function _interop_require_default(obj) {
|
|
30
30
|
return obj && obj.__esModule ? obj : {
|
|
31
31
|
default: obj
|
|
@@ -25,11 +25,11 @@ _export(exports, {
|
|
|
25
25
|
return _space;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
const _asset =
|
|
29
|
-
const _contenttype =
|
|
30
|
-
const _entry =
|
|
31
|
-
const _locale =
|
|
32
|
-
const _space =
|
|
28
|
+
const _asset = _interop_require_wildcard(require("./asset"));
|
|
29
|
+
const _contenttype = _interop_require_wildcard(require("./content-type"));
|
|
30
|
+
const _entry = _interop_require_wildcard(require("./entry"));
|
|
31
|
+
const _locale = _interop_require_wildcard(require("./locale"));
|
|
32
|
+
const _space = _interop_require_wildcard(require("./space"));
|
|
33
33
|
function _getRequireWildcardCache(nodeInterop) {
|
|
34
34
|
if (typeof WeakMap !== "function") return null;
|
|
35
35
|
var cacheBabelInterop = new WeakMap();
|
|
@@ -51,9 +51,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
51
51
|
if (cache && cache.has(obj)) {
|
|
52
52
|
return cache.get(obj);
|
|
53
53
|
}
|
|
54
|
-
var newObj = {
|
|
55
|
-
__proto__: null
|
|
56
|
-
};
|
|
54
|
+
var newObj = {};
|
|
57
55
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
58
56
|
for(var key in obj){
|
|
59
57
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -19,8 +19,8 @@ _export(exports, {
|
|
|
19
19
|
return list;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
const _english_default_localejson =
|
|
23
|
-
const _german_localejson =
|
|
22
|
+
const _english_default_localejson = _interop_require_default(require("./english_default_locale.json"));
|
|
23
|
+
const _german_localejson = _interop_require_default(require("./german_locale.json"));
|
|
24
24
|
function _interop_require_default(obj) {
|
|
25
25
|
return obj && obj.__esModule ? obj : {
|
|
26
26
|
default: obj
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "indifferent", {
|
|
|
8
8
|
return _indifferent_spacejson.default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _indifferent_spacejson =
|
|
11
|
+
const _indifferent_spacejson = _interop_require_default(require("./indifferent_space.json"));
|
|
12
12
|
function _interop_require_default(obj) {
|
|
13
13
|
return obj && obj.__esModule ? obj : {
|
|
14
14
|
default: obj
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "MultipleMediaEditor", {
|
|
|
8
8
|
return MultipleMediaEditor;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _react =
|
|
11
|
+
const _react = _interop_require_wildcard(require("react"));
|
|
12
12
|
const _sortable = require("@dnd-kit/sortable");
|
|
13
13
|
const _emotion = require("emotion");
|
|
14
14
|
const _MultipleReferenceEditor = require("../common/MultipleReferenceEditor");
|
|
@@ -35,9 +35,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
35
35
|
if (cache && cache.has(obj)) {
|
|
36
36
|
return cache.get(obj);
|
|
37
37
|
}
|
|
38
|
-
var newObj = {
|
|
39
|
-
__proto__: null
|
|
40
|
-
};
|
|
38
|
+
var newObj = {};
|
|
41
39
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
42
40
|
for(var key in obj){
|
|
43
41
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -63,16 +61,16 @@ const styles = {
|
|
|
63
61
|
})
|
|
64
62
|
};
|
|
65
63
|
function MultipleMediaEditor(props) {
|
|
66
|
-
return
|
|
64
|
+
return _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
|
|
67
65
|
...props,
|
|
68
66
|
entityType: "Asset"
|
|
69
|
-
}, (childrenProps)
|
|
67
|
+
}, (childrenProps)=>_react.createElement(_SortableLinkList.SortableLinkList, {
|
|
70
68
|
...childrenProps,
|
|
71
69
|
sortingStrategy: childrenProps.viewType === 'card' ? _sortable.rectSortingStrategy : _sortable.verticalListSortingStrategy,
|
|
72
70
|
className: (0, _emotion.cx)({
|
|
73
71
|
[styles.gridContainer]: childrenProps.viewType === 'card'
|
|
74
72
|
})
|
|
75
|
-
}, ({ items, item, index, isDisabled, DragHandle
|
|
73
|
+
}, ({ items , item , index , isDisabled , DragHandle })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
76
74
|
...childrenProps,
|
|
77
75
|
isDisabled: isDisabled,
|
|
78
76
|
key: `${item.sys.id}-${index}`,
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "SingleMediaEditor", {
|
|
|
8
8
|
return SingleMediaEditor;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _react =
|
|
11
|
+
const _react = _interop_require_wildcard(require("react"));
|
|
12
12
|
const _SingleReferenceEditor = require("../common/SingleReferenceEditor");
|
|
13
13
|
const _FetchingWrappedAssetCard = require("./WrappedAssetCard/FetchingWrappedAssetCard");
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) {
|
|
@@ -32,9 +32,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
32
32
|
if (cache && cache.has(obj)) {
|
|
33
33
|
return cache.get(obj);
|
|
34
34
|
}
|
|
35
|
-
var newObj = {
|
|
36
|
-
__proto__: null
|
|
37
|
-
};
|
|
35
|
+
var newObj = {};
|
|
38
36
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
39
37
|
for(var key in obj){
|
|
40
38
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -53,10 +51,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
53
51
|
return newObj;
|
|
54
52
|
}
|
|
55
53
|
function SingleMediaEditor(props) {
|
|
56
|
-
return
|
|
54
|
+
return _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
|
|
57
55
|
...props,
|
|
58
56
|
entityType: "Asset"
|
|
59
|
-
}, ({ entityId, isDisabled, setValue
|
|
57
|
+
}, ({ entityId , isDisabled , setValue })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
60
58
|
...props,
|
|
61
59
|
viewType: "big_card",
|
|
62
60
|
assetId: entityId,
|
|
@@ -9,19 +9,19 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
renderActions: function() {
|
|
13
|
-
return renderActions;
|
|
14
|
-
},
|
|
15
12
|
renderAssetInfo: function() {
|
|
16
13
|
return renderAssetInfo;
|
|
14
|
+
},
|
|
15
|
+
renderActions: function() {
|
|
16
|
+
return renderActions;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
const _react =
|
|
19
|
+
const _react = _interop_require_wildcard(require("react"));
|
|
20
20
|
const _f36components = require("@contentful/f36-components");
|
|
21
|
-
const _f36tokens =
|
|
21
|
+
const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
|
|
22
22
|
const _fieldeditorshared = require("@contentful/field-editor-shared");
|
|
23
23
|
const _emotion = require("emotion");
|
|
24
|
-
const _get =
|
|
24
|
+
const _get = _interop_require_default(require("lodash/get"));
|
|
25
25
|
function _interop_require_default(obj) {
|
|
26
26
|
return obj && obj.__esModule ? obj : {
|
|
27
27
|
default: obj
|
|
@@ -48,9 +48,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
48
48
|
if (cache && cache.has(obj)) {
|
|
49
49
|
return cache.get(obj);
|
|
50
50
|
}
|
|
51
|
-
var newObj = {
|
|
52
|
-
__proto__: null
|
|
53
|
-
};
|
|
51
|
+
var newObj = {};
|
|
54
52
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
55
53
|
for(var key in obj){
|
|
56
54
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -106,42 +104,42 @@ function downloadAsset(url) {
|
|
|
106
104
|
window.open(url, '_blank', 'noopener,noreferrer');
|
|
107
105
|
}
|
|
108
106
|
function renderAssetInfo(props) {
|
|
109
|
-
const { entityFile
|
|
107
|
+
const { entityFile } = props;
|
|
110
108
|
const fileName = (0, _get.default)(entityFile, 'fileName');
|
|
111
109
|
const mimeType = (0, _get.default)(entityFile, 'contentType');
|
|
112
110
|
const fileSize = (0, _get.default)(entityFile, 'details.size');
|
|
113
111
|
const image = (0, _get.default)(entityFile, 'details.image');
|
|
114
112
|
return [
|
|
115
|
-
|
|
113
|
+
_react.createElement(_f36components.Menu.SectionTitle, {
|
|
116
114
|
key: "file-section"
|
|
117
115
|
}, "File info"),
|
|
118
|
-
|
|
116
|
+
_react.createElement(_f36components.Menu.Item, {
|
|
119
117
|
key: "file-information",
|
|
120
118
|
className: styles.fileInformation.menuItem,
|
|
121
119
|
isDisabled: true
|
|
122
|
-
},
|
|
120
|
+
}, _react.createElement("dl", {
|
|
123
121
|
className: styles.fileInformation.dl
|
|
124
|
-
}, fileName &&
|
|
122
|
+
}, fileName && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Name:"), _react.createElement(_f36components.Text, {
|
|
125
123
|
as: "dd",
|
|
126
124
|
isTruncated: true
|
|
127
|
-
}, fileName)), mimeType &&
|
|
125
|
+
}, fileName)), mimeType && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Type:"), _react.createElement(_f36components.Text, {
|
|
128
126
|
as: "dd",
|
|
129
127
|
isTruncated: true
|
|
130
|
-
}, mimeType)), fileSize &&
|
|
128
|
+
}, 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}`))))
|
|
131
129
|
];
|
|
132
130
|
}
|
|
133
131
|
function renderActions(props) {
|
|
134
|
-
const { entityFile, isDisabled, onEdit, onRemove
|
|
132
|
+
const { entityFile , isDisabled , onEdit , onRemove } = props;
|
|
135
133
|
return [
|
|
136
|
-
|
|
134
|
+
_react.createElement(_f36components.Menu.SectionTitle, {
|
|
137
135
|
key: "section-title"
|
|
138
136
|
}, "Actions"),
|
|
139
|
-
onEdit ?
|
|
137
|
+
onEdit ? _react.createElement(_f36components.Menu.Item, {
|
|
140
138
|
key: "edit",
|
|
141
139
|
onClick: onEdit,
|
|
142
140
|
testId: "card-action-edit"
|
|
143
141
|
}, "Edit") : null,
|
|
144
|
-
entityFile ?
|
|
142
|
+
entityFile ? _react.createElement(_f36components.Menu.Item, {
|
|
145
143
|
key: "download",
|
|
146
144
|
onClick: ()=>{
|
|
147
145
|
if (typeof entityFile.url === 'string') {
|
|
@@ -150,7 +148,7 @@ function renderActions(props) {
|
|
|
150
148
|
},
|
|
151
149
|
testId: "card-action-download"
|
|
152
150
|
}, "Download") : null,
|
|
153
|
-
onRemove ?
|
|
151
|
+
onRemove ? _react.createElement(_f36components.Menu.Item, {
|
|
154
152
|
key: "remove",
|
|
155
153
|
disabled: isDisabled,
|
|
156
154
|
onClick: onRemove,
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "FetchingWrappedAssetCard", {
|
|
|
8
8
|
return FetchingWrappedAssetCard;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _react =
|
|
11
|
+
const _react = _interop_require_wildcard(require("react"));
|
|
12
12
|
const _f36components = require("@contentful/f36-components");
|
|
13
13
|
const _EntityStore = require("../../common/EntityStore");
|
|
14
14
|
const _components = require("../../components");
|
|
@@ -35,9 +35,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
35
35
|
if (cache && cache.has(obj)) {
|
|
36
36
|
return cache.get(obj);
|
|
37
37
|
}
|
|
38
|
-
var newObj = {
|
|
39
|
-
__proto__: null
|
|
40
|
-
};
|
|
38
|
+
var newObj = {};
|
|
41
39
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
42
40
|
for(var key in obj){
|
|
43
41
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -56,8 +54,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
56
54
|
return newObj;
|
|
57
55
|
}
|
|
58
56
|
function FetchingWrappedAssetCard(props) {
|
|
59
|
-
const { data: asset, status
|
|
60
|
-
const { getEntityScheduledActions
|
|
57
|
+
const { data: asset , status } = (0, _EntityStore.useEntity)('Asset', props.assetId);
|
|
58
|
+
const { getEntityScheduledActions } = (0, _EntityStore.useEntityLoader)();
|
|
61
59
|
const loadEntityScheduledActions = _react.useCallback(()=>getEntityScheduledActions('Asset', props.assetId), [
|
|
62
60
|
getEntityScheduledActions,
|
|
63
61
|
props.assetId
|
|
@@ -69,12 +67,11 @@ function FetchingWrappedAssetCard(props) {
|
|
|
69
67
|
entity: 'Asset'
|
|
70
68
|
});
|
|
71
69
|
}
|
|
72
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
|
|
73
70
|
}, [
|
|
74
71
|
asset
|
|
75
72
|
]);
|
|
76
73
|
const onEdit = async ()=>{
|
|
77
|
-
const { slide
|
|
74
|
+
const { slide } = await props.sdk.navigator.openAsset(props.assetId, {
|
|
78
75
|
slideIn: true
|
|
79
76
|
});
|
|
80
77
|
props.onAction && props.onAction({
|
|
@@ -96,7 +93,7 @@ function FetchingWrappedAssetCard(props) {
|
|
|
96
93
|
};
|
|
97
94
|
return _react.useMemo(()=>{
|
|
98
95
|
if (status === 'error') {
|
|
99
|
-
const card =
|
|
96
|
+
const card = _react.createElement(_components.MissingEntityCard, {
|
|
100
97
|
entityType: "Asset",
|
|
101
98
|
asSquare: props.viewType !== 'link',
|
|
102
99
|
isDisabled: props.isDisabled,
|
|
@@ -113,7 +110,7 @@ function FetchingWrappedAssetCard(props) {
|
|
|
113
110
|
}
|
|
114
111
|
return card;
|
|
115
112
|
}
|
|
116
|
-
const { getEntityUrl
|
|
113
|
+
const { getEntityUrl } = props;
|
|
117
114
|
const size = props.viewType === 'big_card' ? 'default' : 'small';
|
|
118
115
|
const commonProps = {
|
|
119
116
|
asset,
|
|
@@ -128,25 +125,24 @@ function FetchingWrappedAssetCard(props) {
|
|
|
128
125
|
};
|
|
129
126
|
if (props.viewType === 'link') {
|
|
130
127
|
if (status === 'loading') {
|
|
131
|
-
return
|
|
128
|
+
return _react.createElement(_f36components.EntryCard, {
|
|
132
129
|
size: "small",
|
|
133
130
|
isLoading: true
|
|
134
131
|
});
|
|
135
132
|
}
|
|
136
|
-
return
|
|
133
|
+
return _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
|
|
137
134
|
...commonProps,
|
|
138
135
|
href: commonProps.entityUrl,
|
|
139
136
|
getEntityScheduledActions: loadEntityScheduledActions
|
|
140
137
|
});
|
|
141
138
|
}
|
|
142
139
|
if (status === 'loading') {
|
|
143
|
-
return
|
|
140
|
+
return _react.createElement(_f36components.AssetCard, {
|
|
144
141
|
size: size,
|
|
145
142
|
isLoading: true
|
|
146
143
|
});
|
|
147
144
|
}
|
|
148
145
|
function renderDefaultCard(props) {
|
|
149
|
-
// isClickable has a default value, so omit it from the props
|
|
150
146
|
const builtinCardProps = {
|
|
151
147
|
...commonProps,
|
|
152
148
|
...props,
|
|
@@ -154,22 +150,19 @@ function FetchingWrappedAssetCard(props) {
|
|
|
154
150
|
asset: (props?.entity) || commonProps.asset,
|
|
155
151
|
getAssetUrl: getEntityUrl
|
|
156
152
|
};
|
|
157
|
-
return
|
|
153
|
+
return _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
|
|
158
154
|
}
|
|
159
155
|
if (props.renderCustomCard) {
|
|
160
156
|
const customProps = {
|
|
161
157
|
...commonProps,
|
|
162
158
|
entity: commonProps.asset
|
|
163
159
|
};
|
|
164
|
-
// LinkActionsProps are injected higher SingleReferenceEditor/MultipleReferenceEditor
|
|
165
160
|
const renderedCustomCard = props.renderCustomCard(customProps, {}, renderDefaultCard);
|
|
166
|
-
// Only `false` indicates to render the original card. E.g. `null` would result in no card.
|
|
167
161
|
if (renderedCustomCard !== false) {
|
|
168
162
|
return renderedCustomCard;
|
|
169
163
|
}
|
|
170
164
|
}
|
|
171
165
|
return renderDefaultCard();
|
|
172
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
|
|
173
166
|
}, [
|
|
174
167
|
props,
|
|
175
168
|
status,
|
|
@@ -8,12 +8,12 @@ Object.defineProperty(exports, "WrappedAssetCard", {
|
|
|
8
8
|
return WrappedAssetCard;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _react =
|
|
11
|
+
const _react = _interop_require_wildcard(require("react"));
|
|
12
12
|
const _f36components = require("@contentful/f36-components");
|
|
13
13
|
const _f36icons = require("@contentful/f36-icons");
|
|
14
|
-
const _f36tokens =
|
|
14
|
+
const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
|
|
15
15
|
const _fieldeditorshared = require("@contentful/field-editor-shared");
|
|
16
|
-
const _mimetype =
|
|
16
|
+
const _mimetype = _interop_require_default(require("@contentful/mimetype"));
|
|
17
17
|
const _emotion = require("emotion");
|
|
18
18
|
const _components = require("../../components");
|
|
19
19
|
const _AssetCardActions = require("./AssetCardActions");
|
|
@@ -43,9 +43,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
43
43
|
if (cache && cache.has(obj)) {
|
|
44
44
|
return cache.get(obj);
|
|
45
45
|
}
|
|
46
|
-
var newObj = {
|
|
47
|
-
__proto__: null
|
|
48
|
-
};
|
|
46
|
+
var newObj = {};
|
|
49
47
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
50
48
|
for(var key in obj){
|
|
51
49
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -84,7 +82,6 @@ const styles = {
|
|
|
84
82
|
const defaultProps = {
|
|
85
83
|
isClickable: true
|
|
86
84
|
};
|
|
87
|
-
// eslint-disable-next-line -- TODO: describe this disable @typescript-eslint/no-explicit-any
|
|
88
85
|
function getFileType(file) {
|
|
89
86
|
if (!file) {
|
|
90
87
|
return 'archive';
|
|
@@ -96,11 +93,10 @@ function getFileType(file) {
|
|
|
96
93
|
return groupToIconMap[groupName] || 'archive';
|
|
97
94
|
}
|
|
98
95
|
const WrappedAssetCard = (props)=>{
|
|
99
|
-
const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable
|
|
100
|
-
// @ts-expect-error
|
|
96
|
+
const { className , onEdit , getAssetUrl , onRemove , size , isDisabled , isSelected , isClickable } = props;
|
|
101
97
|
const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
|
|
102
98
|
if (status === 'deleted') {
|
|
103
|
-
return
|
|
99
|
+
return _react.createElement(_components.MissingEntityCard, {
|
|
104
100
|
entityType: "Asset",
|
|
105
101
|
asSquare: true,
|
|
106
102
|
isDisabled: props.isDisabled,
|
|
@@ -115,7 +111,7 @@ const WrappedAssetCard = (props)=>{
|
|
|
115
111
|
});
|
|
116
112
|
const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
|
|
117
113
|
const href = getAssetUrl ? getAssetUrl(props.asset.sys.id) : undefined;
|
|
118
|
-
return
|
|
114
|
+
return _react.createElement(_f36components.AssetCard, {
|
|
119
115
|
as: href ? 'a' : 'article',
|
|
120
116
|
type: getFileType(entityFile),
|
|
121
117
|
title: entityTitle,
|
|
@@ -123,27 +119,22 @@ const WrappedAssetCard = (props)=>{
|
|
|
123
119
|
isSelected: isSelected,
|
|
124
120
|
href: href,
|
|
125
121
|
status: status,
|
|
126
|
-
icon:
|
|
122
|
+
icon: _react.createElement(_components.ScheduledIconWithTooltip, {
|
|
127
123
|
getEntityScheduledActions: props.getEntityScheduledActions,
|
|
128
124
|
entityType: "Asset",
|
|
129
125
|
entityId: props.asset.sys.id
|
|
130
|
-
},
|
|
126
|
+
}, _react.createElement(_f36icons.ClockIcon, {
|
|
131
127
|
className: styles.scheduleIcon,
|
|
132
128
|
size: "small",
|
|
133
129
|
variant: "muted",
|
|
134
130
|
testId: "schedule-icon"
|
|
135
131
|
})),
|
|
136
132
|
src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
|
|
137
|
-
onClick:
|
|
138
|
-
// features e.g. pressing ENTER on a card to add a new paragraph
|
|
139
|
-
// underneath. It's crucial not to pass a custom handler when
|
|
140
|
-
// isClickable is disabled which in the case of RT it's.
|
|
141
|
-
isClickable ? (e)=>{
|
|
133
|
+
onClick: isClickable ? (e)=>{
|
|
142
134
|
e.preventDefault();
|
|
143
135
|
onEdit && onEdit();
|
|
144
136
|
} : undefined,
|
|
145
|
-
|
|
146
|
-
// @ts-expect-error */ onKeyDown: isClickable ? (e)=>{
|
|
137
|
+
onKeyDown: isClickable ? (e)=>{
|
|
147
138
|
if (e.key === 'Enter' && onEdit) {
|
|
148
139
|
e.preventDefault();
|
|
149
140
|
onEdit();
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "WrappedAssetLink", {
|
|
|
8
8
|
return WrappedAssetLink;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _react =
|
|
11
|
+
const _react = _interop_require_wildcard(require("react"));
|
|
12
12
|
const _f36components = require("@contentful/f36-components");
|
|
13
13
|
const _f36icons = require("@contentful/f36-icons");
|
|
14
|
-
const _f36tokens =
|
|
14
|
+
const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
|
|
15
15
|
const _fieldeditorshared = require("@contentful/field-editor-shared");
|
|
16
16
|
const _emotion = require("emotion");
|
|
17
17
|
const _components = require("../../components");
|
|
@@ -42,9 +42,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
42
42
|
if (cache && cache.has(obj)) {
|
|
43
43
|
return cache.get(obj);
|
|
44
44
|
}
|
|
45
|
-
var newObj = {
|
|
46
|
-
__proto__: null
|
|
47
|
-
};
|
|
45
|
+
var newObj = {};
|
|
48
46
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
49
47
|
for(var key in obj){
|
|
50
48
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -68,11 +66,10 @@ const styles = {
|
|
|
68
66
|
})
|
|
69
67
|
};
|
|
70
68
|
const WrappedAssetLink = (props)=>{
|
|
71
|
-
const { className, href, onEdit, onRemove, isDisabled
|
|
72
|
-
// @ts-expect-error
|
|
69
|
+
const { className , href , onEdit , onRemove , isDisabled } = props;
|
|
73
70
|
const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
|
|
74
71
|
if (status === 'deleted') {
|
|
75
|
-
return
|
|
72
|
+
return _react.createElement(_components.MissingEntityCard, {
|
|
76
73
|
entityType: "Asset",
|
|
77
74
|
isDisabled: props.isDisabled,
|
|
78
75
|
onRemove: props.onRemove
|
|
@@ -85,7 +82,7 @@ const WrappedAssetLink = (props)=>{
|
|
|
85
82
|
defaultTitle: 'Untitled'
|
|
86
83
|
});
|
|
87
84
|
const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
|
|
88
|
-
return
|
|
85
|
+
return _react.createElement(_f36components.EntryCard, {
|
|
89
86
|
as: href ? 'a' : 'article',
|
|
90
87
|
contentType: "Asset",
|
|
91
88
|
title: entityTitle,
|
|
@@ -93,14 +90,14 @@ const WrappedAssetLink = (props)=>{
|
|
|
93
90
|
href: href,
|
|
94
91
|
size: "small",
|
|
95
92
|
status: status,
|
|
96
|
-
thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ?
|
|
93
|
+
thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? _react.createElement(_components.AssetThumbnail, {
|
|
97
94
|
file: entityFile
|
|
98
95
|
}) : undefined,
|
|
99
|
-
icon:
|
|
96
|
+
icon: _react.createElement(_components.ScheduledIconWithTooltip, {
|
|
100
97
|
getEntityScheduledActions: props.getEntityScheduledActions,
|
|
101
98
|
entityType: "Asset",
|
|
102
99
|
entityId: props.asset.sys.id
|
|
103
|
-
},
|
|
100
|
+
}, _react.createElement(_f36icons.ClockIcon, {
|
|
104
101
|
className: styles.scheduleIcon,
|
|
105
102
|
size: "small",
|
|
106
103
|
variant: "muted",
|
package/dist/cjs/assets/index.js
CHANGED
|
@@ -9,12 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
MultipleMediaEditor: function() {
|
|
13
|
-
return _MultipleMediaEditor.MultipleMediaEditor;
|
|
14
|
-
},
|
|
15
12
|
SingleMediaEditor: function() {
|
|
16
13
|
return _SingleMediaEditor.SingleMediaEditor;
|
|
17
14
|
},
|
|
15
|
+
MultipleMediaEditor: function() {
|
|
16
|
+
return _MultipleMediaEditor.MultipleMediaEditor;
|
|
17
|
+
},
|
|
18
18
|
WrappedAssetCard: function() {
|
|
19
19
|
return _WrappedAssetCard.WrappedAssetCard;
|
|
20
20
|
}
|