@wordpress/block-library 8.19.6 → 8.20.1

package/build/media-text/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_data","_blockEditor","_components","_blob","_icons","_coreData","_mediaContainer","_constants","applyWidthConstraints","width","Math","max","WIDTH_CONSTRAINT_PERCENTAGE","min","getImageSourceUrlBySizeSlug","image","slug","media_details","sizes","source_url","attributesFromMedia","attributes","linkDestination","href","setAttributes","media","url","mediaAlt","undefined","mediaId","mediaType","mediaUrl","mediaLink","focalPoint","isBlobURL","type","getBlobTypeByURL","src","media_type","large","newHref","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","link","alt","id","MediaTextEdit","isSelected","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","imageSizes","useSelect","select","getSettings","blockEditorStore","coreStore","getMedia","context","refMediaContainer","useRef","imperativeFocalPointPreview","value","style","current","resizable","x","y","backgroundPosition","temporaryMediaWidth","setTemporaryMediaWidth","useState","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","classnames","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","mediaTextGeneralSettings","createElement","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","checked","onChange","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","__experimentalImageSizeControl","onChangeImage","isResizable","imageSizeHelp","RangeControl","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","isActive","onClick","pullRight","__experimentalImageURLInputUI","onChangeUrl","default","ref","enableResize","_default","exports"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentControl,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\t__experimentalImageSizeControl as ImageSizeControl,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport MediaContainer from './media-container';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tWIDTH_CONSTRAINT_PERCENTAGE,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_ATTACHMENT,\n\tTEMPLATE,\n} from './constants';\n\n// this limits the resize to a safe zone to avoid making broken layouts\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nfunction getImageSourceUrlBySizeSlug( image, slug ) {\n\t// eslint-disable-next-line camelcase\n\treturn image?.media_details?.sizes?.[ slug ]?.source_url;\n}\n\nfunction attributesFromMedia( {\n\tattributes: { linkDestination, href },\n\tsetAttributes,\n} ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\tmediaAlt: undefined,\n\t\t\t\tmediaId: undefined,\n\t\t\t\tmediaType: undefined,\n\t\t\t\tmediaUrl: undefined,\n\t\t\t\tmediaLink: undefined,\n\t\t\t\thref: undefined,\n\t\t\t\tfocalPoint: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes?.large?.url ||\n\t\t\t\t// eslint-disable-next-line camelcase\n\t\t\t\tmedia.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tlet newHref = href;\n\t\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.url;\n\t\t}\n\n\t\t// Check if the image is linked to the attachment page.\n\t\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.link;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\tmediaLink: media.link || undefined,\n\t\t\thref: newHref,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t};\n}\n\nfunction MediaTextEdit( { attributes, isSelected, setAttributes } ) {\n\tconst {\n\t\tfocalPoint,\n\t\thref,\n\t\timageFill,\n\t\tisStackedOnMobile,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\tlinkTarget,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\trel,\n\t\tverticalAlignment,\n\t\tallowedBlocks,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst { imageSizes, image } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tmediaId && isSelected\n\t\t\t\t\t\t? select( coreStore ).getMedia( mediaId, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: null,\n\t\t\t\timageSizes: getSettings()?.imageSizes,\n\t\t\t};\n\t\t},\n\t\t[ isSelected, mediaId ]\n\t);\n\n\tconst refMediaContainer = useRef();\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst { style } = refMediaContainer.current.resizable;\n\t\tconst { x, y } = value;\n\t\tstyle.backgroundPosition = `${ x * 100 }% ${ y * 100 }%`;\n\t};\n\n\tconst [ temporaryMediaWidth, setTemporaryMediaWidth ] = useState( null );\n\n\tconst onSelectMedia = attributesFromMedia( { attributes, setAttributes } );\n\n\tconst onSetHref = ( props ) => {\n\t\tsetAttributes( props );\n\t};\n\n\tconst onWidthChange = ( width ) => {\n\t\tsetTemporaryMediaWidth( applyWidthConstraints( width ) );\n\t};\n\tconst commitWidthChange = ( width ) => {\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tsetTemporaryMediaWidth( null );\n\t};\n\n\tconst classNames = classnames( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-selected': isSelected,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill': imageFill,\n\t} );\n\tconst widthString = `${ temporaryMediaWidth || mediaWidth }%`;\n\tconst gridTemplateColumns =\n\t\t'right' === mediaPosition\n\t\t\t? `1fr ${ widthString }`\n\t\t\t: `${ widthString } 1fr`;\n\tconst style = {\n\t\tgridTemplateColumns,\n\t\tmsGridColumns: gridTemplateColumns,\n\t};\n\tconst onMediaAltChange = ( newMediaAlt ) => {\n\t\tsetAttributes( { mediaAlt: newMediaAlt } );\n\t};\n\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => getImageSourceUrlBySizeSlug( image, slug ) )\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst updateImage = ( newMediaSizeSlug ) => {\n\t\tconst newUrl = getImageSourceUrlBySizeSlug( image, newMediaSizeSlug );\n\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl: newUrl,\n\t\t\tmediaSizeSlug: newMediaSizeSlug,\n\t\t} );\n\t};\n\n\tconst mediaTextGeneralSettings = (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Crop image to fill entire column' ) }\n\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ imageFill && mediaUrl && mediaType === 'image' && (\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Focal point picker' ) }\n\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t}\n\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<TextareaControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t{ __( 'Describe the purpose of the image.' ) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ImageSizeControl\n\t\t\t\t\tonChangeImage={ updateImage }\n\t\t\t\t\tslug={ mediaSizeSlug }\n\t\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t\t\tisResizable={ false }\n\t\t\t\t\timageSizeHelp={ __(\n\t\t\t\t\t\t'Select the size of the source image.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaUrl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={ image && image.source_url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ mediaPosition === 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonWidthChange={ onWidthChange }\n\t\t\t\t\tcommitWidthChange={ commitWidthChange }\n\t\t\t\t\tref={ refMediaContainer }\n\t\t\t\t\tenableResize={ blockEditingMode === 'default' }\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tfocalPoint,\n\t\t\t\t\t\timageFill,\n\t\t\t\t\t\tisSelected,\n\t\t\t\t\t\tisStackedOnMobile,\n\t\t\t\t\t\tmediaAlt,\n\t\t\t\t\t\tmediaId,\n\t\t\t\t\t\tmediaPosition,\n\t\t\t\t\t\tmediaType,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t\tmediaWidth,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ mediaPosition !== 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default MediaTextEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_data","_element","_blockEditor","_components","_blob","_icons","_coreData","_mediaContainer","_constants","applyWidthConstraints","width","Math","max","WIDTH_CONSTRAINT_PERCENTAGE","min","getImageSourceUrlBySizeSlug","image","slug","media_details","sizes","source_url","attributesFromMedia","attributes","linkDestination","href","setAttributes","media","url","mediaAlt","undefined","mediaId","mediaType","mediaUrl","mediaLink","focalPoint","isBlobURL","type","getBlobTypeByURL","src","media_type","large","newHref","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","link","alt","id","MediaTextEdit","isSelected","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","imageSizes","useSelect","select","getSettings","blockEditorStore","coreStore","getMedia","context","refMediaContainer","useRef","imperativeFocalPointPreview","value","style","current","resizable","x","y","backgroundPosition","temporaryMediaWidth","setTemporaryMediaWidth","useState","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","classnames","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","mediaTextGeneralSettings","_react","createElement","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","checked","onChange","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","__experimentalImageSizeControl","onChangeImage","isResizable","imageSizeHelp","RangeControl","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","isActive","onClick","pullRight","__experimentalImageURLInputUI","onChangeUrl","default","ref","enableResize","_default","exports"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentControl,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\t__experimentalImageSizeControl as ImageSizeControl,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport MediaContainer from './media-container';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tWIDTH_CONSTRAINT_PERCENTAGE,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_ATTACHMENT,\n\tTEMPLATE,\n} from './constants';\n\n// this limits the resize to a safe zone to avoid making broken layouts\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nfunction getImageSourceUrlBySizeSlug( image, slug ) {\n\t// eslint-disable-next-line camelcase\n\treturn image?.media_details?.sizes?.[ slug ]?.source_url;\n}\n\nfunction attributesFromMedia( {\n\tattributes: { linkDestination, href },\n\tsetAttributes,\n} ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\tmediaAlt: undefined,\n\t\t\t\tmediaId: undefined,\n\t\t\t\tmediaType: undefined,\n\t\t\t\tmediaUrl: undefined,\n\t\t\t\tmediaLink: undefined,\n\t\t\t\thref: undefined,\n\t\t\t\tfocalPoint: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes?.large?.url ||\n\t\t\t\t// eslint-disable-next-line camelcase\n\t\t\t\tmedia.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tlet newHref = href;\n\t\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.url;\n\t\t}\n\n\t\t// Check if the image is linked to the attachment page.\n\t\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.link;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\tmediaLink: media.link || undefined,\n\t\t\thref: newHref,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t};\n}\n\nfunction MediaTextEdit( { attributes, isSelected, setAttributes } ) {\n\tconst {\n\t\tfocalPoint,\n\t\thref,\n\t\timageFill,\n\t\tisStackedOnMobile,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\tlinkTarget,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\trel,\n\t\tverticalAlignment,\n\t\tallowedBlocks,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst { imageSizes, image } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tmediaId && isSelected\n\t\t\t\t\t\t? select( coreStore ).getMedia( mediaId, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: null,\n\t\t\t\timageSizes: getSettings()?.imageSizes,\n\t\t\t};\n\t\t},\n\t\t[ isSelected, mediaId ]\n\t);\n\n\tconst refMediaContainer = useRef();\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst { style } = refMediaContainer.current.resizable;\n\t\tconst { x, y } = value;\n\t\tstyle.backgroundPosition = `${ x * 100 }% ${ y * 100 }%`;\n\t};\n\n\tconst [ temporaryMediaWidth, setTemporaryMediaWidth ] = useState( null );\n\n\tconst onSelectMedia = attributesFromMedia( { attributes, setAttributes } );\n\n\tconst onSetHref = ( props ) => {\n\t\tsetAttributes( props );\n\t};\n\n\tconst onWidthChange = ( width ) => {\n\t\tsetTemporaryMediaWidth( applyWidthConstraints( width ) );\n\t};\n\tconst commitWidthChange = ( width ) => {\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tsetTemporaryMediaWidth( null );\n\t};\n\n\tconst classNames = classnames( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-selected': isSelected,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill': imageFill,\n\t} );\n\tconst widthString = `${ temporaryMediaWidth || mediaWidth }%`;\n\tconst gridTemplateColumns =\n\t\t'right' === mediaPosition\n\t\t\t? `1fr ${ widthString }`\n\t\t\t: `${ widthString } 1fr`;\n\tconst style = {\n\t\tgridTemplateColumns,\n\t\tmsGridColumns: gridTemplateColumns,\n\t};\n\tconst onMediaAltChange = ( newMediaAlt ) => {\n\t\tsetAttributes( { mediaAlt: newMediaAlt } );\n\t};\n\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => getImageSourceUrlBySizeSlug( image, slug ) )\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst updateImage = ( newMediaSizeSlug ) => {\n\t\tconst newUrl = getImageSourceUrlBySizeSlug( image, newMediaSizeSlug );\n\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl: newUrl,\n\t\t\tmediaSizeSlug: newMediaSizeSlug,\n\t\t} );\n\t};\n\n\tconst mediaTextGeneralSettings = (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Crop image to fill entire column' ) }\n\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ imageFill && mediaUrl && mediaType === 'image' && (\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Focal point picker' ) }\n\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t}\n\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<TextareaControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t{ __( 'Describe the purpose of the image.' ) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ImageSizeControl\n\t\t\t\t\tonChangeImage={ updateImage }\n\t\t\t\t\tslug={ mediaSizeSlug }\n\t\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t\t\tisResizable={ false }\n\t\t\t\t\timageSizeHelp={ __(\n\t\t\t\t\t\t'Select the size of the source image.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaUrl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={ image && image.source_url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ mediaPosition === 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonWidthChange={ onWidthChange }\n\t\t\t\t\tcommitWidthChange={ commitWidthChange }\n\t\t\t\t\tref={ refMediaContainer }\n\t\t\t\t\tenableResize={ blockEditingMode === 'default' }\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tfocalPoint,\n\t\t\t\t\t\timageFill,\n\t\t\t\t\t\tisSelected,\n\t\t\t\t\t\tisStackedOnMobile,\n\t\t\t\t\t\tmediaAlt,\n\t\t\t\t\t\tmediaId,\n\t\t\t\t\t\tmediaPosition,\n\t\t\t\t\t\tmediaType,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t\tmediaWidth,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ mediaPosition !== 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default MediaTextEdit;\n"],"mappings":"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"}

