@contentful/f36-card 4.0.1-beta.2555 → 4.0.1-beta.2694
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/main.js +273 -205
- package/dist/main.js.map +1 -1
- package/dist/module.js +212 -144
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -4
- package/dist/types.d.ts.map +1 -1
- package/package.json +13 -13
package/dist/main.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
var $ej4sI$reactjsxruntime = require("react/jsx-runtime");
|
|
1
2
|
var $ej4sI$emotion = require("emotion");
|
|
2
3
|
var $ej4sI$react = require("react");
|
|
3
4
|
var $ej4sI$contentfulf36core = require("@contentful/f36-core");
|
|
@@ -34,64 +35,62 @@ $parcel$export(module.exports, "InlineEntryCard", () => $0593efaf405710d5$export
|
|
|
34
35
|
|
|
35
36
|
|
|
36
37
|
|
|
38
|
+
|
|
39
|
+
|
|
37
40
|
const $c0c701b56a852764$export$e5c3362273de1eca = ()=>{
|
|
38
41
|
return {
|
|
39
42
|
contentBody: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
|
|
43
|
-
paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
|
|
44
|
-
paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
|
|
45
|
-
whiteSpace: 'initial'
|
|
43
|
+
name: "161cbg",
|
|
44
|
+
styles: "grid-column:content;grid-row:content;white-space:initial;"
|
|
46
45
|
}),
|
|
47
46
|
wrapper: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
48
47
|
name: "1cjnmwb",
|
|
49
48
|
styles: "flex:1 1 0;display:grid;grid-template-rows:[header] auto [content] minmax(0, 1fr);grid-template-columns:auto [content] minmax(0, 1fr);"
|
|
50
49
|
}),
|
|
51
50
|
dragHandle: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
52
|
-
borderBottomLeftRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
53
|
-
borderTopLeftRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
51
|
+
borderBottomLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
52
|
+
borderTopLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
54
53
|
cursor: 'grab'
|
|
55
54
|
}),
|
|
56
55
|
root: ({ hasHeader: hasHeader , isHovered: isHovered , isSelected: isSelected })=>{
|
|
57
56
|
const styles = {
|
|
58
|
-
backgroundColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).colorWhite,
|
|
59
|
-
borderColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray300,
|
|
60
|
-
borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
57
|
+
backgroundColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorWhite,
|
|
58
|
+
borderColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300,
|
|
59
|
+
borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
61
60
|
borderStyle: 'solid',
|
|
62
61
|
borderWidth: 1,
|
|
63
|
-
color: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray900,
|
|
62
|
+
color: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray900,
|
|
64
63
|
display: 'flex',
|
|
65
64
|
textAlign: 'left',
|
|
66
65
|
width: '100%',
|
|
67
|
-
fontSize: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontSizeM,
|
|
68
|
-
fontWeight: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontWeightNormal,
|
|
66
|
+
fontSize: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontSizeM,
|
|
67
|
+
fontWeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontWeightNormal,
|
|
69
68
|
position: 'relative',
|
|
70
69
|
textDecoration: 'none',
|
|
71
|
-
transition: `border-color ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionDurationDefault} ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionEasingDefault},
|
|
72
|
-
box-shadow ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionDurationShort} ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionEasingDefault}`,
|
|
70
|
+
transition: `border-color ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionDurationDefault} ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionEasingDefault},
|
|
71
|
+
box-shadow ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionDurationShort} ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionEasingDefault}`,
|
|
73
72
|
'&:focus': /*#__PURE__*/ $ej4sI$emotion.css({
|
|
74
|
-
borderColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).colorPrimary,
|
|
75
|
-
boxShadow: $parcel$interopDefault($ej4sI$contentfulf36tokens).glowPrimary,
|
|
73
|
+
borderColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary,
|
|
74
|
+
boxShadow: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).glowPrimary,
|
|
76
75
|
outline: '0'
|
|
77
76
|
})
|
|
78
77
|
};
|
|
79
|
-
if (!hasHeader) styles.paddingTop = $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM;
|
|
78
|
+
if (!hasHeader) styles.paddingTop = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM;
|
|
80
79
|
if (isHovered) {
|
|
81
|
-
styles.borderColor = $parcel$interopDefault($ej4sI$contentfulf36tokens).colorPrimary;
|
|
80
|
+
styles.borderColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary;
|
|
82
81
|
styles.cursor = 'pointer';
|
|
83
82
|
}
|
|
84
83
|
if (isSelected) {
|
|
85
|
-
styles.backgroundColor = $parcel$interopDefault($ej4sI$contentfulf36tokens).blue100;
|
|
86
|
-
styles.borderColor = $parcel$interopDefault($ej4sI$contentfulf36tokens).colorPrimary;
|
|
87
|
-
styles.boxShadow = $parcel$interopDefault($ej4sI$contentfulf36tokens).glowPrimary;
|
|
84
|
+
styles.backgroundColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).blue100;
|
|
85
|
+
styles.borderColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary;
|
|
86
|
+
styles.boxShadow = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).glowPrimary;
|
|
88
87
|
}
|
|
89
88
|
return(/*#__PURE__*/ $ej4sI$emotion.css(styles));
|
|
90
89
|
},
|
|
91
90
|
skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
92
|
-
border: `1px solid ${$parcel$interopDefault($ej4sI$contentfulf36tokens).gray300}`,
|
|
93
|
-
borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
94
|
-
padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
|
|
91
|
+
border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
|
|
92
|
+
borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
93
|
+
padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
|
|
95
94
|
})
|
|
96
95
|
};
|
|
97
96
|
};
|
|
@@ -110,12 +109,14 @@ const $c0c701b56a852764$export$e5c3362273de1eca = ()=>{
|
|
|
110
109
|
|
|
111
110
|
|
|
112
111
|
|
|
112
|
+
|
|
113
|
+
|
|
113
114
|
const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
|
|
114
115
|
return {
|
|
115
116
|
root: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
116
117
|
minHeight: 'auto',
|
|
117
|
-
padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacing2Xs,
|
|
118
|
-
marginLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs
|
|
118
|
+
padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs,
|
|
119
|
+
marginLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
|
|
119
120
|
})
|
|
120
121
|
};
|
|
121
122
|
};
|
|
@@ -123,15 +124,25 @@ const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
|
|
|
123
124
|
|
|
124
125
|
const $67b693c1b2ec5e4d$export$9b6a647253f61c5f = ({ buttonProps: buttonProps , children: children })=>{
|
|
125
126
|
const styles = $bee2b85f9e63f730$export$6468e6b9c1bc1de();
|
|
126
|
-
return(/*#__PURE__*/ $
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
127
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36menu.Menu, {
|
|
128
|
+
children: [
|
|
129
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36menu.Menu.Trigger, {
|
|
130
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36button.IconButton, {
|
|
131
|
+
"aria-label": "Actions",
|
|
132
|
+
icon: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36icons.MoreHorizontalIcon, {
|
|
133
|
+
}),
|
|
134
|
+
...buttonProps,
|
|
135
|
+
className: $ej4sI$emotion.cx(styles.root, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
|
|
136
|
+
size: "small",
|
|
137
|
+
variant: "transparent",
|
|
138
|
+
testId: "cf-ui-card-actions"
|
|
139
|
+
})
|
|
140
|
+
}),
|
|
141
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36menu.Menu.List, {
|
|
142
|
+
children: children
|
|
143
|
+
})
|
|
144
|
+
]
|
|
145
|
+
}));
|
|
135
146
|
};
|
|
136
147
|
|
|
137
148
|
|
|
@@ -140,27 +151,27 @@ const $d63c44c7f95693ac$var$getHeaderStyles = ()=>{
|
|
|
140
151
|
return {
|
|
141
152
|
header: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
142
153
|
alignItems: 'center',
|
|
143
|
-
borderBottomColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray200,
|
|
154
|
+
borderBottomColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray200,
|
|
144
155
|
borderBottomStyle: 'solid',
|
|
145
156
|
borderBottomWidth: 1,
|
|
146
|
-
borderTopLeftRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
147
|
-
borderTopRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
157
|
+
borderTopLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
158
|
+
borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
148
159
|
boxSizing: 'border-box',
|
|
149
|
-
color: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray600,
|
|
150
|
-
fontSize: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontSizeM,
|
|
151
|
-
fontWeight: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontWeightNormal,
|
|
160
|
+
color: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray600,
|
|
161
|
+
fontSize: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontSizeM,
|
|
162
|
+
fontWeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontWeightNormal,
|
|
152
163
|
gridColumn: 'content',
|
|
153
164
|
gridRow: 'header',
|
|
154
|
-
lineHeight: $parcel$interopDefault($ej4sI$contentfulf36tokens).lineHeightM,
|
|
155
|
-
paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
|
|
156
|
-
paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
|
|
157
|
-
paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
|
|
158
|
-
paddingTop: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
|
|
165
|
+
lineHeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).lineHeightM,
|
|
166
|
+
paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
|
|
167
|
+
paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
|
|
168
|
+
paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
|
|
169
|
+
paddingTop: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
|
|
159
170
|
minHeight: '37px'
|
|
160
171
|
}),
|
|
161
172
|
headerWithActions: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
162
173
|
paddingBottom: 0,
|
|
163
|
-
paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
|
|
174
|
+
paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
|
|
164
175
|
paddingTop: 0
|
|
165
176
|
})
|
|
166
177
|
};
|
|
@@ -172,35 +183,47 @@ const $d63c44c7f95693ac$export$783e10c0b439f264 = (e)=>{
|
|
|
172
183
|
function $d63c44c7f95693ac$export$606643aa598b5a97(props) {
|
|
173
184
|
const { icon: icon , type: type , actions: actions , actionsButtonProps: actionsButtonProps , badge: badge } = props;
|
|
174
185
|
const styles = $d63c44c7f95693ac$var$getHeaderStyles();
|
|
175
|
-
return(/*#__PURE__*/ $
|
|
176
|
-
className: $ej4sI$emotion.cx(styles.header, actions && styles.headerWithActions)
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
186
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
|
|
187
|
+
className: $ej4sI$emotion.cx(styles.header, actions && styles.headerWithActions),
|
|
188
|
+
children: [
|
|
189
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
|
|
190
|
+
flexGrow: 1,
|
|
191
|
+
children: type && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Text, {
|
|
192
|
+
fontColor: "gray600",
|
|
193
|
+
children: type
|
|
194
|
+
})
|
|
195
|
+
}),
|
|
196
|
+
icon && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
|
|
197
|
+
alignItems: "center",
|
|
198
|
+
marginLeft: "spacingXs",
|
|
199
|
+
children: icon
|
|
200
|
+
}),
|
|
201
|
+
badge && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
|
|
202
|
+
alignItems: "center",
|
|
203
|
+
marginLeft: "spacingXs",
|
|
204
|
+
children: badge
|
|
205
|
+
}),
|
|
206
|
+
actions && actions.length > 0 && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex // don't propagate click event, so onClick handler on the card is not triggered
|
|
207
|
+
, {
|
|
208
|
+
onClick: $d63c44c7f95693ac$export$783e10c0b439f264,
|
|
209
|
+
alignItems: "center",
|
|
210
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
|
|
211
|
+
buttonProps: actionsButtonProps,
|
|
212
|
+
children: actions
|
|
213
|
+
})
|
|
214
|
+
})
|
|
215
|
+
]
|
|
216
|
+
}));
|
|
194
217
|
}
|
|
195
218
|
|
|
196
219
|
|
|
197
220
|
const $46484ac1f332ca45$export$eed7d00d62e881b8 = 'article';
|
|
198
|
-
function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps: actionsButtonProps , ariaLabel: ariaLabel , badge: badge , children: children , className: className , contentBodyProps: contentBodyProps , header: header , href: href , icon: icon , isDragging: isDragging = false , isHovered: isHoveredProp , isSelected: isSelected = false , onBlur: onBlur , onClick: onClick , onFocus: onFocus , onKeyDown: onKeyDown , onMouseEnter: onMouseEnter , onMouseLeave: onMouseLeave ,
|
|
221
|
+
function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps: actionsButtonProps , ariaLabel: ariaLabel , badge: badge , children: children , className: className , contentBodyProps: contentBodyProps , header: header , href: href , icon: icon , isDragging: isDragging = false , isHovered: isHoveredProp , isSelected: isSelected = false , onBlur: onBlur , onClick: onClick , onFocus: onFocus , onKeyDown: onKeyDown , onMouseEnter: onMouseEnter , onMouseLeave: onMouseLeave , target: target , rel: rel , testId: testId = 'cf-ui-base-card' , title: title , type: type , withDragHandle: withDragHandle , dragHandleRender: dragHandleRender , isLoading: isLoading , ...otherProps }, forwardedRef) {
|
|
199
222
|
const styles = $c0c701b56a852764$export$e5c3362273de1eca();
|
|
200
223
|
const [isHovered, setIsHovered] = $ej4sI$react.useState(isHoveredProp !== null && isHoveredProp !== void 0 ? isHoveredProp : false);
|
|
201
224
|
const isInteractive = Boolean(onClick || href || withDragHandle);
|
|
202
225
|
const hasHeader = Boolean(header);
|
|
203
|
-
const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ $
|
|
226
|
+
const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($d63c44c7f95693ac$export$606643aa598b5a97, {
|
|
204
227
|
type: type,
|
|
205
228
|
icon: icon,
|
|
206
229
|
badge: badge,
|
|
@@ -237,22 +260,26 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
|
|
|
237
260
|
}, [
|
|
238
261
|
onKeyDown
|
|
239
262
|
]);
|
|
240
|
-
if (isLoading) return(/*#__PURE__*/ $
|
|
263
|
+
if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36skeleton.SkeletonContainer, {
|
|
241
264
|
className: styles.skeleton,
|
|
242
|
-
svgHeight: "5.6rem"
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
265
|
+
svgHeight: "5.6rem",
|
|
266
|
+
children: [
|
|
267
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonDisplayText, {
|
|
268
|
+
numberOfLines: 1
|
|
269
|
+
}),
|
|
270
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
|
|
271
|
+
numberOfLines: 1,
|
|
272
|
+
offsetTop: 35
|
|
273
|
+
})
|
|
274
|
+
]
|
|
275
|
+
}));
|
|
276
|
+
const drag = /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36draghandle.DragHandle, {
|
|
250
277
|
className: styles.dragHandle,
|
|
251
278
|
isActive: isDragging,
|
|
252
279
|
label: "Reorder entry",
|
|
253
280
|
onClick: $d63c44c7f95693ac$export$783e10c0b439f264
|
|
254
281
|
});
|
|
255
|
-
return(/*#__PURE__*/ $
|
|
282
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Box, {
|
|
256
283
|
"aria-label": title || ariaLabel,
|
|
257
284
|
"aria-pressed": otherProps.as === 'button' ? isSelected ? 'true' : 'false' : undefined,
|
|
258
285
|
as: $46484ac1f332ca45$export$eed7d00d62e881b8,
|
|
@@ -268,23 +295,32 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
|
|
|
268
295
|
onMouseEnter: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseEnter : undefined,
|
|
269
296
|
onMouseLeave: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseLeave : undefined,
|
|
270
297
|
onKeyDown: handleKeyDown,
|
|
271
|
-
rel: href && rel,
|
|
298
|
+
rel: href && (rel || 'noreferrer'),
|
|
272
299
|
role: onClick && !href ? 'button' : undefined,
|
|
273
300
|
tabIndex: onClick ? 0 : undefined,
|
|
274
301
|
target: target,
|
|
275
302
|
...otherProps,
|
|
276
303
|
ref: forwardedRef,
|
|
277
|
-
testId: testId
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
304
|
+
testId: testId,
|
|
305
|
+
children: [
|
|
306
|
+
withDragHandle ? dragHandleRender ? dragHandleRender({
|
|
307
|
+
drag: drag,
|
|
308
|
+
isDragging: isDragging
|
|
309
|
+
}) : drag : null,
|
|
310
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs("div", {
|
|
311
|
+
className: styles.wrapper,
|
|
312
|
+
"data-card-part": "wrapper",
|
|
313
|
+
children: [
|
|
314
|
+
header !== null && header !== void 0 ? header : defaultHeader,
|
|
315
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx("div", {
|
|
316
|
+
className: styles.contentBody,
|
|
317
|
+
"data-card-part": "content",
|
|
318
|
+
children: children
|
|
319
|
+
})
|
|
320
|
+
]
|
|
321
|
+
})
|
|
322
|
+
]
|
|
323
|
+
}));
|
|
288
324
|
}
|
|
289
325
|
const $46484ac1f332ca45$export$ffd8d1a491a618f2 = /*#__PURE__*/ $ej4sI$react.forwardRef($46484ac1f332ca45$var$_BaseCard);
|
|
290
326
|
|
|
@@ -299,22 +335,19 @@ const $138fee8f40b2042d$export$37a6ca57378bcb83 = ()=>{
|
|
|
299
335
|
}),
|
|
300
336
|
root: ({ size: size })=>{
|
|
301
337
|
const styles = {
|
|
302
|
-
borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
303
|
-
minWidth: `calc(1rem * (120 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
|
|
304
|
-
maxWidth: size === 'small' ? `calc(1rem * (240 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))` : `calc(1rem * (340 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
|
|
305
|
-
height: size === 'small' ? `calc(1rem * (188 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))` : `calc(1rem * (300 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
|
|
338
|
+
borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
339
|
+
minWidth: `calc(1rem * (120 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
|
|
340
|
+
maxWidth: size === 'small' ? `calc(1rem * (240 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))` : `calc(1rem * (340 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
|
|
341
|
+
height: size === 'small' ? `calc(1rem * (188 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))` : `calc(1rem * (300 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
|
|
306
342
|
padding: 0,
|
|
307
|
-
textAlign: 'center'
|
|
308
|
-
'[data-card-part="content"]': {
|
|
309
|
-
padding: 0
|
|
310
|
-
}
|
|
343
|
+
textAlign: 'center'
|
|
311
344
|
};
|
|
312
345
|
return(/*#__PURE__*/ $ej4sI$emotion.css(styles));
|
|
313
346
|
},
|
|
314
347
|
skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
315
|
-
border: `1px solid ${$parcel$interopDefault($ej4sI$contentfulf36tokens).gray300}`,
|
|
316
|
-
borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
317
|
-
padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
|
|
348
|
+
border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
|
|
349
|
+
borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
350
|
+
padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
|
|
318
351
|
})
|
|
319
352
|
};
|
|
320
353
|
};
|
|
@@ -324,23 +357,24 @@ const $138fee8f40b2042d$export$37a6ca57378bcb83 = ()=>{
|
|
|
324
357
|
|
|
325
358
|
const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , className: className , icon: icon = null , isSelected: isSelected , size: size = 'default' , src: src , status: status , title: title , type: type , withDragHandle: withDragHandle = false , isLoading: isLoading , testId: testId = 'cf-ui-asset-card' , ...otherProps })=>{
|
|
326
359
|
const styles = $138fee8f40b2042d$export$37a6ca57378bcb83();
|
|
327
|
-
const badge = status ? /*#__PURE__*/ $
|
|
360
|
+
const badge = status ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36badge.EntityStatusBadge, {
|
|
328
361
|
entityStatus: status
|
|
329
362
|
}) : null;
|
|
330
|
-
const header = icon || badge || actions ? /*#__PURE__*/ $
|
|
363
|
+
const header = icon || badge || actions ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($d63c44c7f95693ac$export$606643aa598b5a97, {
|
|
331
364
|
icon: icon,
|
|
332
365
|
badge: badge,
|
|
333
366
|
actions: actions
|
|
334
367
|
}) : null;
|
|
335
|
-
if (isLoading) return(/*#__PURE__*/ $
|
|
368
|
+
if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonContainer, {
|
|
336
369
|
className: styles.skeleton,
|
|
337
370
|
svgWidth: size === 'default' ? '18rem' : '11rem',
|
|
338
|
-
svgHeight: size === 'default' ? '18.75rem' : '12rem'
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
371
|
+
svgHeight: size === 'default' ? '18.75rem' : '12rem',
|
|
372
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonImage, {
|
|
373
|
+
width: "100%",
|
|
374
|
+
height: "18.75rem"
|
|
375
|
+
})
|
|
376
|
+
}));
|
|
377
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
|
|
344
378
|
...otherProps,
|
|
345
379
|
badge: badge,
|
|
346
380
|
className: $ej4sI$emotion.cx(styles.root({
|
|
@@ -350,18 +384,20 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
|
|
|
350
384
|
isSelected: isSelected,
|
|
351
385
|
title: title,
|
|
352
386
|
withDragHandle: withDragHandle,
|
|
353
|
-
testId: testId
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
387
|
+
testId: testId,
|
|
388
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
|
|
389
|
+
alignItems: "center",
|
|
390
|
+
fullHeight: true,
|
|
391
|
+
justifyContent: "center",
|
|
392
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36asset.Asset, {
|
|
393
|
+
className: styles.asset,
|
|
394
|
+
src: src,
|
|
395
|
+
status: status,
|
|
396
|
+
title: title,
|
|
397
|
+
type: type
|
|
398
|
+
})
|
|
399
|
+
})
|
|
400
|
+
}));
|
|
365
401
|
};
|
|
366
402
|
|
|
367
403
|
|
|
@@ -373,27 +409,25 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
|
|
|
373
409
|
|
|
374
410
|
|
|
375
411
|
|
|
412
|
+
|
|
376
413
|
const $3e14d9afb4efa2d4$var$getCardPaddingValue = (padding)=>{
|
|
377
414
|
switch(padding){
|
|
378
415
|
case 'large':
|
|
379
|
-
return $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingL;
|
|
416
|
+
return ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingL;
|
|
380
417
|
case 'none':
|
|
381
418
|
return 0;
|
|
382
419
|
default:
|
|
383
|
-
return $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM;
|
|
420
|
+
return ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM;
|
|
384
421
|
}
|
|
385
422
|
};
|
|
386
423
|
const $3e14d9afb4efa2d4$export$164c3dc7db460fb7 = ({ padding: padding })=>({
|
|
387
424
|
header: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
388
425
|
gridColumn: 'content',
|
|
389
426
|
gridRow: 'header',
|
|
390
|
-
marginBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
|
|
427
|
+
marginBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
|
|
391
428
|
}),
|
|
392
429
|
root: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
393
|
-
padding: $3e14d9afb4efa2d4$var$getCardPaddingValue(padding)
|
|
394
|
-
'[data-card-part="content"]': {
|
|
395
|
-
padding: 0
|
|
396
|
-
}
|
|
430
|
+
padding: $3e14d9afb4efa2d4$var$getCardPaddingValue(padding)
|
|
397
431
|
})
|
|
398
432
|
})
|
|
399
433
|
;
|
|
@@ -404,25 +438,37 @@ function $be6854fcee4fd843$var$_Card({ actions: actions , badge: badge , icon: i
|
|
|
404
438
|
padding: padding
|
|
405
439
|
});
|
|
406
440
|
const hasHeader = Boolean(title || icon || badge || actions);
|
|
407
|
-
return(/*#__PURE__*/ $
|
|
441
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
|
|
408
442
|
className: $ej4sI$emotion.cx(styles.root, className),
|
|
409
443
|
...otherProps,
|
|
410
444
|
testId: testId,
|
|
411
|
-
header: hasHeader && /*#__PURE__*/ $
|
|
412
|
-
alignItems: "center",
|
|
413
|
-
className: $ej4sI$emotion.cx(styles.header)
|
|
414
|
-
}, title && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
|
|
415
|
-
as: "header",
|
|
416
|
-
flexGrow: 1
|
|
417
|
-
}, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Heading, {
|
|
418
|
-
marginBottom: "none"
|
|
419
|
-
}, title)), icon && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
|
|
420
|
-
alignItems: "center",
|
|
421
|
-
marginLeft: "spacingXs"
|
|
422
|
-
}, icon), badge && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
|
|
445
|
+
header: hasHeader && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
|
|
423
446
|
alignItems: "center",
|
|
424
|
-
|
|
425
|
-
|
|
447
|
+
className: $ej4sI$emotion.cx(styles.header),
|
|
448
|
+
children: [
|
|
449
|
+
title && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
|
|
450
|
+
as: "header",
|
|
451
|
+
flexGrow: 1,
|
|
452
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Heading, {
|
|
453
|
+
marginBottom: "none",
|
|
454
|
+
children: title
|
|
455
|
+
})
|
|
456
|
+
}),
|
|
457
|
+
icon && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
|
|
458
|
+
alignItems: "center",
|
|
459
|
+
marginLeft: "spacingXs",
|
|
460
|
+
children: icon
|
|
461
|
+
}),
|
|
462
|
+
badge && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
|
|
463
|
+
alignItems: "center",
|
|
464
|
+
marginLeft: "spacingXs",
|
|
465
|
+
children: badge
|
|
466
|
+
}),
|
|
467
|
+
actions && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
|
|
468
|
+
children: actions
|
|
469
|
+
})
|
|
470
|
+
]
|
|
471
|
+
}),
|
|
426
472
|
ref: forwardedRef
|
|
427
473
|
}));
|
|
428
474
|
}
|
|
@@ -438,35 +484,40 @@ const $be6854fcee4fd843$export$60332b2344f7fe41 = /*#__PURE__*/ $ej4sI$react.for
|
|
|
438
484
|
|
|
439
485
|
|
|
440
486
|
|
|
487
|
+
|
|
441
488
|
const $da17fbf72fc29a72$export$25b6e8fb8b7b795b = ()=>{
|
|
442
489
|
return {
|
|
443
490
|
actionsButton: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
444
491
|
borderBottomLeftRadius: 0,
|
|
445
492
|
borderBottomRightRadius: 0,
|
|
446
493
|
borderTopLeftRadius: 0,
|
|
447
|
-
borderTopRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium
|
|
494
|
+
borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium
|
|
448
495
|
}),
|
|
449
496
|
content: (size)=>/*#__PURE__*/ $ej4sI$emotion.css({
|
|
450
497
|
gridColumn: 'content',
|
|
451
|
-
marginTop: size === 'small' ? $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs : $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingS,
|
|
452
|
-
marginBottom: size === 'small' ? `calc(-1 * ${$parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs})` : 0
|
|
498
|
+
marginTop: size === 'small' ? ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs : ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS,
|
|
499
|
+
marginBottom: size === 'small' ? `calc(-1 * ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs})` : 0
|
|
453
500
|
})
|
|
454
501
|
,
|
|
455
502
|
root: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
456
|
-
|
|
457
|
-
|
|
503
|
+
padding: 0,
|
|
504
|
+
'[data-card-part="content"]': {
|
|
505
|
+
paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
|
|
506
|
+
paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
|
|
507
|
+
paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
|
|
508
|
+
}
|
|
458
509
|
}),
|
|
459
510
|
header: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
460
511
|
borderBottomWidth: 1,
|
|
461
|
-
borderBottomColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray200,
|
|
512
|
+
borderBottomColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray200,
|
|
462
513
|
borderBottomStyle: 'solid',
|
|
463
514
|
minHeight: 'auto',
|
|
464
|
-
paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
|
|
465
|
-
paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
|
|
466
|
-
paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs
|
|
515
|
+
paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
|
|
516
|
+
paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
|
|
517
|
+
paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
|
|
467
518
|
}),
|
|
468
519
|
thumbnail: (size)=>/*#__PURE__*/ $ej4sI$emotion.css({
|
|
469
|
-
margin: `0 0 0 ${$parcel$interopDefault($ej4sI$contentfulf36tokens).spacingS}`,
|
|
520
|
+
margin: `0 0 0 ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS}`,
|
|
470
521
|
padding: 0,
|
|
471
522
|
overflow: 'hidden',
|
|
472
523
|
position: 'relative',
|
|
@@ -492,29 +543,32 @@ const $da17fbf72fc29a72$export$25b6e8fb8b7b795b = ()=>{
|
|
|
492
543
|
const $7bab253d72ab2848$var$ENTRY_CARD_DEFAULT_TAG = 'article';
|
|
493
544
|
function $7bab253d72ab2848$var$EntryCardTitle({ title: title }) {
|
|
494
545
|
if (!title) return null;
|
|
495
|
-
const truncatedTitle = $parcel$interopDefault($ej4sI$truncate)(title, 255, {
|
|
546
|
+
const truncatedTitle = ($parcel$interopDefault($ej4sI$truncate))(title, 255, {
|
|
496
547
|
});
|
|
497
|
-
return(/*#__PURE__*/ $
|
|
548
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Subheading, {
|
|
498
549
|
title: title.length > 255 ? title : '',
|
|
499
550
|
testId: "title",
|
|
500
551
|
as: "h1",
|
|
501
|
-
marginBottom: "none"
|
|
502
|
-
|
|
552
|
+
marginBottom: "none",
|
|
553
|
+
children: truncatedTitle
|
|
554
|
+
}));
|
|
503
555
|
}
|
|
504
556
|
function $7bab253d72ab2848$var$EntryCardDescription({ description: description , size: size }) {
|
|
505
557
|
if (!description || size === 'small') return null;
|
|
506
|
-
const truncatedDescription = $parcel$interopDefault($ej4sI$truncate)(description, 95, {
|
|
558
|
+
const truncatedDescription = ($parcel$interopDefault($ej4sI$truncate))(description, 95, {
|
|
507
559
|
});
|
|
508
|
-
return(/*#__PURE__*/ $
|
|
509
|
-
marginBottom: "none"
|
|
510
|
-
|
|
560
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Paragraph, {
|
|
561
|
+
marginBottom: "none",
|
|
562
|
+
isTruncated: true,
|
|
563
|
+
children: truncatedDescription
|
|
564
|
+
}));
|
|
511
565
|
}
|
|
512
566
|
function $7bab253d72ab2848$var$_EntryCard({ actions: actions , children: children , className: className , src: src , status: status , thumbnailElement: thumbnailElement , description: description , withDragHandle: withDragHandle = false , title: title , size: size , testId: testId = 'cf-ui-entry-card' , contentType: contentType , ...otherProps }, forwardedRef) {
|
|
513
567
|
const styles = $da17fbf72fc29a72$export$25b6e8fb8b7b795b();
|
|
514
|
-
const badge = status ? /*#__PURE__*/ $
|
|
568
|
+
const badge = status ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36badge.EntityStatusBadge, {
|
|
515
569
|
entityStatus: status
|
|
516
570
|
}) : null;
|
|
517
|
-
return(/*#__PURE__*/ $
|
|
571
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
|
|
518
572
|
as: $7bab253d72ab2848$var$ENTRY_CARD_DEFAULT_TAG,
|
|
519
573
|
...otherProps,
|
|
520
574
|
actions: actions,
|
|
@@ -523,23 +577,34 @@ function $7bab253d72ab2848$var$_EntryCard({ actions: actions , children: childre
|
|
|
523
577
|
withDragHandle: withDragHandle,
|
|
524
578
|
ref: forwardedRef,
|
|
525
579
|
type: contentType,
|
|
526
|
-
testId: testId
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
580
|
+
testId: testId,
|
|
581
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
|
|
582
|
+
alignItems: "center",
|
|
583
|
+
className: styles.content(size),
|
|
584
|
+
flexDirection: "row",
|
|
585
|
+
children: [
|
|
586
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
|
|
587
|
+
flexDirection: "column",
|
|
588
|
+
flexGrow: 1,
|
|
589
|
+
gap: "spacingS",
|
|
590
|
+
children: [
|
|
591
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($7bab253d72ab2848$var$EntryCardTitle, {
|
|
592
|
+
title: title
|
|
593
|
+
}),
|
|
594
|
+
/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($7bab253d72ab2848$var$EntryCardDescription, {
|
|
595
|
+
size: size,
|
|
596
|
+
description: description
|
|
597
|
+
}),
|
|
598
|
+
children
|
|
599
|
+
]
|
|
600
|
+
}),
|
|
601
|
+
thumbnailElement && size !== 'small' && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx("figure", {
|
|
602
|
+
className: styles.thumbnail(size),
|
|
603
|
+
children: thumbnailElement
|
|
604
|
+
})
|
|
605
|
+
]
|
|
606
|
+
})
|
|
607
|
+
}));
|
|
543
608
|
}
|
|
544
609
|
const $7bab253d72ab2848$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwardRef($7bab253d72ab2848$var$_EntryCard);
|
|
545
610
|
|
|
@@ -551,12 +616,13 @@ const $7bab253d72ab2848$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwa
|
|
|
551
616
|
|
|
552
617
|
|
|
553
618
|
|
|
619
|
+
|
|
554
620
|
const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
|
|
555
621
|
return {
|
|
556
622
|
actions: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
557
623
|
display: 'flex',
|
|
558
624
|
padding: 0,
|
|
559
|
-
marginLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
|
|
625
|
+
marginLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
|
|
560
626
|
minHeight: 'auto'
|
|
561
627
|
}),
|
|
562
628
|
root: ({ status: status })=>{
|
|
@@ -571,11 +637,8 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
|
|
|
571
637
|
verticalAlign: 'middle',
|
|
572
638
|
paddingBottom: 0,
|
|
573
639
|
paddingTop: 0,
|
|
574
|
-
paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingS,
|
|
575
|
-
paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacing2Xs,
|
|
576
|
-
'[data-card-part="content"]': {
|
|
577
|
-
padding: 0
|
|
578
|
-
},
|
|
640
|
+
paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS,
|
|
641
|
+
paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs,
|
|
579
642
|
'[data-card-part="wrapper"]': {
|
|
580
643
|
display: 'inline-flex',
|
|
581
644
|
flexDirection: 'row-reverse'
|
|
@@ -588,16 +651,16 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
|
|
|
588
651
|
left: 0,
|
|
589
652
|
position: 'absolute',
|
|
590
653
|
top: 0,
|
|
591
|
-
width: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacing2Xs
|
|
654
|
+
width: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs
|
|
592
655
|
}
|
|
593
656
|
}));
|
|
594
657
|
},
|
|
595
658
|
skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
|
|
596
659
|
display: 'inline-flex',
|
|
597
|
-
border: `1px solid ${$parcel$interopDefault($ej4sI$contentfulf36tokens).gray300}`,
|
|
598
|
-
borderTopRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
599
|
-
borderBottomRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
|
|
600
|
-
padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs
|
|
660
|
+
border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
|
|
661
|
+
borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
662
|
+
borderBottomRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
|
|
663
|
+
padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
|
|
601
664
|
})
|
|
602
665
|
};
|
|
603
666
|
};
|
|
@@ -607,26 +670,31 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
|
|
|
607
670
|
|
|
608
671
|
const $0593efaf405710d5$export$94c16395f9ec3265 = ({ actions: actions , className: className , status: status , title: title , isLoading: isLoading , testId: testId = 'cf-ui-inline-entry-card' , ...otherProps })=>{
|
|
609
672
|
const styles = $0c53949ffe0f2254$export$ccfc6dbdba6183be();
|
|
610
|
-
const header = /*#__PURE__*/ $
|
|
673
|
+
const header = /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
|
|
611
674
|
buttonProps: {
|
|
612
675
|
className: styles.actions
|
|
613
|
-
}
|
|
614
|
-
|
|
615
|
-
|
|
676
|
+
},
|
|
677
|
+
children: actions
|
|
678
|
+
});
|
|
679
|
+
if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonContainer, {
|
|
616
680
|
className: styles.skeleton,
|
|
617
681
|
svgHeight: "1.25rem",
|
|
618
|
-
svgWidth: "6rem"
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
682
|
+
svgWidth: "6rem",
|
|
683
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
|
|
684
|
+
numberOfLines: 1
|
|
685
|
+
})
|
|
686
|
+
}));
|
|
687
|
+
return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
|
|
623
688
|
...otherProps,
|
|
624
689
|
className: $ej4sI$emotion.cx(styles.root({
|
|
625
690
|
status: status
|
|
626
691
|
}), className),
|
|
627
692
|
header: header,
|
|
628
|
-
testId: testId
|
|
629
|
-
|
|
693
|
+
testId: testId,
|
|
694
|
+
children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Text, {
|
|
695
|
+
children: title
|
|
696
|
+
})
|
|
697
|
+
}));
|
|
630
698
|
};
|
|
631
699
|
|
|
632
700
|
|