npm - @contentful/f36-entity-list - Versions diffs - 4.14.0 → 4.16.0 - Mend

@contentful/f36-entity-list 4.14.0 → 4.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.

Files changed (7) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,50 @@
 # Change Log
+## 4.16.0
+### Patch Changes
+- Updated dependencies []:
+  - @contentful/f36-badge@4.16.0
+  - @contentful/f36-button@4.16.0
+  - @contentful/f36-drag-handle@4.16.0
+  - @contentful/f36-icon@4.16.0
+  - @contentful/f36-icons@4.16.0
+  - @contentful/f36-menu@4.16.0
+  - @contentful/f36-skeleton@4.16.0
+  - @contentful/f36-typography@4.16.0
+  - @contentful/f36-core@4.16.0
+## 4.15.1
+### Patch Changes
+- Updated dependencies []:
+  - @contentful/f36-badge@4.15.1
+  - @contentful/f36-button@4.15.1
+  - @contentful/f36-drag-handle@4.15.1
+  - @contentful/f36-icon@4.15.1
+  - @contentful/f36-icons@4.15.1
+  - @contentful/f36-menu@4.15.1
+  - @contentful/f36-skeleton@4.15.1
+  - @contentful/f36-typography@4.15.1
+  - @contentful/f36-core@4.15.1
+## 4.15.0
+### Patch Changes
+- Updated dependencies [[`647c849e`](https://github.com/contentful/forma-36/commit/647c849e30891f65be401e95d2ae45b5a715da36)]:
+  - @contentful/f36-icon@4.15.0
+  - @contentful/f36-badge@4.15.0
+  - @contentful/f36-button@4.15.0
+  - @contentful/f36-drag-handle@4.15.0
+  - @contentful/f36-icons@4.15.0
+  - @contentful/f36-menu@4.15.0
+  - @contentful/f36-skeleton@4.15.0
+  - @contentful/f36-typography@4.15.0
+  - @contentful/f36-core@4.15.0
 ## 4.14.0
 ### Patch Changes

package/dist/main.js CHANGED Viewed

@@ -2,6 +2,7 @@ var $hadoL$emotion = require("emotion");
 var $hadoL$react = require("react");
 var $hadoL$contentfulf36tokens = require("@contentful/f36-tokens");
 var $hadoL$contentfulf36badge = require("@contentful/f36-badge");
+var $hadoL$contentfulf36core = require("@contentful/f36-core");
 var $hadoL$contentfulf36icons = require("@contentful/f36-icons");
 var $hadoL$contentfulf36icon = require("@contentful/f36-icon");
 var $hadoL$contentfulf36typography = require("@contentful/f36-typography");
@@ -9,7 +10,6 @@ var $hadoL$contentfulf36draghandle = require("@contentful/f36-drag-handle");
 var $hadoL$contentfulf36button = require("@contentful/f36-button");
 var $hadoL$contentfulf36menu = require("@contentful/f36-menu");
 var $hadoL$contentfulf36skeleton = require("@contentful/f36-skeleton");
-var $hadoL$contentfulf36core = require("@contentful/f36-core");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -25,31 +25,32 @@ $parcel$export(module.exports, "EntityListItem", () => $3f4d63406b2f6561$export$
 const $e3aba86fc342822d$export$2b0a239870ba448d = ()=>({
-        root: /*#__PURE__*/ $hadoL$emotion.css({
-            display: 'block',
-            listStyle: 'none',
+        root: /*#__PURE__*/ (0, $hadoL$emotion.css)({
+            display: "block",
+            listStyle: "none",
             margin: 0,
             padding: 0,
-            border: `1px solid ${($parcel$interopDefault($hadoL$contentfulf36tokens)).gray200}`,
-            borderBottom: 'none',
-            borderRadius: ($parcel$interopDefault($hadoL$contentfulf36tokens)).borderRadiusMedium,
-            overflow: 'hidden'
+            border: `1px solid ${(0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).gray200}`,
+            borderBottom: "none",
+            borderRadius: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).borderRadiusMedium,
+            overflow: "hidden"
         })
-    })
-;
+    });
 function $42fa390001ac865a$var$_EntityList(props, ref) {
-    const styles = $e3aba86fc342822d$export$2b0a239870ba448d();
-    return /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement("ul", {
-        "data-test-id": props.testId || 'cf-ui-entity-list',
+    const styles = (0, $e3aba86fc342822d$export$2b0a239870ba448d)();
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement("ul", {
+        "data-test-id": props.testId || "cf-ui-entity-list",
         ref: ref,
-        className: $hadoL$emotion.cx(styles.root, props.className),
+        className: (0, $hadoL$emotion.cx)(styles.root, props.className),
         style: props.style
     }, props.children);
 }
-$42fa390001ac865a$var$_EntityList.displayName = 'EntityList';
-const $42fa390001ac865a$export$8bb466c13870163e = /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).forwardRef($42fa390001ac865a$var$_EntityList);
+$42fa390001ac865a$var$_EntityList.displayName = "EntityList";
+const $42fa390001ac865a$export$8bb466c13870163e = /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).forwardRef($42fa390001ac865a$var$_EntityList);
@@ -64,170 +65,166 @@ const $42fa390001ac865a$export$8bb466c13870163e = /*#__PURE__*/ ($parcel$interop
 const $07bceb135ccb0944$export$3bb342229d68a121 = ()=>({
-        root: (props)=>/*#__PURE__*/ $hadoL$emotion.css({
-                display: 'flex',
-                boxShadow: `inset 0 -1px 0 ${($parcel$interopDefault($hadoL$contentfulf36tokens)).gray200}`,
-                position: 'relative',
-                transition: `${($parcel$interopDefault($hadoL$contentfulf36tokens)).transitionDurationShort} ${($parcel$interopDefault($hadoL$contentfulf36tokens)).transitionEasingDefault}`,
-                transitionProperty: 'box-shadow, background-color',
-                backgroundColor: ($parcel$interopDefault($hadoL$contentfulf36tokens)).colorWhite,
+        root: (props)=>/*#__PURE__*/ (0, $hadoL$emotion.css)({
+                display: "flex",
+                boxShadow: `inset 0 -1px 0 ${(0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).gray200}`,
+                position: "relative",
+                transition: `${(0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).transitionDurationShort} ${(0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).transitionEasingDefault}`,
+                transitionProperty: "box-shadow, background-color",
+                backgroundColor: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).colorWhite,
                 ...props.isDragActive ? {
-                    boxShadow: ($parcel$interopDefault($hadoL$contentfulf36tokens)).boxShadowHeavy
+                    boxShadow: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).boxShadowHeavy
                 } : {},
-                '&:hover': {
-                    backgroundColor: ($parcel$interopDefault($hadoL$contentfulf36tokens)).gray100
+                "&:hover": {
+                    backgroundColor: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).gray100
                 }
-            })
-        ,
-        card: /*#__PURE__*/ $hadoL$emotion.css({
-            display: 'flex',
-            textDecoration: 'none',
-            width: '100%',
-            minHeight: ($parcel$interopDefault($hadoL$contentfulf36tokens)).spacing3Xl,
-            padding: ($parcel$interopDefault($hadoL$contentfulf36tokens)).spacingXs,
-            border: 'none',
-            background: 'none',
-            textAlign: 'left'
+            }),
+        card: /*#__PURE__*/ (0, $hadoL$emotion.css)({
+            display: "flex",
+            textDecoration: "none",
+            width: "100%",
+            minHeight: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).spacing3Xl,
+            padding: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).spacingXs,
+            border: "none",
+            background: "none",
+            textAlign: "left"
         }),
-        content: /*#__PURE__*/ $hadoL$emotion.css({
+        content: /*#__PURE__*/ (0, $hadoL$emotion.css)({
             name: "15ync0s",
             styles: "flex-grow:1;min-width:0;"
         }),
-        media: /*#__PURE__*/ $hadoL$emotion.css({
-            display: 'flex',
+        media: /*#__PURE__*/ (0, $hadoL$emotion.css)({
+            display: "flex",
             flexShrink: 0,
-            alignItems: 'center',
-            justifyContent: 'center',
-            backgroundColor: ($parcel$interopDefault($hadoL$contentfulf36tokens)).gray200,
-            width: ($parcel$interopDefault($hadoL$contentfulf36tokens)).spacing2Xl,
-            height: ($parcel$interopDefault($hadoL$contentfulf36tokens)).spacing2Xl,
-            margin: '0',
-            marginRight: ($parcel$interopDefault($hadoL$contentfulf36tokens)).spacingXs
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).gray200,
+            width: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).spacing2Xl,
+            height: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).spacing2Xl,
+            margin: "0",
+            marginRight: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).spacingXs
         }),
-        thumbnail: /*#__PURE__*/ $hadoL$emotion.css({
+        thumbnail: /*#__PURE__*/ (0, $hadoL$emotion.css)({
             name: "12qah06",
             styles: "display:block;width:100%;height:100%;object-fit:cover;"
         }),
-        contentType: /*#__PURE__*/ $hadoL$emotion.css({
-            marginLeft: ($parcel$interopDefault($hadoL$contentfulf36tokens)).spacingXs
+        contentType: /*#__PURE__*/ (0, $hadoL$emotion.css)({
+            marginLeft: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).spacingXs
         }),
-        description: /*#__PURE__*/ $hadoL$emotion.css({
-            marginTop: ($parcel$interopDefault($hadoL$contentfulf36tokens)).spacing2Xs
+        description: /*#__PURE__*/ (0, $hadoL$emotion.css)({
+            marginTop: (0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).spacing2Xs
         }),
-        meta: /*#__PURE__*/ $hadoL$emotion.css({
+        meta: /*#__PURE__*/ (0, $hadoL$emotion.css)({
             name: "1n0gfod",
             styles: "margin-left:auto;flex-shrink:0;"
         }),
-        dragHandle: /*#__PURE__*/ $hadoL$emotion.css({
-            borderBottomLeftRadius: '0',
-            borderTopLeftRadius: '0',
-            boxShadow: `inset 0 -1px 0 ${($parcel$interopDefault($hadoL$contentfulf36tokens)).gray200}`
+        dragHandle: /*#__PURE__*/ (0, $hadoL$emotion.css)({
+            borderBottomLeftRadius: "0",
+            borderTopLeftRadius: "0",
+            boxShadow: `inset 0 -1px 0 ${(0, ($parcel$interopDefault($hadoL$contentfulf36tokens))).gray200}`
         }),
-        menuTrigger: /*#__PURE__*/ $hadoL$emotion.css({
+        menuTrigger: /*#__PURE__*/ (0, $hadoL$emotion.css)({
             name: "c1v07n",
             styles: "padding:0 0.125rem;min-height:1.5rem;"
         })
-    })
-;
+    });
 const $3f4d63406b2f6561$var$ICON_MAP = {
-    asset: $hadoL$contentfulf36icons.AssetIcon,
-    entry: $hadoL$contentfulf36icons.EntryIcon,
-    release: $hadoL$contentfulf36icons.ReleaseIcon
+    asset: (0, $hadoL$contentfulf36icons.AssetIcon),
+    entry: (0, $hadoL$contentfulf36icons.EntryIcon),
+    release: (0, $hadoL$contentfulf36icons.ReleaseIcon)
 };
-const $3f4d63406b2f6561$export$65b9c70c5f42a158 = ({ className: className , testId: testId = 'cf-ui-entity-list-item' , title: title , description: description , contentType: contentType , entityType: entityType = 'entry' , withThumbnail: withThumbnail = true , thumbnailUrl: thumbnailUrl , thumbnailAltText: thumbnailAltText , status: status , actions: actions , withDragHandle: withDragHandle , isDragActive: isDragActive , isLoading: isLoading , onClick: onClick , href: href , cardDragHandleProps: cardDragHandleProps , cardDragHandleComponent: cardDragHandleComponent , isActionsDisabled: isActionsDisabled = false , ...otherProps })=>{
-    const styles = $07bceb135ccb0944$export$3bb342229d68a121();
+const $3f4d63406b2f6561$export$65b9c70c5f42a158 = ({ className: className , testId: testId = "cf-ui-entity-list-item" , title: title , description: description , contentType: contentType , entityType: entityType = "entry" , withThumbnail: withThumbnail = true , thumbnailUrl: thumbnailUrl , thumbnailAltText: thumbnailAltText , status: status , actions: actions , withDragHandle: withDragHandle , isDragActive: isDragActive , isLoading: isLoading , onClick: onClick , href: href , cardDragHandleProps: cardDragHandleProps , cardDragHandleComponent: cardDragHandleComponent , isActionsDisabled: isActionsDisabled = false , ...otherProps })=>{
+    const styles = (0, $07bceb135ccb0944$export$3bb342229d68a121)();
     const renderCardDragHandle = ()=>{
         if (cardDragHandleComponent) return cardDragHandleComponent;
-        else if (withDragHandle) return /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36draghandle.DragHandle, {
+        else if (withDragHandle) return /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36draghandle.DragHandle), {
             className: styles.dragHandle,
             isActive: isDragActive,
             label: "Reorder entry",
             ...cardDragHandleProps
         });
     };
-    let Element = 'article';
-    if (href || onClick) Element = href ? 'a' : 'button';
+    let Element = "article";
+    if (href || onClick) Element = href ? "a" : "button";
      // archived assets will not be available on the CDN, resulting in a broken image src
-    const isArchived = status === 'archived';
+    const isArchived = status === "archived";
     const asIcon = isArchived || !thumbnailUrl;
-    return /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement("li", {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement("li", {
         ...otherProps,
-        className: $hadoL$emotion.cx(styles.root({
+        className: (0, $hadoL$emotion.cx)(styles.root({
             isDragActive: isDragActive
         }), className),
         "data-test-id": testId
-    }, renderCardDragHandle(), isLoading ? /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement("article", {
+    }, renderCardDragHandle(), isLoading ? /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement("article", {
         className: styles.card
-    }, /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36skeleton.SkeletonContainer, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36skeleton.SkeletonContainer), {
         clipId: "f36-entity-list-item-skeleton"
-    }, /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36skeleton.SkeletonImage, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36skeleton.SkeletonImage), {
         height: 46,
         width: 46
-    }), /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36skeleton.SkeletonBodyText, {
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36skeleton.SkeletonBodyText), {
         numberOfLines: 2,
         lineHeight: 18,
         offsetLeft: 54
-    }))) : /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement(Element, {
+    }))) : /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement(Element, {
         className: styles.card,
         onClick: onClick,
         href: href,
-        type: Element === 'button' ? 'button' : undefined,
-        target: href ? '_blank' : undefined
-    }, withThumbnail && /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement("figure", {
+        type: Element === "button" ? "button" : undefined,
+        target: href ? "_blank" : undefined
+    }, withThumbnail && /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement("figure", {
         className: styles.media
-    }, asIcon ? /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36icon.Icon, {
+    }, asIcon ? /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36icon.Icon), {
         as: $3f4d63406b2f6561$var$ICON_MAP[entityType.toLowerCase()],
         variant: "muted"
-    }) : /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement("img", {
+    }) : /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement("img", {
         src: thumbnailUrl,
         className: styles.thumbnail,
         alt: thumbnailAltText
-    })), /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement("div", {
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement("div", {
         className: styles.content
-    }, /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36core.Flex, null, /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36typography.Text, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36core.Flex), null, /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36typography.Text), {
         as: "h3",
         lineHeight: "lineHeightM",
         fontColor: "gray900",
         fontWeight: "fontWeightDemiBold",
         isTruncated: true
-    }, title), contentType && /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36typography.Text, {
+    }, title), contentType && /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36typography.Text), {
         as: "span",
         lineHeight: "lineHeightM",
         fontColor: "gray600",
         className: styles.contentType,
         isTruncated: true
-    }, "(", contentType, ")")), description && /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36typography.Text, {
+    }, "(", contentType, ")")), description && /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36typography.Text), {
         as: "p",
         lineHeight: "lineHeightM",
         fontColor: "gray900",
         isTruncated: true,
         className: styles.description
-    }, description)), /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36core.Flex, {
+    }, description)), /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36core.Flex), {
         className: styles.meta,
         alignItems: "flex-start",
         paddingLeft: "spacingXs"
-    }, status && /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36core.Box, {
-        marginRight: actions ? 'spacingXs' : 'none'
-    }, /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36badge.EntityStatusBadge, {
+    }, status && /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36core.Box), {
+        marginRight: actions ? "spacingXs" : "none"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36badge.EntityStatusBadge), {
         entityStatus: status
-    })), actions && /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36menu.Menu, null, /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36menu.Menu.Trigger, null, /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36button.Button, {
+    })), actions && /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36menu.Menu), null, /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36menu.Menu).Trigger, null, /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36button.Button), {
         isDisabled: isActionsDisabled,
-        startIcon: /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36icons.MoreHorizontalIcon, null),
+        startIcon: /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36icons.MoreHorizontalIcon), null),
         variant: "transparent",
         "aria-label": "Actions",
         size: "small",
         className: styles.menuTrigger
