@contentful/f36-card 4.0.1-beta.2694 → 4.0.1-beta.2696

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.
Files changed (7) hide show
  1. package/dist/main.js +122 -198
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +123 -199
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +0 -0
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +13 -13
package/dist/main.js CHANGED
@@ -1,4 +1,3 @@
1
- var $ej4sI$reactjsxruntime = require("react/jsx-runtime");
2
1
  var $ej4sI$emotion = require("emotion");
3
2
  var $ej4sI$react = require("react");
4
3
  var $ej4sI$contentfulf36core = require("@contentful/f36-core");
@@ -35,8 +34,6 @@ $parcel$export(module.exports, "InlineEntryCard", () => $0593efaf405710d5$export
35
34
 
36
35
 
37
36
 
38
-
39
-
40
37
  const $c0c701b56a852764$export$e5c3362273de1eca = ()=>{
41
38
  return {
42
39
  contentBody: /*#__PURE__*/ $ej4sI$emotion.css({
@@ -109,8 +106,6 @@ const $c0c701b56a852764$export$e5c3362273de1eca = ()=>{
109
106
 
110
107
 
111
108
 
112
-
113
-
114
109
  const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
115
110
  return {
116
111
  root: /*#__PURE__*/ $ej4sI$emotion.css({
@@ -124,25 +119,15 @@ const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
124
119
 
125
120
  const $67b693c1b2ec5e4d$export$9b6a647253f61c5f = ({ buttonProps: buttonProps , children: children })=>{
126
121
  const styles = $bee2b85f9e63f730$export$6468e6b9c1bc1de();
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
- }));
122
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36menu.Menu, null, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36menu.Menu.Trigger, null, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36button.IconButton, {
123
+ "aria-label": "Actions",
124
+ icon: /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36icons.MoreHorizontalIcon, null),
125
+ ...buttonProps,
126
+ className: $ej4sI$emotion.cx(styles.root, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
127
+ size: "small",
128
+ variant: "transparent",
129
+ testId: "cf-ui-card-actions"
130
+ })), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36menu.Menu.List, null, children)));
146
131
  };
147
132
 
148
133
 
@@ -183,37 +168,25 @@ const $d63c44c7f95693ac$export$783e10c0b439f264 = (e)=>{
183
168
  function $d63c44c7f95693ac$export$606643aa598b5a97(props) {
184
169
  const { icon: icon , type: type , actions: actions , actionsButtonProps: actionsButtonProps , badge: badge } = props;
185
170
  const styles = $d63c44c7f95693ac$var$getHeaderStyles();
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
- }));
171
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
172
+ className: $ej4sI$emotion.cx(styles.header, actions && styles.headerWithActions)
173
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
174
+ flexGrow: 1
175
+ }, type && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Text, {
176
+ fontColor: "gray600"
177
+ }, type)), icon && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
178
+ alignItems: "center",
179
+ marginLeft: "spacingXs"
180
+ }, icon), badge && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
181
+ alignItems: "center",
182
+ marginLeft: "spacingXs"
183
+ }, badge), actions && actions.length > 0 && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex // don't propagate click event, so onClick handler on the card is not triggered
184
+ , {
185
+ onClick: $d63c44c7f95693ac$export$783e10c0b439f264,
186
+ alignItems: "center"
187
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
188
+ buttonProps: actionsButtonProps
189
+ }, actions))));
217
190
  }
218
191
 
219
192
 
@@ -223,7 +196,7 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
223
196
  const [isHovered, setIsHovered] = $ej4sI$react.useState(isHoveredProp !== null && isHoveredProp !== void 0 ? isHoveredProp : false);
224
197
  const isInteractive = Boolean(onClick || href || withDragHandle);
225
198
  const hasHeader = Boolean(header);
226
- const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($d63c44c7f95693ac$export$606643aa598b5a97, {
199
+ const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
227
200
  type: type,
228
201
  icon: icon,
229
202
  badge: badge,
@@ -260,26 +233,22 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
260
233
  }, [
261
234
  onKeyDown
262
235
  ]);
263
- if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36skeleton.SkeletonContainer, {
236
+ if (isLoading) return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
264
237
  className: styles.skeleton,
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, {
238
+ svgHeight: "5.6rem"
239
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonDisplayText, {
240
+ numberOfLines: 1
241
+ }), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
242
+ numberOfLines: 1,
243
+ offsetTop: 35
244
+ })));
245
+ const drag = /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36draghandle.DragHandle, {
277
246
  className: styles.dragHandle,
278
247
  isActive: isDragging,
279
248
  label: "Reorder entry",
280
249
  onClick: $d63c44c7f95693ac$export$783e10c0b439f264
281
250
  });
