| 1 | {"version":3,"sources":["@wordpress/block-library/src/media-text/index.js"],"names":["DEFAULT_MEDIA_WIDTH","name","blockAttributes","align","type","default","backgroundColor","customBackgroundColor","mediaAlt","source","selector","attribute","mediaPosition","mediaId","mediaUrl","mediaType","mediaWidth","isStackedOnMobile","settings","title","description","icon","category","keywords","attributes","supports","html","transforms","from","blocks","transform","alt","url","id","src","to","isMatch","edit","save","mediaTypeRenders","image","video","backgroundClass","className","gridTemplateColumns","style","undefined","noop","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"]} |