-    })), /*#__PURE__*/ ($parcel$interopDefault($hadoL$react)).createElement($hadoL$contentfulf36menu.Menu.List, null, actions)))));
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($hadoL$react))).createElement((0, $hadoL$contentfulf36menu.Menu).List, null, actions)))));
 };
-$3f4d63406b2f6561$export$65b9c70c5f42a158.displayName = 'EntityListItem';
+$3f4d63406b2f6561$export$65b9c70c5f42a158.displayName = "EntityListItem";
-const $e853778315da5e40$export$8bb466c13870163e = $42fa390001ac865a$export$8bb466c13870163e;
-$e853778315da5e40$export$8bb466c13870163e.Item = $3f4d63406b2f6561$export$65b9c70c5f42a158;
+const $e853778315da5e40$export$8bb466c13870163e = (0, $42fa390001ac865a$export$8bb466c13870163e);
+$e853778315da5e40$export$8bb466c13870163e.Item = (0, $3f4d63406b2f6561$export$65b9c70c5f42a158);

package/dist/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;;;;;;;;;;;;;;;;;;;A;;A;;AGGO,MAAMU,yCAAmB,GAAG,IAAO,CAAA;QACxCU,IAAI,EAAA,aAAE,CAAA,kBAAA,CAAI;YACRM,OAAO,EAAE,OADD;YAERC,SAAS,EAAE,MAFH;YAGRC,MAAM,EAAE,CAHA;YAIRC,OAAO,EAAE,CAJD;YAKRC,MAAM,EAAG,CAAA,UAAA,EAAYL,oDAAM,CAACM,OAAQ,CAAA,CAL5B;YAMRC,YAAY,EAAE,MANN;YAORC,YAAY,EAAER,oDAAM,CAACS,kBAPb;YAQRC,QAAQ,EAAE,QAAVA;SARI,CAAI;KADuB,CAAA;AAAO;;;ADO1C,SAAStB,iCAAT,CACEC,KADF,EAEEC,GAFF,EAGE;IACA,MAAMG,MAAM,GAAGR,yCAAmB,EAAlC,AAAA;IAEA,qBACE,qDAAC,IAAD;QACE,cAAA,EAAcI,KAAK,CAACK,MAAN,IAAgB,mBAAjB;QACb,GAAA,EAAKJ,GAAD;QACJ,SAAA,EAAW,iBAAA,CAAGG,MAAM,CAACE,IAAV,EAAgBN,KAAK,CAACO,SAAtB,CAAD;QACV,KAAA,EAAOP,KAAK,CAACQ,KAAP;OAELR,KAAK,CAACH,QAAP,CAPJ,CAQF;CAEC;AAEDE,iCAAW,CAACU,WAAZ,GAA0B,YAA1B,CAAAV;AAEO,MAAMb,yCAAU,iBAAGO,sCAAK,CAACiB,UAAN,CAAiBX,iCAAjB,CAAnB,AAAP;;AD9BA;A;;;;;;;;;A;;AIIO,MAAMqC,yCAAuB,GAAG,IAAO,CAAA;QAC5C9B,IAAI,EAAE,CAACN,KAAD,GAAA,aACJ,CAAA,kBAAA,CAAI;gBACFY,OAAO,EAAE,MADP;gBAEFuE,SAAS,EAAG,CAAA,eAAA,EAAiBxE,oDAAM,CAACM,OAAQ,CAAA,CAF1C;gBAGFmE,QAAQ,EAAE,UAHR;gBAIFC,UAAU,EAAG,CAAA,EAAE1E,oDAAM,CAAC2E,uBAAwB,CAAA,CAAA,EAAG3E,oDAAM,CAAC4E,uBAAwB,CAAA,CAJ9E;gBAKFC,kBAAkB,EAAE,8BALlB;gBAMFC,eAAe,EAAE9E,oDAAM,CAAC+E,UANtB;gBAOF,GAAI1F,KAAK,CAACyD,YAAN,GACA;oBACE0B,SAAS,EAAExE,oDAAM,CAACgF,cAAlBR;iBAFF,GAIA,EAJJ;gBAMA,SAAA,EAAW;oBACTM,eAAe,EAAE9E,oDAAM,CAACiF,OAAxBH;iBADS;aAbb,CAF0C;QAAA;QAmB5Cf,IAAI,EAAA,aAAE,CAAA,kBAAA,CAAI;YACR9D,OAAO,EAAE,MADD;YAERiF,cAAc,EAAE,MAFR;YAGRC,KAAK,EAAE,MAHC;YAIRC,SAAS,EAAEpF,oDAAM,CAACqF,UAJV;YAKRjF,OAAO,EAAEJ,oDAAM,CAACsF,SALR;YAMRjF,MAAM,EAAE,MANA;YAORkF,UAAU,EAAE,MAPJ;YAQRC,SAAS,EAAE,MAAXA;SARI,CAnBsC;QA6B5CpB,OAAO,EAAA,aAAE,CAAA,kBAATA,CAAAA;YAAS,IAAA,EAAA,SAAA;YAAA,MAAA,EAAA,0BAAA;SAAA,CA7BmC;QAiC5CH,KAAK,EAAA,aAAE,CAAA,kBAAA,CAAI;YACThE,OAAO,EAAE,MADA;YAETwF,UAAU,EAAE,CAFH;YAGTC,UAAU,EAAE,QAHH;YAITC,cAAc,EAAE,QAJP;YAKTb,eAAe,EAAE9E,oDAAM,CAACM,OALf;YAMT6E,KAAK,EAAEnF,oDAAM,CAAC4F,UANL;YAOTC,MAAM,EAAE7F,oDAAM,CAAC4F,UAPN;YAQTzF,MAAM,EAAE,GARC;YAST2F,WAAW,EAAE9F,oDAAM,CAACsF,SAApBQ;SATK,CAjCqC;QA4C5C3B,SAAS,EAAA,aAAE,CAAA,kBAAXA,CAAAA;YAAW,IAAA,EAAA,SAAA;YAAA,MAAA,EAAA,wDAAA;SAAA,CA5CiC;QAkD5C7B,WAAW,EAAA,aAAE,CAAA,kBAAA,CAAI;YACfyD,UAAU,EAAE/F,oDAAM,CAACsF,SAAnBS;SADW,CAlD+B;QAqD5C1D,WAAW,EAAA,aAAE,CAAA,kBAAA,CAAI;YACf2D,SAAS,EAAEhG,oDAAM,CAACiG,UAAlBD;SADW,CArD+B;QAwD5C3B,IAAI,EAAA,aAAE,CAAA,kBAANA,CAAAA;YAAM,IAAA,EAAA,SAAA;YAAA,MAAA,EAAA,iCAAA;SAAA,CAxDsC;QA4D5CX,UAAU,EAAA,aAAE,CAAA,kBAAA,CAAI;YACdwC,sBAAsB,EAAE,GADV;YAEdC,mBAAmB,EAAE,GAFP;YAGd3B,SAAS,EAAG,CAAA,eAAA,EAAiBxE,oDAAM,CAACM,OAAQ,CAA5CkE,CAAAA;SAHU,CA5DgC;QAiE5CF,WAAW,EAAA,aAAE,CAAA,kBAAbA,CAAAA;YAAa,IAAA,EAAA,QAAA;YAAA,MAAA,EAAA,uCAAA;SAAA,CAAA;KAjEwB,CAAA;AAAO;;;;;ADiC9C,MAAMtC,8BAAQ,GAAG;IACfC,KAAK,EAAElB,mCADQ;IAEfmB,KAAK,EAAElB,mCAFQ;IAGfmB,OAAO,EAAElB,qCAATkB;CAHF,AAAiB;AA+EV,MAAM1D,yCAAc,GAAG,CAAC,E,WAC7BmB,SAD6B,CAAA,UAE7BF,MAAM,GAAG,wBAFoB,G,OAG7B0C,KAH6B,CAAA,E,aAI7BC,WAJ6B,CAAA,E,aAK7BC,WAL6B,CAAA,cAM7BY,UAAU,GAAG,OANgB,kBAO7BV,aAAa,GAAG,IAPa,G,cAQ7BC,YAR6B,CAAA,E,kBAS7BC,gBAT6B,CAAA,E,QAU7BH,MAV6B,CAAA,E,SAW7BI,OAX6B,CAAA,E,gBAY7BE,cAZ6B,CAAA,E,cAa7BC,YAb6B,CAAA,E,WAc7BK,SAd6B,CAAA,E,SAe7BC,OAf6B,CAAA,E,MAgB7BC,IAhB6B,CAAA,E,qBAiB7BL,mBAjB6B,CAAA,E,yBAkB7BD,uBAlB6B,CAAA,qBAmB7BO,iBAAiB,GAAG,KAnBS,GAoB7B,GAAGC,UAAH,EApB4B,GAqBiB;IAC7C,MAAM9D,MAAM,GAAGgC,yCAAuB,EAAtC,AAAA;IAEA,MAAMgC,oBAAoB,GAAG,IAAM;QACjC,IAAIV,uBAAJ,EACE,OAAOA,uBAAP,CAAA;aACK,IAAIF,cAAJ,EACL,qBACE,qDAAC,yCAAD;YACE,SAAA,EAAWpD,MAAM,CAACiE,UAAR;YACV,QAAA,EAAUZ,YAAD;YACT,KAAA,EAAM,eAHR;YAIE,GAAIE,mBAAJ;UALJ,CAAA;KAJJ,AAaC;IAED,IAAIW,OAAO,GAAsB,SAAjC,AAAA;IACA,IAAIN,IAAI,IAAID,OAAZ,EACEO,OAAO,GAAGN,IAAI,GAAG,GAAH,GAAS,QAAvB,CAAAM;IApB2C,CAuB7C,oFAFC;IAGD,MAAME,UAAU,GAAGtB,MAAM,KAAK,UAA9B,AAAA;IACA,MAAMuB,MAAM,GAAGD,UAAU,IAAI,CAACpB,YAA9B,AAAA;IAEA,qBACE,qDAAC,IAAD;QACE,GAAIc,UAAJ;QACA,SAAA,EAAW,iBAAA,CAAG9D,MAAM,CAACE,IAAP,CAAY;Y,cAAEmD,YAAAA;SAAd,CAAH,EAAkClD,SAAlC,CAAD;QACV,cAAA,EAAcF,MAAD;OAEZ+D,oBAAoB,EAArB,EACCN,SAAS,iBACR,qDAAC,SAAD;QAAS,SAAA,EAAW1D,MAAM,CAACsE,IAAR;qBACjB,qDAAC,8CAAD;QAAmB,MAAA,EAAO,+BAA1B;qBACE,qDAAC,0CAAD;QAAe,MAAA,EAAQ,EAAD;QAAK,KAAA,EAAO,EAAD;MAA7C,gBACY,qDAAC,6CAAD;QACE,aAAA,EAAe,CAAD;QACd,UAAA,EAAY,EAAD;QACX,UAAA,EAAY,EAAD;MAHzB,CAKA,CATgB,iBAYR,qDAAC,OAAD;QACE,SAAA,EAAWtE,MAAM,CAACsE,IAAR;QACV,OAAA,EAASX,OAAD;QACR,IAAA,EAAMC,IAAD;QACL,IAAA,EAAMM,OAAO,KAAK,QAAZ,GAAuB,QAAvB,GAAkCK,SAAnC;QACL,MAAA,EAAQX,IAAI,GAAG,QAAH,GAAcW,SAAnB;OAENxB,aAAa,kBACZ,qDAAC,QAAD;QAAQ,SAAA,EAAW/C,MAAM,CAACwE,KAAR;OACfH,MAAM,iBACL,qDAAC,6BAAD;QAAM,EAAA,EAAI9B,8BAAQ,CAACkB,UAAU,CAACgB,WAAX,EAAD,CAAT;QAAqC,OAAA,EAAQ,OAAtD;MADK,iBAGL,qDAAC,KAAD;QACE,GAAA,EAAKzB,YAAD;QACJ,SAAA,EAAWhD,MAAM,CAAC0E,SAAR;QACV,GAAA,EAAKzB,gBAAD;MANR,CAFJ,gBAcA,qDAAC,KAAD;QAAK,SAAA,EAAWjD,MAAM,CAAC2E,OAAR;qBACb,qDAAC,6BAAD,sBACE,qDAAC,mCAAD;QACE,EAAA,EAAG,IADL;QAEE,UAAA,EAAW,aAFb;QAGE,SAAA,EAAU,SAHZ;QAIE,UAAA,EAAW,oBAJb;QAKE,WALF,EAKE,IALF;OAOGhC,KAAD,CAChB,EAEeE,WAAW,kBACV,qDAAC,mCAAD;QACE,EAAA,EAAG,MADL;QAEE,UAAA,EAAW,aAFb;QAGE,SAAA,EAAU,SAHZ;QAIE,SAAA,EAAW7C,MAAM,CAAC6C,WAAR;QACV,WALF,EAKE,IALF;OADhB,GAQmB,EAACA,WAAD,EAAa,GAChB,CATF,CAWd,EACaD,WAAW,kBACV,qDAAC,mCAAD;QACE,EAAA,EAAG,GADL;QAEE,UAAA,EAAW,aAFb;QAGE,SAAA,EAAU,SAHZ;QAIE,WAJF,EAIE,IAJF;QAKE,SAAA,EAAW5C,MAAM,CAAC4C,WAAR;OAETA,WAAD,CARJ,CAWZ,gBAEU,qDAAC,6BAAD;QACE,SAAA,EAAW5C,MAAM,CAAC4E,IAAR;QACV,UAAA,EAAW,YAFb;QAGE,WAAA,EAAY,WAHd;OAKG9B,MAAM,kBACL,qDAAC,4BAAD;QAAK,WAAA,EAAaI,OAAO,GAAG,WAAH,GAAiB,MAAzB;qBACf,qDAAC,2CAAD;QAAmB,YAAA,EAAcJ,MAAD;MAAhD,CAFY,EAMCI,OAAO,kBACN,qDAAC,6BAAD,sBACE,qDAAC,6BAAA,CAAK,OAAN,sBACE,qDAAC,iCAAD;QACE,UAAA,EAAYW,iBAAD;QACX,SAAA,gBAAW,qDAAC,4CAAD,OAAD;QACV,OAAA,EAAQ,aAHV;QAIE,YAAA,EAAW,SAJb;QAKE,IAAA,EAAK,OALP;QAME,SAAA,EAAW7D,MAAM,CAAC6E,WAAR;MAN9B,CAQA,gBACgB,qDAAC,6BAAA,CAAK,IAAN,QAAY3B,OAAD,CAA3B,CAZY,CAeZ,CAhGM,CAPJ,CA0GF;CA1JO,AA4JN;AAEDlE,yCAAc,CAACqB,WAAf,GAA6B,gBAA7B,CAAArB;;;AH3QO,MAAMF,yCAAU,GAAGI,yCAAnB,AAAP;AACAJ,yCAAU,CAACM,IAAX,GAAkBJ,yCAAlB,CAAAF;;ADRA","sources":["packages/components/entity-list/src/index.ts","packages/components/entity-list/src/CompoundEntityList.tsx","packages/components/entity-list/src/EntityList.tsx","packages/components/entity-list/src/EntityList.styles.ts","packages/components/entity-list/src/EntityListItem/EntityListItem.tsx","packages/components/entity-list/src/EntityListItem/EntityListItem.styles.ts"],"sourcesContent":["export { EntityList } from './CompoundEntityList';\nexport type { EntityListProps } from './EntityList';\nexport { EntityListItem } from './EntityListItem/EntityListItem';\nexport type { EntityListItemProps } from './EntityListItem/EntityListItem';\n","import { EntityList as OriginalEntityList } from './EntityList';\nimport { EntityListItem } from './EntityListItem/EntityListItem';\n\ntype CompoundEntityList = typeof OriginalEntityList & {\n Item: typeof EntityListItem;\n};\n\nexport const EntityList = OriginalEntityList as CompoundEntityList;\nEntityList.Item = EntityListItem;\n","import React from 'react';\nimport { cx } from 'emotion';\nimport type { CommonProps, ExpandProps } from '@contentful/f36-core';\n\nimport { getEntityListStyles } from './EntityList.styles';\n\nexport interface EntityListProps extends CommonProps {\n children?: React.ReactNode;\n}\n\nfunction _EntityList(\n props: ExpandProps<EntityListProps>,\n ref: React.Ref<HTMLUListElement>,\n) {\n const styles = getEntityListStyles();\n\n return (\n <ul\n data-test-id={props.testId \|\| 'cf-ui-entity-list'}\n ref={ref}\n className={cx(styles.root, props.className)}\n style={props.style}\n >\n {props.children}\n </ul>\n );\n}\n\n_EntityList.displayName = 'EntityList';\n\nexport const EntityList = React.forwardRef(_EntityList);\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const getEntityListStyles = () => ({\n root: css({\n display: 'block',\n listStyle: 'none',\n margin: 0,\n padding: 0,\n border: `1px solid ${tokens.gray200}`,\n borderBottom: 'none',\n borderRadius: tokens.borderRadiusMedium,\n overflow: 'hidden',\n }),\n});\n","import React from 'react';\nimport { cx } from 'emotion';\nimport type { MouseEventHandler } from 'react';\n\nimport { EntityStatusBadge } from '@contentful/f36-badge';\nimport type {\n CommonProps,\n EntityStatus,\n PickUnion,\n} from '@contentful/f36-core';\nimport {\n AssetIcon,\n EntryIcon,\n ReleaseIcon,\n MoreHorizontalIcon,\n} from '@contentful/f36-icons';\nimport { Icon } from '@contentful/f36-icon';\nimport { Text } from '@contentful/f36-typography';\nimport { DragHandle } from '@contentful/f36-drag-handle';\nimport type { DragHandleProps } from '@contentful/f36-drag-handle';\nimport { Button } from '@contentful/f36-button';\nimport { Menu } from '@contentful/f36-menu';\n\nimport { getEntityListItemStyles } from './EntityListItem.styles';\n\nimport {\n SkeletonBodyText,\n SkeletonContainer,\n SkeletonImage,\n} from '@contentful/f36-skeleton';\nimport { Flex, Box } from '@contentful/f36-core';\n\ntype EntityListItemStatus = PickUnion<\n EntityStatus,\n 'archived' \| 'changed' \| 'draft' \| 'published'\n>;\n\nconst ICON_MAP = {\n asset: AssetIcon,\n entry: EntryIcon,\n release: ReleaseIcon,\n};\n\nexport interface EntityListItemProps extends CommonProps {\n /*\n The title of the entity\n /\n title: string;\n /\n The description of the entity\n /\n description?: string;\n /\n The content type of the entity\n /\n contentType?: string;\n /\n The publish status of the entry\n /\n status?: EntityListItemStatus;\n /\n A boolean used to render the Thumbnail or not\n /\n withThumbnail?: boolean;\n /\n The URL of the entity's preview thumbnail. Use 46px x 46px images for best results\n /\n thumbnailUrl?: string;\n /\n The alt text for the thumbnail\n /\n thumbnailAltText?: string;\n /\n Menu elements rendered as actions in Menu\n /\n actions?: React.ReactNodeArray;\n /\n Renders a drag handle for the component for use in drag and drop contexts\n /\n withDragHandle?: boolean;\n /\n Applies styling for when the component is actively being dragged by the user\n /\n isDragActive?: boolean;\n /\n Prop to pass a custom CardDragHandle component to for use in drag and drop contexts\n /\n cardDragHandleComponent?: React.ReactNode;\n /\n Props to pass down to the default CardDragHandle component (does not work with cardDragHandleComponent prop)\n /\n cardDragHandleProps?: Partial<DragHandleProps>;\n /\n An entity can either be an Entry, an Asset or a Release. This prop will apply styling based on if the entity is an asset, a release or an entry\n \n Note: 'entry' and 'asset' are @deprecated but supported in v1.x for backwards compatibility\n /\n entityType?: 'Entry' \| 'Asset' \| 'entry' \| 'asset' \| 'Release';\n /\n Loading state for the component - when true will display loading feedback to the user\n /\n isLoading?: boolean;\n /\n The action to be performed on click of the EntryCard\n /\n onClick?: MouseEventHandler;\n /\n The href for the component. Will render the card as an `a` element for native browser link handling\n /\n href?: string;\n /\n A boolean used to disable the CardActions\n */\n isActionsDisabled?: boolean;\n}\n\nexport const EntityListItem = ({\n className,\n testId = 'cf-ui-entity-list-item',\n title,\n description,\n contentType,\n entityType = 'entry',\n withThumbnail = true,\n thumbnailUrl,\n thumbnailAltText,\n status,\n actions,\n withDragHandle,\n isDragActive,\n isLoading,\n onClick,\n href,\n cardDragHandleProps,\n cardDragHandleComponent,\n isActionsDisabled = false,\n ...otherProps\n}: EntityListItemProps): React.ReactElement => {\n const styles = getEntityListItemStyles();\n\n const renderCardDragHandle = () => {\n if (cardDragHandleComponent) {\n return cardDragHandleComponent;\n } else if (withDragHandle) {\n return (\n <DragHandle\n className={styles.dragHandle}\n isActive={isDragActive}\n label=\"Reorder entry\"\n {...cardDragHandleProps}\n />\n );\n }\n };\n\n let Element: React.ElementType = 'article';\n if (href \|\| onClick) {\n Element = href ? 'a' : 'button';\n }\n\n // archived assets will not be available on the CDN, resulting in a broken image src\n const isArchived = status === 'archived';\n const asIcon = isArchived \|\| !thumbnailUrl;\n\n return (\n <li\n {...otherProps}\n className={cx(styles.root({ isDragActive }), className)}\n data-test-id={testId}\n >\n {renderCardDragHandle()}\n {isLoading ? (\n <article className={styles.card}>\n <SkeletonContainer clipId=\"f36-entity-list-item-skeleton\">\n <SkeletonImage height={46} width={46} />\n <SkeletonBodyText\n numberOfLines={2}\n lineHeight={18}\n offsetLeft={54}\n />\n </SkeletonContainer>\n </article>\n ) : (\n <Element\n className={styles.card}\n onClick={onClick}\n href={href}\n type={Element === 'button' ? 'button' : undefined}\n target={href ? '_blank' : undefined}\n >\n {withThumbnail && (\n <figure className={styles.media}>\n {asIcon ? (\n <Icon as={ICON_MAP[entityType.toLowerCase()]} variant=\"muted\" />\n ) : (\n <img\n src={thumbnailUrl}\n className={styles.thumbnail}\n alt={thumbnailAltText}\n />\n )}\n </figure>\n )}\n\n <div className={styles.content}>\n <Flex>\n <Text\n as=\"h3\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n fontWeight=\"fontWeightDemiBold\"\n isTruncated\n >\n {title}\n </Text>\n\n {contentType && (\n <Text\n as=\"span\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray600\"\n className={styles.contentType}\n isTruncated\n >\n ({contentType})\n </Text>\n )}\n </Flex>\n {description && (\n <Text\n as=\"p\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n isTruncated\n className={styles.description}\n >\n {description}\n </Text>\n )}\n </div>\n\n <Flex\n className={styles.meta}\n alignItems=\"flex-start\"\n paddingLeft=\"spacingXs\"\n >\n {status && (\n <Box marginRight={actions ? 'spacingXs' : 'none'}>\n <EntityStatusBadge entityStatus={status} />\n </Box>\n )}\n\n {actions && (\n <Menu>\n <Menu.Trigger>\n <Button\n isDisabled={isActionsDisabled}\n startIcon={<MoreHorizontalIcon />}\n variant=\"transparent\"\n aria-label=\"Actions\"\n size=\"small\"\n className={styles.menuTrigger}\n />\n </Menu.Trigger>\n <Menu.List>{actions}</Menu.List>\n </Menu>\n )}\n </Flex>\n </Element>\n )}\n </li>\n );\n};\n\nEntityListItem.displayName = 'EntityListItem';\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { EntityListItemProps } from './EntityListItem';\n\nexport const getEntityListItemStyles = () => ({\n root: (props: Pick<EntityListItemProps, 'isDragActive'>) =>\n css({\n display: 'flex',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n position: 'relative',\n transition: `${tokens.transitionDurationShort} ${tokens.transitionEasingDefault}`,\n transitionProperty: 'box-shadow, background-color',\n backgroundColor: tokens.colorWhite,\n ...(props.isDragActive\n ? {\n boxShadow: tokens.boxShadowHeavy,\n }\n : {}),\n\n '&:hover': {\n backgroundColor: tokens.gray100,\n },\n }),\n card: css({\n display: 'flex',\n textDecoration: 'none',\n width: '100%',\n minHeight: tokens.spacing3Xl,\n padding: tokens.spacingXs,\n border: 'none',\n background: 'none',\n textAlign: 'left',\n }),\n content: css({\n flexGrow: 1,\n minWidth: 0,\n }),\n media: css({\n display: 'flex',\n flexShrink: 0,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: tokens.gray200,\n width: tokens.spacing2Xl,\n height: tokens.spacing2Xl,\n margin: '0',\n marginRight: tokens.spacingXs,\n }),\n thumbnail: css({\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n }),\n contentType: css({\n marginLeft: tokens.spacingXs,\n }),\n description: css({\n marginTop: tokens.spacing2Xs,\n }),\n meta: css({\n marginLeft: 'auto',\n flexShrink: 0,\n }),\n dragHandle: css({\n borderBottomLeftRadius: '0',\n borderTopLeftRadius: '0',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n }),\n menuTrigger: css({\n padding: '0 0.125rem',\n minHeight: '1.5rem',\n }),\n});\n"],"names":["EntityList","EntityListProps","EntityListItem","EntityListItemProps","OriginalEntityList","CompoundEntityList","Item","React","CommonProps","ExpandProps","getEntityListStyles","children","ReactNode","_EntityList","props","ref","Ref","HTMLUListElement","styles","testId","root","className","style","displayName","forwardRef","tokens","display","listStyle","margin","padding","border","gray200","borderBottom","borderRadius","borderRadiusMedium","overflow","MouseEventHandler","EntityStatusBadge","EntityStatus","PickUnion","AssetIcon","EntryIcon","ReleaseIcon","MoreHorizontalIcon","Icon","Text","DragHandle","DragHandleProps","Button","Menu","getEntityListItemStyles","SkeletonBodyText","SkeletonContainer","SkeletonImage","Flex","Box","EntityListItemStatus","ICON_MAP","asset","entry","release","title","description","contentType","status","withThumbnail","thumbnailUrl","thumbnailAltText","actions","ReactNodeArray","withDragHandle","isDragActive","cardDragHandleComponent","cardDragHandleProps","Partial","entityType","isLoading","onClick","href","isActionsDisabled","otherProps","ReactElement","renderCardDragHandle","dragHandle","Element","ElementType","isArchived","asIcon","card","undefined","media","toLowerCase","thumbnail","content","meta","menuTrigger","Pick","boxShadow","position","transition","transitionDurationShort","transitionEasingDefault","transitionProperty","backgroundColor","colorWhite","boxShadowHeavy","gray100","textDecoration","width","minHeight","spacing3Xl","spacingXs","background","textAlign","flexShrink","alignItems","justifyContent","spacing2Xl","height","marginRight","marginLeft","marginTop","spacing2Xs","borderBottomLeftRadius","borderTopLeftRadius"],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["packages/components/entity-list/src/index.ts","packages/components/entity-list/src/CompoundEntityList.tsx","packages/components/entity-list/src/EntityList.tsx","packages/components/entity-list/src/EntityList.styles.ts","packages/components/entity-list/src/EntityListItem/EntityListItem.tsx","packages/components/entity-list/src/EntityListItem/EntityListItem.styles.ts"],"sourcesContent":["export { EntityList } from './CompoundEntityList';\nexport type { EntityListProps } from './EntityList';\nexport { EntityListItem } from './EntityListItem/EntityListItem';\nexport type { EntityListItemProps } from './EntityListItem/EntityListItem';\n","import { EntityList as OriginalEntityList } from './EntityList';\nimport { EntityListItem } from './EntityListItem/EntityListItem';\n\ntype CompoundEntityList = typeof OriginalEntityList & {\n Item: typeof EntityListItem;\n};\n\nexport const EntityList = OriginalEntityList as CompoundEntityList;\nEntityList.Item = EntityListItem;\n","import React from 'react';\nimport { cx } from 'emotion';\nimport type { CommonProps, ExpandProps } from '@contentful/f36-core';\n\nimport { getEntityListStyles } from './EntityList.styles';\n\nexport interface EntityListProps extends CommonProps {\n children?: React.ReactNode;\n}\n\nfunction _EntityList(\n props: ExpandProps<EntityListProps>,\n ref: React.Ref<HTMLUListElement>,\n) {\n const styles = getEntityListStyles();\n\n return (\n <ul\n data-test-id={props.testId \|\| 'cf-ui-entity-list'}\n ref={ref}\n className={cx(styles.root, props.className)}\n style={props.style}\n >\n {props.children}\n </ul>\n );\n}\n\n_EntityList.displayName = 'EntityList';\n\nexport const EntityList = React.forwardRef(_EntityList);\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const getEntityListStyles = () => ({\n root: css({\n display: 'block',\n listStyle: 'none',\n margin: 0,\n padding: 0,\n border: `1px solid ${tokens.gray200}`,\n borderBottom: 'none',\n borderRadius: tokens.borderRadiusMedium,\n overflow: 'hidden',\n }),\n});\n","import React, { type MouseEventHandler } from 'react';\nimport { cx } from 'emotion';\nimport { EntityStatusBadge } from '@contentful/f36-badge';\nimport {\n Flex,\n Box,\n type CommonProps,\n type EntityStatus,\n type PickUnion,\n} from '@contentful/f36-core';\nimport {\n AssetIcon,\n EntryIcon,\n ReleaseIcon,\n MoreHorizontalIcon,\n} from '@contentful/f36-icons';\nimport { Icon } from '@contentful/f36-icon';\nimport { Text } from '@contentful/f36-typography';\nimport { DragHandle, type DragHandleProps } from '@contentful/f36-drag-handle';\nimport { Button } from '@contentful/f36-button';\nimport { Menu } from '@contentful/f36-menu';\nimport {\n SkeletonBodyText,\n SkeletonContainer,\n SkeletonImage,\n} from '@contentful/f36-skeleton';\n\nimport { getEntityListItemStyles } from './EntityListItem.styles';\n\ntype EntityListItemStatus = PickUnion<\n EntityStatus,\n 'archived' \| 'changed' \| 'draft' \| 'published'\n>;\n\nconst ICON_MAP = {\n asset: AssetIcon,\n entry: EntryIcon,\n release: ReleaseIcon,\n};\n\nexport interface EntityListItemProps extends CommonProps {\n /*\n The title of the entity\n /\n title: string;\n /\n The description of the entity\n /\n description?: string;\n /\n The content type of the entity\n /\n contentType?: string;\n /\n The publish status of the entry\n /\n status?: EntityListItemStatus;\n /\n A boolean used to render the Thumbnail or not\n /\n withThumbnail?: boolean;\n /\n The URL of the entity's preview thumbnail. Use 46px x 46px images for best results\n /\n thumbnailUrl?: string;\n /\n The alt text for the thumbnail\n /\n thumbnailAltText?: string;\n /\n Menu elements rendered as actions in Menu\n /\n actions?: React.ReactNodeArray;\n /\n Renders a drag handle for the component for use in drag and drop contexts\n /\n withDragHandle?: boolean;\n /\n Applies styling for when the component is actively being dragged by the user\n /\n isDragActive?: boolean;\n /\n Prop to pass a custom CardDragHandle component to for use in drag and drop contexts\n /\n cardDragHandleComponent?: React.ReactNode;\n /\n Props to pass down to the default CardDragHandle component (does not work with cardDragHandleComponent prop)\n /\n cardDragHandleProps?: Partial<DragHandleProps>;\n /\n An entity can either be an Entry, an Asset or a Release. This prop will apply styling based on if the entity is an asset, a release or an entry\n \n Note: 'entry' and 'asset' are @deprecated but supported in v1.x for backwards compatibility\n /\n entityType?: 'Entry' \| 'Asset' \| 'entry' \| 'asset' \| 'Release';\n /\n Loading state for the component - when true will display loading feedback to the user\n /\n isLoading?: boolean;\n /\n The action to be performed on click of the EntryCard\n /\n onClick?: MouseEventHandler;\n /\n The href for the component. Will render the card as an `a` element for native browser link handling\n /\n href?: string;\n /\n A boolean used to disable the CardActions\n */\n isActionsDisabled?: boolean;\n}\n\nexport const EntityListItem = ({\n className,\n testId = 'cf-ui-entity-list-item',\n title,\n description,\n contentType,\n entityType = 'entry',\n withThumbnail = true,\n thumbnailUrl,\n thumbnailAltText,\n status,\n actions,\n withDragHandle,\n isDragActive,\n isLoading,\n onClick,\n href,\n cardDragHandleProps,\n cardDragHandleComponent,\n isActionsDisabled = false,\n ...otherProps\n}: EntityListItemProps): React.ReactElement => {\n const styles = getEntityListItemStyles();\n\n const renderCardDragHandle = () => {\n if (cardDragHandleComponent) {\n return cardDragHandleComponent;\n } else if (withDragHandle) {\n return (\n <DragHandle\n className={styles.dragHandle}\n isActive={isDragActive}\n label=\"Reorder entry\"\n {...cardDragHandleProps}\n />\n );\n }\n };\n\n let Element: React.ElementType = 'article';\n if (href \|\| onClick) {\n Element = href ? 'a' : 'button';\n }\n\n // archived assets will not be available on the CDN, resulting in a broken image src\n const isArchived = status === 'archived';\n const asIcon = isArchived \|\| !thumbnailUrl;\n\n return (\n <li\n {...otherProps}\n className={cx(styles.root({ isDragActive }), className)}\n data-test-id={testId}\n >\n {renderCardDragHandle()}\n {isLoading ? (\n <article className={styles.card}>\n <SkeletonContainer clipId=\"f36-entity-list-item-skeleton\">\n <SkeletonImage height={46} width={46} />\n <SkeletonBodyText\n numberOfLines={2}\n lineHeight={18}\n offsetLeft={54}\n />\n </SkeletonContainer>\n </article>\n ) : (\n <Element\n className={styles.card}\n onClick={onClick}\n href={href}\n type={Element === 'button' ? 'button' : undefined}\n target={href ? '_blank' : undefined}\n >\n {withThumbnail && (\n <figure className={styles.media}>\n {asIcon ? (\n <Icon as={ICON_MAP[entityType.toLowerCase()]} variant=\"muted\" />\n ) : (\n <img\n src={thumbnailUrl}\n className={styles.thumbnail}\n alt={thumbnailAltText}\n />\n )}\n </figure>\n )}\n\n <div className={styles.content}>\n <Flex>\n <Text\n as=\"h3\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n fontWeight=\"fontWeightDemiBold\"\n isTruncated\n >\n {title}\n </Text>\n\n {contentType && (\n <Text\n as=\"span\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray600\"\n className={styles.contentType}\n isTruncated\n >\n ({contentType})\n </Text>\n )}\n </Flex>\n {description && (\n <Text\n as=\"p\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n isTruncated\n className={styles.description}\n >\n {description}\n </Text>\n )}\n </div>\n\n <Flex\n className={styles.meta}\n alignItems=\"flex-start\"\n paddingLeft=\"spacingXs\"\n >\n {status && (\n <Box marginRight={actions ? 'spacingXs' : 'none'}>\n <EntityStatusBadge entityStatus={status} />\n </Box>\n )}\n\n {actions && (\n <Menu>\n <Menu.Trigger>\n <Button\n isDisabled={isActionsDisabled}\n startIcon={<MoreHorizontalIcon />}\n variant=\"transparent\"\n aria-label=\"Actions\"\n size=\"small\"\n className={styles.menuTrigger}\n />\n </Menu.Trigger>\n <Menu.List>{actions}</Menu.List>\n </Menu>\n )}\n </Flex>\n </Element>\n )}\n </li>\n );\n};\n\nEntityListItem.displayName = 'EntityListItem';\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { EntityListItemProps } from './EntityListItem';\n\nexport const getEntityListItemStyles = () => ({\n root: (props: Pick<EntityListItemProps, 'isDragActive'>) =>\n css({\n display: 'flex',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n position: 'relative',\n transition: `${tokens.transitionDurationShort} ${tokens.transitionEasingDefault}`,\n transitionProperty: 'box-shadow, background-color',\n backgroundColor: tokens.colorWhite,\n ...(props.isDragActive\n ? {\n boxShadow: tokens.boxShadowHeavy,\n }\n : {}),\n\n '&:hover': {\n backgroundColor: tokens.gray100,\n },\n }),\n card: css({\n display: 'flex',\n textDecoration: 'none',\n width: '100%',\n minHeight: tokens.spacing3Xl,\n padding: tokens.spacingXs,\n border: 'none',\n background: 'none',\n textAlign: 'left',\n }),\n content: css({\n flexGrow: 1,\n minWidth: 0,\n }),\n media: css({\n display: 'flex',\n flexShrink: 0,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: tokens.gray200,\n width: tokens.spacing2Xl,\n height: tokens.spacing2Xl,\n margin: '0',\n marginRight: tokens.spacingXs,\n }),\n thumbnail: css({\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n }),\n contentType: css({\n marginLeft: tokens.spacingXs,\n }),\n description: css({\n marginTop: tokens.spacing2Xs,\n }),\n meta: css({\n marginLeft: 'auto',\n flexShrink: 0,\n }),\n dragHandle: css({\n borderBottomLeftRadius: '0',\n borderTopLeftRadius: '0',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n }),\n menuTrigger: css({\n padding: '0 0.125rem',\n minHeight: '1.5rem',\n }),\n});\n"],"names":["EntityList","EntityListProps","EntityListItem","EntityListItemProps","OriginalEntityList","CompoundEntityList","Item","React","CommonProps","ExpandProps","getEntityListStyles","children","ReactNode","_EntityList","props","ref","Ref","HTMLUListElement","styles","testId","root","className","style","displayName","forwardRef","tokens","display","listStyle","margin","padding","border","gray200","borderBottom","borderRadius","borderRadiusMedium","overflow","MouseEventHandler","EntityStatusBadge","Flex","Box","EntityStatus","PickUnion","AssetIcon","EntryIcon","ReleaseIcon","MoreHorizontalIcon","Icon","Text","DragHandle","DragHandleProps","Button","Menu","SkeletonBodyText","SkeletonContainer","SkeletonImage","getEntityListItemStyles","EntityListItemStatus","ICON_MAP","asset","entry","release","title","description","contentType","status","withThumbnail","thumbnailUrl","thumbnailAltText","actions","ReactNodeArray","withDragHandle","isDragActive","cardDragHandleComponent","cardDragHandleProps","Partial","entityType","isLoading","onClick","href","isActionsDisabled","otherProps","ReactElement","renderCardDragHandle","dragHandle","Element","ElementType","isArchived","asIcon","card","undefined","media","toLowerCase","thumbnail","content","meta","menuTrigger","Pick","boxShadow","position","transition","transitionDurationShort","transitionEasingDefault","transitionProperty","backgroundColor","colorWhite","boxShadowHeavy","gray100","textDecoration","width","minHeight","spacing3Xl","spacingXs","background","textAlign","flexShrink","alignItems","justifyContent","spacing2Xl","height","marginRight","marginLeft","marginTop","spacing2Xs","borderBottomLeftRadius","borderTopLeftRadius"],"version":3,"file":"main.js.map"}

package/dist/module.js CHANGED Viewed

@@ -2,6 +2,7 @@ import {cx as $qeOF0$cx, css as $qeOF0$css} from "emotion";
 import $qeOF0$react from "react";
 import $qeOF0$contentfulf36tokens from "@contentful/f36-tokens";
 import {EntityStatusBadge as $qeOF0$EntityStatusBadge} from "@contentful/f36-badge";
+import {Flex as $qeOF0$Flex, Box as $qeOF0$Box} from "@contentful/f36-core";
 import {AssetIcon as $qeOF0$AssetIcon, EntryIcon as $qeOF0$EntryIcon, ReleaseIcon as $qeOF0$ReleaseIcon, MoreHorizontalIcon as $qeOF0$MoreHorizontalIcon} from "@contentful/f36-icons";
 import {Icon as $qeOF0$Icon} from "@contentful/f36-icon";
 import {Text as $qeOF0$Text} from "@contentful/f36-typography";
@@ -9,38 +10,38 @@ import {DragHandle as $qeOF0$DragHandle} from "@contentful/f36-drag-handle";
 import {Button as $qeOF0$Button} from "@contentful/f36-button";
 import {Menu as $qeOF0$Menu} from "@contentful/f36-menu";
 import {SkeletonContainer as $qeOF0$SkeletonContainer, SkeletonImage as $qeOF0$SkeletonImage, SkeletonBodyText as $qeOF0$SkeletonBodyText} from "@contentful/f36-skeleton";
-import {Flex as $qeOF0$Flex, Box as $qeOF0$Box} from "@contentful/f36-core";
 const $32a4ed8cc58cbd41$export$2b0a239870ba448d = ()=>({
-        root: /*#__PURE__*/ $qeOF0$css({
-            display: 'block',
-            listStyle: 'none',
+        root: /*#__PURE__*/ (0, $qeOF0$css)({
+            display: "block",
+            listStyle: "none",
             margin: 0,
             padding: 0,
-            border: `1px solid ${$qeOF0$contentfulf36tokens.gray200}`,
-            borderBottom: 'none',
-            borderRadius: $qeOF0$contentfulf36tokens.borderRadiusMedium,
-            overflow: 'hidden'
+            border: `1px solid ${(0, $qeOF0$contentfulf36tokens).gray200}`,
+            borderBottom: "none",
+            borderRadius: (0, $qeOF0$contentfulf36tokens).borderRadiusMedium,
+            overflow: "hidden"
         })
-    })
-;
+    });
 function $3382b9e83b849fa7$var$_EntityList(props, ref) {
-    const styles = $32a4ed8cc58cbd41$export$2b0a239870ba448d();
-    return /*#__PURE__*/ $qeOF0$react.createElement("ul", {
-        "data-test-id": props.testId || 'cf-ui-entity-list',
+    const styles = (0, $32a4ed8cc58cbd41$export$2b0a239870ba448d)();
+    return /*#__PURE__*/ (0, $qeOF0$react).createElement("ul", {
+        "data-test-id": props.testId || "cf-ui-entity-list",
         ref: ref,
-        className: $qeOF0$cx(styles.root, props.className),
+        className: (0, $qeOF0$cx)(styles.root, props.className),
         style: props.style
     }, props.children);
 }
-$3382b9e83b849fa7$var$_EntityList.displayName = 'EntityList';
-const $3382b9e83b849fa7$export$8bb466c13870163e = /*#__PURE__*/ $qeOF0$react.forwardRef($3382b9e83b849fa7$var$_EntityList);
+$3382b9e83b849fa7$var$_EntityList.displayName = "EntityList";
+const $3382b9e83b849fa7$export$8bb466c13870163e = /*#__PURE__*/ (0, $qeOF0$react).forwardRef($3382b9e83b849fa7$var$_EntityList);
@@ -55,170 +56,166 @@ const $3382b9e83b849fa7$export$8bb466c13870163e = /*#__PURE__*/ $qeOF0$react.for
 const $7cd3138fd5d2efdd$export$3bb342229d68a121 = ()=>({
-        root: (props)=>/*#__PURE__*/ $qeOF0$css({
-                display: 'flex',
-                boxShadow: `inset 0 -1px 0 ${$qeOF0$contentfulf36tokens.gray200}`,
-                position: 'relative',
-                transition: `${$qeOF0$contentfulf36tokens.transitionDurationShort} ${$qeOF0$contentfulf36tokens.transitionEasingDefault}`,
-                transitionProperty: 'box-shadow, background-color',
-                backgroundColor: $qeOF0$contentfulf36tokens.colorWhite,
+        root: (props)=>/*#__PURE__*/ (0, $qeOF0$css)({
+                display: "flex",
+                boxShadow: `inset 0 -1px 0 ${(0, $qeOF0$contentfulf36tokens).gray200}`,
+                position: "relative",
+                transition: `${(0, $qeOF0$contentfulf36tokens).transitionDurationShort} ${(0, $qeOF0$contentfulf36tokens).transitionEasingDefault}`,
+                transitionProperty: "box-shadow, background-color",
+                backgroundColor: (0, $qeOF0$contentfulf36tokens).colorWhite,
                 ...props.isDragActive ? {
-                    boxShadow: $qeOF0$contentfulf36tokens.boxShadowHeavy
+                    boxShadow: (0, $qeOF0$contentfulf36tokens).boxShadowHeavy
                 } : {},
-                '&:hover': {
-                    backgroundColor: $qeOF0$contentfulf36tokens.gray100
+                "&:hover": {
+                    backgroundColor: (0, $qeOF0$contentfulf36tokens).gray100
                 }
-            })
-        ,
-        card: /*#__PURE__*/ $qeOF0$css({
-            display: 'flex',
-            textDecoration: 'none',
-            width: '100%',
-            minHeight: $qeOF0$contentfulf36tokens.spacing3Xl,
-            padding: $qeOF0$contentfulf36tokens.spacingXs,
-            border: 'none',
-            background: 'none',
-            textAlign: 'left'
+            }),
+        card: /*#__PURE__*/ (0, $qeOF0$css)({
+            display: "flex",
+            textDecoration: "none",
+            width: "100%",
+            minHeight: (0, $qeOF0$contentfulf36tokens).spacing3Xl,
+            padding: (0, $qeOF0$contentfulf36tokens).spacingXs,
+            border: "none",
+            background: "none",
+            textAlign: "left"
         }),
-        content: /*#__PURE__*/ $qeOF0$css({
+        content: /*#__PURE__*/ (0, $qeOF0$css)({
             name: "15ync0s",
             styles: "flex-grow:1;min-width:0;"
         }),
-        media: /*#__PURE__*/ $qeOF0$css({
-            display: 'flex',
+        media: /*#__PURE__*/ (0, $qeOF0$css)({
+            display: "flex",
             flexShrink: 0,
-            alignItems: 'center',
-            justifyContent: 'center',
-            backgroundColor: $qeOF0$contentfulf36tokens.gray200,
-            width: $qeOF0$contentfulf36tokens.spacing2Xl,
-            height: $qeOF0$contentfulf36tokens.spacing2Xl,
-            margin: '0',
-            marginRight: $qeOF0$contentfulf36tokens.spacingXs
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: (0, $qeOF0$contentfulf36tokens).gray200,
+            width: (0, $qeOF0$contentfulf36tokens).spacing2Xl,
+            height: (0, $qeOF0$contentfulf36tokens).spacing2Xl,
+            margin: "0",
+            marginRight: (0, $qeOF0$contentfulf36tokens).spacingXs
         }),
-        thumbnail: /*#__PURE__*/ $qeOF0$css({
+        thumbnail: /*#__PURE__*/ (0, $qeOF0$css)({
             name: "12qah06",
             styles: "display:block;width:100%;height:100%;object-fit:cover;"
         }),
-        contentType: /*#__PURE__*/ $qeOF0$css({
-            marginLeft: $qeOF0$contentfulf36tokens.spacingXs
+        contentType: /*#__PURE__*/ (0, $qeOF0$css)({
+            marginLeft: (0, $qeOF0$contentfulf36tokens).spacingXs
         }),
-        description: /*#__PURE__*/ $qeOF0$css({
-            marginTop: $qeOF0$contentfulf36tokens.spacing2Xs
+        description: /*#__PURE__*/ (0, $qeOF0$css)({
+            marginTop: (0, $qeOF0$contentfulf36tokens).spacing2Xs
         }),
-        meta: /*#__PURE__*/ $qeOF0$css({
+        meta: /*#__PURE__*/ (0, $qeOF0$css)({
             name: "1n0gfod",
             styles: "margin-left:auto;flex-shrink:0;"
         }),
-        dragHandle: /*#__PURE__*/ $qeOF0$css({
-            borderBottomLeftRadius: '0',
-            borderTopLeftRadius: '0',
-            boxShadow: `inset 0 -1px 0 ${$qeOF0$contentfulf36tokens.gray200}`
+        dragHandle: /*#__PURE__*/ (0, $qeOF0$css)({
+            borderBottomLeftRadius: "0",
+            borderTopLeftRadius: "0",
+            boxShadow: `inset 0 -1px 0 ${(0, $qeOF0$contentfulf36tokens).gray200}`
         }),
-        menuTrigger: /*#__PURE__*/ $qeOF0$css({
+        menuTrigger: /*#__PURE__*/ (0, $qeOF0$css)({
             name: "c1v07n",
             styles: "padding:0 0.125rem;min-height:1.5rem;"
         })
-    })
-;
+    });
 const $b8d6b7ec5fedd0fe$var$ICON_MAP = {
-    asset: $qeOF0$AssetIcon,
-    entry: $qeOF0$EntryIcon,
-    release: $qeOF0$ReleaseIcon
+    asset: (0, $qeOF0$AssetIcon),
+    entry: (0, $qeOF0$EntryIcon),
+    release: (0, $qeOF0$ReleaseIcon)
 };
-const $b8d6b7ec5fedd0fe$export$65b9c70c5f42a158 = ({ className: className , testId: testId = 'cf-ui-entity-list-item' , title: title , description: description , contentType: contentType , entityType: entityType = 'entry' , withThumbnail: withThumbnail = true , thumbnailUrl: thumbnailUrl , thumbnailAltText: thumbnailAltText , status: status , actions: actions , withDragHandle: withDragHandle , isDragActive: isDragActive , isLoading: isLoading , onClick: onClick , href: href , cardDragHandleProps: cardDragHandleProps , cardDragHandleComponent: cardDragHandleComponent , isActionsDisabled: isActionsDisabled = false , ...otherProps })=>{
-    const styles = $7cd3138fd5d2efdd$export$3bb342229d68a121();
+const $b8d6b7ec5fedd0fe$export$65b9c70c5f42a158 = ({ className: className , testId: testId = "cf-ui-entity-list-item" , title: title , description: description , contentType: contentType , entityType: entityType = "entry" , withThumbnail: withThumbnail = true , thumbnailUrl: thumbnailUrl , thumbnailAltText: thumbnailAltText , status: status , actions: actions , withDragHandle: withDragHandle , isDragActive: isDragActive , isLoading: isLoading , onClick: onClick , href: href , cardDragHandleProps: cardDragHandleProps , cardDragHandleComponent: cardDragHandleComponent , isActionsDisabled: isActionsDisabled = false , ...otherProps })=>{
+    const styles = (0, $7cd3138fd5d2efdd$export$3bb342229d68a121)();
     const renderCardDragHandle = ()=>{
         if (cardDragHandleComponent) return cardDragHandleComponent;
-        else if (withDragHandle) return /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$DragHandle, {
+        else if (withDragHandle) return /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$DragHandle), {
             className: styles.dragHandle,
             isActive: isDragActive,
             label: "Reorder entry",
             ...cardDragHandleProps
         });
     };
-    let Element = 'article';
-    if (href || onClick) Element = href ? 'a' : 'button';
+    let Element = "article";
+    if (href || onClick) Element = href ? "a" : "button";
      // archived assets will not be available on the CDN, resulting in a broken image src
-    const isArchived = status === 'archived';
+    const isArchived = status === "archived";
     const asIcon = isArchived || !thumbnailUrl;
-    return /*#__PURE__*/ $qeOF0$react.createElement("li", {
+    return /*#__PURE__*/ (0, $qeOF0$react).createElement("li", {
         ...otherProps,
-        className: $qeOF0$cx(styles.root({
+        className: (0, $qeOF0$cx)(styles.root({
             isDragActive: isDragActive
         }), className),
         "data-test-id": testId
-    }, renderCardDragHandle(), isLoading ? /*#__PURE__*/ $qeOF0$react.createElement("article", {
+    }, renderCardDragHandle(), isLoading ? /*#__PURE__*/ (0, $qeOF0$react).createElement("article", {
         className: styles.card
-    }, /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$SkeletonContainer, {
+    }, /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$SkeletonContainer), {
         clipId: "f36-entity-list-item-skeleton"
-    }, /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$SkeletonImage, {
+    }, /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$SkeletonImage), {
         height: 46,
         width: 46
-    }), /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$SkeletonBodyText, {
+    }), /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$SkeletonBodyText), {
         numberOfLines: 2,
         lineHeight: 18,
         offsetLeft: 54
-    }))) : /*#__PURE__*/ $qeOF0$react.createElement(Element, {
+    }))) : /*#__PURE__*/ (0, $qeOF0$react).createElement(Element, {
         className: styles.card,
         onClick: onClick,
         href: href,
-        type: Element === 'button' ? 'button' : undefined,
-        target: href ? '_blank' : undefined
-    }, withThumbnail && /*#__PURE__*/ $qeOF0$react.createElement("figure", {
+        type: Element === "button" ? "button" : undefined,
+        target: href ? "_blank" : undefined
+    }, withThumbnail && /*#__PURE__*/ (0, $qeOF0$react).createElement("figure", {
         className: styles.media
-    }, asIcon ? /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Icon, {
+    }, asIcon ? /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Icon), {
         as: $b8d6b7ec5fedd0fe$var$ICON_MAP[entityType.toLowerCase()],
         variant: "muted"
-    }) : /*#__PURE__*/ $qeOF0$react.createElement("img", {
+    }) : /*#__PURE__*/ (0, $qeOF0$react).createElement("img", {
         src: thumbnailUrl,
         className: styles.thumbnail,
         alt: thumbnailAltText
-    })), /*#__PURE__*/ $qeOF0$react.createElement("div", {
+    })), /*#__PURE__*/ (0, $qeOF0$react).createElement("div", {
         className: styles.content
-    }, /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Flex, null, /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Text, {
+    }, /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Flex), null, /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Text), {
         as: "h3",
         lineHeight: "lineHeightM",
         fontColor: "gray900",
         fontWeight: "fontWeightDemiBold",
         isTruncated: true
-    }, title), contentType && /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Text, {
+    }, title), contentType && /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Text), {
         as: "span",
         lineHeight: "lineHeightM",
         fontColor: "gray600",
         className: styles.contentType,
         isTruncated: true
-    }, "(", contentType, ")")), description && /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Text, {
+    }, "(", contentType, ")")), description && /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Text), {
         as: "p",
         lineHeight: "lineHeightM",
         fontColor: "gray900",
         isTruncated: true,
         className: styles.description
-    }, description)), /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Flex, {
+    }, description)), /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Flex), {
         className: styles.meta,
         alignItems: "flex-start",
         paddingLeft: "spacingXs"
-    }, status && /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Box, {
-        marginRight: actions ? 'spacingXs' : 'none'
-    }, /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$EntityStatusBadge, {
+    }, status && /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Box), {
+        marginRight: actions ? "spacingXs" : "none"
+    }, /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$EntityStatusBadge), {
         entityStatus: status
-    })), actions && /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Menu, null, /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Menu.Trigger, null, /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Button, {
+    })), actions && /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Menu), null, /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Menu).Trigger, null, /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Button), {
         isDisabled: isActionsDisabled,
-        startIcon: /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$MoreHorizontalIcon, null),
+        startIcon: /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$MoreHorizontalIcon), null),
         variant: "transparent",
         "aria-label": "Actions",
         size: "small",
         className: styles.menuTrigger