282
- return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Box, {
251
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Box, {
283
252
  "aria-label": title || ariaLabel,
284
253
  "aria-pressed": otherProps.as === 'button' ? isSelected ? 'true' : 'false' : undefined,
285
254
  as: $46484ac1f332ca45$export$eed7d00d62e881b8,
@@ -301,26 +270,17 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
301
270
  target: target,
302
271
  ...otherProps,
303
272
  ref: forwardedRef,
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
- }));
273
+ testId: testId
274
+ }, withDragHandle ? dragHandleRender ? dragHandleRender({
275
+ drag: drag,
276
+ isDragging: isDragging
277
+ }) : drag : null, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("div", {
278
+ className: styles.wrapper,
279
+ "data-card-part": "wrapper"
280
+ }, header !== null && header !== void 0 ? header : defaultHeader, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("div", {
281
+ className: styles.contentBody,
282
+ "data-card-part": "content"
283
+ }, children))));
324
284
  }
325
285
  const $46484ac1f332ca45$export$ffd8d1a491a618f2 = /*#__PURE__*/ $ej4sI$react.forwardRef($46484ac1f332ca45$var$_BaseCard);
326
286
 
@@ -357,24 +317,23 @@ const $138fee8f40b2042d$export$37a6ca57378bcb83 = ()=>{
357
317
 
358
318
  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 })=>{
359
319
  const styles = $138fee8f40b2042d$export$37a6ca57378bcb83();
360
- const badge = status ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36badge.EntityStatusBadge, {
320
+ const badge = status ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
361
321
  entityStatus: status
362
322
  }) : null;
363
- const header = icon || badge || actions ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($d63c44c7f95693ac$export$606643aa598b5a97, {
323
+ const header = icon || badge || actions ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
364
324
  icon: icon,
365
325
  badge: badge,
366
326
  actions: actions
367
327
  }) : null;
368
- if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonContainer, {
328
+ if (isLoading) return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
369
329
  className: styles.skeleton,
370
330
  svgWidth: size === 'default' ? '18rem' : '11rem',
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, {
331
+ svgHeight: size === 'default' ? '18.75rem' : '12rem'
332
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonImage, {
333
+ width: "100%",
334
+ height: "18.75rem"
335
+ })));
336
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
378
337
  ...otherProps,
379
338
  badge: badge,
380
339
  className: $ej4sI$emotion.cx(styles.root({
@@ -384,20 +343,18 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
384
343
  isSelected: isSelected,
385
344
  title: title,
386
345
  withDragHandle: withDragHandle,
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
- }));
346
+ testId: testId
347
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
348
+ alignItems: "center",
349
+ fullHeight: true,
350
+ justifyContent: "center"
351
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36asset.Asset, {
352
+ className: styles.asset,
353
+ src: src,
354
+ status: status,
355
+ title: title,
356
+ type: type
357
+ }))));
401
358
  };
402
359
 
403
360
 
@@ -409,7 +366,6 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
409
366
 
410
367
 
411
368
 
412
-
413
369
  const $3e14d9afb4efa2d4$var$getCardPaddingValue = (padding)=>{
414
370
  switch(padding){
415
371
  case 'large':
@@ -438,37 +394,25 @@ function $be6854fcee4fd843$var$_Card({ actions: actions , badge: badge , icon: i
438
394
  padding: padding
439
395
  });
440
396
  const hasHeader = Boolean(title || icon || badge || actions);
441
- return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
397
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
442
398
  className: $ej4sI$emotion.cx(styles.root, className),
443
399
  ...otherProps,
444
400
  testId: testId,
445
- header: hasHeader && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
401
+ header: hasHeader && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
446
402
  alignItems: "center",
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
- }),
403
+ className: $ej4sI$emotion.cx(styles.header)
404
+ }, title && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
405
+ as: "header",
406
+ flexGrow: 1
407
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Heading, {
408
+ marginBottom: "none"
409
+ }, title)), icon && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
410
+ alignItems: "center",
411
+ marginLeft: "spacingXs"
412
+ }, icon), badge && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
413
+ alignItems: "center",
414
+ marginLeft: "spacingXs"
415
+ }, badge), actions && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, null, actions)),
472
416
  ref: forwardedRef
473
417
  }));
474
418
  }
