@wordpress/block-library/build-module/media-text/index.js.map

{"version":3,"sources":["@wordpress/block-library/src/media-text/index.js"],"names":["classnames","noop","createBlock","InnerBlocks","getColorClassName","__","edit","icon","DEFAULT_MEDIA_WIDTH","name","blockAttributes","align","type","default","backgroundColor","customBackgroundColor","mediaAlt","source","selector","attribute","mediaPosition","mediaId","mediaUrl","mediaType","mediaWidth","isStackedOnMobile","settings","title","description","category","keywords","attributes","supports","html","transforms","from","blocks","transform","alt","url","id","src","to","isMatch","save","mediaTypeRenders","image","video","backgroundClass","className","gridTemplateColumns","style","undefined","deprecated"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tInnerBlocks,\n\tgetColorClassName,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport icon from './icon';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\n\nexport const name = 'core/media-text';\n\nconst blockAttributes = {\n\talign: {\n\t\ttype: 'string',\n\t\tdefault: 'wide',\n\t},\n\tbackgroundColor: {\n\t\ttype: 'string',\n\t},\n\tcustomBackgroundColor: {\n\t\ttype: 'string',\n\t},\n\tmediaAlt: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure img',\n\t\tattribute: 'alt',\n\t\tdefault: '',\n\t},\n\tmediaPosition: {\n\t\ttype: 'string',\n\t\tdefault: 'left',\n\t},\n\tmediaId: {\n\t\ttype: 'number',\n\t},\n\tmediaUrl: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure video,figure img',\n\t\tattribute: 'src',\n\t},\n\tmediaType: {\n\t\ttype: 'string',\n\t},\n\tmediaWidth: {\n\t\ttype: 'number',\n\t\tdefault: 50,\n\t},\n\tisStackedOnMobile: {\n\t\ttype: 'boolean',\n\t\tdefault: false,\n\t},\n};\n\nexport const settings = {\n\ttitle: __( 'Media & Text' ),\n\n\tdescription: __( 'Set media and words side-by-side for a richer layout.' ),\n\n\ticon,\n\n\tcategory: 'layout',\n\n\tkeywords: [ __( 'image' ), __( 'video' ) ],\n\n\tattributes: blockAttributes,\n\n\tsupports: {\n\t\talign: [ 'wide', 'full' ],\n\t\thtml: false,\n\t},\n\n\ttransforms: {\n\t\tfrom: [\n\t\t\t{\n\t\t\t\ttype: 'block',\n\t\t\t\tblocks: [ 'core/image' ],\n\t\t\t\ttransform: ( { alt, url, id } ) => (\n\t\t\t\t\tcreateBlock( 'core/media-text', {\n\t\t\t\t\t\tmediaAlt: alt,\n\t\t\t\t\t\tmediaId: id,\n\t\t\t\t\t\tmediaUrl: url,\n\t\t\t\t\t\tmediaType: 'image',\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: 'block',\n\t\t\t\tblocks: [ 'core/video' ],\n\t\t\t\ttransform: ( { src, id } ) => (\n\t\t\t\t\tcreateBlock( 'core/media-text', {\n\t\t\t\t\t\tmediaId: id,\n\t\t\t\t\t\tmediaUrl: src,\n\t\t\t\t\t\tmediaType: 'video',\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t\t},\n\t\t],\n\t\tto: [\n\t\t\t{\n\t\t\t\ttype: 'block',\n\t\t\t\tblocks: [ 'core/image' ],\n\t\t\t\tisMatch: ( { mediaType, mediaUrl } ) => {\n\t\t\t\t\treturn ! mediaUrl || mediaType === 'image';\n\t\t\t\t},\n\t\t\t\ttransform: ( { mediaAlt, mediaId, mediaUrl } ) => {\n\t\t\t\t\treturn createBlock( 'core/image', {\n\t\t\t\t\t\talt: mediaAlt,\n\t\t\t\t\t\tid: mediaId,\n\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t} );\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: 'block',\n\t\t\t\tblocks: [ 'core/video' ],\n\t\t\t\tisMatch: ( { mediaType, mediaUrl } ) => {\n\t\t\t\t\treturn ! mediaUrl || mediaType === 'video';\n\t\t\t\t},\n\t\t\t\ttransform: ( { mediaId, mediaUrl } ) => {\n\t\t\t\t\treturn createBlock( 'core/video', {\n\t\t\t\t\t\tid: mediaId,\n\t\t\t\t\t\tsrc: mediaUrl,\n\t\t\t\t\t} );\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\n\tedit,\n\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tbackgroundColor,\n\t\t\tcustomBackgroundColor,\n\t\t\tisStackedOnMobile,\n\t\t\tmediaAlt,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tmediaId,\n\t\t} = attributes;\n\t\tconst mediaTypeRenders = {\n\t\t\timage: () => <img src={ mediaUrl } alt={ mediaAlt } className={ ( mediaId && mediaType === 'image' ) ? `wp-image-${ mediaId }` : null } />,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\t\tconst backgroundClass = getColorClassName( 'background-color', backgroundColor );\n\t\tconst className = classnames( {\n\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t} );\n\n\t\tlet gridTemplateColumns;\n\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\tgridTemplateColumns = 'right' === mediaPosition ? `auto ${ mediaWidth }%` : `${ mediaWidth }% auto`;\n\t\t}\n\t\tconst style = {\n\t\t\tbackgroundColor: backgroundClass ? undefined : customBackgroundColor,\n\t\t\tgridTemplateColumns,\n\t\t};\n\t\treturn (\n\t\t\t<div className={ className } style={ style }>\n\t\t\t\t<figure className=\"wp-block-media-text__media\" >\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n\n\tdeprecated: [\n\t\t{\n\t\t\tattributes: blockAttributes,\n\t\t\tsave( { attributes } ) {\n\t\t\t\tconst {\n\t\t\t\t\tbackgroundColor,\n\t\t\t\t\tcustomBackgroundColor,\n\t\t\t\t\tisStackedOnMobile,\n\t\t\t\t\tmediaAlt,\n\t\t\t\t\tmediaPosition,\n\t\t\t\t\tmediaType,\n\t\t\t\t\tmediaUrl,\n\t\t\t\t\tmediaWidth,\n\t\t\t\t} = attributes;\n\t\t\t\tconst mediaTypeRenders = {\n\t\t\t\t\timage: () => <img src={ mediaUrl } alt={ mediaAlt } />,\n\t\t\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t\t\t};\n\t\t\t\tconst backgroundClass = getColorClassName( 'background-color', backgroundColor );\n\t\t\t\tconst className = classnames( {\n\t\t\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t\t} );\n\n\t\t\t\tlet gridTemplateColumns;\n\t\t\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\t\t\tgridTemplateColumns = 'right' === mediaPosition ? `auto ${ mediaWidth }%` : `${ mediaWidth }% auto`;\n\t\t\t\t}\n\t\t\t\tconst style = {\n\t\t\t\t\tbackgroundColor: backgroundClass ? undefined : customBackgroundColor,\n\t\t\t\t\tgridTemplateColumns,\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<div className={ className } style={ style }>\n\t\t\t\t\t\t<figure className=\"wp-block-media-text__media\" >\n\t\t\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t\t\t</figure>\n\t\t\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t],\n};\n"]}