-    })), /*#__PURE__*/ $qeOF0$react.createElement($qeOF0$Menu.List, null, actions)))));
+    })), /*#__PURE__*/ (0, $qeOF0$react).createElement((0, $qeOF0$Menu).List, null, actions)))));
 };
-$b8d6b7ec5fedd0fe$export$65b9c70c5f42a158.displayName = 'EntityListItem';
+$b8d6b7ec5fedd0fe$export$65b9c70c5f42a158.displayName = "EntityListItem";
-const $bbd0ee2d7d3132a2$export$8bb466c13870163e = $3382b9e83b849fa7$export$8bb466c13870163e;
-$bbd0ee2d7d3132a2$export$8bb466c13870163e.Item = $b8d6b7ec5fedd0fe$export$65b9c70c5f42a158;
+const $bbd0ee2d7d3132a2$export$8bb466c13870163e = (0, $3382b9e83b849fa7$export$8bb466c13870163e);
+$bbd0ee2d7d3132a2$export$8bb466c13870163e.Item = (0, $b8d6b7ec5fedd0fe$export$65b9c70c5f42a158);

package/dist/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/components/entity-list/src/index.ts","packages/components/entity-list/src/CompoundEntityList.tsx","packages/components/entity-list/src/EntityList.tsx","packages/components/entity-list/src/EntityList.styles.ts","packages/components/entity-list/src/EntityListItem/EntityListItem.tsx","packages/components/entity-list/src/EntityListItem/EntityListItem.styles.ts"],"sourcesContent":["export { EntityList } from './CompoundEntityList';\nexport type { EntityListProps } from './EntityList';\nexport { EntityListItem } from './EntityListItem/EntityListItem';\nexport type { EntityListItemProps } from './EntityListItem/EntityListItem';\n","import { EntityList as OriginalEntityList } from './EntityList';\nimport { EntityListItem } from './EntityListItem/EntityListItem';\n\ntype CompoundEntityList = typeof OriginalEntityList & {\n Item: typeof EntityListItem;\n};\n\nexport const EntityList = OriginalEntityList as CompoundEntityList;\nEntityList.Item = EntityListItem;\n","import React from 'react';\nimport { cx } from 'emotion';\nimport type { CommonProps, ExpandProps } from '@contentful/f36-core';\n\nimport { getEntityListStyles } from './EntityList.styles';\n\nexport interface EntityListProps extends CommonProps {\n children?: React.ReactNode;\n}\n\nfunction _EntityList(\n props: ExpandProps<EntityListProps>,\n ref: React.Ref<HTMLUListElement>,\n) {\n const styles = getEntityListStyles();\n\n return (\n <ul\n data-test-id={props.testId \|\| 'cf-ui-entity-list'}\n ref={ref}\n className={cx(styles.root, props.className)}\n style={props.style}\n >\n {props.children}\n </ul>\n );\n}\n\n_EntityList.displayName = 'EntityList';\n\nexport const EntityList = React.forwardRef(_EntityList);\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const getEntityListStyles = () => ({\n root: css({\n display: 'block',\n listStyle: 'none',\n margin: 0,\n padding: 0,\n border: `1px solid ${tokens.gray200}`,\n borderBottom: 'none',\n borderRadius: tokens.borderRadiusMedium,\n overflow: 'hidden',\n }),\n});\n","import React from 'react';\nimport { cx } from 'emotion';\nimport type { MouseEventHandler } from 'react';\n\nimport { EntityStatusBadge } from '@contentful/f36-badge';\nimport type {\n CommonProps,\n EntityStatus,\n PickUnion,\n} from '@contentful/f36-core';\nimport {\n AssetIcon,\n EntryIcon,\n ReleaseIcon,\n MoreHorizontalIcon,\n} from '@contentful/f36-icons';\nimport { Icon } from '@contentful/f36-icon';\nimport { Text } from '@contentful/f36-typography';\nimport { DragHandle } from '@contentful/f36-drag-handle';\nimport type { DragHandleProps } from '@contentful/f36-drag-handle';\nimport { Button } from '@contentful/f36-button';\nimport { Menu } from '@contentful/f36-menu';\n\nimport { getEntityListItemStyles } from './EntityListItem.styles';\n\nimport {\n SkeletonBodyText,\n SkeletonContainer,\n SkeletonImage,\n} from '@contentful/f36-skeleton';\nimport { Flex, Box } from '@contentful/f36-core';\n\ntype EntityListItemStatus = PickUnion<\n EntityStatus,\n 'archived' \| 'changed' \| 'draft' \| 'published'\n>;\n\nconst ICON_MAP = {\n asset: AssetIcon,\n entry: EntryIcon,\n release: ReleaseIcon,\n};\n\nexport interface EntityListItemProps extends CommonProps {\n /*\n The title of the entity\n /\n title: string;\n /\n The description of the entity\n /\n description?: string;\n /\n The content type of the entity\n /\n contentType?: string;\n /\n The publish status of the entry\n /\n status?: EntityListItemStatus;\n /\n A boolean used to render the Thumbnail or not\n /\n withThumbnail?: boolean;\n /\n The URL of the entity's preview thumbnail. Use 46px x 46px images for best results\n /\n thumbnailUrl?: string;\n /\n The alt text for the thumbnail\n /\n thumbnailAltText?: string;\n /\n Menu elements rendered as actions in Menu\n /\n actions?: React.ReactNodeArray;\n /\n Renders a drag handle for the component for use in drag and drop contexts\n /\n withDragHandle?: boolean;\n /\n Applies styling for when the component is actively being dragged by the user\n /\n isDragActive?: boolean;\n /\n Prop to pass a custom CardDragHandle component to for use in drag and drop contexts\n /\n cardDragHandleComponent?: React.ReactNode;\n /\n Props to pass down to the default CardDragHandle component (does not work with cardDragHandleComponent prop)\n /\n cardDragHandleProps?: Partial<DragHandleProps>;\n /\n An entity can either be an Entry, an Asset or a Release. This prop will apply styling based on if the entity is an asset, a release or an entry\n \n Note: 'entry' and 'asset' are @deprecated but supported in v1.x for backwards compatibility\n /\n entityType?: 'Entry' \| 'Asset' \| 'entry' \| 'asset' \| 'Release';\n /\n Loading state for the component - when true will display loading feedback to the user\n /\n isLoading?: boolean;\n /\n The action to be performed on click of the EntryCard\n /\n onClick?: MouseEventHandler;\n /\n The href for the component. Will render the card as an `a` element for native browser link handling\n /\n href?: string;\n /\n A boolean used to disable the CardActions\n */\n isActionsDisabled?: boolean;\n}\n\nexport const EntityListItem = ({\n className,\n testId = 'cf-ui-entity-list-item',\n title,\n description,\n contentType,\n entityType = 'entry',\n withThumbnail = true,\n thumbnailUrl,\n thumbnailAltText,\n status,\n actions,\n withDragHandle,\n isDragActive,\n isLoading,\n onClick,\n href,\n cardDragHandleProps,\n cardDragHandleComponent,\n isActionsDisabled = false,\n ...otherProps\n}: EntityListItemProps): React.ReactElement => {\n const styles = getEntityListItemStyles();\n\n const renderCardDragHandle = () => {\n if (cardDragHandleComponent) {\n return cardDragHandleComponent;\n } else if (withDragHandle) {\n return (\n <DragHandle\n className={styles.dragHandle}\n isActive={isDragActive}\n label=\"Reorder entry\"\n {...cardDragHandleProps}\n />\n );\n }\n };\n\n let Element: React.ElementType = 'article';\n if (href \|\| onClick) {\n Element = href ? 'a' : 'button';\n }\n\n // archived assets will not be available on the CDN, resulting in a broken image src\n const isArchived = status === 'archived';\n const asIcon = isArchived \|\| !thumbnailUrl;\n\n return (\n <li\n {...otherProps}\n className={cx(styles.root({ isDragActive }), className)}\n data-test-id={testId}\n >\n {renderCardDragHandle()}\n {isLoading ? (\n <article className={styles.card}>\n <SkeletonContainer clipId=\"f36-entity-list-item-skeleton\">\n <SkeletonImage height={46} width={46} />\n <SkeletonBodyText\n numberOfLines={2}\n lineHeight={18}\n offsetLeft={54}\n />\n </SkeletonContainer>\n </article>\n ) : (\n <Element\n className={styles.card}\n onClick={onClick}\n href={href}\n type={Element === 'button' ? 'button' : undefined}\n target={href ? '_blank' : undefined}\n >\n {withThumbnail && (\n <figure className={styles.media}>\n {asIcon ? (\n <Icon as={ICON_MAP[entityType.toLowerCase()]} variant=\"muted\" />\n ) : (\n <img\n src={thumbnailUrl}\n className={styles.thumbnail}\n alt={thumbnailAltText}\n />\n )}\n </figure>\n )}\n\n <div className={styles.content}>\n <Flex>\n <Text\n as=\"h3\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n fontWeight=\"fontWeightDemiBold\"\n isTruncated\n >\n {title}\n </Text>\n\n {contentType && (\n <Text\n as=\"span\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray600\"\n className={styles.contentType}\n isTruncated\n >\n ({contentType})\n </Text>\n )}\n </Flex>\n {description && (\n <Text\n as=\"p\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n isTruncated\n className={styles.description}\n >\n {description}\n </Text>\n )}\n </div>\n\n <Flex\n className={styles.meta}\n alignItems=\"flex-start\"\n paddingLeft=\"spacingXs\"\n >\n {status && (\n <Box marginRight={actions ? 'spacingXs' : 'none'}>\n <EntityStatusBadge entityStatus={status} />\n </Box>\n )}\n\n {actions && (\n <Menu>\n <Menu.Trigger>\n <Button\n isDisabled={isActionsDisabled}\n startIcon={<MoreHorizontalIcon />}\n variant=\"transparent\"\n aria-label=\"Actions\"\n size=\"small\"\n className={styles.menuTrigger}\n />\n </Menu.Trigger>\n <Menu.List>{actions}</Menu.List>\n </Menu>\n )}\n </Flex>\n </Element>\n )}\n </li>\n );\n};\n\nEntityListItem.displayName = 'EntityListItem';\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { EntityListItemProps } from './EntityListItem';\n\nexport const getEntityListItemStyles = () => ({\n root: (props: Pick<EntityListItemProps, 'isDragActive'>) =>\n css({\n display: 'flex',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n position: 'relative',\n transition: `${tokens.transitionDurationShort} ${tokens.transitionEasingDefault}`,\n transitionProperty: 'box-shadow, background-color',\n backgroundColor: tokens.colorWhite,\n ...(props.isDragActive\n ? {\n boxShadow: tokens.boxShadowHeavy,\n }\n : {}),\n\n '&:hover': {\n backgroundColor: tokens.gray100,\n },\n }),\n card: css({\n display: 'flex',\n textDecoration: 'none',\n width: '100%',\n minHeight: tokens.spacing3Xl,\n padding: tokens.spacingXs,\n border: 'none',\n background: 'none',\n textAlign: 'left',\n }),\n content: css({\n flexGrow: 1,\n minWidth: 0,\n }),\n media: css({\n display: 'flex',\n flexShrink: 0,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: tokens.gray200,\n width: tokens.spacing2Xl,\n height: tokens.spacing2Xl,\n margin: '0',\n marginRight: tokens.spacingXs,\n }),\n thumbnail: css({\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n }),\n contentType: css({\n marginLeft: tokens.spacingXs,\n }),\n description: css({\n marginTop: tokens.spacing2Xs,\n }),\n meta: css({\n marginLeft: 'auto',\n flexShrink: 0,\n }),\n dragHandle: css({\n borderBottomLeftRadius: '0',\n borderTopLeftRadius: '0',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n }),\n menuTrigger: css({\n padding: '0 0.125rem',\n minHeight: '1.5rem',\n }),\n});\n"],"names":["EntityList","EntityListProps","EntityListItem","EntityListItemProps","OriginalEntityList","CompoundEntityList","Item","React","CommonProps","ExpandProps","getEntityListStyles","children","ReactNode","_EntityList","props","ref","Ref","HTMLUListElement","styles","testId","root","className","style","displayName","forwardRef","tokens","display","listStyle","margin","padding","border","gray200","borderBottom","borderRadius","borderRadiusMedium","overflow","MouseEventHandler","EntityStatusBadge","EntityStatus","PickUnion","AssetIcon","EntryIcon","ReleaseIcon","MoreHorizontalIcon","Icon","Text","DragHandle","DragHandleProps","Button","Menu","getEntityListItemStyles","SkeletonBodyText","SkeletonContainer","SkeletonImage","Flex","Box","EntityListItemStatus","ICON_MAP","asset","entry","release","title","description","contentType","status","withThumbnail","thumbnailUrl","thumbnailAltText","actions","ReactNodeArray","withDragHandle","isDragActive","cardDragHandleComponent","cardDragHandleProps","Partial","entityType","isLoading","onClick","href","isActionsDisabled","otherProps","ReactElement","renderCardDragHandle","dragHandle","Element","ElementType","isArchived","asIcon","card","undefined","media","toLowerCase","thumbnail","content","meta","menuTrigger","Pick","boxShadow","position","transition","transitionDurationShort","transitionEasingDefault","transitionProperty","backgroundColor","colorWhite","boxShadowHeavy","gray100","textDecoration","width","minHeight","spacing3Xl","spacingXs","background","textAlign","flexShrink","alignItems","justifyContent","spacing2Xl","height","marginRight","marginLeft","marginTop","spacing2Xs","borderBottomLeftRadius","borderTopLeftRadius"],"version":3,"file":"module.js.map"}
1	+ {"mappings":"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","sources":["packages/components/entity-list/src/index.ts","packages/components/entity-list/src/CompoundEntityList.tsx","packages/components/entity-list/src/EntityList.tsx","packages/components/entity-list/src/EntityList.styles.ts","packages/components/entity-list/src/EntityListItem/EntityListItem.tsx","packages/components/entity-list/src/EntityListItem/EntityListItem.styles.ts"],"sourcesContent":["export { EntityList } from './CompoundEntityList';\nexport type { EntityListProps } from './EntityList';\nexport { EntityListItem } from './EntityListItem/EntityListItem';\nexport type { EntityListItemProps } from './EntityListItem/EntityListItem';\n","import { EntityList as OriginalEntityList } from './EntityList';\nimport { EntityListItem } from './EntityListItem/EntityListItem';\n\ntype CompoundEntityList = typeof OriginalEntityList & {\n Item: typeof EntityListItem;\n};\n\nexport const EntityList = OriginalEntityList as CompoundEntityList;\nEntityList.Item = EntityListItem;\n","import React from 'react';\nimport { cx } from 'emotion';\nimport type { CommonProps, ExpandProps } from '@contentful/f36-core';\n\nimport { getEntityListStyles } from './EntityList.styles';\n\nexport interface EntityListProps extends CommonProps {\n children?: React.ReactNode;\n}\n\nfunction _EntityList(\n props: ExpandProps<EntityListProps>,\n ref: React.Ref<HTMLUListElement>,\n) {\n const styles = getEntityListStyles();\n\n return (\n <ul\n data-test-id={props.testId \|\| 'cf-ui-entity-list'}\n ref={ref}\n className={cx(styles.root, props.className)}\n style={props.style}\n >\n {props.children}\n </ul>\n );\n}\n\n_EntityList.displayName = 'EntityList';\n\nexport const EntityList = React.forwardRef(_EntityList);\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const getEntityListStyles = () => ({\n root: css({\n display: 'block',\n listStyle: 'none',\n margin: 0,\n padding: 0,\n border: `1px solid ${tokens.gray200}`,\n borderBottom: 'none',\n borderRadius: tokens.borderRadiusMedium,\n overflow: 'hidden',\n }),\n});\n","import React, { type MouseEventHandler } from 'react';\nimport { cx } from 'emotion';\nimport { EntityStatusBadge } from '@contentful/f36-badge';\nimport {\n Flex,\n Box,\n type CommonProps,\n type EntityStatus,\n type PickUnion,\n} from '@contentful/f36-core';\nimport {\n AssetIcon,\n EntryIcon,\n ReleaseIcon,\n MoreHorizontalIcon,\n} from '@contentful/f36-icons';\nimport { Icon } from '@contentful/f36-icon';\nimport { Text } from '@contentful/f36-typography';\nimport { DragHandle, type DragHandleProps } from '@contentful/f36-drag-handle';\nimport { Button } from '@contentful/f36-button';\nimport { Menu } from '@contentful/f36-menu';\nimport {\n SkeletonBodyText,\n SkeletonContainer,\n SkeletonImage,\n} from '@contentful/f36-skeleton';\n\nimport { getEntityListItemStyles } from './EntityListItem.styles';\n\ntype EntityListItemStatus = PickUnion<\n EntityStatus,\n 'archived' \| 'changed' \| 'draft' \| 'published'\n>;\n\nconst ICON_MAP = {\n asset: AssetIcon,\n entry: EntryIcon,\n release: ReleaseIcon,\n};\n\nexport interface EntityListItemProps extends CommonProps {\n /*\n The title of the entity\n /\n title: string;\n /\n The description of the entity\n /\n description?: string;\n /\n The content type of the entity\n /\n contentType?: string;\n /\n The publish status of the entry\n /\n status?: EntityListItemStatus;\n /\n A boolean used to render the Thumbnail or not\n /\n withThumbnail?: boolean;\n /\n The URL of the entity's preview thumbnail. Use 46px x 46px images for best results\n /\n thumbnailUrl?: string;\n /\n The alt text for the thumbnail\n /\n thumbnailAltText?: string;\n /\n Menu elements rendered as actions in Menu\n /\n actions?: React.ReactNodeArray;\n /\n Renders a drag handle for the component for use in drag and drop contexts\n /\n withDragHandle?: boolean;\n /\n Applies styling for when the component is actively being dragged by the user\n /\n isDragActive?: boolean;\n /\n Prop to pass a custom CardDragHandle component to for use in drag and drop contexts\n /\n cardDragHandleComponent?: React.ReactNode;\n /\n Props to pass down to the default CardDragHandle component (does not work with cardDragHandleComponent prop)\n /\n cardDragHandleProps?: Partial<DragHandleProps>;\n /\n An entity can either be an Entry, an Asset or a Release. This prop will apply styling based on if the entity is an asset, a release or an entry\n \n Note: 'entry' and 'asset' are @deprecated but supported in v1.x for backwards compatibility\n /\n entityType?: 'Entry' \| 'Asset' \| 'entry' \| 'asset' \| 'Release';\n /\n Loading state for the component - when true will display loading feedback to the user\n /\n isLoading?: boolean;\n /\n The action to be performed on click of the EntryCard\n /\n onClick?: MouseEventHandler;\n /\n The href for the component. Will render the card as an `a` element for native browser link handling\n /\n href?: string;\n /\n A boolean used to disable the CardActions\n */\n isActionsDisabled?: boolean;\n}\n\nexport const EntityListItem = ({\n className,\n testId = 'cf-ui-entity-list-item',\n title,\n description,\n contentType,\n entityType = 'entry',\n withThumbnail = true,\n thumbnailUrl,\n thumbnailAltText,\n status,\n actions,\n withDragHandle,\n isDragActive,\n isLoading,\n onClick,\n href,\n cardDragHandleProps,\n cardDragHandleComponent,\n isActionsDisabled = false,\n ...otherProps\n}: EntityListItemProps): React.ReactElement => {\n const styles = getEntityListItemStyles();\n\n const renderCardDragHandle = () => {\n if (cardDragHandleComponent) {\n return cardDragHandleComponent;\n } else if (withDragHandle) {\n return (\n <DragHandle\n className={styles.dragHandle}\n isActive={isDragActive}\n label=\"Reorder entry\"\n {...cardDragHandleProps}\n />\n );\n }\n };\n\n let Element: React.ElementType = 'article';\n if (href \|\| onClick) {\n Element = href ? 'a' : 'button';\n }\n\n // archived assets will not be available on the CDN, resulting in a broken image src\n const isArchived = status === 'archived';\n const asIcon = isArchived \|\| !thumbnailUrl;\n\n return (\n <li\n {...otherProps}\n className={cx(styles.root({ isDragActive }), className)}\n data-test-id={testId}\n >\n {renderCardDragHandle()}\n {isLoading ? (\n <article className={styles.card}>\n <SkeletonContainer clipId=\"f36-entity-list-item-skeleton\">\n <SkeletonImage height={46} width={46} />\n <SkeletonBodyText\n numberOfLines={2}\n lineHeight={18}\n offsetLeft={54}\n />\n </SkeletonContainer>\n </article>\n ) : (\n <Element\n className={styles.card}\n onClick={onClick}\n href={href}\n type={Element === 'button' ? 'button' : undefined}\n target={href ? '_blank' : undefined}\n >\n {withThumbnail && (\n <figure className={styles.media}>\n {asIcon ? (\n <Icon as={ICON_MAP[entityType.toLowerCase()]} variant=\"muted\" />\n ) : (\n <img\n src={thumbnailUrl}\n className={styles.thumbnail}\n alt={thumbnailAltText}\n />\n )}\n </figure>\n )}\n\n <div className={styles.content}>\n <Flex>\n <Text\n as=\"h3\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n fontWeight=\"fontWeightDemiBold\"\n isTruncated\n >\n {title}\n </Text>\n\n {contentType && (\n <Text\n as=\"span\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray600\"\n className={styles.contentType}\n isTruncated\n >\n ({contentType})\n </Text>\n )}\n </Flex>\n {description && (\n <Text\n as=\"p\"\n lineHeight=\"lineHeightM\"\n fontColor=\"gray900\"\n isTruncated\n className={styles.description}\n >\n {description}\n </Text>\n )}\n </div>\n\n <Flex\n className={styles.meta}\n alignItems=\"flex-start\"\n paddingLeft=\"spacingXs\"\n >\n {status && (\n <Box marginRight={actions ? 'spacingXs' : 'none'}>\n <EntityStatusBadge entityStatus={status} />\n </Box>\n )}\n\n {actions && (\n <Menu>\n <Menu.Trigger>\n <Button\n isDisabled={isActionsDisabled}\n startIcon={<MoreHorizontalIcon />}\n variant=\"transparent\"\n aria-label=\"Actions\"\n size=\"small\"\n className={styles.menuTrigger}\n />\n </Menu.Trigger>\n <Menu.List>{actions}</Menu.List>\n </Menu>\n )}\n </Flex>\n </Element>\n )}\n </li>\n );\n};\n\nEntityListItem.displayName = 'EntityListItem';\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { EntityListItemProps } from './EntityListItem';\n\nexport const getEntityListItemStyles = () => ({\n root: (props: Pick<EntityListItemProps, 'isDragActive'>) =>\n css({\n display: 'flex',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n position: 'relative',\n transition: `${tokens.transitionDurationShort} ${tokens.transitionEasingDefault}`,\n transitionProperty: 'box-shadow, background-color',\n backgroundColor: tokens.colorWhite,\n ...(props.isDragActive\n ? {\n boxShadow: tokens.boxShadowHeavy,\n }\n : {}),\n\n '&:hover': {\n backgroundColor: tokens.gray100,\n },\n }),\n card: css({\n display: 'flex',\n textDecoration: 'none',\n width: '100%',\n minHeight: tokens.spacing3Xl,\n padding: tokens.spacingXs,\n border: 'none',\n background: 'none',\n textAlign: 'left',\n }),\n content: css({\n flexGrow: 1,\n minWidth: 0,\n }),\n media: css({\n display: 'flex',\n flexShrink: 0,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: tokens.gray200,\n width: tokens.spacing2Xl,\n height: tokens.spacing2Xl,\n margin: '0',\n marginRight: tokens.spacingXs,\n }),\n thumbnail: css({\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n }),\n contentType: css({\n marginLeft: tokens.spacingXs,\n }),\n description: css({\n marginTop: tokens.spacing2Xs,\n }),\n meta: css({\n marginLeft: 'auto',\n flexShrink: 0,\n }),\n dragHandle: css({\n borderBottomLeftRadius: '0',\n borderTopLeftRadius: '0',\n boxShadow: `inset 0 -1px 0 ${tokens.gray200}`,\n }),\n menuTrigger: css({\n padding: '0 0.125rem',\n minHeight: '1.5rem',\n }),\n});\n"],"names":["EntityList","EntityListProps","EntityListItem","EntityListItemProps","OriginalEntityList","CompoundEntityList","Item","React","CommonProps","ExpandProps","getEntityListStyles","children","ReactNode","_EntityList","props","ref","Ref","HTMLUListElement","styles","testId","root","className","style","displayName","forwardRef","tokens","display","listStyle","margin","padding","border","gray200","borderBottom","borderRadius","borderRadiusMedium","overflow","MouseEventHandler","EntityStatusBadge","Flex","Box","EntityStatus","PickUnion","AssetIcon","EntryIcon","ReleaseIcon","MoreHorizontalIcon","Icon","Text","DragHandle","DragHandleProps","Button","Menu","SkeletonBodyText","SkeletonContainer","SkeletonImage","getEntityListItemStyles","EntityListItemStatus","ICON_MAP","asset","entry","release","title","description","contentType","status","withThumbnail","thumbnailUrl","thumbnailAltText","actions","ReactNodeArray","withDragHandle","isDragActive","cardDragHandleComponent","cardDragHandleProps","Partial","entityType","isLoading","onClick","href","isActionsDisabled","otherProps","ReactElement","renderCardDragHandle","dragHandle","Element","ElementType","isArchived","asIcon","card","undefined","media","toLowerCase","thumbnail","content","meta","menuTrigger","Pick","boxShadow","position","transition","transitionDurationShort","transitionEasingDefault","transitionProperty","backgroundColor","colorWhite","boxShadowHeavy","gray100","textDecoration","width","minHeight","spacing3Xl","spacingXs","background","textAlign","flexShrink","alignItems","justifyContent","spacing2Xl","height","marginRight","marginLeft","marginTop","spacing2Xs","borderBottomLeftRadius","borderTopLeftRadius"],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;ACMA,gCAAiC,SAAQ,WAAW;IAClD,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AAsBD,QAAO,MAAM,sGAA0C,CAAC;~~AEExD~~,4BAA4B,UAC1B,YAAY,EACZ,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAC/C,CAAC;AAQF,oCAAqC,SAAQ,WAAW;IACtD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,SAAS,CAAC;IAC1C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,OAAO,MAAM;iRAqBV,mBAAmB,GAAG,MAAM,YAAY;;CAuI1C,CAAC;~~AC7QF~~,0BAA0B,mBAAyB,GAAG;IACpD,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;AAEF,OAAO,MAAM,8BAAqD,CAAC","sources":["packages/components/entity-list/src/src/EntityList.styles.ts","packages/components/entity-list/src/src/EntityList.tsx","packages/components/entity-list/src/src/EntityListItem/EntityListItem.styles.ts","packages/components/entity-list/src/src/EntityListItem/EntityListItem.tsx","packages/components/entity-list/src/src/CompoundEntityList.tsx","packages/components/entity-list/src/src/index.ts","packages/components/entity-list/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"export { EntityList } from './CompoundEntityList';\nexport type { EntityListProps } from './EntityList';\nexport { EntityListItem } from './EntityListItem/EntityListItem';\nexport type { EntityListItemProps } from './EntityListItem/EntityListItem';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1	+ {"mappings":";;;ACMA,gCAAiC,SAAQ,WAAW;IAClD,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AAsBD,QAAO,MAAM,sGAA0C,CAAC;AEDxD,4BAA4B,UAC1B,YAAY,EACZ,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAC/C,CAAC;AAQF,oCAAqC,SAAQ,WAAW;IACtD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,SAAS,CAAC;IAC1C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,OAAO,MAAM;iRAqBV,mBAAmB,GAAG,MAAM,YAAY;;CAuI1C,CAAC;AC1QF,0BAA0B,mBAAyB,GAAG;IACpD,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;AAEF,OAAO,MAAM,8BAAqD,CAAC","sources":["packages/components/entity-list/src/src/EntityList.styles.ts","packages/components/entity-list/src/src/EntityList.tsx","packages/components/entity-list/src/src/EntityListItem/EntityListItem.styles.ts","packages/components/entity-list/src/src/EntityListItem/EntityListItem.tsx","packages/components/entity-list/src/src/CompoundEntityList.tsx","packages/components/entity-list/src/src/index.ts","packages/components/entity-list/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"export { EntityList } from './CompoundEntityList';\nexport type { EntityListProps } from './EntityList';\nexport { EntityListItem } from './EntityListItem/EntityListItem';\nexport type { EntityListItemProps } from './EntityListItem/EntityListItem';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json CHANGED Viewed

@@ -1,22 +1,22 @@
 {
   "name": "@contentful/f36-entity-list",
-  "version": "4.14.0",
+  "version": "4.16.0",
   "description": "Forma 36: EntityList component",
   "scripts": {
     "build": "parcel build"
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-badge": "^4.14.0",
-    "@contentful/f36-button": "^4.14.0",
-    "@contentful/f36-core": "^4.14.0",
-    "@contentful/f36-drag-handle": "^4.14.0",
-    "@contentful/f36-icon": "^4.14.0",
-    "@contentful/f36-icons": "^4.14.0",
-    "@contentful/f36-menu": "^4.14.0",
-    "@contentful/f36-skeleton": "^4.14.0",
+    "@contentful/f36-badge": "^4.16.0",
+    "@contentful/f36-button": "^4.16.0",
+    "@contentful/f36-core": "^4.16.0",
+    "@contentful/f36-drag-handle": "^4.16.0",
+    "@contentful/f36-icon": "^4.16.0",
+    "@contentful/f36-icons": "^4.16.0",
+    "@contentful/f36-menu": "^4.16.0",
+    "@contentful/f36-skeleton": "^4.16.0",
     "@contentful/f36-tokens": "^4.0.1",
-    "@contentful/f36-typography": "^4.14.0",
+    "@contentful/f36-typography": "^4.16.0",
     "emotion": "^10.0.17"
   },
   "peerDependencies": {