@@ -484,7 +428,6 @@ const $be6854fcee4fd843$export$60332b2344f7fe41 = /*#__PURE__*/ $ej4sI$react.for
484
428
 
485
429
 
486
430
 
487
-
488
431
  const $da17fbf72fc29a72$export$25b6e8fb8b7b795b = ()=>{
489
432
  return {
490
433
  actionsButton: /*#__PURE__*/ $ej4sI$emotion.css({
@@ -545,30 +488,28 @@ function $7bab253d72ab2848$var$EntryCardTitle({ title: title }) {
545
488
  if (!title) return null;
546
489
  const truncatedTitle = ($parcel$interopDefault($ej4sI$truncate))(title, 255, {
547
490
  });
548
- return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Subheading, {
491
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Subheading, {
549
492
  title: title.length > 255 ? title : '',
550
493
  testId: "title",
551
494
  as: "h1",
552
- marginBottom: "none",
553
- children: truncatedTitle
554
- }));
495
+ marginBottom: "none"
496
+ }, truncatedTitle));
555
497
  }
556
498
  function $7bab253d72ab2848$var$EntryCardDescription({ description: description , size: size }) {
557
499
  if (!description || size === 'small') return null;
558
500
  const truncatedDescription = ($parcel$interopDefault($ej4sI$truncate))(description, 95, {
559
501
  });
560
- return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Paragraph, {
502
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Paragraph, {
561
503
  marginBottom: "none",
562
- isTruncated: true,
563
- children: truncatedDescription
564
- }));
504
+ isTruncated: true
505
+ }, truncatedDescription));
565
506
  }
566
507
  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) {
567
508
  const styles = $da17fbf72fc29a72$export$25b6e8fb8b7b795b();
568
- const badge = status ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36badge.EntityStatusBadge, {
509
+ const badge = status ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
569
510
  entityStatus: status
570
511
  }) : null;
571
- return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
512
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
572
513
  as: $7bab253d72ab2848$var$ENTRY_CARD_DEFAULT_TAG,
573
514
  ...otherProps,
574
515
  actions: actions,
@@ -577,34 +518,23 @@ function $7bab253d72ab2848$var$_EntryCard({ actions: actions , children: childre
577
518
  withDragHandle: withDragHandle,
578
519
  ref: forwardedRef,
579
520
  type: contentType,
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
- }));
521
+ testId: testId
522
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
523
+ alignItems: "center",
524
+ className: styles.content(size),
525
+ flexDirection: "row"
526
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
527
+ flexDirection: "column",
528
+ flexGrow: 1,
529
+ gap: "spacingS"
530
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7bab253d72ab2848$var$EntryCardTitle, {
531
+ title: title
532
+ }), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7bab253d72ab2848$var$EntryCardDescription, {
533
+ size: size,
534
+ description: description
535
+ }), children), thumbnailElement && size !== 'small' && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("figure", {
536
+ className: styles.thumbnail(size)
537
+ }, thumbnailElement))));
608
538
  }
609
539
  const $7bab253d72ab2848$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwardRef($7bab253d72ab2848$var$_EntryCard);
610
540
 
@@ -616,7 +546,6 @@ const $7bab253d72ab2848$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwa
616
546
 
617
547
 
618
548
 
619
-
620
549
  const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
621
550
  return {
622
551
  actions: /*#__PURE__*/ $ej4sI$emotion.css({
@@ -670,31 +599,26 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
670
599
 
671
600
  const $0593efaf405710d5$export$94c16395f9ec3265 = ({ actions: actions , className: className , status: status , title: title , isLoading: isLoading , testId: testId = 'cf-ui-inline-entry-card' , ...otherProps })=>{
672
601
  const styles = $0c53949ffe0f2254$export$ccfc6dbdba6183be();
673
- const header = /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
602
+ const header = /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
674
603
  buttonProps: {
675
604
  className: styles.actions
676
- },
677
- children: actions
678
- });
679
- if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonContainer, {
605
+ }
606
+ }, actions);
607
+ if (isLoading) return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
680
608
  className: styles.skeleton,
681
609
  svgHeight: "1.25rem",
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, {
610
+ svgWidth: "6rem"
611
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
612
+ numberOfLines: 1
613
+ })));
614
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
688
615
  ...otherProps,
689
616
  className: $ej4sI$emotion.cx(styles.root({
690
617
  status: status
691
618
  }), className),
692
619
  header: header,
693
- testId: testId,
694
- children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Text, {
695
- children: title
696
- })
697
- }));
620
+ testId: testId
621
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Text, null, title)));
698
622
  };
699
623
 
700
624