@contentful/field-editor-reference 6.16.0-alpha.0 → 6.16.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.
|
@@ -86,6 +86,7 @@ function getFileType(file) {
|
|
|
86
86
|
});
|
|
87
87
|
return groupToIconMap[groupName] || 'archive';
|
|
88
88
|
}
|
|
89
|
+
const THUMBNAIL_SIZE = 150;
|
|
89
90
|
const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release })=>{
|
|
90
91
|
const status = _fieldeditorshared.entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
|
|
91
92
|
const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
|
|
@@ -93,13 +94,13 @@ const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCod
|
|
|
93
94
|
if (!entityFile?.url) return '';
|
|
94
95
|
if (size === 'small') {
|
|
95
96
|
return _fieldeditorshared.entityHelpers.getResolvedImageUrl(entityFile.url, {
|
|
96
|
-
|
|
97
|
-
|
|
97
|
+
w: THUMBNAIL_SIZE,
|
|
98
|
+
h: THUMBNAIL_SIZE,
|
|
98
99
|
fit: 'thumb'
|
|
99
100
|
});
|
|
100
101
|
}
|
|
101
102
|
return _fieldeditorshared.entityHelpers.getResolvedImageUrl(entityFile.url, {
|
|
102
|
-
|
|
103
|
+
h: 300
|
|
103
104
|
});
|
|
104
105
|
}, [
|
|
105
106
|
entityFile?.url,
|
|
@@ -52,15 +52,15 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
52
52
|
return newObj;
|
|
53
53
|
}
|
|
54
54
|
const dimensions = {
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
w: 70,
|
|
56
|
+
h: 70
|
|
57
57
|
};
|
|
58
58
|
function AssetThumbnail(props) {
|
|
59
59
|
const thumbnailUrl = _fieldeditorshared.entityHelpers.getResolvedImageUrl(props.file.url, dimensions);
|
|
60
60
|
return /*#__PURE__*/ _react.createElement("img", {
|
|
61
61
|
alt: props.file.fileName,
|
|
62
62
|
src: thumbnailUrl,
|
|
63
|
-
height: dimensions.
|
|
64
|
-
width: dimensions.
|
|
63
|
+
height: dimensions.h,
|
|
64
|
+
width: dimensions.w
|
|
65
65
|
});
|
|
66
66
|
}
|
|
@@ -30,6 +30,7 @@ function getFileType(file) {
|
|
|
30
30
|
});
|
|
31
31
|
return groupToIconMap[groupName] || 'archive';
|
|
32
32
|
}
|
|
33
|
+
const THUMBNAIL_SIZE = 150;
|
|
33
34
|
export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCode, activeLocales, localesStatusMap, isDisabled, isSelected, isClickable, useLocalizedEntityStatus, renderDragHandle, getEntityScheduledActions, onEdit, getAssetUrl, onRemove, releaseEntityStatus, releaseStatusMap, release })=>{
|
|
34
35
|
const status = entityHelpers.getEntityStatus(asset.sys, useLocalizedEntityStatus ? localeCode : undefined);
|
|
35
36
|
const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
|
|
@@ -37,13 +38,13 @@ export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLo
|
|
|
37
38
|
if (!entityFile?.url) return '';
|
|
38
39
|
if (size === 'small') {
|
|
39
40
|
return entityHelpers.getResolvedImageUrl(entityFile.url, {
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
w: THUMBNAIL_SIZE,
|
|
42
|
+
h: THUMBNAIL_SIZE,
|
|
42
43
|
fit: 'thumb'
|
|
43
44
|
});
|
|
44
45
|
}
|
|
45
46
|
return entityHelpers.getResolvedImageUrl(entityFile.url, {
|
|
46
|
-
|
|
47
|
+
h: 300
|
|
47
48
|
});
|
|
48
49
|
}, [
|
|
49
50
|
entityFile?.url,
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { entityHelpers } from '@contentful/field-editor-shared';
|
|
3
3
|
const dimensions = {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
w: 70,
|
|
5
|
+
h: 70
|
|
6
6
|
};
|
|
7
7
|
export function AssetThumbnail(props) {
|
|
8
8
|
const thumbnailUrl = entityHelpers.getResolvedImageUrl(props.file.url, dimensions);
|
|
9
9
|
return /*#__PURE__*/ React.createElement("img", {
|
|
10
10
|
alt: props.file.fileName,
|
|
11
11
|
src: thumbnailUrl,
|
|
12
|
-
height: dimensions.
|
|
13
|
-
width: dimensions.
|
|
12
|
+
height: dimensions.h,
|
|
13
|
+
width: dimensions.w
|
|
14
14
|
});
|
|
15
15
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-reference",
|
|
3
|
-
"version": "6.16.0
|
|
3
|
+
"version": "6.16.0",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@contentful/f36-components": "^5.4.1",
|
|
40
40
|
"@contentful/f36-icons": "^5.4.1",
|
|
41
41
|
"@contentful/f36-tokens": "^5.1.0",
|
|
42
|
-
"@contentful/field-editor-shared": "^2.17.0
|
|
42
|
+
"@contentful/field-editor-shared": "^2.17.0",
|
|
43
43
|
"@contentful/mimetype": "^2.2.29",
|
|
44
44
|
"@dnd-kit/core": "^6.0.8",
|
|
45
45
|
"@dnd-kit/sortable": "^8.0.0",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"registry": "https://npm.pkg.github.com/"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "c85b1e8cd6772eb796ed2b22ebb778c717f4a7f4"
|
|
72
72
|
}
|