npm - @contentful/f36-asset - Versions diffs - 4.16.0 → 4.19.0 - Mend

@contentful/f36-asset 4.16.0 → 4.19.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 (12) hide show

package/CHANGELOG.md +30 -0
package/dist/{types.d.ts → index.d.ts} +22 -19
package/dist/index.js +22 -0
package/dist/index.js.map +1 -0
package/dist/index.mjs +11 -0
package/dist/index.mjs.map +1 -0
package/package.json +9 -9
package/dist/main.js +0 -186
package/dist/main.js.map +0 -1
package/dist/module.js +0 -177
package/dist/module.js.map +0 -1
package/dist/types.d.ts.map +0 -1

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,35 @@
 # Change Log
+## 4.19.0
+### Patch Changes
+- Updated dependencies []:
+  - @contentful/f36-icon@4.19.0
+  - @contentful/f36-icons@4.19.0
+  - @contentful/f36-typography@4.19.0
+  - @contentful/f36-core@4.19.0
+## 4.18.0
+### Patch Changes
+- Updated dependencies []:
+  - @contentful/f36-icon@4.18.0
+  - @contentful/f36-icons@4.18.0
+  - @contentful/f36-typography@4.18.0
+  - @contentful/f36-core@4.18.0
+## 4.17.0
+### Patch Changes
+- Updated dependencies []:
+  - @contentful/f36-icon@4.17.0
+  - @contentful/f36-icons@4.17.0
+  - @contentful/f36-typography@4.17.0
+  - @contentful/f36-core@4.17.0
 ## 4.16.0
 ### Patch Changes

package/dist/{types.d.ts → index.d.ts} RENAMED Viewed

