@contentful/f36-asset 4.0.2 → 4.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +35 -0
- package/README.mdx +45 -0
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +0 -0
- package/dist/types.d.ts.map +0 -0
- package/package.json +6 -6
- package/README.md +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,41 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.1.3](https://github.com/contentful/forma-36/compare/@contentful/f36-asset@4.1.2...@contentful/f36-asset@4.1.3) (2022-02-09)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @contentful/f36-asset
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [4.1.2](https://github.com/contentful/forma-36/compare/@contentful/f36-asset@4.1.1...@contentful/f36-asset@4.1.2) (2022-02-07)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @contentful/f36-asset
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [4.1.1](https://github.com/contentful/forma-36/compare/@contentful/f36-asset@4.1.0...@contentful/f36-asset@4.1.1) (2022-01-31)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @contentful/f36-asset
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# [4.1.0](https://github.com/contentful/forma-36/compare/@contentful/f36-asset@4.0.2...@contentful/f36-asset@4.1.0) (2022-01-31)
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
### Features
|
|
34
|
+
|
|
35
|
+
* implement props list redesign [BAU-535] ([#1756](https://github.com/contentful/forma-36/issues/1756)) ([21c57e7](https://github.com/contentful/forma-36/commit/21c57e72008b75990d03af4e7500edc1c7f3d26d))
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
6
41
|
## [4.0.2](https://github.com/contentful/forma-36/compare/@contentful/f36-asset@4.0.1...@contentful/f36-asset@4.0.2) (2022-01-12)
|
|
7
42
|
|
|
8
43
|
|
package/README.mdx
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: 'Asset'
|
|
3
|
+
slug: /components/asset/
|
|
4
|
+
github: 'https://github.com/contentful/forma-36/tree/master/packages/components/asset'
|
|
5
|
+
storybook: 'https://v4-f36-storybook.netlify.app/?path=/story/components-asset--basic'
|
|
6
|
+
typescript: ./src/Asset.tsx
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
The `Asset` component is a visual representation of an asset file such as a video or a PDF document. Use it when assets need to be presented to the user in a visual way but without necessarily showing the actual asset, for instance in a file selector, a drag-and-drop component, or when listing files. The `Asset` component composes the `AssetIcon` component.
|
|
10
|
+
|
|
11
|
+
## Import
|
|
12
|
+
|
|
13
|
+
```js static=true
|
|
14
|
+
import { Asset } from '@contentful/f36-components';
|
|
15
|
+
// or
|
|
16
|
+
import { Asset } from '@contentful/f36-asset';
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Examples
|
|
20
|
+
|
|
21
|
+
### Basic usage
|
|
22
|
+
|
|
23
|
+
```jsx file=examples/AssetExample.tsx
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### An image asset
|
|
28
|
+
|
|
29
|
+
By default an asset with the `type` `image` will render the `src` attribute directly, like a HTML `<img />` element.
|
|
30
|
+
|
|
31
|
+
```jsx file=examples/ImageAssetExample.tsx
|
|
32
|
+
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### An archived image asset
|
|
36
|
+
|
|
37
|
+
If asset `status` is set to `archived`, an image icon is displayed instead of the actual image.
|
|
38
|
+
|
|
39
|
+
```jsx file=examples/ArchivedAssetExample.tsx
|
|
40
|
+
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Props (API reference)
|
|
44
|
+
|
|
45
|
+
<PropsTable of="Asset" />
|
package/dist/main.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var $goRX5$emotion = require("emotion");
|
|
2
2
|
var $goRX5$react = require("react");
|
|
3
|
-
var $goRX5$contentfulf36core = require("@contentful/f36-core");
|
|
4
3
|
var $goRX5$contentfulf36typography = require("@contentful/f36-typography");
|
|
4
|
+
var $goRX5$contentfulf36core = require("@contentful/f36-core");
|
|
5
5
|
var $goRX5$contentfulf36icons = require("@contentful/f36-icons");
|
|
6
6
|
var $goRX5$contentfulf36tokens = require("@contentful/f36-tokens");
|
|
7
7
|
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 type {\n EntityStatus,\n PickUnion,\n CommonProps,\n} from '@contentful/f36-core';\nimport { Box, Flex } 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\nexport function Asset({\n className,\n src,\n status,\n testId = 'cf-ui-asset',\n title,\n type = 'image',\n ...otherProps\n}: AssetProps) {\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 {...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","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 function 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","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","EntityStatus","PickUnion","CommonProps","Box","Flex","Text","getAssetStyles","src","status","title","type","className","testId","otherProps","styles","isImage","showPreview","relative","height100","image","titleContainer","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"}
|
|
1
|
+
{"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 type {\n EntityStatus,\n PickUnion,\n CommonProps,\n} from '@contentful/f36-core';\nimport { Text } from '@contentful/f36-typography';\nimport { Box, Flex } from '@contentful/f36-core';\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\nexport function Asset({\n className,\n src,\n status,\n testId = 'cf-ui-asset',\n title,\n type = 'image',\n ...otherProps\n}: AssetProps) {\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 {...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","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 function 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","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","EntityStatus","PickUnion","CommonProps","Text","Box","Flex","getAssetStyles","src","status","title","type","className","testId","otherProps","styles","isImage","showPreview","relative","height100","image","titleContainer","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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {cx as $dtSHR$cx, css as $dtSHR$css} from "emotion";
|
|
2
2
|
import $dtSHR$react from "react";
|
|
3
|
-
import {Box as $dtSHR$Box, Flex as $dtSHR$Flex} from "@contentful/f36-core";
|
|
4
3
|
import {Text as $dtSHR$Text} from "@contentful/f36-typography";
|
|
4
|
+
import {Box as $dtSHR$Box, Flex as $dtSHR$Flex} from "@contentful/f36-core";
|
|
5
5
|
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";
|
|
6
6
|
import $dtSHR$contentfulf36tokens from "@contentful/f36-tokens";
|
|
7
7
|
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 type {\n EntityStatus,\n PickUnion,\n CommonProps,\n} from '@contentful/f36-core';\nimport { Box, Flex } 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\nexport function Asset({\n className,\n src,\n status,\n testId = 'cf-ui-asset',\n title,\n type = 'image',\n ...otherProps\n}: AssetProps) {\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 {...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","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 function 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","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","EntityStatus","PickUnion","CommonProps","Box","Flex","Text","getAssetStyles","src","status","title","type","className","testId","otherProps","styles","isImage","showPreview","relative","height100","image","titleContainer","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"}
|
|
1
|
+
{"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 type {\n EntityStatus,\n PickUnion,\n CommonProps,\n} from '@contentful/f36-core';\nimport { Text } from '@contentful/f36-typography';\nimport { Box, Flex } from '@contentful/f36-core';\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\nexport function Asset({\n className,\n src,\n status,\n testId = 'cf-ui-asset',\n title,\n type = 'image',\n ...otherProps\n}: AssetProps) {\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 {...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","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 function 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","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","EntityStatus","PickUnion","CommonProps","Text","Box","Flex","getAssetStyles","src","status","title","type","className","testId","otherProps","styles","isImage","showPreview","relative","height100","image","titleContainer","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
CHANGED
|
File without changes
|
package/dist/types.d.ts.map
CHANGED
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/f36-asset",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.1.3",
|
|
4
4
|
"description": "Forma 36: Asset component",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "parcel build"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"@babel/runtime": "^7.6.2",
|
|
10
|
-
"@contentful/f36-core": "^4.
|
|
11
|
-
"@contentful/f36-icon": "^4.
|
|
12
|
-
"@contentful/f36-icons": "^4.0
|
|
10
|
+
"@contentful/f36-core": "^4.1.1",
|
|
11
|
+
"@contentful/f36-icon": "^4.1.1",
|
|
12
|
+
"@contentful/f36-icons": "^4.1.0",
|
|
13
13
|
"@contentful/f36-tokens": "^4.0.0",
|
|
14
|
-
"@contentful/f36-typography": "^4.
|
|
14
|
+
"@contentful/f36-typography": "^4.1.1",
|
|
15
15
|
"emotion": "^10.0.17"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"publishConfig": {
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "4033d5c2d365609e33bc0d7f293959acdcdd8c65"
|
|
38
38
|
}
|
package/README.md
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
# @contentful/f36-asset
|
|
2
|
-
|
|
3
|
-
This package is part of the pre-release. This means it is unsupported and subject to breaking changes without warning.
|
|
4
|
-
|
|
5
|
-
Please use official, supported version of the library [forma-36](https://github.com/contentful/forma-36/tree/master/packages/forma-36-react-components), [NPM](https://www.npmjs.com/package/@contentful/forma-36-react-components).
|