package/build/media-text/edit.native.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
@@ -162,9 +163,9 @@ class MediaTextEdit extends _element.Component {
     const {
       imageFill
     } = attributes;
-    return (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+    return (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
       title: (0, _i18n.__)('Settings')
-    }, (0, _element.createElement)(_components.ToggleControl, {
+    }, (0, _react.createElement)(_components.ToggleControl, {
       label: (0, _i18n.__)('Crop image to fill entire column'),
       checked: imageFill,
       onChange: this.onSetImageFill
@@ -192,7 +193,7 @@ class MediaTextEdit extends _element.Component {
     } = attributes;
     const mediaAreaWidth = mediaWidth && !shouldStack ? containerWidth * mediaWidth / 100 - _style.default.mediaAreaPadding.width : containerWidth;
     const aligmentStyles = _style.default[`is-vertically-aligned-${verticalAlignment || 'center'}`];
-    return (0, _element.createElement)(_mediaContainer.default, {
+    return (0, _react.createElement)(_mediaContainer.default, {
       commitWidthChange: this.commitWidthChange,
       isMediaSelected: isMediaSelected,
       onFocus: this.props.onFocus,
@@ -287,25 +288,25 @@ class MediaTextEdit extends _element.Component {
         verticalAlignment: alignment
       });
     };
-    return (0, _element.createElement)(_element.Fragment, null, mediaType === _blockEditor.MEDIA_TYPE_IMAGE && this.getControls(), (0, _element.createElement)(_blockEditor.BlockControls, null, hasMedia && (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.Button, {
+    return (0, _react.createElement)(_react.Fragment, null, mediaType === _blockEditor.MEDIA_TYPE_IMAGE && this.getControls(), (0, _react.createElement)(_blockEditor.BlockControls, null, hasMedia && (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.Button, {
       label: (0, _i18n.__)('Edit media'),
       icon: _icons.replace,
       onClick: this.onReplaceMedia
-    })), (!isMediaSelected || mediaType === _blockEditor.MEDIA_TYPE_VIDEO) && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToolbarGroup, {
+    })), (!isMediaSelected || mediaType === _blockEditor.MEDIA_TYPE_VIDEO) && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToolbarGroup, {
       controls: toolbarControls
-    }), (0, _element.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
+    }), (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
       onChange: onVerticalAlignmentChange,
       value: verticalAlignment
-    }))), (0, _element.createElement)(_reactNative.View, {
+    }))), (0, _react.createElement)(_reactNative.View, {
       style: containerStyles,
       onLayout: this.onLayoutChange
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: [(shouldStack || !imageFill) && {
         width: widthString
       }, mediaContainerStyle]
-    }, this.renderMediaArea(shouldStack)), (0, _element.createElement)(_reactNative.View, {
+    }, this.renderMediaArea(shouldStack)), (0, _react.createElement)(_reactNative.View, {
       style: innerBlockContainerStyle
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks, {
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks, {
       template: TEMPLATE,
       blockWidth: blockWidth
     }))));

package/build/media-text/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_blockEditor","_components","_data","_compose","_icons","_constants","_mediaContainer","_interopRequireDefault","_style","TEMPLATE","BREAKPOINTS","mobile","applyWidthConstraints","width","Math","max","WIDTH_CONSTRAINT_PERCENTAGE","min","MediaTextEdit","Component","constructor","arguments","onSelectMedia","bind","onMediaUpdate","onWidthChange","commitWidthChange","onLayoutChange","onMediaSelected","onReplaceMedia","onSetOpenPickerRef","onSetImageFill","state","mediaWidth","containerWidth","isMediaSelected","getDerivedStateFromProps","props","isSelected","isAncestorSelected","media","setAttributes","mediaType","src","media_type","type","sizes","large","url","media_details","source_url","mediaAlt","alt","mediaId","id","mediaUrl","imageFill","undefined","focalPoint","setState","nativeEvent","layout","openPickerRef","openPicker","attributes","getControls","createElement","InspectorControls","PanelBody","title","__","ToggleControl","label","checked","onChange","renderMediaArea","shouldStack","mediaPosition","verticalAlignment","mediaAreaWidth","styles","mediaAreaPadding","aligmentStyles","default","onFocus","render","backgroundColor","isRTL","style","blockWidth","isStackedOnMobile","isMobile","temporaryMediaWidth","widthString","innerBlockWidth","innerBlockWidthString","hasMedia","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","innerBlockContainerStyle","innerBlock","innerBlockStackMediaLeft","innerBlockStackMediaRight","color","innerBlockPaddings","containerStyles","paddingBottom","mediaContainerStyle","flex","mediaStackLeft","mediaStackRight","mediaLeft","mediaRight","toolbarControls","icon","pullRight","pullLeft","isActive","onClick","onVerticalAlignmentChange","alignment","Fragment","BlockControls","ToolbarGroup","Button","replace","controls","BlockVerticalAlignmentToolbar","value","View","onLayout","InnerBlocks","template","_default","compose","withColors","withSelect","select","clientId","getSelectedBlockClientId","getBlockParents","getSettings","blockEditorStore","parents","selectedBlockClientId","includes","exports"],"sources":["@wordpress/block-library/src/media-text/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInnerBlocks,\n\tInspectorControls,\n\twithColors,\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport {\n\tButton,\n\tToolbarGroup,\n\tPanelBody,\n\tToggleControl,\n} from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { pullLeft, pullRight, replace } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { WIDTH_CONSTRAINT_PERCENTAGE } from './constants';\nimport MediaContainer from './media-container';\nimport styles from './style.scss';\n\nconst TEMPLATE = [ [ 'core/paragraph' ] ];\n// this limits the resize to a safe zone to avoid making broken layouts\nconst BREAKPOINTS = {\n\tmobile: 480,\n};\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nclass MediaTextEdit extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectMedia = this.onSelectMedia.bind( this );\n\t\tthis.onMediaUpdate = this.onMediaUpdate.bind( this );\n\t\tthis.onWidthChange = this.onWidthChange.bind( this );\n\t\tthis.commitWidthChange = this.commitWidthChange.bind( this );\n\t\tthis.onLayoutChange = this.onLayoutChange.bind( this );\n\t\tthis.onMediaSelected = this.onMediaSelected.bind( this );\n\t\tthis.onReplaceMedia = this.onReplaceMedia.bind( this );\n\t\tthis.onSetOpenPickerRef = this.onSetOpenPickerRef.bind( this );\n\t\tthis.onSetImageFill = this.onSetImageFill.bind( this );\n\n\t\tthis.state = {\n\t\t\tmediaWidth: null,\n\t\t\tcontainerWidth: 0,\n\t\t\tisMediaSelected: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( props, state ) {\n\t\treturn {\n\t\t\tisMediaSelected:\n\t\t\t\tstate.isMediaSelected &&\n\t\t\t\tprops.isSelected &&\n\t\t\t\t! props.isAncestorSelected,\n\t\t};\n\t}\n\n\tonSelectMedia( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' && media.sizes ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes.large?.url ||\n\t\t\t\tmedia?.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\timageFill: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t}\n\n\tonMediaUpdate( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaId: media.id,\n\t\t\tmediaUrl: media.url,\n\t\t} );\n\t}\n\n\tonWidthChange( width ) {\n\t\tthis.setState( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t}\n\n\tcommitWidthChange( width ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tthis.setState( {\n\t\t\tmediaWidth: null,\n\t\t} );\n\t}\n\n\tonLayoutChange( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tconst { containerWidth } = this.state;\n\n\t\tif ( containerWidth === width ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tthis.setState( {\n\t\t\tcontainerWidth: width,\n\t\t} );\n\t}\n\n\tonMediaSelected() {\n\t\tthis.setState( { isMediaSelected: true } );\n\t}\n\n\tonReplaceMedia() {\n\t\tif ( this.openPickerRef ) {\n\t\t\tthis.openPickerRef();\n\t\t}\n\t}\n\n\tonSetOpenPickerRef( openPicker ) {\n\t\tthis.openPickerRef = openPicker;\n\t}\n\n\tonSetImageFill() {\n\t\tconst { attributes, setAttributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\tsetAttributes( {\n\t\t\timageFill: ! imageFill,\n\t\t} );\n\t}\n\n\tgetControls() {\n\t\tconst { attributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\treturn (\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill entire column' ) }\n\t\t\t\t\t\tchecked={ imageFill }\n\t\t\t\t\t\tonChange={ this.onSetImageFill }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t);\n\t}\n\trenderMediaArea( shouldStack ) {\n\t\tconst { isMediaSelected, containerWidth } = this.state;\n\t\tconst { attributes, isSelected } = this.props;\n\t\tconst {\n\t\t\tmediaAlt,\n\t\t\tmediaId,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst mediaAreaWidth =\n\t\t\tmediaWidth && ! shouldStack\n\t\t\t\t? ( containerWidth * mediaWidth ) / 100 -\n\t\t\t\t  styles.mediaAreaPadding.width\n\t\t\t\t: containerWidth;\n\t\tconst aligmentStyles =\n\t\t\tstyles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t];\n\n\t\treturn (\n\t\t\t<MediaContainer\n\t\t\t\tcommitWidthChange={ this.commitWidthChange }\n\t\t\t\tisMediaSelected={ isMediaSelected }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tonMediaSelected={ this.onMediaSelected }\n\t\t\t\tonMediaUpdate={ this.onMediaUpdate }\n\t\t\t\tonSelectMedia={ this.onSelectMedia }\n\t\t\t\tonSetOpenPickerRef={ this.onSetOpenPickerRef }\n\t\t\t\tonWidthChange={ this.onWidthChange }\n\t\t\t\tmediaWidth={ mediaAreaWidth }\n\t\t\t\t{ ...{\n\t\t\t\t\tmediaAlt,\n\t\t\t\t\tmediaId,\n\t\t\t\t\tmediaType,\n\t\t\t\t\tmediaUrl,\n\t\t\t\t\tmediaPosition,\n\t\t\t\t\timageFill,\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tisSelected,\n\t\t\t\t\taligmentStyles,\n\t\t\t\t\tshouldStack,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tattributes,\n\t\t\tbackgroundColor,\n\t\t\tsetAttributes,\n\t\t\tisSelected,\n\t\t\tisRTL,\n\t\t\tstyle,\n\t\t\tblockWidth,\n\t\t} = this.props;\n\t\tconst {\n\t\t\tisStackedOnMobile,\n\t\t\timageFill,\n\t\t\tmediaPosition,\n\t\t\tmediaWidth,\n\t\t\tmediaType,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst { containerWidth, isMediaSelected } = this.state;\n\n\t\tconst isMobile = containerWidth < BREAKPOINTS.mobile;\n\t\tconst shouldStack = isStackedOnMobile && isMobile;\n\t\tconst temporaryMediaWidth = shouldStack\n\t\t\t? 100\n\t\t\t: this.state.mediaWidth || mediaWidth;\n\t\tconst widthString = `${ temporaryMediaWidth }%`;\n\t\tconst innerBlockWidth = shouldStack ? 100 : 100 - temporaryMediaWidth;\n\t\tconst innerBlockWidthString = `${ innerBlockWidth }%`;\n\t\tconst hasMedia =\n\t\t\tmediaType === MEDIA_TYPE_IMAGE || mediaType === MEDIA_TYPE_VIDEO;\n\n\t\tconst innerBlockContainerStyle = [\n\t\t\t{ width: innerBlockWidthString },\n\t\t\t! shouldStack\n\t\t\t\t? styles.innerBlock\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left'\n\t\t\t\t\t\t\t? styles.innerBlockStackMediaLeft\n\t\t\t\t\t\t\t: styles.innerBlockStackMediaRight ),\n\t\t\t\t  },\n\t\t\t( style?.backgroundColor || backgroundColor.color ) &&\n\t\t\t\tstyles.innerBlockPaddings,\n\t\t];\n\n\t\tconst containerStyles = {\n\t\t\t...styles[ 'wp-block-media-text' ],\n\t\t\t...styles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t],\n\t\t\t...( mediaPosition === 'right'\n\t\t\t\t? styles[ 'has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( shouldStack && styles[ 'is-stacked-on-mobile' ] ),\n\t\t\t...( shouldStack && mediaPosition === 'right'\n\t\t\t\t? styles[ 'is-stacked-on-mobile.has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( isSelected && styles[ 'is-selected' ] ),\n\t\t\tbackgroundColor: style?.backgroundColor || backgroundColor.color,\n\t\t\tpaddingBottom: 0,\n\t\t};\n\n\t\tconst mediaContainerStyle = [\n\t\t\t{ flex: 1 },\n\t\t\tshouldStack\n\t\t\t\t? {\n\t\t\t\t\t\t...( mediaPosition === 'left' &&\n\t\t\t\t\t\t\tstyles.mediaStackLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' &&\n\t\t\t\t\t\t\tstyles.mediaStackRight ),\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left' && styles.mediaLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' && styles.mediaRight ),\n\t\t\t\t  },\n\t\t];\n\n\t\tconst toolbarControls = [\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullRight : pullLeft,\n\t\t\t\ttitle: __( 'Show media on left' ),\n\t\t\t\tisActive: mediaPosition === 'left',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'left' } ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullLeft : pullRight,\n\t\t\t\ttitle: __( 'Show media on right' ),\n\t\t\t\tisActive: mediaPosition === 'right',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'right' } ),\n\t\t\t},\n\t\t];\n\n\t\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\t\tsetAttributes( { verticalAlignment: alignment } );\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ mediaType === MEDIA_TYPE_IMAGE && this.getControls() }\n\t\t\t\t<BlockControls>\n\t\t\t\t\t{ hasMedia && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Edit media' ) }\n\t\t\t\t\t\t\t\ticon={ replace }\n\t\t\t\t\t\t\t\tonClick={ this.onReplaceMedia }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ( ! isMediaSelected ||\n\t\t\t\t\t\tmediaType === MEDIA_TYPE_VIDEO ) && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ containerStyles }\n\t\t\t\t\tonLayout={ this.onLayoutChange }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t( shouldStack || ! imageFill ) && {\n\t\t\t\t\t\t\t\twidth: widthString,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tmediaContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ this.renderMediaArea( shouldStack ) }\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={ innerBlockContainerStyle }>\n\t\t\t\t\t\t<InnerBlocks\n\t\t\t\t\t\t\ttemplate={ TEMPLATE }\n\t\t\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</>\n\t\t);\n\t}\n}\n\nexport default compose(\n\twithColors( 'backgroundColor' ),\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParents, getSettings } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst parents = getBlockParents( clientId, true );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isAncestorSelected =\n\t\t\tselectedBlockClientId && parents.includes( selectedBlockClientId );\n\n\t\treturn {\n\t\t\tisSelected: selectedBlockClientId === clientId,\n\t\t\tisAncestorSelected,\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} )\n)( MediaTextEdit );\n"],"mappings":";;;;;;;AAmBA,IAAAA,QAAA,GAAAC,OAAA;AAhBA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAWA,IAAAI,WAAA,GAAAJ,OAAA;AAMA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAKA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAC,sBAAA,CAAAV,OAAA;AACA,IAAAW,MAAA,GAAAD,sBAAA,CAAAV,OAAA;AAnCA;AACA;AACA;;AAGA;AACA;AACA;;AAuBA;AACA;AACA;;AAKA,MAAMY,QAAQ,GAAG,CAAE,CAAE,gBAAgB,CAAE,CAAE;AACzC;AACA,MAAMC,WAAW,GAAG;EACnBC,MAAM,EAAE;AACT,CAAC;AACD,MAAMC,qBAAqB,GAAKC,KAAK,IACpCC,IAAI,CAACC,GAAG,CACPC,sCAA2B,EAC3BF,IAAI,CAACG,GAAG,CAAEJ,KAAK,EAAE,GAAG,GAAGG,sCAA4B,CACpD,CAAC;AAEF,MAAME,aAAa,SAASC,kBAAS,CAAC;EACrCC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAE,IAAK,CAAC;IACpD,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACD,IAAI,CAAE,IAAK,CAAC;IACpD,IAAI,CAACE,aAAa,GAAG,IAAI,CAACA,aAAa,CAACF,IAAI,CAAE,IAAK,CAAC;IACpD,IAAI,CAACG,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACH,IAAI,CAAE,IAAK,CAAC;IAC5D,IAAI,CAACI,cAAc,GAAG,IAAI,CAACA,cAAc,CAACJ,IAAI,CAAE,IAAK,CAAC;IACtD,IAAI,CAACK,eAAe,GAAG,IAAI,CAACA,eAAe,CAACL,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACM,cAAc,GAAG,IAAI,CAACA,cAAc,CAACN,IAAI,CAAE,IAAK,CAAC;IACtD,IAAI,CAACO,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACP,IAAI,CAAE,IAAK,CAAC;IAC9D,IAAI,CAACQ,cAAc,GAAG,IAAI,CAACA,cAAc,CAACR,IAAI,CAAE,IAAK,CAAC;IAEtD,IAAI,CAACS,KAAK,GAAG;MACZC,UAAU,EAAE,IAAI;MAChBC,cAAc,EAAE,CAAC;MACjBC,eAAe,EAAE;IAClB,CAAC;EACF;EAEA,OAAOC,wBAAwBA,CAAEC,KAAK,EAAEL,KAAK,EAAG;IAC/C,OAAO;MACNG,eAAe,EACdH,KAAK,CAACG,eAAe,IACrBE,KAAK,CAACC,UAAU,IAChB,CAAED,KAAK,CAACE;IACV,CAAC;EACF;EAEAjB,aAAaA,CAAEkB,KAAK,EAAG;IACtB,MAAM;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACJ,KAAK;IAEpC,IAAIK,SAAS;IACb,IAAIC,GAAG;IACP;IACA,IAAKH,KAAK,CAACI,UAAU,EAAG;MACvB,IAAKJ,KAAK,CAACI,UAAU,KAAK,OAAO,EAAG;QACnCF,SAAS,GAAG,OAAO;MACpB,CAAC,MAAM;QACN;QACA;QACAA,SAAS,GAAG,OAAO;MACpB;IACD,CAAC,MAAM;MACN;MACAA,SAAS,GAAGF,KAAK,CAACK,IAAI;IACvB;IAEA,IAAKH,SAAS,KAAK,OAAO,IAAIF,KAAK,CAACM,KAAK,EAAG;MAC3C;MACAH,GAAG,GACFH,KAAK,CAACM,KAAK,CAACC,KAAK,EAAEC,GAAG,IACtBR,KAAK,EAAES,aAAa,EAAEH,KAAK,EAAEC,KAAK,EAAEG,UAAU;IAChD;IAEAT,aAAa,CAAE;MACdU,QAAQ,EAAEX,KAAK,CAACY,GAAG;MACnBC,OAAO,EAAEb,KAAK,CAACc,EAAE;MACjBZ,SAAS;MACTa,QAAQ,EAAEZ,GAAG,IAAIH,KAAK,CAACQ,GAAG;MAC1BQ,SAAS,EAAEC,SAAS;MACpBC,UAAU,EAAED;IACb,CAAE,CAAC;EACJ;EAEAjC,aAAaA,CAAEgB,KAAK,EAAG;IACtB,MAAM;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACJ,KAAK;IAEpCI,aAAa,CAAE;MACdY,OAAO,EAAEb,KAAK,CAACc,EAAE;MACjBC,QAAQ,EAAEf,KAAK,CAACQ;IACjB,CAAE,CAAC;EACJ;EAEAvB,aAAaA,CAAEZ,KAAK,EAAG;IACtB,IAAI,CAAC8C,QAAQ,CAAE;MACd1B,UAAU,EAAErB,qBAAqB,CAAEC,KAAM;IAC1C,CAAE,CAAC;EACJ;EAEAa,iBAAiBA,CAAEb,KAAK,EAAG;IAC1B,MAAM;MAAE4B;IAAc,CAAC,GAAG,IAAI,CAACJ,KAAK;IAEpCI,aAAa,CAAE;MACdR,UAAU,EAAErB,qBAAqB,CAAEC,KAAM;IAC1C,CAAE,CAAC;IACH,IAAI,CAAC8C,QAAQ,CAAE;MACd1B,UAAU,EAAE;IACb,CAAE,CAAC;EACJ;EAEAN,cAAcA,CAAE;IAAEiC;EAAY,CAAC,EAAG;IACjC,MAAM;MAAE/C;IAAM,CAAC,GAAG+C,WAAW,CAACC,MAAM;IACpC,MAAM;MAAE3B;IAAe,CAAC,GAAG,IAAI,CAACF,KAAK;IAErC,IAAKE,cAAc,KAAKrB,KAAK,EAAG;MAC/B,OAAO,IAAI;IACZ;IAEA,IAAI,CAAC8C,QAAQ,CAAE;MACdzB,cAAc,EAAErB;IACjB,CAAE,CAAC;EACJ;EAEAe,eAAeA,CAAA,EAAG;IACjB,IAAI,CAAC+B,QAAQ,CAAE;MAAExB,eAAe,EAAE;IAAK,CAAE,CAAC;EAC3C;EAEAN,cAAcA,CAAA,EAAG;IAChB,IAAK,IAAI,CAACiC,aAAa,EAAG;MACzB,IAAI,CAACA,aAAa,CAAC,CAAC;IACrB;EACD;EAEAhC,kBAAkBA,CAAEiC,UAAU,EAAG;IAChC,IAAI,CAACD,aAAa,GAAGC,UAAU;EAChC;EAEAhC,cAAcA,CAAA,EAAG;IAChB,MAAM;MAAEiC,UAAU;MAAEvB;IAAc,CAAC,GAAG,IAAI,CAACJ,KAAK;IAChD,MAAM;MAAEmB;IAAU,CAAC,GAAGQ,UAAU;IAEhCvB,aAAa,CAAE;MACde,SAAS,EAAE,CAAEA;IACd,CAAE,CAAC;EACJ;EAEAS,WAAWA,CAAA,EAAG;IACb,MAAM;MAAED;IAAW,CAAC,GAAG,IAAI,CAAC3B,KAAK;IACjC,MAAM;MAAEmB;IAAU,CAAC,GAAGQ,UAAU;IAEhC,OACC,IAAApE,QAAA,CAAAsE,aAAA,EAAClE,YAAA,CAAAmE,iBAAiB,QACjB,IAAAvE,QAAA,CAAAsE,aAAA,EAACjE,WAAA,CAAAmE,SAAS;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;IAAG,GACpC,IAAA1E,QAAA,CAAAsE,aAAA,EAACjE,WAAA,CAAAsE,aAAa;MACbC,KAAK,EAAG,IAAAF,QAAE,EAAE,kCAAmC,CAAG;MAClDG,OAAO,EAAGjB,SAAW;MACrBkB,QAAQ,EAAG,IAAI,CAAC3C;IAAgB,CAChC,CACS,CACO,CAAC;EAEtB;EACA4C,eAAeA,CAAEC,WAAW,EAAG;IAC9B,MAAM;MAAEzC,eAAe;MAAED;IAAe,CAAC,GAAG,IAAI,CAACF,KAAK;IACtD,MAAM;MAAEgC,UAAU;MAAE1B;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IAC7C,MAAM;MACLc,QAAQ;MACRE,OAAO;MACPwB,aAAa;MACbnC,SAAS;MACTa,QAAQ;MACRtB,UAAU;MACVuB,SAAS;MACTE,UAAU;MACVoB;IACD,CAAC,GAAGd,UAAU;IACd,MAAMe,cAAc,GACnB9C,UAAU,IAAI,CAAE2C,WAAW,GACtB1C,cAAc,GAAGD,UAAU,GAAK,GAAG,GACrC+C,cAAM,CAACC,gBAAgB,CAACpE,KAAK,GAC7BqB,cAAc;IAClB,MAAMgD,cAAc,GACnBF,cAAM,CACJ,yBAAyBF,iBAAiB,IAAI,QAAU,EAAC,CAC1D;IAEF,OACC,IAAAlF,QAAA,CAAAsE,aAAA,EAAC5D,eAAA,CAAA6E,OAAc;MACdzD,iBAAiB,EAAG,IAAI,CAACA,iBAAmB;MAC5CS,eAAe,EAAGA,eAAiB;MACnCiD,OAAO,EAAG,IAAI,CAAC/C,KAAK,CAAC+C,OAAS;MAC9BxD,eAAe,EAAG,IAAI,CAACA,eAAiB;MACxCJ,aAAa,EAAG,IAAI,CAACA,aAAe;MACpCF,aAAa,EAAG,IAAI,CAACA,aAAe;MACpCQ,kBAAkB,EAAG,IAAI,CAACA,kBAAoB;MAC9CL,aAAa,EAAG,IAAI,CAACA,aAAe;MACpCQ,UAAU,EAAG8C,cAAgB;MAE5B5B,QAAQ;MACRE,OAAO;MACPX,SAAS;MACTa,QAAQ;MACRsB,aAAa;MACbrB,SAAS;MACTE,UAAU;MACVpB,UAAU;MACV4C,cAAc;MACdN;IAAW,CAEZ,CAAC;EAEJ;EAEAS,MAAMA,CAAA,EAAG;IACR,MAAM;MACLrB,UAAU;MACVsB,eAAe;MACf7C,aAAa;MACbH,UAAU;MACViD,KAAK;MACLC,KAAK;MACLC;IACD,CAAC,GAAG,IAAI,CAACpD,KAAK;IACd,MAAM;MACLqD,iBAAiB;MACjBlC,SAAS;MACTqB,aAAa;MACb5C,UAAU;MACVS,SAAS;MACToC;IACD,CAAC,GAAGd,UAAU;IACd,MAAM;MAAE9B,cAAc;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAACH,KAAK;IAEtD,MAAM2D,QAAQ,GAAGzD,cAAc,GAAGxB,WAAW,CAACC,MAAM;IACpD,MAAMiE,WAAW,GAAGc,iBAAiB,IAAIC,QAAQ;IACjD,MAAMC,mBAAmB,GAAGhB,WAAW,GACpC,GAAG,GACH,IAAI,CAAC5C,KAAK,CAACC,UAAU,IAAIA,UAAU;IACtC,MAAM4D,WAAW,GAAI,GAAGD,mBAAqB,GAAE;IAC/C,MAAME,eAAe,GAAGlB,WAAW,GAAG,GAAG,GAAG,GAAG,GAAGgB,mBAAmB;IACrE,MAAMG,qBAAqB,GAAI,GAAGD,eAAiB,GAAE;IACrD,MAAME,QAAQ,GACbtD,SAAS,KAAKuD,6BAAgB,IAAIvD,SAAS,KAAKwD,6BAAgB;IAEjE,MAAMC,wBAAwB,GAAG,CAChC;MAAEtF,KAAK,EAAEkF;IAAsB,CAAC,EAChC,CAAEnB,WAAW,GACVI,cAAM,CAACoB,UAAU,GACjB;MACA,IAAKvB,aAAa,KAAK,MAAM,GAC1BG,cAAM,CAACqB,wBAAwB,GAC/BrB,cAAM,CAACsB,yBAAyB;IACnC,CAAC,EACJ,CAAEd,KAAK,EAAEF,eAAe,IAAIA,eAAe,CAACiB,KAAK,KAChDvB,cAAM,CAACwB,kBAAkB,CAC1B;IAED,MAAMC,eAAe,GAAG;MACvB,GAAGzB,cAAM,CAAE,qBAAqB,CAAE;MAClC,GAAGA,cAAM,CACP,yBAAyBF,iBAAiB,IAAI,QAAU,EAAC,CAC1D;MACD,IAAKD,aAAa,KAAK,OAAO,GAC3BG,cAAM,CAAE,wBAAwB,CAAE,GAClC,CAAC,CAAC,CAAE;MACP,IAAKJ,WAAW,IAAII,cAAM,CAAE,sBAAsB,CAAE,CAAE;MACtD,IAAKJ,WAAW,IAAIC,aAAa,KAAK,OAAO,GAC1CG,cAAM,CAAE,6CAA6C,CAAE,GACvD,CAAC,CAAC,CAAE;MACP,IAAK1C,UAAU,IAAI0C,cAAM,CAAE,aAAa,CAAE,CAAE;MAC5CM,eAAe,EAAEE,KAAK,EAAEF,eAAe,IAAIA,eAAe,CAACiB,KAAK;MAChEG,aAAa,EAAE;IAChB,CAAC;IAED,MAAMC,mBAAmB,GAAG,CAC3B;MAAEC,IAAI,EAAE;IAAE,CAAC,EACXhC,WAAW,GACR;MACA,IAAKC,aAAa,KAAK,MAAM,IAC5BG,cAAM,CAAC6B,cAAc,CAAE;MACxB,IAAKhC,aAAa,KAAK,OAAO,IAC7BG,cAAM,CAAC8B,eAAe;IACvB,CAAC,GACD;MACA,IAAKjC,aAAa,KAAK,MAAM,IAAIG,cAAM,CAAC+B,SAAS,CAAE;MACnD,IAAKlC,aAAa,KAAK,OAAO,IAAIG,cAAM,CAACgC,UAAU;IACnD,CAAC,CACJ;IAED,MAAMC,eAAe,GAAG,CACvB;MACCC,IAAI,EAAE3B,KAAK,GAAG4B,gBAAS,GAAGC,eAAQ;MAClC/C,KAAK,EAAE,IAAAC,QAAE,EAAE,oBAAqB,CAAC;MACjC+C,QAAQ,EAAExC,aAAa,KAAK,MAAM;MAClCyC,OAAO,EAAEA,CAAA,KAAM7E,aAAa,CAAE;QAAEoC,aAAa,EAAE;MAAO,CAAE;IACzD,CAAC,EACD;MACCqC,IAAI,EAAE3B,KAAK,GAAG6B,eAAQ,GAAGD,gBAAS;MAClC9C,KAAK,EAAE,IAAAC,QAAE,EAAE,qBAAsB,CAAC;MAClC+C,QAAQ,EAAExC,aAAa,KAAK,OAAO;MACnCyC,OAAO,EAAEA,CAAA,KAAM7E,aAAa,CAAE;QAAEoC,aAAa,EAAE;MAAQ,CAAE;IAC1D,CAAC,CACD;IAED,MAAM0C,yBAAyB,GAAKC,SAAS,IAAM;MAClD/E,aAAa,CAAE;QAAEqC,iBAAiB,EAAE0C;MAAU,CAAE,CAAC;IAClD,CAAC;IAED,OACC,IAAA5H,QAAA,CAAAsE,aAAA,EAAAtE,QAAA,CAAA6H,QAAA,QACG/E,SAAS,KAAKuD,6BAAgB,IAAI,IAAI,CAAChC,WAAW,CAAC,CAAC,EACtD,IAAArE,QAAA,CAAAsE,aAAA,EAAClE,YAAA,CAAA0H,aAAa,QACX1B,QAAQ,IACT,IAAApG,QAAA,CAAAsE,aAAA,EAACjE,WAAA,CAAA0H,YAAY,QACZ,IAAA/H,QAAA,CAAAsE,aAAA,EAACjE,WAAA,CAAA2H,MAAM;MACNpD,KAAK,EAAG,IAAAF,QAAE,EAAE,YAAa,CAAG;MAC5B4C,IAAI,EAAGW,cAAS;MAChBP,OAAO,EAAG,IAAI,CAACzF;IAAgB,CAC/B,CACY,CACd,EACC,CAAE,CAAEM,eAAe,IACpBO,SAAS,KAAKwD,6BAAgB,KAC9B,IAAAtG,QAAA,CAAAsE,aAAA,EAAAtE,QAAA,CAAA6H,QAAA,QACC,IAAA7H,QAAA,CAAAsE,aAAA,EAACjE,WAAA,CAAA0H,YAAY;MAACG,QAAQ,EAAGb;IAAiB,CAAE,CAAC,EAC7C,IAAArH,QAAA,CAAAsE,aAAA,EAAClE,YAAA,CAAA+H,6BAA6B;MAC7BrD,QAAQ,EAAG6C,yBAA2B;MACtCS,KAAK,EAAGlD;IAAmB,CAC3B,CACA,CAEW,CAAC,EAChB,IAAAlF,QAAA,CAAAsE,aAAA,EAACpE,YAAA,CAAAmI,IAAI;MACJzC,KAAK,EAAGiB,eAAiB;MACzByB,QAAQ,EAAG,IAAI,CAACvG;IAAgB,GAEhC,IAAA/B,QAAA,CAAAsE,aAAA,EAACpE,YAAA,CAAAmI,IAAI;MACJzC,KAAK,EAAG,CACP,CAAEZ,WAAW,IAAI,CAAEpB,SAAS,KAAM;QACjC3C,KAAK,EAAEgF;MACR,CAAC,EACDc,mBAAmB;IACjB,GAED,IAAI,CAAChC,eAAe,CAAEC,WAAY,CAC/B,CAAC,EACP,IAAAhF,QAAA,CAAAsE,aAAA,EAACpE,YAAA,CAAAmI,IAAI;MAACzC,KAAK,EAAGW;IAA0B,GACvC,IAAAvG,QAAA,CAAAsE,aAAA,EAAClE,YAAA,CAAAmI,WAAW;MACXC,QAAQ,EAAG3H,QAAU;MACrBgF,UAAU,EAAGA;IAAY,CACzB,CACI,CACD,CACL,CAAC;EAEL;AACD;AAAC,IAAA4C,QAAA,GAEc,IAAAC,gBAAO,EACrB,IAAAC,uBAAU,EAAE,iBAAkB,CAAC,EAC/B,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IAAEC,wBAAwB;IAAEC,eAAe;IAAEC;EAAY,CAAC,GAC/DJ,MAAM,CAAEK,kBAAiB,CAAC;EAE3B,MAAMC,OAAO,GAAGH,eAAe,CAAEF,QAAQ,EAAE,IAAK,CAAC;EAEjD,MAAMM,qBAAqB,GAAGL,wBAAwB,CAAC,CAAC;EACxD,MAAMpG,kBAAkB,GACvByG,qBAAqB,IAAID,OAAO,CAACE,QAAQ,CAAED,qBAAsB,CAAC;EAEnE,OAAO;IACN1G,UAAU,EAAE0G,qBAAqB,KAAKN,QAAQ;IAC9CnG,kBAAkB;IAClBgD,KAAK,EAAEsD,WAAW,CAAC,CAAC,CAACtD;EACtB,CAAC;AACF,CAAE,CACH,CAAC,CAAErE,aAAc,CAAC;AAAAgI,OAAA,CAAA/D,OAAA,GAAAkD,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_blockEditor","_element","_components","_data","_compose","_icons","_constants","_mediaContainer","_interopRequireDefault","_style","TEMPLATE","BREAKPOINTS","mobile","applyWidthConstraints","width","Math","max","WIDTH_CONSTRAINT_PERCENTAGE","min","MediaTextEdit","Component","constructor","arguments","onSelectMedia","bind","onMediaUpdate","onWidthChange","commitWidthChange","onLayoutChange","onMediaSelected","onReplaceMedia","onSetOpenPickerRef","onSetImageFill","state","mediaWidth","containerWidth","isMediaSelected","getDerivedStateFromProps","props","isSelected","isAncestorSelected","media","setAttributes","mediaType","src","media_type","type","sizes","large","url","media_details","source_url","mediaAlt","alt","mediaId","id","mediaUrl","imageFill","undefined","focalPoint","setState","nativeEvent","layout","openPickerRef","openPicker","attributes","getControls","_react","createElement","InspectorControls","PanelBody","title","__","ToggleControl","label","checked","onChange","renderMediaArea","shouldStack","mediaPosition","verticalAlignment","mediaAreaWidth","styles","mediaAreaPadding","aligmentStyles","default","onFocus","render","backgroundColor","isRTL","style","blockWidth","isStackedOnMobile","isMobile","temporaryMediaWidth","widthString","innerBlockWidth","innerBlockWidthString","hasMedia","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","innerBlockContainerStyle","innerBlock","innerBlockStackMediaLeft","innerBlockStackMediaRight","color","innerBlockPaddings","containerStyles","paddingBottom","mediaContainerStyle","flex","mediaStackLeft","mediaStackRight","mediaLeft","mediaRight","toolbarControls","icon","pullRight","pullLeft","isActive","onClick","onVerticalAlignmentChange","alignment","Fragment","BlockControls","ToolbarGroup","Button","replace","controls","BlockVerticalAlignmentToolbar","value","View","onLayout","InnerBlocks","template","_default","compose","withColors","withSelect","select","clientId","getSelectedBlockClientId","getBlockParents","getSettings","blockEditorStore","parents","selectedBlockClientId","includes","exports"],"sources":["@wordpress/block-library/src/media-text/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInnerBlocks,\n\tInspectorControls,\n\twithColors,\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport {\n\tButton,\n\tToolbarGroup,\n\tPanelBody,\n\tToggleControl,\n} from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { pullLeft, pullRight, replace } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { WIDTH_CONSTRAINT_PERCENTAGE } from './constants';\nimport MediaContainer from './media-container';\nimport styles from './style.scss';\n\nconst TEMPLATE = [ [ 'core/paragraph' ] ];\n// this limits the resize to a safe zone to avoid making broken layouts\nconst BREAKPOINTS = {\n\tmobile: 480,\n};\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nclass MediaTextEdit extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectMedia = this.onSelectMedia.bind( this );\n\t\tthis.onMediaUpdate = this.onMediaUpdate.bind( this );\n\t\tthis.onWidthChange = this.onWidthChange.bind( this );\n\t\tthis.commitWidthChange = this.commitWidthChange.bind( this );\n\t\tthis.onLayoutChange = this.onLayoutChange.bind( this );\n\t\tthis.onMediaSelected = this.onMediaSelected.bind( this );\n\t\tthis.onReplaceMedia = this.onReplaceMedia.bind( this );\n\t\tthis.onSetOpenPickerRef = this.onSetOpenPickerRef.bind( this );\n\t\tthis.onSetImageFill = this.onSetImageFill.bind( this );\n\n\t\tthis.state = {\n\t\t\tmediaWidth: null,\n\t\t\tcontainerWidth: 0,\n\t\t\tisMediaSelected: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( props, state ) {\n\t\treturn {\n\t\t\tisMediaSelected:\n\t\t\t\tstate.isMediaSelected &&\n\t\t\t\tprops.isSelected &&\n\t\t\t\t! props.isAncestorSelected,\n\t\t};\n\t}\n\n\tonSelectMedia( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' && media.sizes ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes.large?.url ||\n\t\t\t\tmedia?.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\timageFill: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t}\n\n\tonMediaUpdate( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaId: media.id,\n\t\t\tmediaUrl: media.url,\n\t\t} );\n\t}\n\n\tonWidthChange( width ) {\n\t\tthis.setState( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t}\n\n\tcommitWidthChange( width ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tthis.setState( {\n\t\t\tmediaWidth: null,\n\t\t} );\n\t}\n\n\tonLayoutChange( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tconst { containerWidth } = this.state;\n\n\t\tif ( containerWidth === width ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tthis.setState( {\n\t\t\tcontainerWidth: width,\n\t\t} );\n\t}\n\n\tonMediaSelected() {\n\t\tthis.setState( { isMediaSelected: true } );\n\t}\n\n\tonReplaceMedia() {\n\t\tif ( this.openPickerRef ) {\n\t\t\tthis.openPickerRef();\n\t\t}\n\t}\n\n\tonSetOpenPickerRef( openPicker ) {\n\t\tthis.openPickerRef = openPicker;\n\t}\n\n\tonSetImageFill() {\n\t\tconst { attributes, setAttributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\tsetAttributes( {\n\t\t\timageFill: ! imageFill,\n\t\t} );\n\t}\n\n\tgetControls() {\n\t\tconst { attributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\treturn (\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill entire column' ) }\n\t\t\t\t\t\tchecked={ imageFill }\n\t\t\t\t\t\tonChange={ this.onSetImageFill }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t);\n\t}\n\trenderMediaArea( shouldStack ) {\n\t\tconst { isMediaSelected, containerWidth } = this.state;\n\t\tconst { attributes, isSelected } = this.props;\n\t\tconst {\n\t\t\tmediaAlt,\n\t\t\tmediaId,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst mediaAreaWidth =\n\t\t\tmediaWidth && ! shouldStack\n\t\t\t\t? ( containerWidth * mediaWidth ) / 100 -\n\t\t\t\t  styles.mediaAreaPadding.width\n\t\t\t\t: containerWidth;\n\t\tconst aligmentStyles =\n\t\t\tstyles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t];\n\n\t\treturn (\n\t\t\t<MediaContainer\n\t\t\t\tcommitWidthChange={ this.commitWidthChange }\n\t\t\t\tisMediaSelected={ isMediaSelected }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tonMediaSelected={ this.onMediaSelected }\n\t\t\t\tonMediaUpdate={ this.onMediaUpdate }\n\t\t\t\tonSelectMedia={ this.onSelectMedia }\n\t\t\t\tonSetOpenPickerRef={ this.onSetOpenPickerRef }\n\t\t\t\tonWidthChange={ this.onWidthChange }\n\t\t\t\tmediaWidth={ mediaAreaWidth }\n\t\t\t\t{ ...{\n\t\t\t\t\tmediaAlt,\n\t\t\t\t\tmediaId,\n\t\t\t\t\tmediaType,\n\t\t\t\t\tmediaUrl,\n\t\t\t\t\tmediaPosition,\n\t\t\t\t\timageFill,\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tisSelected,\n\t\t\t\t\taligmentStyles,\n\t\t\t\t\tshouldStack,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tattributes,\n\t\t\tbackgroundColor,\n\t\t\tsetAttributes,\n\t\t\tisSelected,\n\t\t\tisRTL,\n\t\t\tstyle,\n\t\t\tblockWidth,\n\t\t} = this.props;\n\t\tconst {\n\t\t\tisStackedOnMobile,\n\t\t\timageFill,\n\t\t\tmediaPosition,\n\t\t\tmediaWidth,\n\t\t\tmediaType,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst { containerWidth, isMediaSelected } = this.state;\n\n\t\tconst isMobile = containerWidth < BREAKPOINTS.mobile;\n\t\tconst shouldStack = isStackedOnMobile && isMobile;\n\t\tconst temporaryMediaWidth = shouldStack\n\t\t\t? 100\n\t\t\t: this.state.mediaWidth || mediaWidth;\n\t\tconst widthString = `${ temporaryMediaWidth }%`;\n\t\tconst innerBlockWidth = shouldStack ? 100 : 100 - temporaryMediaWidth;\n\t\tconst innerBlockWidthString = `${ innerBlockWidth }%`;\n\t\tconst hasMedia =\n\t\t\tmediaType === MEDIA_TYPE_IMAGE || mediaType === MEDIA_TYPE_VIDEO;\n\n\t\tconst innerBlockContainerStyle = [\n\t\t\t{ width: innerBlockWidthString },\n\t\t\t! shouldStack\n\t\t\t\t? styles.innerBlock\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left'\n\t\t\t\t\t\t\t? styles.innerBlockStackMediaLeft\n\t\t\t\t\t\t\t: styles.innerBlockStackMediaRight ),\n\t\t\t\t  },\n\t\t\t( style?.backgroundColor || backgroundColor.color ) &&\n\t\t\t\tstyles.innerBlockPaddings,\n\t\t];\n\n\t\tconst containerStyles = {\n\t\t\t...styles[ 'wp-block-media-text' ],\n\t\t\t...styles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t],\n\t\t\t...( mediaPosition === 'right'\n\t\t\t\t? styles[ 'has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( shouldStack && styles[ 'is-stacked-on-mobile' ] ),\n\t\t\t...( shouldStack && mediaPosition === 'right'\n\t\t\t\t? styles[ 'is-stacked-on-mobile.has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( isSelected && styles[ 'is-selected' ] ),\n\t\t\tbackgroundColor: style?.backgroundColor || backgroundColor.color,\n\t\t\tpaddingBottom: 0,\n\t\t};\n\n\t\tconst mediaContainerStyle = [\n\t\t\t{ flex: 1 },\n\t\t\tshouldStack\n\t\t\t\t? {\n\t\t\t\t\t\t...( mediaPosition === 'left' &&\n\t\t\t\t\t\t\tstyles.mediaStackLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' &&\n\t\t\t\t\t\t\tstyles.mediaStackRight ),\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left' && styles.mediaLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' && styles.mediaRight ),\n\t\t\t\t  },\n\t\t];\n\n\t\tconst toolbarControls = [\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullRight : pullLeft,\n\t\t\t\ttitle: __( 'Show media on left' ),\n\t\t\t\tisActive: mediaPosition === 'left',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'left' } ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullLeft : pullRight,\n\t\t\t\ttitle: __( 'Show media on right' ),\n\t\t\t\tisActive: mediaPosition === 'right',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'right' } ),\n\t\t\t},\n\t\t];\n\n\t\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\t\tsetAttributes( { verticalAlignment: alignment } );\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ mediaType === MEDIA_TYPE_IMAGE && this.getControls() }\n\t\t\t\t<BlockControls>\n\t\t\t\t\t{ hasMedia && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Edit media' ) }\n\t\t\t\t\t\t\t\ticon={ replace }\n\t\t\t\t\t\t\t\tonClick={ this.onReplaceMedia }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ( ! isMediaSelected ||\n\t\t\t\t\t\tmediaType === MEDIA_TYPE_VIDEO ) && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ containerStyles }\n\t\t\t\t\tonLayout={ this.onLayoutChange }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t( shouldStack || ! imageFill ) && {\n\t\t\t\t\t\t\t\twidth: widthString,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tmediaContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ this.renderMediaArea( shouldStack ) }\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={ innerBlockContainerStyle }>\n\t\t\t\t\t\t<InnerBlocks\n\t\t\t\t\t\t\ttemplate={ TEMPLATE }\n\t\t\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</>\n\t\t);\n\t}\n}\n\nexport default compose(\n\twithColors( 'backgroundColor' ),\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParents, getSettings } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst parents = getBlockParents( clientId, true );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isAncestorSelected =\n\t\t\tselectedBlockClientId && parents.includes( selectedBlockClientId );\n\n\t\treturn {\n\t\t\tisSelected: selectedBlockClientId === clientId,\n\t\t\tisAncestorSelected,\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} )\n)( MediaTextEdit );\n"],"mappings":"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"}

package/build/media-text/icon-retry.native.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
-var _default = (0, _element.createElement)(_components.SVG, {
+var _default = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.Path, {
   d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
-}), (0, _element.createElement)(_components.Path, {
+}), (0, _react.createElement)(_components.Path, {
   d: "M0 0h24v24H0z",
   fill: 'none'
 }));

package/build/media-text/icon-retry.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_default","_element","createElement","SVG","xmlns","viewBox","Path","d","fill","exports","default"],"sources":["@wordpress/block-library/src/media-text/icon-retry.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\" />\n\t\t<Path d=\"M0 0h24v24H0z\" fill={ 'none' } />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAA4M,CAAE,CAAC,EACvN,IAAAN,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC,eAAe;EAACC,IAAI,EAAG;AAAQ,CAAE,CACrC,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAV,QAAA"}
+{"version":3,"names":["_components","require","_default","_react","createElement","SVG","xmlns","viewBox","Path","d","fill","exports","default"],"sources":["@wordpress/block-library/src/media-text/icon-retry.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\" />\n\t\t<Path d=\"M0 0h24v24H0z\" fill={ 'none' } />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAA4M,CAAE,CAAC,EACvN,IAAAN,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC,eAAe;EAACC,IAAI,EAAG;AAAQ,CAAE,CACrC,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAV,QAAA"}

package/build/media-text/media-container.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.imageFillStyles = imageFillStyles;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _blob = require("@wordpress/blob");
 var _notices = require("@wordpress/notices");
 var _icons = require("@wordpress/icons");
@@ -41,7 +42,7 @@ const ResizableBoxContainer = (0, _element.forwardRef)(({
   ...props
 }, ref) => {
   const isMobile = (0, _compose.useViewportMatch)('small', '<');
-  return (0, _element.createElement)(_components.ResizableBox, {
+  return (0, _react.createElement)(_components.ResizableBox, {
     ref: ref,
     showHandle: isSelected && (!isMobile || !isStackedOnMobile),
     ...props
@@ -52,9 +53,9 @@ function ToolbarEditButton({
   mediaUrl,
   onSelectMedia
 }) {
-  return (0, _element.createElement)(_blockEditor.BlockControls, {
+  return (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
-  }, (0, _element.createElement)(_blockEditor.MediaReplaceFlow, {
+  }, (0, _react.createElement)(_blockEditor.MediaReplaceFlow, {
     mediaId: mediaId,
     mediaURL: mediaUrl,
     allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -75,8 +76,8 @@ function PlaceholderContainer({
       type: 'snackbar'
     });
   };
-  return (0, _element.createElement)(_blockEditor.MediaPlaceholder, {
-    icon: (0, _element.createElement)(_blockEditor.BlockIcon, {
+  return (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
+    icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
       icon: _icons.media
     }),
     labels: {
@@ -129,16 +130,16 @@ function MediaContainer(props, ref) {
     };
     const backgroundStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
     const mediaTypeRenderers = {
-      image: () => (0, _element.createElement)("img", {
+      image: () => (0, _react.createElement)("img", {
         src: mediaUrl,
         alt: mediaAlt
       }),
-      video: () => (0, _element.createElement)("video", {
+      video: () => (0, _react.createElement)("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    return (0, _element.createElement)(ResizableBoxContainer, {
+    return (0, _react.createElement)(ResizableBoxContainer, {
       as: "figure",
       className: (0, _classnames.default)(className, 'editor-media-container__resizer', {
         'is-transient': isTemporaryMedia
@@ -157,15 +158,15 @@ function MediaContainer(props, ref) {
       isSelected: isSelected,
       isStackedOnMobile: isStackedOnMobile,
       ref: ref
-    }, (0, _element.createElement)(ToolbarEditButton, {
+    }, (0, _react.createElement)(ToolbarEditButton, {
       onSelectMedia: onSelectMedia,
       mediaUrl: mediaUrl,
       mediaId: mediaId
-    }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && (0, _element.createElement)(_components.Spinner, null), (0, _element.createElement)(PlaceholderContainer, {
+    }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && (0, _react.createElement)(_components.Spinner, null), (0, _react.createElement)(PlaceholderContainer, {
       ...props
     }));
   }
-  return (0, _element.createElement)(PlaceholderContainer, {
+  return (0, _react.createElement)(PlaceholderContainer, {
     ...props
   });
 }

package/build/media-text/media-container.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_blockEditor","_i18n","_compose","_data","_blob","_notices","_icons","ALLOWED_MEDIA_TYPES","noop","imageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","Math","round","x","y","ResizableBoxContainer","forwardRef","isSelected","isStackedOnMobile","props","ref","isMobile","useViewportMatch","createElement","ResizableBox","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","BlockControls","group","MediaReplaceFlow","mediaURL","allowedTypes","accept","onSelect","PlaceholderContainer","className","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","MediaPlaceholder","icon","BlockIcon","labels","title","__","onError","disableMediaButtons","MediaContainer","commitWidthChange","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","isTemporaryMedia","isBlobURL","toggleSelection","blockEditorStore","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","backgroundStyles","mediaTypeRenderers","image","src","alt","video","controls","as","classnames","size","minWidth","maxWidth","enable","axis","Spinner","_default","exports","default"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nexport function imageFillStyles( url, focalPoint ) {\n\treturn url\n\t\t? {\n\t\t\t\tbackgroundImage: `url(${ url })`,\n\t\t\t\tbackgroundPosition: focalPoint\n\t\t\t\t\t? `${ Math.round( focalPoint.x * 100 ) }% ${ Math.round(\n\t\t\t\t\t\t\tfocalPoint.y * 100\n\t\t\t\t\t  ) }%`\n\t\t\t\t\t: `50% 50%`,\n\t\t  }\n\t\t: {};\n}\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( { mediaId, mediaUrl, onSelectMedia } ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( { className, mediaUrl, onSelectMedia } ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst backgroundStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () => <img src={ mediaUrl } alt={ mediaAlt } />,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={ mediaUrl }\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t<PlaceholderContainer { ...props } />\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_i18n","_compose","_data","_element","_blob","_notices","_icons","ALLOWED_MEDIA_TYPES","noop","imageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","Math","round","x","y","ResizableBoxContainer","forwardRef","isSelected","isStackedOnMobile","props","ref","isMobile","useViewportMatch","_react","createElement","ResizableBox","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","BlockControls","group","MediaReplaceFlow","mediaURL","allowedTypes","accept","onSelect","PlaceholderContainer","className","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","MediaPlaceholder","icon","BlockIcon","labels","title","__","onError","disableMediaButtons","MediaContainer","commitWidthChange","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","isTemporaryMedia","isBlobURL","toggleSelection","blockEditorStore","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","backgroundStyles","mediaTypeRenderers","image","src","alt","video","controls","as","classnames","size","minWidth","maxWidth","enable","axis","Spinner","_default","exports","default"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nexport function imageFillStyles( url, focalPoint ) {\n\treturn url\n\t\t? {\n\t\t\t\tbackgroundImage: `url(${ url })`,\n\t\t\t\tbackgroundPosition: focalPoint\n\t\t\t\t\t? `${ Math.round( focalPoint.x * 100 ) }% ${ Math.round(\n\t\t\t\t\t\t\tfocalPoint.y * 100\n\t\t\t\t\t  ) }%`\n\t\t\t\t\t: `50% 50%`,\n\t\t  }\n\t\t: {};\n}\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( { mediaId, mediaUrl, onSelectMedia } ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( { className, mediaUrl, onSelectMedia } ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst backgroundStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () => <img src={ mediaUrl } alt={ mediaAlt } />,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={ mediaUrl }\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t<PlaceholderContainer { ...props } />\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],"mappings":"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"}

package/build/media-text/media-container.native.js

@@ -11,11 +11,12 @@ Object.defineProperty(exports, "imageFillStyles", {
     return _mediaContainer.imageFillStyles;
   }
 });
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _url = require("@wordpress/url");
 var _compose = require("@wordpress/compose");
@@ -113,7 +114,7 @@ class MediaContainer extends _element.Component {
     switch (iconType) {
       case ICON_TYPE.RETRY:
         iconStyle = mediaType === _blockEditor.MEDIA_TYPE_IMAGE ? _style.default.iconRetry : getStylesFromColorScheme(_style.default.iconRetryVideo, _style.default.iconRetryVideoDark);
-        return (0, _element.createElement)(_components.Icon, {
+        return (0, _react.createElement)(_components.Icon, {
           icon: _iconRetry.default,
           ...iconStyle
         });
@@ -121,7 +122,7 @@ class MediaContainer extends _element.Component {
         iconStyle = getStylesFromColorScheme(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark);
         break;
     }
-    return (0, _element.createElement)(_components.Icon, {
+    return (0, _react.createElement)(_components.Icon, {
       icon: _icons.media,
       ...iconStyle
     });
@@ -182,17 +183,17 @@ class MediaContainer extends _element.Component {
       retryMessage
     } = params;
     const focalPointValues = !focalPoint ? _components.IMAGE_DEFAULT_FOCAL_POINT : focalPoint;
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: [imageFill && _style.default.imageWithFocalPoint, imageFill && shouldStack && {
         height: _style.default.imageFill.height
       }]
-    }, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+    }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
       accessible: !isSelected,
       onPress: this.onMediaPressed,
       disabled: !isSelected
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: [imageFill && _style.default.imageCropped, _style.default.mediaImageContainer, !isUploadInProgress && aligmentStyles]
-    }, (0, _element.createElement)(_components.Image, {
+    }, (0, _react.createElement)(_components.Image, {
       align: "center",
       alt: mediaAlt,
       focalPoint: imageFill && focalPointValues,
@@ -223,32 +224,32 @@ class MediaContainer extends _element.Component {
     const showVideo = (0, _url.isURL)(mediaUrl) && !isUploadInProgress && !isUploadFailed;
     const videoPlaceholderStyles = getStylesFromColorScheme(_style.default.videoPlaceholder, _style.default.videoPlaceholderDark);
     const retryVideoTextStyles = [_style.default.uploadFailedText, getStylesFromColorScheme(_style.default.uploadFailedTextVideo, _style.default.uploadFailedTextVideoDark)];
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: _style.default.mediaVideo
-    }, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+    }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
       accessible: !isSelected,
       onPress: this.onMediaPressed,
       disabled: !isSelected
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: [_style.default.videoContainer, aligmentStyles]
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: [_style.default.videoContent, {
         aspectRatio: _blockEditor.VIDEO_ASPECT_RATIO
       }]
-    }, showVideo && (0, _element.createElement)(_reactNative.View, {
+    }, showVideo && (0, _react.createElement)(_reactNative.View, {
       style: _style.default.videoPlayer
-    }, (0, _element.createElement)(_blockEditor.VideoPlayer, {
+    }, (0, _react.createElement)(_blockEditor.VideoPlayer, {
       isSelected: isSelected,
       style: _style.default.video,
       source: {
         uri: mediaUrl
       },
       paused: true
-    })), !showVideo && (0, _element.createElement)(_reactNative.View, {
+    })), !showVideo && (0, _react.createElement)(_reactNative.View, {
       style: videoPlaceholderStyles
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _style.default.modalIcon
-    }, isUploadFailed ? this.getIcon(ICON_TYPE.RETRY) : this.getIcon(ICON_TYPE.PLACEHOLDER)), isUploadFailed && (0, _element.createElement)(_reactNative.Text, {
+    }, isUploadFailed ? this.getIcon(ICON_TYPE.RETRY) : this.getIcon(ICON_TYPE.PLACEHOLDER)), isUploadFailed && (0, _react.createElement)(_reactNative.Text, {
       style: retryVideoTextStyles
     }, retryMessage))))));
   }
@@ -268,7 +269,7 @@ class MediaContainer extends _element.Component {
     return mediaElement;
   }
   renderPlaceholder() {
-    return (0, _element.createElement)(_blockEditor.MediaPlaceholder, {
+    return (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
       icon: this.getIcon(ICON_TYPE.PLACEHOLDER),
       labels: {
         title: (0, _i18n.__)('Media area')
@@ -288,7 +289,7 @@ class MediaContainer extends _element.Component {
     } = this.props;
     const coverUrl = mediaType === _blockEditor.MEDIA_TYPE_IMAGE ? mediaUrl : null;
     if (mediaUrl) {
-      return (0, _element.createElement)(_blockEditor.MediaUpload, {
+      return (0, _react.createElement)(_blockEditor.MediaUpload, {
         isReplacingMedia: true,
         onSelect: this.onSelectMediaUploadOption,
         allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -298,7 +299,7 @@ class MediaContainer extends _element.Component {
           getMediaOptions
         }) => {
           onSetOpenPickerRef(open);
-          return (0, _element.createElement)(_element.Fragment, null, getMediaOptions(), (0, _element.createElement)(_blockEditor.MediaUploadProgress, {
+          return (0, _react.createElement)(_react.Fragment, null, getMediaOptions(), (0, _react.createElement)(_blockEditor.MediaUploadProgress, {
             coverUrl: coverUrl,
             mediaId: mediaId,
             onUpdateMediaProgress: this.updateMediaProgress,