@@ -1,6 +1,7 @@
-import { GeneratedIconProps } from "@contentful/f36-icon";
-import React from "react";
-import { EntityStatus, PickUnion, CommonProps } from "@contentful/f36-core";
+import React from 'react';
+import { PickUnion, EntityStatus, CommonProps } from '@contentful/f36-core';
+import { GeneratedIconProps } from '@contentful/f36-icon';
 declare const types: {
     archive: string;
     audio: string;
@@ -14,20 +15,11 @@ declare const types: {
     spreadsheet: string;
     video: string;
 };
-export function isAssetType(type: string): type is AssetType;
-export type AssetType = keyof typeof types;
-export interface AssetIconProps extends Omit<GeneratedIconProps, 'illustration' | 'ref'> {
-    type?: AssetType;
-}
-/**
- * Renders only the Illustration that would represent this asset's type
- */
-export const AssetIcon: {
-    ({ type, className, testId, ...otherProps }: AssetIconProps): JSX.Element;
-    displayName: string;
-};
-export type AssetStatus = PickUnion<EntityStatus, 'archived' | 'changed' | 'deleted' | 'draft' | 'published'>;
-export interface AssetProps extends CommonProps {
+declare function isAssetType(type: string): type is AssetType;
+declare type AssetType = keyof typeof types;
+declare type AssetStatus = PickUnion<EntityStatus, 'archived' | 'changed' | 'deleted' | 'draft' | 'published'>;
+interface AssetProps extends CommonProps {
     /**
      * A `src` attribute to use for image assets
      */
@@ -45,6 +37,17 @@ export interface AssetProps extends CommonProps {
      */
     type?: AssetType;
 }
-export const Asset: React.ForwardRefExoticComponent<AssetProps & React.RefAttributes<any>>;
+declare const Asset: React.ForwardRefExoticComponent<AssetProps & React.RefAttributes<any>>;
+interface AssetIconProps extends Omit<GeneratedIconProps, 'illustration' | 'ref'> {
+    type?: AssetType;
+}
+/**
+ * Renders only the Illustration that would represent this asset's type
+ */
+declare const AssetIcon: {
+    ({ type, className, testId, ...otherProps }: AssetIconProps): JSX.Element;
+    displayName: string;
+};
-//# sourceMappingURL=types.d.ts.map
+export { Asset, AssetIcon, AssetIconProps, AssetProps, AssetStatus, AssetType, isAssetType };

package/dist/index.js ADDED Viewed

@@ -0,0 +1,22 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var n = require('react');
+var emotion = require('emotion');
+var f36Core = require('@contentful/f36-core');
+var f36Typography = require('@contentful/f36-typography');
+var f36Icons = require('@contentful/f36-icons');
+var g = require('@contentful/f36-tokens');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var n__default = /*#__PURE__*/_interopDefaultLegacy(n);
+var g__default = /*#__PURE__*/_interopDefaultLegacy(g);
+var N=Object.defineProperty,w=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var A=(t,e,s)=>e in t?N(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s,o=(t,e)=>{for(var s in e||(e={}))I.call(e,s)&&A(t,s,e[s]);if(f)for(var s of f(e))v.call(e,s)&&A(t,s,e[s]);return t},P=(t,e)=>w(t,B(e));var d=(t,e)=>{var s={};for(var r in t)I.call(t,r)&&e.indexOf(r)<0&&(s[r]=t[r]);if(t!=null&&f)for(var r of f(t))e.indexOf(r)<0&&v.call(t,r)&&(s[r]=t[r]);return s};function T(){return {root:emotion.css({display:"inline-block",width:"39px",height:"39px","g, path":{fill:g__default["default"].gray600}})}}var u=c=>{var m=c,{type:t="archive",className:e,testId:s="cf-ui-asset-icon"}=m,r=d(m,["type","className","testId"]);let y=T(),i=P(o({},r),{testId:s,className:emotion.cx(y.root,e)});switch(t){case"audio":return n__default["default"].createElement(f36Icons.AudioIcon,o({},i));case"code":return n__default["default"].createElement(f36Icons.CodeIllustrationIcon,o({},i));case"image":return n__default["default"].createElement(f36Icons.ImageIcon,o({},i));case"markup":return n__default["default"].createElement(f36Icons.MarkupIcon,o({},i));case"pdf":return n__default["default"].createElement(f36Icons.PdfIcon,o({},i));case"plaintext":return n__default["default"].createElement(f36Icons.PlaintextIcon,o({},i));case"presentation":return n__default["default"].createElement(f36Icons.PresentationIcon,o({},i));case"richtext":return n__default["default"].createElement(f36Icons.RichtextIcon,o({},i));case"spreadsheet":return n__default["default"].createElement(f36Icons.SpreadsheetIcon,o({},i));case"video":return n__default["default"].createElement(f36Icons.VideoIcon,o({},i));case"archive":default:return n__default["default"].createElement(f36Icons.ArchiveIcon,o({},i))}};u.displayName="AssetIcon";function S(){return {relative:emotion.css({position:"relative"}),height100:emotion.css({height:"100%"}),image:emotion.css({width:"auto",maxWidth:"100%",maxHeight:"100%"}),titleContainer:emotion.css({opacity:0,transition:`opacity ${g__default["default"].transitionDurationDefault} ${g__default["default"].transitionEasingDefault}`,position:"absolute",bottom:0,right:0,left:0,height:"100%",display:"flex",overflow:"hidden",alignItems:"flex-end",boxSizing:"border-box",background:`linear-gradient(0deg, ${g__default["default"].gray900} 0%, transparent calc(1rem * (100 / ${g__default["default"].fontBaseDefault})), transparent 100% )`,":hover":{opacity:1}}),title:emotion.css({bottom:0,left:0,right:0,position:"absolute"})}}function b(X,i){var h=X,{className:t,src:e,status:s,testId:r="cf-ui-asset",title:c,type:m="image"}=h,y=d(h,["className","src","status","testId","title","type"]);let p=S(),C=e&&e!==""&&m==="image"&&s!=="archived";return n__default["default"].createElement(f36Core.Box,o({className:emotion.cx(p.relative,t),testId:r,ref:i},y),C?n__default["default"].createElement(n__default["default"].Fragment,null,n__default["default"].createElement(f36Core.Flex,{alignItems:"center",justifyContent:"center",className:p.height100},n__default["default"].createElement("img",{className:p.image,src:e,alt:c})),c&&n__default["default"].createElement("div",{className:p.titleContainer},n__default["default"].createElement(f36Typography.Text,{className:p.title,fontColor:"colorWhite",margin:"spacingS",isTruncated:!0},c))):n__default["default"].createElement(f36Core.Flex,{flexDirection:"column",alignItems:"center",justifyContent:"center",paddingLeft:"spacingS",paddingRight:"spacingS",className:p.height100},n__default["default"].createElement(f36Core.Flex,{marginBottom:"spacingM",marginTop:"spacingM",justifyContent:"center"},n__default["default"].createElement(u,{type:m})),n__default["default"].createElement(f36Typography.Text,{isTruncated:!0,marginBottom:"spacingM",fontColor:"gray600"},c)))}b.displayName="Asset";var J=n__default["default"].forwardRef(b);var K={archive:"archive",audio:"audio",code:"code",image:"image",markup:"markup",pdf:"pdf",plaintext:"plaintext",presentation:"presentation",richtext:"richtext",spreadsheet:"spreadsheet",video:"video"};function Q(t){return Object.keys(K).includes(t)}
+exports.Asset = J;
+exports.AssetIcon = u;
+exports.isAssetType = Q;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/Asset.tsx","../src/AssetIcon/AssetIcon.tsx","../src/AssetIcon/AssetIcon.styles.ts","../src/Asset.styles.ts","../src/types.ts"],"names":["React","cx","Box","Flex","Text","ArchiveIcon","AudioIcon","CodeIllustrationIcon","ImageIcon","MarkupIcon","PdfIcon","PlaintextIcon","RichtextIcon","PresentationIcon","SpreadsheetIcon","VideoIcon","tokens","css","getAssetIconStyles","AssetIcon","_a","_b","type","className","testId","otherProps","__objRest","styles","props","__spreadProps","__spreadValues","getAssetStyles","_Asset","ref","src","status","title","showPreview","Asset","types","isAssetType"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { cx } from 'emotion';\nimport {\n Box,\n Flex,\n type EntityStatus,\n type PickUnion,\n type CommonProps,\n} from '@contentful/f36-core';\nimport { Text } from '@contentful/f36-typography';\n\nimport { AssetIcon } from './AssetIcon/AssetIcon';\nimport { getAssetStyles } from './Asset.styles';\nimport type { AssetType } from './types';\n\nexport type AssetStatus = PickUnion<\n EntityStatus,\n 'archived' | 'changed' | 'deleted' | 'draft' | 'published'\n>;\n\nexport interface AssetProps extends CommonProps {\n /**\n * A `src` attribute to use for image assets\n */\n src?: string;\n /**\n * The publish status of the asset\n */\n status?: AssetStatus;\n /**\n * The title of the asset\n */\n title?: string;\n /**\n * The type of asset being represented\n */\n type?: AssetType;\n}\n\nfunction _Asset(\n {\n className,\n src,\n status,\n testId = 'cf-ui-asset',\n title,\n type = 'image',\n ...otherProps\n }: AssetProps,\n ref: React.Ref<any>,\n) {\n const styles = getAssetStyles();\n const isImage = src && src !== '' && type === 'image';\n\n // Do not show image previews when publish status is archived\n const showPreview = isImage && status !== 'archived';\n\n return (\n <Box\n className={cx(styles.relative, className)}\n testId={testId}\n ref={ref}\n {...otherProps}\n >\n {showPreview ? (\n <>\n <Flex\n alignItems=\"center\"\n justifyContent=\"center\"\n className={styles.height100}\n >\n <img className={styles.image} src={src} alt={title} />\n </Flex>\n {title && (\n <div className={styles.titleContainer}>\n <Text\n className={styles.title}\n fontColor=\"colorWhite\"\n margin=\"spacingS\"\n isTruncated\n >\n {title}\n </Text>\n </div>\n )}\n </>\n ) : (\n <Flex\n flexDirection=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n paddingLeft=\"spacingS\"\n paddingRight=\"spacingS\"\n className={styles.height100}\n >\n <Flex\n marginBottom=\"spacingM\"\n marginTop=\"spacingM\"\n justifyContent=\"center\"\n >\n <AssetIcon type={type} />\n </Flex>\n <Text isTruncated marginBottom=\"spacingM\" fontColor=\"gray600\">\n {title}\n </Text>\n </Flex>\n )}\n </Box>\n );\n}\n\n_Asset.displayName = 'Asset';\n\nexport const Asset = React.forwardRef(_Asset);\n","import React from 'react';\nimport {\n ArchiveIcon,\n AudioIcon,\n CodeIllustrationIcon,\n ImageIcon,\n MarkupIcon,\n PdfIcon,\n PlaintextIcon,\n RichtextIcon,\n PresentationIcon,\n SpreadsheetIcon,\n VideoIcon,\n} from '@contentful/f36-icons';\nimport type { GeneratedIconProps } from '@contentful/f36-icon';\nimport type { AssetType } from '../types';\n\nimport { cx } from 'emotion';\nimport { getAssetIconStyles } from './AssetIcon.styles';\n\nexport interface AssetIconProps\n extends Omit<GeneratedIconProps, 'illustration' | 'ref'> {\n type?: AssetType;\n}\n\n/**\n * Renders only the Illustration that would represent this asset's type\n */\nexport const AssetIcon = ({\n type = 'archive',\n className,\n testId = 'cf-ui-asset-icon',\n ...otherProps\n}: AssetIconProps) => {\n const styles = getAssetIconStyles();\n const props = {\n ...otherProps,\n testId,\n className: cx(styles.root, className),\n };\n\n switch (type) {\n case 'audio':\n return <AudioIcon {...props} />;\n case 'code':\n return <CodeIllustrationIcon {...props} />;\n case 'image':\n return <ImageIcon {...props} />;\n case 'markup':\n return <MarkupIcon {...props} />;\n case 'pdf':\n return <PdfIcon {...props} />;\n case 'plaintext':\n return <PlaintextIcon {...props} />;\n case 'presentation':\n return <PresentationIcon {...props} />;\n case 'richtext':\n return <RichtextIcon {...props} />;\n case 'spreadsheet':\n return <SpreadsheetIcon {...props} />;\n case 'video':\n return <VideoIcon {...props} />;\n case 'archive':\n default:\n return <ArchiveIcon {...props} />;\n }\n};\n\nAssetIcon.displayName = 'AssetIcon';\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport function getAssetIconStyles() {\n return {\n root: css({\n display: 'inline-block',\n width: '39px',\n height: '39px',\n 'g, path': {\n fill: tokens.gray600,\n },\n }),\n };\n}\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport function getAssetStyles() {\n return {\n relative: css({\n position: 'relative',\n }),\n height100: css({\n height: '100%',\n }),\n image: css({\n width: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n }),\n titleContainer: css({\n opacity: 0,\n transition: `opacity ${tokens.transitionDurationDefault} ${tokens.transitionEasingDefault}`,\n position: 'absolute',\n bottom: 0,\n right: 0,\n left: 0,\n height: '100%',\n display: 'flex',\n overflow: 'hidden',\n alignItems: 'flex-end',\n boxSizing: 'border-box',\n background: `linear-gradient(0deg, ${tokens.gray900} 0%, transparent calc(1rem * (100 / ${tokens.fontBaseDefault})), transparent 100% )`,\n ':hover': { opacity: 1 },\n }),\n title: css({\n bottom: 0,\n left: 0,\n right: 0,\n position: 'absolute',\n }),\n };\n}\n","export const types = {\n archive: 'archive',\n audio: 'audio',\n code: 'code',\n image: 'image',\n markup: 'markup',\n pdf: 'pdf',\n plaintext: 'plaintext',\n presentation: 'presentation',\n richtext: 'richtext',\n spreadsheet: 'spreadsheet',\n video: 'video',\n};\n\nexport function isAssetType(type: string): type is AssetType {\n return Object.keys(types).includes(type);\n}\n\nexport type AssetType = keyof typeof types;\n"]}

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1,11 @@
+import n from 'react';
+import { cx, css } from 'emotion';
+import { Box, Flex } from '@contentful/f36-core';
+import { Text } from '@contentful/f36-typography';
+import { ArchiveIcon, VideoIcon, SpreadsheetIcon, RichtextIcon, PresentationIcon, PlaintextIcon, PdfIcon, MarkupIcon, ImageIcon, CodeIllustrationIcon, AudioIcon } from '@contentful/f36-icons';
+import g from '@contentful/f36-tokens';
+var N=Object.defineProperty,w=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var A=(t,e,s)=>e in t?N(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s,o=(t,e)=>{for(var s in e||(e={}))I.call(e,s)&&A(t,s,e[s]);if(f)for(var s of f(e))v.call(e,s)&&A(t,s,e[s]);return t},P=(t,e)=>w(t,B(e));var d=(t,e)=>{var s={};for(var r in t)I.call(t,r)&&e.indexOf(r)<0&&(s[r]=t[r]);if(t!=null&&f)for(var r of f(t))e.indexOf(r)<0&&v.call(t,r)&&(s[r]=t[r]);return s};function T(){return {root:css({display:"inline-block",width:"39px",height:"39px","g, path":{fill:g.gray600}})}}var u=c=>{var m=c,{type:t="archive",className:e,testId:s="cf-ui-asset-icon"}=m,r=d(m,["type","className","testId"]);let y=T(),i=P(o({},r),{testId:s,className:cx(y.root,e)});switch(t){case"audio":return n.createElement(AudioIcon,o({},i));case"code":return n.createElement(CodeIllustrationIcon,o({},i));case"image":return n.createElement(ImageIcon,o({},i));case"markup":return n.createElement(MarkupIcon,o({},i));case"pdf":return n.createElement(PdfIcon,o({},i));case"plaintext":return n.createElement(PlaintextIcon,o({},i));case"presentation":return n.createElement(PresentationIcon,o({},i));case"richtext":return n.createElement(RichtextIcon,o({},i));case"spreadsheet":return n.createElement(SpreadsheetIcon,o({},i));case"video":return n.createElement(VideoIcon,o({},i));case"archive":default:return n.createElement(ArchiveIcon,o({},i))}};u.displayName="AssetIcon";function S(){return {relative:css({position:"relative"}),height100:css({height:"100%"}),image:css({width:"auto",maxWidth:"100%",maxHeight:"100%"}),titleContainer:css({opacity:0,transition:`opacity ${g.transitionDurationDefault} ${g.transitionEasingDefault}`,position:"absolute",bottom:0,right:0,left:0,height:"100%",display:"flex",overflow:"hidden",alignItems:"flex-end",boxSizing:"border-box",background:`linear-gradient(0deg, ${g.gray900} 0%, transparent calc(1rem * (100 / ${g.fontBaseDefault})), transparent 100% )`,":hover":{opacity:1}}),title:css({bottom:0,left:0,right:0,position:"absolute"})}}function b(X,i){var h=X,{className:t,src:e,status:s,testId:r="cf-ui-asset",title:c,type:m="image"}=h,y=d(h,["className","src","status","testId","title","type"]);let p=S(),C=e&&e!==""&&m==="image"&&s!=="archived";return n.createElement(Box,o({className:cx(p.relative,t),testId:r,ref:i},y),C?n.createElement(n.Fragment,null,n.createElement(Flex,{alignItems:"center",justifyContent:"center",className:p.height100},n.createElement("img",{className:p.image,src:e,alt:c})),c&&n.createElement("div",{className:p.titleContainer},n.createElement(Text,{className:p.title,fontColor:"colorWhite",margin:"spacingS",isTruncated:!0},c))):n.createElement(Flex,{flexDirection:"column",alignItems:"center",justifyContent:"center",paddingLeft:"spacingS",paddingRight:"spacingS",className:p.height100},n.createElement(Flex,{marginBottom:"spacingM",marginTop:"spacingM",justifyContent:"center"},n.createElement(u,{type:m})),n.createElement(Text,{isTruncated:!0,marginBottom:"spacingM",fontColor:"gray600"},c)))}b.displayName="Asset";var J=n.forwardRef(b);var K={archive:"archive",audio:"audio",code:"code",image:"image",markup:"markup",pdf:"pdf",plaintext:"plaintext",presentation:"presentation",richtext:"richtext",spreadsheet:"spreadsheet",video:"video"};function Q(t){return Object.keys(K).includes(t)}
+export { J as Asset, u as AssetIcon, Q as isAssetType };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,17 +1,17 @@
 {
   "name": "@contentful/f36-asset",
-  "version": "4.16.0",
+  "version": "4.19.0",
   "description": "Forma 36: Asset component",
   "scripts": {
-    "build": "parcel build"
+    "build": "tsup"
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "^4.16.0",
-    "@contentful/f36-icon": "^4.16.0",
-    "@contentful/f36-icons": "^4.16.0",
+    "@contentful/f36-core": "^4.19.0",
+    "@contentful/f36-icon": "^4.19.0",
+    "@contentful/f36-icons": "^4.19.0",
     "@contentful/f36-tokens": "^4.0.1",
-    "@contentful/f36-typography": "^4.16.0",
+    "@contentful/f36-typography": "^4.19.0",
     "emotion": "^10.0.17"
   },
   "peerDependencies": {
@@ -21,9 +21,9 @@
   "files": [
     "dist"
   ],
-  "main": "dist/main.js",
-  "module": "dist/module.js",
-  "types": "dist/types.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "source": "src/index.ts",
   "sideEffects": false,
   "browserslist": "extends @contentful/browserslist-config",

package/dist/main.js DELETED Viewed

@@ -1,186 +0,0 @@
-var $goRX5$emotion = require("emotion");
-var $goRX5$react = require("react");
-var $goRX5$contentfulf36core = require("@contentful/f36-core");
-var $goRX5$contentfulf36typography = require("@contentful/f36-typography");
-var $goRX5$contentfulf36icons = require("@contentful/f36-icons");
-var $goRX5$contentfulf36tokens = require("@contentful/f36-tokens");
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-$parcel$export(module.exports, "Asset", () => $ee511d6a9591eb62$export$c413dd039085b182);
-$parcel$export(module.exports, "AssetIcon", () => $bdfac71418b2e6eb$export$de8d5274b07acfbd);
-$parcel$export(module.exports, "isAssetType", () => $ecfcb790f927d565$export$3ccaa71e0816392d);
-function $a7f01243e6d07e2f$export$d4130e73e2e8f9dd() {
-    return {
-        root: /*#__PURE__*/ (0, $goRX5$emotion.css)({
-            display: "inline-block",
-            width: "39px",
-            height: "39px",
-            "g, path": {
-                fill: (0, ($parcel$interopDefault($goRX5$contentfulf36tokens))).gray600
-            }
-        })
-    };
-}
-const $bdfac71418b2e6eb$export$de8d5274b07acfbd = ({ type: type = "archive" , className: className , testId: testId = "cf-ui-asset-icon" , ...otherProps })=>{
-    const styles = (0, $a7f01243e6d07e2f$export$d4130e73e2e8f9dd)();
-    const props = {
-        ...otherProps,
-        testId: testId,
-        className: (0, $goRX5$emotion.cx)(styles.root, className)
-    };
-    switch(type){
-        case "audio":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.AudioIcon), props);
-        case "code":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.CodeIllustrationIcon), props);
-        case "image":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.ImageIcon), props);
-        case "markup":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.MarkupIcon), props);
-        case "pdf":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.PdfIcon), props);
-        case "plaintext":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.PlaintextIcon), props);
-        case "presentation":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.PresentationIcon), props);
-        case "richtext":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.RichtextIcon), props);
-        case "spreadsheet":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.SpreadsheetIcon), props);
-        case "video":
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.VideoIcon), props);
-        case "archive":
-        default:
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36icons.ArchiveIcon), props);
-    }
-};
-$bdfac71418b2e6eb$export$de8d5274b07acfbd.displayName = "AssetIcon";
-function $757deda98165af5b$export$fa02bd03531e2fe() {
-    return {
-        relative: /*#__PURE__*/ (0, $goRX5$emotion.css)({
-            name: "79elbk",
-            styles: "position:relative;"
-        }),
-        height100: /*#__PURE__*/ (0, $goRX5$emotion.css)({
-            name: "10klw3m",
-            styles: "height:100%;"
-        }),
-        image: /*#__PURE__*/ (0, $goRX5$emotion.css)({
-            name: "1ylrs5",
-            styles: "width:auto;max-width:100%;max-height:100%;"
-        }),
-        titleContainer: /*#__PURE__*/ (0, $goRX5$emotion.css)({
-            opacity: 0,
-            transition: `opacity ${(0, ($parcel$interopDefault($goRX5$contentfulf36tokens))).transitionDurationDefault} ${(0, ($parcel$interopDefault($goRX5$contentfulf36tokens))).transitionEasingDefault}`,
-            position: "absolute",
-            bottom: 0,
-            right: 0,
-            left: 0,
-            height: "100%",
-            display: "flex",
-            overflow: "hidden",
-            alignItems: "flex-end",
-            boxSizing: "border-box",
-            background: `linear-gradient(0deg, ${(0, ($parcel$interopDefault($goRX5$contentfulf36tokens))).gray900} 0%, transparent calc(1rem * (100 / ${(0, ($parcel$interopDefault($goRX5$contentfulf36tokens))).fontBaseDefault})), transparent 100% )`,
-            ":hover": {
-                opacity: 1
-            }
-        }),
-        title: /*#__PURE__*/ (0, $goRX5$emotion.css)({
-            name: "4gk4ib",
-            styles: "bottom:0;left:0;right:0;position:absolute;"
-        })
-    };
-}
-function $ee511d6a9591eb62$var$_Asset({ className: className , src: src , status: status , testId: testId = "cf-ui-asset" , title: title , type: type = "image" , ...otherProps }, ref) {
-    const styles = (0, $757deda98165af5b$export$fa02bd03531e2fe)();
-    const isImage = src && src !== "" && type === "image"; // Do not show image previews when publish status is archived
-    const showPreview = isImage && status !== "archived";
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36core.Box), {
-        className: (0, $goRX5$emotion.cx)(styles.relative, className),
-        testId: testId,
-        ref: ref,
-        ...otherProps
-    }, showPreview ? /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, ($parcel$interopDefault($goRX5$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36core.Flex), {
-        alignItems: "center",
-        justifyContent: "center",
-        className: styles.height100
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement("img", {
-        className: styles.image,
-        src: src,
-        alt: title
-    })), title && /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement("div", {
-        className: styles.titleContainer
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36typography.Text), {
-        className: styles.title,
-        fontColor: "colorWhite",
-        margin: "spacingS",
-        isTruncated: true
-    }, title))) : /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36core.Flex), {
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        paddingLeft: "spacingS",
-        paddingRight: "spacingS",
-        className: styles.height100
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36core.Flex), {
-        marginBottom: "spacingM",
-        marginTop: "spacingM",
-        justifyContent: "center"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $bdfac71418b2e6eb$export$de8d5274b07acfbd), {
-        type: type
-    })), /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).createElement((0, $goRX5$contentfulf36typography.Text), {
-        isTruncated: true,
-        marginBottom: "spacingM",
-        fontColor: "gray600"
-    }, title)));
-}
-$ee511d6a9591eb62$var$_Asset.displayName = "Asset";
-const $ee511d6a9591eb62$export$c413dd039085b182 = /*#__PURE__*/ (0, ($parcel$interopDefault($goRX5$react))).forwardRef($ee511d6a9591eb62$var$_Asset);
-const $ecfcb790f927d565$export$b14ad400b1d09e0f = {
-    archive: "archive",
-    audio: "audio",
-    code: "code",
-    image: "image",
-    markup: "markup",
-    pdf: "pdf",
-    plaintext: "plaintext",
-    presentation: "presentation",
-    richtext: "richtext",
-    spreadsheet: "spreadsheet",
-    video: "video"
-};
-function $ecfcb790f927d565$export$3ccaa71e0816392d(type) {
-    return Object.keys($ecfcb790f927d565$export$b14ad400b1d09e0f).includes(type);
-}
-//# sourceMappingURL=main.js.map

package/dist/main.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"mappings":";;;;;;;;;;;;;;;;;A;;;;A;;;A;;AGGO,SAAS8C,yCAAT,GAA8B;IACnC,OAAO;QACLG,IAAI,EAAA,aAAE,CAAA,CAAA,GAAA,kBAAA,CAAA,CAAI;YACRE,OAAO,EAAE,cADD;YAERC,KAAK,EAAE,MAFC;YAGRC,MAAM,EAAE,MAHA;YAIR,SAAA,EAAW;gBACTC,IAAI,EAAEJ,CAAAA,GAAAA,oDAAM,CAAA,CAACK,OAAbD;aADS;SAJP,CAAI;KADZ,CAAO;CAUR;;;ADcM,MAAMnD,yCAAS,GAAG,CAAC,QACxBe,IAAI,GAAG,SADiB,cAExBE,SAFwB,CAAA,UAGxBC,MAAM,GAAG,kBAHe,GAIxB,GAAGC,UAAH,EAJuB,GAKH;IACpB,MAAMG,MAAM,GAAGqB,CAAAA,GAAAA,yCAAkB,CAAA,EAAjC,AAAA;IACA,MAAME,KAAK,GAAG;QACZ,GAAG1B,UADS;gBAEZD,MAFY;QAGZD,SAAS,EAAE,CAAA,GAAA,iBAAA,CAAA,CAAGK,MAAM,CAACwB,IAAV,EAAgB7B,SAAhB,CAAXA;KAHF,AAAc;IAMd,OAAQF,IAAR;QACE,KAAK,OAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,mCAAD,CAAA,EAAe8B,KAAJ,CAAlB,CAAA;QACF,KAAK,MAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,8CAAD,CAAA,EAA0BA,KAAJ,CAA7B,CAAA;QACF,KAAK,OAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,mCAAD,CAAA,EAAeA,KAAJ,CAAlB,CAAA;QACF,KAAK,QAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,oCAAD,CAAA,EAAgBA,KAAJ,CAAnB,CAAA;QACF,KAAK,KAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,iCAAD,CAAA,EAAaA,KAAJ,CAAhB,CAAA;QACF,KAAK,WAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,uCAAD,CAAA,EAAmBA,KAAJ,CAAtB,CAAA;QACF,KAAK,cAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,0CAAD,CAAA,EAAsBA,KAAJ,CAAzB,CAAA;QACF,KAAK,UAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,sCAAD,CAAA,EAAkBA,KAAJ,CAArB,CAAA;QACF,KAAK,aAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,yCAAD,CAAA,EAAqBA,KAAJ,CAAxB,CAAA;QACF,KAAK,OAAL;YACE,qBAAO,0DAAC,CAAA,GAAA,mCAAD,CAAA,EAAeA,KAAJ,CAAlB,CAAA;QACF,KAAK,SAAL,CAAA;QACA;YACE,qBAAO,0DAAC,CAAA,GAAA,qCAAD,CAAA,EAAiBA,KAAJ,CAApB,CAAA;KAvBJ;CAbK,AAsCN;AAED7C,yCAAS,CAAC6B,WAAV,GAAwB,WAAxB,CAAA7B;;;A;;AEjEO,SAASW,wCAAT,GAA0B;IAC/B,OAAO;QACLc,QAAQ,EAAA,aAAE,CAAA,CAAA,GAAA,kBAAVA,CAAAA,CAAAA;YAAU,IAAA,EAAA,QAAA;YAAA,MAAA,EAAA,oBAAA;SAAA,CADL;QAILC,SAAS,EAAA,aAAE,CAAA,CAAA,GAAA,kBAAXA,CAAAA,CAAAA;YAAW,IAAA,EAAA,SAAA;YAAA,MAAA,EAAA,cAAA;SAAA,CAJN;QAOLC,KAAK,EAAA,aAAE,CAAA,CAAA,GAAA,kBAAPA,CAAAA,CAAAA;YAAO,IAAA,EAAA,QAAA;YAAA,MAAA,EAAA,4CAAA;SAAA,CAPF;QAYLC,cAAc,EAAA,aAAE,CAAA,CAAA,GAAA,kBAAA,CAAA,CAAI;YAClByB,OAAO,EAAE,CADS;YAElBC,UAAU,EAAG,CAAA,QAAA,EAAUP,CAAAA,GAAAA,oDAAM,CAAA,CAACQ,yBAA0B,CAAA,CAAA,EAAGR,CAAAA,GAAAA,oDAAM,CAAA,CAACS,uBAAwB,CAAA,CAFxE;YAGlBC,QAAQ,EAAE,UAHQ;YAIlBC,MAAM,EAAE,CAJU;YAKlBC,KAAK,EAAE,CALW;YAMlBC,IAAI,EAAE,CANY;YAOlBV,MAAM,EAAE,MAPU;YAQlBF,OAAO,EAAE,MARS;YASlBa,QAAQ,EAAE,QATQ;YAUlBC,UAAU,EAAE,UAVM;YAWlBC,SAAS,EAAE,YAXO;YAYlBC,UAAU,EAAG,CAAA,sBAAA,EAAwBjB,CAAAA,GAAAA,oDAAM,CAAA,CAACkB,OAAQ,CAAA,oCAAA,EAAsClB,CAAAA,GAAAA,oDAAM,CAAA,CAACmB,eAAgB,CAAA,sBAAA,CAZ/F;YAalB,QAAA,EAAU;gBAAEb,OAAO,EAAE,CAATA;aAAF;SAbI,CAZX;QA2BLvC,KAAK,EAAA,aAAE,CAAA,CAAA,GAAA,kBAAPA,CAAAA,CAAAA;YAAO,IAAA,EAAA,QAAA;YAAA,MAAA,EAAA,4CAAA;SAAA,CAAA;KA3BT,CAAO;CAkCR;;;AHCD,SAASE,4BAAT,CACE,aACEC,SADF,CAAA,OAEEL,GAFF,CAAA,UAGEC,MAHF,CAAA,UAIEK,MAAM,GAAG,aAJX,UAKEJ,KALF,CAAA,QAMEC,IAAI,GAAG,OANT,GAOE,GAAGI,UAAH,EARJ,EAUEC,GAVF,EAWE;IACA,MAAME,MAAM,GAAGX,CAAAA,GAAAA,wCAAc,CAAA,EAA7B,AAAA;IACA,MAAMY,OAAO,GAAGX,GAAG,IAAIA,GAAG,KAAK,EAAf,IAAqBG,IAAI,KAAK,OAA9C,AAFA,EAIA,6DAFA;IAGA,MAAMS,WAAW,GAAGD,OAAO,IAAIV,MAAM,KAAK,UAA1C,AAAA;IAEA,qBACE,0DAAC,CAAA,GAAA,4BAAD,CAAA;QACE,SAAA,EAAW,CAAA,GAAA,iBAAA,CAAA,CAAGS,MAAM,CAACG,QAAV,EAAoBR,SAApB,CAAD;QACV,MAAA,EAAQC,MAAD;QACP,GAAA,EAAKE,GAAD;QACJ,GAAID,UAAJ;OAECK,WAAW,iBACV,oIACE,0DAAC,CAAA,GAAA,6BAAD,CAAA;QACE,UAAA,EAAW,QADb;QAEE,cAAA,EAAe,QAFjB;QAGE,SAAA,EAAWF,MAAM,CAACI,SAAR;qBAEV,0DAAC,KAAD;QAAK,SAAA,EAAWJ,MAAM,CAACK,KAAR;QAAe,GAAA,EAAKf,GAAD;QAAM,GAAA,EAAKE,KAAD;MAAxD,CACA,EACWA,KAAK,kBACJ,0DAAC,KAAD;QAAK,SAAA,EAAWQ,MAAM,CAACM,cAAR;qBACb,0DAAC,CAAA,GAAA,mCAAD,CAAA;QACE,SAAA,EAAWN,MAAM,CAACR,KAAR;QACV,SAAA,EAAU,YAFZ;QAGE,MAAA,EAAO,UAHT;QAIE,WAJF,EAIE,IAJF;OAMGA,KAAD,CAChB,CATU,CATQ,iBAuBV,0DAAC,CAAA,GAAA,6BAAD,CAAA;QACE,aAAA,EAAc,QADhB;QAEE,UAAA,EAAW,QAFb;QAGE,cAAA,EAAe,QAHjB;QAIE,WAAA,EAAY,UAJd;QAKE,YAAA,EAAa,UALf;QAME,SAAA,EAAWQ,MAAM,CAACI,SAAR;qBAEV,0DAAC,CAAA,GAAA,6BAAD,CAAA;QACE,YAAA,EAAa,UADf;QAEE,SAAA,EAAU,UAFZ;QAGE,cAAA,EAAe,QAHjB;qBAKE,0DAAC,CAAA,GAAA,yCAAD,CAAA;QAAW,IAAA,EAAMX,IAAD;MAA5B,CACA,gBACU,0DAAC,CAAA,GAAA,mCAAD,CAAA;QAAM,WAAN,EAAM,IAAN;QAAkB,YAAA,EAAa,UAA/B;QAA0C,SAAA,EAAU,SAApD;OACGD,KAAD,CACZ,CAxCM,CAPJ,CAkDF;CAEC;AAEDE,4BAAM,CAACa,WAAP,GAAqB,OAArB,CAAAb;AAEO,MAAMnB,yCAAK,iBAAGO,CAAAA,GAAAA,sCAAK,CAAA,CAAC0B,UAAN,CAAiBd,4BAAjB,CAAd,AAAP;;ADjHA;;AKAO,MAAMmD,yCAAK,GAAG;IACnBC,OAAO,EAAE,SADU;IAEnBC,KAAK,EAAE,OAFY;IAGnBC,IAAI,EAAE,MAHa;IAInB3C,KAAK,EAAE,OAJY;IAKnB4C,MAAM,EAAE,QALW;IAMnBC,GAAG,EAAE,KANc;IAOnBC,SAAS,EAAE,WAPQ;IAQnBC,YAAY,EAAE,cARK;IASnBC,QAAQ,EAAE,UATS;IAUnBC,WAAW,EAAE,aAVM;IAWnBC,KAAK,EAAE,OAAPA;CAXK,AAAc;AAcd,SAAS1E,yCAAT,CAAqBY,IAArB,EAAsD;IAC3D,OAAO+D,MAAM,CAACC,IAAP,CAAYZ,yCAAZ,CAAA,CAAmBa,QAAnB,CAA4BjE,IAA5B,CAAP,CAAA;CACD;;","sources":["packages/components/asset/src/index.ts","packages/components/asset/src/Asset.tsx","packages/components/asset/src/AssetIcon/AssetIcon.tsx","packages/components/asset/src/AssetIcon/AssetIcon.styles.ts","packages/components/asset/src/Asset.styles.ts","packages/components/asset/src/types.ts"],"sourcesContent":["export { Asset } from './Asset';\nexport type { AssetProps, AssetStatus } from './Asset';\nexport { AssetIcon } from './AssetIcon/AssetIcon';\nexport type { AssetIconProps } from './AssetIcon/AssetIcon';\nexport type { AssetType } from './types';\nexport { isAssetType } from './types';\n","import React from 'react';\nimport { cx } from 'emotion';\nimport {\n Box,\n Flex,\n type EntityStatus,\n type PickUnion,\n type CommonProps,\n} from '@contentful/f36-core';\nimport { Text } from '@contentful/f36-typography';\n\nimport { AssetIcon } from './AssetIcon/AssetIcon';\nimport { getAssetStyles } from './Asset.styles';\nimport type { AssetType } from './types';\n\nexport type AssetStatus = PickUnion<\n EntityStatus,\n 'archived' | 'changed' | 'deleted' | 'draft' | 'published'\n>;\n\nexport interface AssetProps extends CommonProps {\n /**\n * A `src` attribute to use for image assets\n */\n src?: string;\n /**\n * The publish status of the asset\n */\n status?: AssetStatus;\n /**\n * The title of the asset\n */\n title?: string;\n /**\n * The type of asset being represented\n */\n type?: AssetType;\n}\n\nfunction _Asset(\n {\n className,\n src,\n status,\n testId = 'cf-ui-asset',\n title,\n type = 'image',\n ...otherProps\n }: AssetProps,\n ref: React.Ref<any>,\n) {\n const styles = getAssetStyles();\n const isImage = src && src !== '' && type === 'image';\n\n // Do not show image previews when publish status is archived\n const showPreview = isImage && status !== 'archived';\n\n return (\n <Box\n className={cx(styles.relative, className)}\n testId={testId}\n ref={ref}\n {...otherProps}\n >\n {showPreview ? (\n <>\n <Flex\n alignItems=\"center\"\n justifyContent=\"center\"\n className={styles.height100}\n >\n <img className={styles.image} src={src} alt={title} />\n </Flex>\n {title && (\n <div className={styles.titleContainer}>\n <Text\n className={styles.title}\n fontColor=\"colorWhite\"\n margin=\"spacingS\"\n isTruncated\n >\n {title}\n </Text>\n </div>\n )}\n </>\n ) : (\n <Flex\n flexDirection=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n paddingLeft=\"spacingS\"\n paddingRight=\"spacingS\"\n className={styles.height100}\n >\n <Flex\n marginBottom=\"spacingM\"\n marginTop=\"spacingM\"\n justifyContent=\"center\"\n >\n <AssetIcon type={type} />\n </Flex>\n <Text isTruncated marginBottom=\"spacingM\" fontColor=\"gray600\">\n {title}\n </Text>\n </Flex>\n )}\n </Box>\n );\n}\n\n_Asset.displayName = 'Asset';\n\nexport const Asset = React.forwardRef(_Asset);\n","import React from 'react';\nimport {\n ArchiveIcon,\n AudioIcon,\n CodeIllustrationIcon,\n ImageIcon,\n MarkupIcon,\n PdfIcon,\n PlaintextIcon,\n RichtextIcon,\n PresentationIcon,\n SpreadsheetIcon,\n VideoIcon,\n} from '@contentful/f36-icons';\nimport type { GeneratedIconProps } from '@contentful/f36-icon';\nimport type { AssetType } from '../types';\n\nimport { cx } from 'emotion';\nimport { getAssetIconStyles } from './AssetIcon.styles';\n\nexport interface AssetIconProps\n extends Omit<GeneratedIconProps, 'illustration' | 'ref'> {\n type?: AssetType;\n}\n\n/**\n * Renders only the Illustration that would represent this asset's type\n */\nexport const AssetIcon = ({\n type = 'archive',\n className,\n testId = 'cf-ui-asset-icon',\n ...otherProps\n}: AssetIconProps) => {\n const styles = getAssetIconStyles();\n const props = {\n ...otherProps,\n testId,\n className: cx(styles.root, className),\n };\n\n switch (type) {\n case 'audio':\n return <AudioIcon {...props} />;\n case 'code':\n return <CodeIllustrationIcon {...props} />;\n case 'image':\n return <ImageIcon {...props} />;\n case 'markup':\n return <MarkupIcon {...props} />;\n case 'pdf':\n return <PdfIcon {...props} />;\n case 'plaintext':\n return <PlaintextIcon {...props} />;\n case 'presentation':\n return <PresentationIcon {...props} />;\n case 'richtext':\n return <RichtextIcon {...props} />;\n case 'spreadsheet':\n return <SpreadsheetIcon {...props} />;\n case 'video':\n return <VideoIcon {...props} />;\n case 'archive':\n default:\n return <ArchiveIcon {...props} />;\n }\n};\n\nAssetIcon.displayName = 'AssetIcon';\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport function getAssetIconStyles() {\n return {\n root: css({\n display: 'inline-block',\n width: '39px',\n height: '39px',\n 'g, path': {\n fill: tokens.gray600,\n },\n }),\n };\n}\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport function getAssetStyles() {\n return {\n relative: css({\n position: 'relative',\n }),\n height100: css({\n height: '100%',\n }),\n image: css({\n width: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n }),\n titleContainer: css({\n opacity: 0,\n transition: `opacity ${tokens.transitionDurationDefault} ${tokens.transitionEasingDefault}`,\n position: 'absolute',\n bottom: 0,\n right: 0,\n left: 0,\n height: '100%',\n display: 'flex',\n overflow: 'hidden',\n alignItems: 'flex-end',\n boxSizing: 'border-box',\n background: `linear-gradient(0deg, ${tokens.gray900} 0%, transparent calc(1rem * (100 / ${tokens.fontBaseDefault})), transparent 100% )`,\n ':hover': { opacity: 1 },\n }),\n title: css({\n bottom: 0,\n left: 0,\n right: 0,\n position: 'absolute',\n }),\n };\n}\n","export const types = {\n archive: 'archive',\n audio: 'audio',\n code: 'code',\n image: 'image',\n markup: 'markup',\n pdf: 'pdf',\n plaintext: 'plaintext',\n presentation: 'presentation',\n richtext: 'richtext',\n spreadsheet: 'spreadsheet',\n video: 'video',\n};\n\nexport function isAssetType(type: string): type is AssetType {\n return Object.keys(types).includes(type);\n}\n\nexport type AssetType = keyof typeof types;\n"],"names":["Asset","AssetProps","AssetStatus","AssetIcon","AssetIconProps","AssetType","isAssetType","React","Box","Flex","EntityStatus","PickUnion","CommonProps","Text","getAssetStyles","src","status","title","type","_Asset","className","testId","otherProps","ref","Ref","styles","isImage","showPreview","relative","height100","image","titleContainer","displayName","forwardRef","ArchiveIcon","AudioIcon","CodeIllustrationIcon","ImageIcon","MarkupIcon","PdfIcon","PlaintextIcon","RichtextIcon","PresentationIcon","SpreadsheetIcon","VideoIcon","GeneratedIconProps","getAssetIconStyles","Omit","props","root","tokens","display","width","height","fill","gray600","opacity","transition","transitionDurationDefault","transitionEasingDefault","position","bottom","right","left","overflow","alignItems","boxSizing","background","gray900","fontBaseDefault","types","archive","audio","code","markup","pdf","plaintext","presentation","richtext","spreadsheet","video","Object","keys","includes"],"version":3,"file":"main.js.map"}

package/dist/module.js DELETED Viewed

@@ -1,177 +0,0 @@
-import {cx as $dtSHR$cx, css as $dtSHR$css} from "emotion";
-import $dtSHR$react from "react";
-import {Box as $dtSHR$Box, Flex as $dtSHR$Flex} from "@contentful/f36-core";
-import {Text as $dtSHR$Text} from "@contentful/f36-typography";
-import {AudioIcon as $dtSHR$AudioIcon, CodeIllustrationIcon as $dtSHR$CodeIllustrationIcon, ImageIcon as $dtSHR$ImageIcon, MarkupIcon as $dtSHR$MarkupIcon, PdfIcon as $dtSHR$PdfIcon, PlaintextIcon as $dtSHR$PlaintextIcon, PresentationIcon as $dtSHR$PresentationIcon, RichtextIcon as $dtSHR$RichtextIcon, SpreadsheetIcon as $dtSHR$SpreadsheetIcon, VideoIcon as $dtSHR$VideoIcon, ArchiveIcon as $dtSHR$ArchiveIcon} from "@contentful/f36-icons";
-import $dtSHR$contentfulf36tokens from "@contentful/f36-tokens";
-function $6f9c5a7cc9575f3b$export$d4130e73e2e8f9dd() {
-    return {
-        root: /*#__PURE__*/ (0, $dtSHR$css)({
-            display: "inline-block",
-            width: "39px",
-            height: "39px",
-            "g, path": {
-                fill: (0, $dtSHR$contentfulf36tokens).gray600
-            }
-        })
-    };
-}
-const $294bba6cf7661148$export$de8d5274b07acfbd = ({ type: type = "archive" , className: className , testId: testId = "cf-ui-asset-icon" , ...otherProps })=>{
-    const styles = (0, $6f9c5a7cc9575f3b$export$d4130e73e2e8f9dd)();
-    const props = {
-        ...otherProps,
-        testId: testId,
-        className: (0, $dtSHR$cx)(styles.root, className)
-    };
-    switch(type){
-        case "audio":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$AudioIcon), props);
-        case "code":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$CodeIllustrationIcon), props);
-        case "image":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$ImageIcon), props);
-        case "markup":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$MarkupIcon), props);
-        case "pdf":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$PdfIcon), props);
-        case "plaintext":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$PlaintextIcon), props);
-        case "presentation":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$PresentationIcon), props);
-        case "richtext":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$RichtextIcon), props);
-        case "spreadsheet":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$SpreadsheetIcon), props);
-        case "video":
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$VideoIcon), props);
-        case "archive":
-        default:
-            return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$ArchiveIcon), props);
-    }
-};
-$294bba6cf7661148$export$de8d5274b07acfbd.displayName = "AssetIcon";
-function $dc8375c31ef26a6b$export$fa02bd03531e2fe() {
-    return {
-        relative: /*#__PURE__*/ (0, $dtSHR$css)({
-            name: "79elbk",
-            styles: "position:relative;"
-        }),
-        height100: /*#__PURE__*/ (0, $dtSHR$css)({
-            name: "10klw3m",
-            styles: "height:100%;"
-        }),
-        image: /*#__PURE__*/ (0, $dtSHR$css)({
-            name: "1ylrs5",
-            styles: "width:auto;max-width:100%;max-height:100%;"
-        }),
-        titleContainer: /*#__PURE__*/ (0, $dtSHR$css)({
-            opacity: 0,
-            transition: `opacity ${(0, $dtSHR$contentfulf36tokens).transitionDurationDefault} ${(0, $dtSHR$contentfulf36tokens).transitionEasingDefault}`,
-            position: "absolute",
-            bottom: 0,
-            right: 0,
-            left: 0,
-            height: "100%",
-            display: "flex",
-            overflow: "hidden",
-            alignItems: "flex-end",
-            boxSizing: "border-box",
-            background: `linear-gradient(0deg, ${(0, $dtSHR$contentfulf36tokens).gray900} 0%, transparent calc(1rem * (100 / ${(0, $dtSHR$contentfulf36tokens).fontBaseDefault})), transparent 100% )`,
-            ":hover": {
-                opacity: 1
-            }
-        }),
-        title: /*#__PURE__*/ (0, $dtSHR$css)({
-            name: "4gk4ib",
-            styles: "bottom:0;left:0;right:0;position:absolute;"
-        })
-    };
-}
-function $4a170a6eb7674988$var$_Asset({ className: className , src: src , status: status , testId: testId = "cf-ui-asset" , title: title , type: type = "image" , ...otherProps }, ref) {
-    const styles = (0, $dc8375c31ef26a6b$export$fa02bd03531e2fe)();
-    const isImage = src && src !== "" && type === "image"; // Do not show image previews when publish status is archived
-    const showPreview = isImage && status !== "archived";
-    return /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$Box), {
-        className: (0, $dtSHR$cx)(styles.relative, className),
-        testId: testId,
-        ref: ref,
-        ...otherProps
-    }, showPreview ? /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$react).Fragment, null, /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$Flex), {
-        alignItems: "center",
-        justifyContent: "center",
-        className: styles.height100
-    }, /*#__PURE__*/ (0, $dtSHR$react).createElement("img", {
-        className: styles.image,
-        src: src,
-        alt: title
-    })), title && /*#__PURE__*/ (0, $dtSHR$react).createElement("div", {
-        className: styles.titleContainer
-    }, /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$Text), {
-        className: styles.title,
-        fontColor: "colorWhite",
-        margin: "spacingS",
-        isTruncated: true
-    }, title))) : /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$Flex), {
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        paddingLeft: "spacingS",
-        paddingRight: "spacingS",
-        className: styles.height100
-    }, /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$Flex), {
-        marginBottom: "spacingM",
-        marginTop: "spacingM",
-        justifyContent: "center"
-    }, /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $294bba6cf7661148$export$de8d5274b07acfbd), {
-        type: type
-    })), /*#__PURE__*/ (0, $dtSHR$react).createElement((0, $dtSHR$Text), {
-        isTruncated: true,
-        marginBottom: "spacingM",
-        fontColor: "gray600"
-    }, title)));
-}
-$4a170a6eb7674988$var$_Asset.displayName = "Asset";
-const $4a170a6eb7674988$export$c413dd039085b182 = /*#__PURE__*/ (0, $dtSHR$react).forwardRef($4a170a6eb7674988$var$_Asset);
-const $c14cae86e9d474fd$export$b14ad400b1d09e0f = {
-    archive: "archive",
-    audio: "audio",
-    code: "code",
-    image: "image",
-    markup: "markup",
-    pdf: "pdf",
-    plaintext: "plaintext",
-    presentation: "presentation",
-    richtext: "richtext",
-    spreadsheet: "spreadsheet",
-    video: "video"
-};
-function $c14cae86e9d474fd$export$3ccaa71e0816392d(type) {
-    return Object.keys($c14cae86e9d474fd$export$b14ad400b1d09e0f).includes(type);
-}
-export {$4a170a6eb7674988$export$c413dd039085b182 as Asset, $294bba6cf7661148$export$de8d5274b07acfbd as AssetIcon, $c14cae86e9d474fd$export$3ccaa71e0816392d as isAssetType};
-//# sourceMappingURL=module.js.map

package/dist/module.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"mappings":"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","sources":["packages/components/asset/src/index.ts","packages/components/asset/src/Asset.tsx","packages/components/asset/src/AssetIcon/AssetIcon.tsx","packages/components/asset/src/AssetIcon/AssetIcon.styles.ts","packages/components/asset/src/Asset.styles.ts","packages/components/asset/src/types.ts"],"sourcesContent":["export { Asset } from './Asset';\nexport type { AssetProps, AssetStatus } from './Asset';\nexport { AssetIcon } from './AssetIcon/AssetIcon';\nexport type { AssetIconProps } from './AssetIcon/AssetIcon';\nexport type { AssetType } from './types';\nexport { isAssetType } from './types';\n","import React from 'react';\nimport { cx } from 'emotion';\nimport {\n Box,\n Flex,\n type EntityStatus,\n type PickUnion,\n type CommonProps,\n} from '@contentful/f36-core';\nimport { Text } from '@contentful/f36-typography';\n\nimport { AssetIcon } from './AssetIcon/AssetIcon';\nimport { getAssetStyles } from './Asset.styles';\nimport type { AssetType } from './types';\n\nexport type AssetStatus = PickUnion<\n EntityStatus,\n 'archived' | 'changed' | 'deleted' | 'draft' | 'published'\n>;\n\nexport interface AssetProps extends CommonProps {\n /**\n * A `src` attribute to use for image assets\n */\n src?: string;\n /**\n * The publish status of the asset\n */\n status?: AssetStatus;\n /**\n * The title of the asset\n */\n title?: string;\n /**\n * The type of asset being represented\n */\n type?: AssetType;\n}\n\nfunction _Asset(\n {\n className,\n src,\n status,\n testId = 'cf-ui-asset',\n title,\n type = 'image',\n ...otherProps\n }: AssetProps,\n ref: React.Ref<any>,\n) {\n const styles = getAssetStyles();\n const isImage = src && src !== '' && type === 'image';\n\n // Do not show image previews when publish status is archived\n const showPreview = isImage && status !== 'archived';\n\n return (\n <Box\n className={cx(styles.relative, className)}\n testId={testId}\n ref={ref}\n {...otherProps}\n >\n {showPreview ? (\n <>\n <Flex\n alignItems=\"center\"\n justifyContent=\"center\"\n className={styles.height100}\n >\n <img className={styles.image} src={src} alt={title} />\n </Flex>\n {title && (\n <div className={styles.titleContainer}>\n <Text\n className={styles.title}\n fontColor=\"colorWhite\"\n margin=\"spacingS\"\n isTruncated\n >\n {title}\n </Text>\n </div>\n )}\n </>\n ) : (\n <Flex\n flexDirection=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n paddingLeft=\"spacingS\"\n paddingRight=\"spacingS\"\n className={styles.height100}\n >\n <Flex\n marginBottom=\"spacingM\"\n marginTop=\"spacingM\"\n justifyContent=\"center\"\n >\n <AssetIcon type={type} />\n </Flex>\n <Text isTruncated marginBottom=\"spacingM\" fontColor=\"gray600\">\n {title}\n </Text>\n </Flex>\n )}\n </Box>\n );\n}\n\n_Asset.displayName = 'Asset';\n\nexport const Asset = React.forwardRef(_Asset);\n","import React from 'react';\nimport {\n ArchiveIcon,\n AudioIcon,\n CodeIllustrationIcon,\n ImageIcon,\n MarkupIcon,\n PdfIcon,\n PlaintextIcon,\n RichtextIcon,\n PresentationIcon,\n SpreadsheetIcon,\n VideoIcon,\n} from '@contentful/f36-icons';\nimport type { GeneratedIconProps } from '@contentful/f36-icon';\nimport type { AssetType } from '../types';\n\nimport { cx } from 'emotion';\nimport { getAssetIconStyles } from './AssetIcon.styles';\n\nexport interface AssetIconProps\n extends Omit<GeneratedIconProps, 'illustration' | 'ref'> {\n type?: AssetType;\n}\n\n/**\n * Renders only the Illustration that would represent this asset's type\n */\nexport const AssetIcon = ({\n type = 'archive',\n className,\n testId = 'cf-ui-asset-icon',\n ...otherProps\n}: AssetIconProps) => {\n const styles = getAssetIconStyles();\n const props = {\n ...otherProps,\n testId,\n className: cx(styles.root, className),\n };\n\n switch (type) {\n case 'audio':\n return <AudioIcon {...props} />;\n case 'code':\n return <CodeIllustrationIcon {...props} />;\n case 'image':\n return <ImageIcon {...props} />;\n case 'markup':\n return <MarkupIcon {...props} />;\n case 'pdf':\n return <PdfIcon {...props} />;\n case 'plaintext':\n return <PlaintextIcon {...props} />;\n case 'presentation':\n return <PresentationIcon {...props} />;\n case 'richtext':\n return <RichtextIcon {...props} />;\n case 'spreadsheet':\n return <SpreadsheetIcon {...props} />;\n case 'video':\n return <VideoIcon {...props} />;\n case 'archive':\n default:\n return <ArchiveIcon {...props} />;\n }\n};\n\nAssetIcon.displayName = 'AssetIcon';\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport function getAssetIconStyles() {\n return {\n root: css({\n display: 'inline-block',\n width: '39px',\n height: '39px',\n 'g, path': {\n fill: tokens.gray600,\n },\n }),\n };\n}\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport function getAssetStyles() {\n return {\n relative: css({\n position: 'relative',\n }),\n height100: css({\n height: '100%',\n }),\n image: css({\n width: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n }),\n titleContainer: css({\n opacity: 0,\n transition: `opacity ${tokens.transitionDurationDefault} ${tokens.transitionEasingDefault}`,\n position: 'absolute',\n bottom: 0,\n right: 0,\n left: 0,\n height: '100%',\n display: 'flex',\n overflow: 'hidden',\n alignItems: 'flex-end',\n boxSizing: 'border-box',\n background: `linear-gradient(0deg, ${tokens.gray900} 0%, transparent calc(1rem * (100 / ${tokens.fontBaseDefault})), transparent 100% )`,\n ':hover': { opacity: 1 },\n }),\n title: css({\n bottom: 0,\n left: 0,\n right: 0,\n position: 'absolute',\n }),\n };\n}\n","export const types = {\n archive: 'archive',\n audio: 'audio',\n code: 'code',\n image: 'image',\n markup: 'markup',\n pdf: 'pdf',\n plaintext: 'plaintext',\n presentation: 'presentation',\n richtext: 'richtext',\n spreadsheet: 'spreadsheet',\n video: 'video',\n};\n\nexport function isAssetType(type: string): type is AssetType {\n return Object.keys(types).includes(type);\n}\n\nexport type AssetType = keyof typeof types;\n"],"names":["Asset","AssetProps","AssetStatus","AssetIcon","AssetIconProps","AssetType","isAssetType","React","Box","Flex","EntityStatus","PickUnion","CommonProps","Text","getAssetStyles","src","status","title","type","_Asset","className","testId","otherProps","ref","Ref","styles","isImage","showPreview","relative","height100","image","titleContainer","displayName","forwardRef","ArchiveIcon","AudioIcon","CodeIllustrationIcon","ImageIcon","MarkupIcon","PdfIcon","PlaintextIcon","RichtextIcon","PresentationIcon","SpreadsheetIcon","VideoIcon","GeneratedIconProps","getAssetIconStyles","Omit","props","root","tokens","display","width","height","fill","gray600","opacity","transition","transitionDurationDefault","transitionEasingDefault","position","bottom","right","left","overflow","alignItems","boxSizing","background","gray900","fontBaseDefault","types","archive","audio","code","markup","pdf","plaintext","presentation","richtext","spreadsheet","video","Object","keys","includes"],"version":3,"file":"module.js.map"}

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

@@ -1 +0,0 @@

- {"mappings":";;;AAAA,QAAO,MAAM;;;;;;;;;;;;CAYZ,CAAC;AAEF,4BAA4B,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,SAAS,CAE3D;AAED,wBAAwB,MAAM,YAAY,CAAC;AEE3C,+BACE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,KAAK,CAAC;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,OAAO,MAAM;iDAKV,cAAc;;CAiChB,CAAC;AEnDF,0BAA0B,UACxB,YAAY,EACZ,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAC3D,CAAC;AAEF,2BAA4B,SAAQ,WAAW;IAC7C;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA4ED,OAAO,MAAM,6EAAgC,CAAC","sources":["packages/components/asset/src/src/types.ts","packages/components/asset/src/src/AssetIcon/AssetIcon.styles.ts","packages/components/asset/src/src/AssetIcon/AssetIcon.tsx","packages/components/asset/src/src/Asset.styles.ts","packages/components/asset/src/src/Asset.tsx","packages/components/asset/src/src/index.ts","packages/components/asset/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"export { Asset } from './Asset';\nexport type { AssetProps, AssetStatus } from './Asset';\nexport { AssetIcon } from './AssetIcon/AssetIcon';\nexport type { AssetIconProps } from './AssetIcon/AssetIcon';\nexport type { AssetType } from './types';\nexport { isAssetType } from './types';\n"],"names":[],"version":3,"file":"types.d.ts.map"}