@wordpress/block-library 9.6.1 → 9.7.1-next.5368f64a9.0

package/build/media-text/edit.js

@@ -172,16 +172,16 @@ function MediaTextEdit({
       imageSizes: getSettings()?.imageSizes
     };
   }, [isSelected, mediaId]);
-  const refMediaContainer = (0, _element.useRef)();
+  const refMedia = (0, _element.useRef)();
   const imperativeFocalPointPreview = value => {
     const {
       style
-    } = refMediaContainer.current.resizable;
+    } = refMedia.current;
     const {
       x,
       y
     } = value;
-    style.backgroundPosition = `${x * 100}% ${y * 100}%`;
+    style.objectPosition = `${x * 100}% ${y * 100}%`;
   };
   const [temporaryMediaWidth, setTemporaryMediaWidth] = (0, _element.useState)(null);
   const onSelectMedia = attributesFromMedia({
@@ -205,7 +205,7 @@ function MediaTextEdit({
     'is-selected': isSelected,
     'is-stacked-on-mobile': isStackedOnMobile,
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
-    'is-image-fill': imageFill
+    'is-image-fill-element': imageFill
   });
   const widthString = `${temporaryMediaWidth || mediaWidth}%`;
   const gridTemplateColumns = 'right' === mediaPosition ? `1fr ${widthString}` : `${widthString} 1fr`;
@@ -402,7 +402,7 @@ function MediaTextEdit({
         onSelectMedia: onSelectMedia,
         onWidthChange: onWidthChange,
         commitWidthChange: commitWidthChange,
-        ref: refMediaContainer,
+        refMedia: refMedia,
         enableResize: blockEditingMode === 'default',
         toggleUseFeaturedImage: toggleUseFeaturedImage,
         focalPoint,

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_data","_element","_blockEditor","_components","_blob","_icons","_coreData","_mediaContainer","_constants","_lockUnlock","_hooks","_jsxRuntime","ResolutionTool","unlock","blockEditorPrivateApis","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","context","postId","postType","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","useFeaturedImage","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","featuredImage","useEntityProp","featuredImageMedia","useSelect","select","coreStore","getMedia","featuredImageURL","featuredImageAlt","alt_text","toggleUseFeaturedImage","imageSizes","getSettings","blockEditorStore","refMediaContainer","useRef","imperativeFocalPointPreview","value","style","current","resizable","x","y","backgroundPosition","temporaryMediaWidth","setTemporaryMediaWidth","useState","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","clsx","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","dropdownMenuProps","useToolsPanelDropdownMenuProps","mediaTextGeneralSettings","jsxs","__experimentalToolsPanel","__","resetAll","children","jsx","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","ToggleControl","checked","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","options","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","title","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 clsx from 'clsx';\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\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { useEntityProp, 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';\nimport { unlock } from '../lock-unlock';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst { ResolutionTool } = unlock( blockEditorPrivateApis );\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( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\tcontext: { postId, postType },\n} ) {\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\tuseFeaturedImage,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst featuredImageMedia = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\n\tconst featuredImageURL = useFeaturedImage\n\t\t? featuredImageMedia?.source_url\n\t\t: '';\n\tconst featuredImageAlt = useFeaturedImage\n\t\t? featuredImageMedia?.alt_text\n\t\t: '';\n\n\tconst toggleUseFeaturedImage = () => {\n\t\tsetAttributes( {\n\t\t\timageFill: false,\n\t\t\tmediaType: 'image',\n\t\t\tmediaId: undefined,\n\t\t\tmediaUrl: undefined,\n\t\t\tmediaAlt: undefined,\n\t\t\tmediaLink: undefined,\n\t\t\tlinkDestination: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\tlinkClass: undefined,\n\t\t\trel: undefined,\n\t\t\thref: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t} );\n\t};\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 = clsx( {\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\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst mediaTextGeneralSettings = (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t\timageFill: false,\n\t\t\t\t\tmediaAlt: '',\n\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\tmediaWidth: 50,\n\t\t\t\t\tmediaSizeSlug: undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => mediaWidth !== 50 }\n\t\t\t\tonDeselect={ () => setAttributes( { mediaWidth: 50 } ) }\n\t\t\t>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\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</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! isStackedOnMobile }\n\t\t\t\tonDeselect={ () =>\n\t\t\t\t\tsetAttributes( { isStackedOnMobile: true } )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! imageFill }\n\t\t\t\t\tonDeselect={ () => setAttributes( { imageFill: false } ) }\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\timageFill: ! imageFill,\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\turl={\n\t\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! mediaAlt }\n\t\t\t\t\tonDeselect={ () => setAttributes( { mediaAlt: '' } ) }\n\t\t\t\t>\n\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && ! useFeaturedImage && (\n\t\t\t\t<ResolutionTool\n\t\t\t\t\tvalue={ mediaSizeSlug }\n\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolsPanel>\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' && ! useFeaturedImage && (\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\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\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\tuseFeaturedImage,\n\t\t\t\t\t\tfeaturedImageURL,\n\t\t\t\t\t\tfeaturedImageAlt,\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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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_data","_element","_blockEditor","_components","_blob","_icons","_coreData","_mediaContainer","_constants","_lockUnlock","_hooks","_jsxRuntime","ResolutionTool","unlock","blockEditorPrivateApis","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","context","postId","postType","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","useFeaturedImage","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","featuredImage","useEntityProp","featuredImageMedia","useSelect","select","coreStore","getMedia","featuredImageURL","featuredImageAlt","alt_text","toggleUseFeaturedImage","imageSizes","getSettings","blockEditorStore","refMedia","useRef","imperativeFocalPointPreview","value","style","current","x","y","objectPosition","temporaryMediaWidth","setTemporaryMediaWidth","useState","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","clsx","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","dropdownMenuProps","useToolsPanelDropdownMenuProps","mediaTextGeneralSettings","jsxs","__experimentalToolsPanel","__","resetAll","children","jsx","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","ToggleControl","checked","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","options","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","title","isActive","onClick","pullRight","__experimentalImageURLInputUI","onChangeUrl","default","enableResize","_default","exports"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { useEntityProp, 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';\nimport { unlock } from '../lock-unlock';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst { ResolutionTool } = unlock( blockEditorPrivateApis );\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( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\tcontext: { postId, postType },\n} ) {\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\tuseFeaturedImage,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst featuredImageMedia = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\n\tconst featuredImageURL = useFeaturedImage\n\t\t? featuredImageMedia?.source_url\n\t\t: '';\n\tconst featuredImageAlt = useFeaturedImage\n\t\t? featuredImageMedia?.alt_text\n\t\t: '';\n\n\tconst toggleUseFeaturedImage = () => {\n\t\tsetAttributes( {\n\t\t\timageFill: false,\n\t\t\tmediaType: 'image',\n\t\t\tmediaId: undefined,\n\t\t\tmediaUrl: undefined,\n\t\t\tmediaAlt: undefined,\n\t\t\tmediaLink: undefined,\n\t\t\tlinkDestination: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\tlinkClass: undefined,\n\t\t\trel: undefined,\n\t\t\thref: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t} );\n\t};\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 refMedia = useRef();\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst { style } = refMedia.current;\n\t\tconst { x, y } = value;\n\t\tstyle.objectPosition = `${ 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 = clsx( {\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-element': 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\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst mediaTextGeneralSettings = (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t\timageFill: false,\n\t\t\t\t\tmediaAlt: '',\n\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\tmediaWidth: 50,\n\t\t\t\t\tmediaSizeSlug: undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => mediaWidth !== 50 }\n\t\t\t\tonDeselect={ () => setAttributes( { mediaWidth: 50 } ) }\n\t\t\t>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\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</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! isStackedOnMobile }\n\t\t\t\tonDeselect={ () =>\n\t\t\t\t\tsetAttributes( { isStackedOnMobile: true } )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! imageFill }\n\t\t\t\t\tonDeselect={ () => setAttributes( { imageFill: false } ) }\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\timageFill: ! imageFill,\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\turl={\n\t\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! mediaAlt }\n\t\t\t\t\tonDeselect={ () => setAttributes( { mediaAlt: '' } ) }\n\t\t\t\t>\n\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && ! useFeaturedImage && (\n\t\t\t\t<ResolutionTool\n\t\t\t\t\tvalue={ mediaSizeSlug }\n\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolsPanel>\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' && ! useFeaturedImage && (\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\trefMedia={ refMedia }\n\t\t\t\t\tenableResize={ blockEditingMode === 'default' }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\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\tuseFeaturedImage,\n\t\t\t\t\t\tfeaturedImageURL,\n\t\t\t\t\t\tfeaturedImageAlt,\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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","ignoreList":[]}

package/build/media-text/image-fill.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.imageFillStyles = imageFillStyles;
+function imageFillStyles(url, focalPoint) {
+  return url ? {
+    objectPosition: focalPoint ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : `50% 50%`
+  } : {};
+}
+//# sourceMappingURL=image-fill.js.map

package/build/media-text/image-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["imageFillStyles","url","focalPoint","objectPosition","Math","round","x","y"],"sources":["@wordpress/block-library/src/media-text/image-fill.js"],"sourcesContent":["export function imageFillStyles( url, focalPoint ) {\n\treturn url\n\t\t? {\n\t\t\t\tobjectPosition: 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"],"mappings":";;;;;;AAAO,SAASA,eAAeA,CAAEC,GAAG,EAAEC,UAAU,EAAG;EAClD,OAAOD,GAAG,GACP;IACAE,cAAc,EAAED,UAAU,GACtB,GAAGE,IAAI,CAACC,KAAK,CAAEH,UAAU,CAACI,CAAC,GAAG,GAAI,CAAG,KAAKF,IAAI,CAACC,KAAK,CACrDH,UAAU,CAACK,CAAC,GAAG,GACf,CAAG,GAAE,GACJ;EACJ,CAAC,GACD,CAAC,CAAC;AACN","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.imageFillStyles = imageFillStyles;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -16,6 +15,7 @@ var _element = require("@wordpress/element");
 var _blob = require("@wordpress/blob");
 var _notices = require("@wordpress/notices");
 var _icons = require("@wordpress/icons");
+var _imageFill = require("./image-fill");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -25,16 +25,14 @@ var _jsxRuntime = require("react/jsx-runtime");
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 /**
  * Constants
  */const ALLOWED_MEDIA_TYPES = ['image', 'video'];
 const noop = () => {};
-function imageFillStyles(url, focalPoint) {
-  return url ? {
-    backgroundImage: `url(${url})`,
-    backgroundPosition: focalPoint ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : `50% 50%`
-  } : {};
-}
 const ResizableBoxContainer = (0, _element.forwardRef)(({
   isSelected,
   isStackedOnMobile,
@@ -52,19 +50,19 @@ function ToolbarEditButton({
   mediaUrl,
   onSelectMedia,
   toggleUseFeaturedImage,
-  useFeaturedImage,
-  featuredImageURL
+  useFeaturedImage
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
     group: "other",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaReplaceFlow, {
       mediaId: mediaId,
-      mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+      mediaURL: mediaUrl,
       allowedTypes: ALLOWED_MEDIA_TYPES,
       accept: "image/*,video/*",
       onSelect: onSelectMedia,
       onToggleFeaturedImage: toggleUseFeaturedImage,
-      useFeaturedImage: useFeaturedImage
+      useFeaturedImage: useFeaturedImage,
+      onReset: () => onSelectMedia(undefined)
     })
   });
 }
@@ -118,7 +116,8 @@ function MediaContainer(props, ref) {
     toggleUseFeaturedImage,
     useFeaturedImage,
     featuredImageURL,
-    featuredImageAlt
+    featuredImageAlt,
+    refMedia
   } = props;
   const isTemporaryMedia = !mediaId && (0, _blob.isBlobURL)(mediaUrl);
   const {
@@ -139,17 +138,22 @@ function MediaContainer(props, ref) {
       right: enableResize && mediaPosition === 'left',
       left: enableResize && mediaPosition === 'right'
     };
-    const backgroundStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl || featuredImageURL, focalPoint) : {};
+    const positionStyles = mediaType === 'image' && imageFill ? (0, _imageFill.imageFillStyles)(mediaUrl || featuredImageURL, focalPoint) : {};
     const mediaTypeRenderers = {
       image: () => useFeaturedImage && featuredImageURL ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        ref: refMedia,
         src: featuredImageURL,
-        alt: featuredImageAlt
+        alt: featuredImageAlt,
+        style: positionStyles
       }) : mediaUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        ref: refMedia,
         src: mediaUrl,
-        alt: mediaAlt
+        alt: mediaAlt,
+        style: positionStyles
       }),
       video: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         controls: true,
+        ref: refMedia,
         src: mediaUrl
       })
     };
@@ -158,7 +162,6 @@ function MediaContainer(props, ref) {
       className: (0, _clsx.default)(className, 'editor-media-container__resizer', {
         'is-transient': isTemporaryMedia
       }),
-      style: backgroundStyles,
       size: {
         width: mediaWidth + '%'
       },
@@ -176,12 +179,12 @@ function MediaContainer(props, ref) {
         onSelectMedia: onSelectMedia,
         mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
         mediaId: mediaId,
-        toggleUseFeaturedImage: toggleUseFeaturedImage,
-        useFeaturedImage: useFeaturedImage
+        toggleUseFeaturedImage: toggleUseFeaturedImage
       }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}), !useFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(PlaceholderContainer, {
         ...props
       }), !featuredImageURL && useFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
         className: "wp-block-media-text--placeholder-image",
+        style: positionStyles,
         withIllustration: true
       })]
     });

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_blockEditor","_i18n","_compose","_data","_element","_blob","_notices","_icons","_jsxRuntime","ALLOWED_MEDIA_TYPES","noop","imageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","Math","round","x","y","ResizableBoxContainer","forwardRef","isSelected","isStackedOnMobile","props","ref","isMobile","useViewportMatch","jsx","ResizableBox","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","toggleUseFeaturedImage","useFeaturedImage","featuredImageURL","BlockControls","group","children","MediaReplaceFlow","allowedTypes","accept","onSelect","onToggleFeaturedImage","PlaceholderContainer","className","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","MediaPlaceholder","icon","BlockIcon","labels","title","__","onError","disableMediaButtons","MediaContainer","commitWidthChange","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","featuredImageAlt","isTemporaryMedia","isBlobURL","toggleSelection","blockEditorStore","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","backgroundStyles","mediaTypeRenderers","image","src","alt","video","controls","jsxs","as","clsx","size","minWidth","maxWidth","enable","axis","Spinner","Placeholder","withIllustration","_default","exports","default"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner, Placeholder } 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( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n\tfeaturedImageURL,\n} ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaUrl={\n\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t: mediaUrl\n\t\t\t\t}\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\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\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\tonToggleFeaturedImage={ toggleUseFeaturedImage }\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\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\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 || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img src={ featuredImageURL } alt={ featuredImageAlt } />\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && <img src={ mediaUrl } alt={ mediaAlt } />\n\t\t\t\t),\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={ clsx(\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={\n\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t}\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\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{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\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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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_blockEditor","_i18n","_compose","_data","_element","_blob","_notices","_icons","_imageFill","_jsxRuntime","ALLOWED_MEDIA_TYPES","noop","ResizableBoxContainer","forwardRef","isSelected","isStackedOnMobile","props","ref","isMobile","useViewportMatch","jsx","ResizableBox","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","toggleUseFeaturedImage","useFeaturedImage","BlockControls","group","children","MediaReplaceFlow","mediaURL","allowedTypes","accept","onSelect","onToggleFeaturedImage","onReset","undefined","PlaceholderContainer","className","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","MediaPlaceholder","icon","BlockIcon","labels","title","__","onError","disableMediaButtons","MediaContainer","commitWidthChange","focalPoint","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","featuredImageURL","featuredImageAlt","refMedia","isTemporaryMedia","isBlobURL","toggleSelection","blockEditorStore","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","positionStyles","imageFillStyles","mediaTypeRenderers","image","src","alt","video","controls","jsxs","as","clsx","size","minWidth","maxWidth","enable","axis","Spinner","Placeholder","withIllustration","_default","exports","default"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner, Placeholder } 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 * Internal dependencies\n */\nimport { imageFillStyles } from './image-fill';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\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( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n} ) {\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\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\tonReset={ () => onSelectMedia( undefined ) }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\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\tonToggleFeaturedImage={ toggleUseFeaturedImage }\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\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t\trefMedia,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\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 positionStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\tsrc={ featuredImageURL }\n\t\t\t\t\t\talt={ featuredImageAlt }\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\tvideo: () => <video controls ref={ refMedia } 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={ clsx(\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\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={\n\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t}\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\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{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\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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","ignoreList":[]}

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

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-Object.defineProperty(exports, "imageFillStyles", {
-  enumerable: true,
-  get: function () {
-    return _mediaContainer.imageFillStyles;
-  }
-});
 var _reactNative = require("react-native");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _components = require("@wordpress/components");
@@ -23,7 +17,6 @@ var _icons = require("@wordpress/icons");
 var _style = _interopRequireDefault(require("./style.scss"));
 var _iconRetry = _interopRequireDefault(require("./icon-retry"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _mediaContainer = require("./media-container.js");
 /**
  * External dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeBridge","_components","_blockEditor","_element","_i18n","_url","_compose","_icons","_style","_interopRequireDefault","_iconRetry","_jsxRuntime","_mediaContainer","ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","getProtocol","mediaUploadSync","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","jsx","Icon","icon","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","payload","onMediaThumbnailUpdate","setState","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","View","style","imageWithFocalPoint","height","children","TouchableWithoutFeedback","accessible","onPress","disabled","imageCropped","mediaImageContainer","Image","align","alt","width","renderVideo","showVideo","isURL","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","jsxs","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","VideoPlayer","video","source","uri","paused","modalIcon","Text","renderContent","mediaElement","renderPlaceholder","MediaPlaceholder","labels","title","__","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","MediaUpload","isReplacingMedia","value","open","getMediaOptions","Fragment","MediaUploadProgress","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","_default","exports","default","compose","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nexport { imageFillStyles } from './media-container.js';\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { mediaUrl, state } = payload;\n\t\tconst { mediaType, onMediaThumbnailUpdate } = this.props;\n\n\t\tif ( ! isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\n\t\tif (\n\t\t\tisUploadInProgress &&\n\t\t\tmediaType === MEDIA_TYPE_IMAGE &&\n\t\t\tmediaUrl &&\n\t\t\t! state\n\t\t) {\n\t\t\tonMediaThumbnailUpdate( mediaUrl );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, isUploadPaused, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\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\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadPaused={ isUploadPaused }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tclassName=\"no-block-outline\"\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tenablePausedUploads={\n\t\t\t\t\t\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\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\t\t\t);\n\t\t}\n\t\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeBridge","_components","_blockEditor","_element","_i18n","_url","_compose","_icons","_style","_interopRequireDefault","_iconRetry","_jsxRuntime","ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","getProtocol","mediaUploadSync","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","jsx","Icon","icon","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","payload","onMediaThumbnailUpdate","setState","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","View","style","imageWithFocalPoint","height","children","TouchableWithoutFeedback","accessible","onPress","disabled","imageCropped","mediaImageContainer","Image","align","alt","width","renderVideo","showVideo","isURL","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","jsxs","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","VideoPlayer","video","source","uri","paused","modalIcon","Text","renderContent","mediaElement","renderPlaceholder","MediaPlaceholder","labels","title","__","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","MediaUpload","isReplacingMedia","value","open","getMediaOptions","Fragment","MediaUploadProgress","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","_default","exports","default","compose","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { mediaUrl, state } = payload;\n\t\tconst { mediaType, onMediaThumbnailUpdate } = this.props;\n\n\t\tif ( ! isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\n\t\tif (\n\t\t\tisUploadInProgress &&\n\t\t\tmediaType === MEDIA_TYPE_IMAGE &&\n\t\t\tmediaUrl &&\n\t\t\t! state\n\t\t) {\n\t\t\tonMediaThumbnailUpdate( mediaUrl );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, isUploadPaused, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\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\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadPaused={ isUploadPaused }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tclassName=\"no-block-outline\"\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tenablePausedUploads={\n\t\t\t\t\t\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\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\t\t\t);\n\t\t}\n\t\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,kBAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AASA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAKA,IAAAS,MAAA,GAAAC,sBAAA,CAAAV,OAAA;AACA,IAAAW,UAAA,GAAAD,sBAAA,CAAAV,OAAA;AAAwC,IAAAY,WAAA,GAAAZ,OAAA;AAlCxC;AACA;AACA;;AAGA;AACA;AACA;;AAuBA;AACA;AACA;;AAIA;AACA;AACA,GACA,MAAMa,mBAAmB,GAAG,CAAEC,6BAAgB,EAAEC,6BAAgB,CAAE;AAElE,MAAMC,SAAS,GAAG;EACjBC,WAAW,EAAE,aAAa;EAC1BC,KAAK,EAAE;AACR,CAAC;AAED,MAAMC,cAAc,SAASC,kBAAS,CAAC;EACtCC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACC,IAAI,CAAE,IAAK,CAAC;IAChE,IAAI,CAACC,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACD,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACE,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACF,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACG,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAACH,IAAI,CAAE,IAAK,CAAC;IACpE,IAAI,CAACI,yBAAyB,GAC7B,IAAI,CAACA,yBAAyB,CAACJ,IAAI,CAAE,IAAK,CAAC;IAC5C,IAAI,CAACK,cAAc,GAAG,IAAI,CAACA,cAAc,CAACL,IAAI,CAAE,IAAK,CAAC;IAEtD,IAAI,CAACM,KAAK,GAAG;MACZC,kBAAkB,EAAE;IACrB,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,MAAM;MAAEC,OAAO;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;;IAExC;IACA;IACA,IAAKF,OAAO,IAAIC,QAAQ,IAAI,IAAAE,gBAAW,EAAEF,QAAS,CAAC,KAAK,OAAO,EAAG;MACjE,IAAAG,kCAAe,EAAC,CAAC;IAClB;EACD;EAEAT,yBAAyBA,CAAEU,MAAM,EAAG;IACnC,MAAM;MAAEC,EAAE;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,MAAM;IAChC,MAAM;MAAEI;IAAc,CAAC,GAAG,IAAI,CAACP,KAAK;IAEpCO,aAAa,CAAE;MACdC,UAAU,EAAEF,IAAI;MAChBF,EAAE;MACFC;IACD,CAAE,CAAC;EACJ;EAEAX,cAAcA,CAAA,EAAG;IAChB,MAAM;MAAEE;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MACLG,OAAO;MACPC,QAAQ;MACRU,SAAS;MACTC,eAAe;MACfC;IACD,CAAC,GAAG,IAAI,CAACX,KAAK;IAEd,IAAKJ,kBAAkB,EAAG;MACzB,IAAAgB,iDAA8B,EAAEd,OAAQ,CAAC;IAC1C,CAAC,MAAM,IAAKA,OAAO,IAAI,IAAAG,gBAAW,EAAEF,QAAS,CAAC,KAAK,OAAO,EAAG;MAC5D,IAAAc,gDAA6B,EAAEf,OAAQ,CAAC;IACzC,CAAC,MAAM,IAAKW,SAAS,KAAK9B,6BAAgB,IAAI+B,eAAe,EAAG;MAC/D,IAAAI,gDAA6B,EAAEf,QAAS,CAAC;IAC1C,CAAC,MAAM,IAAKU,SAAS,KAAK9B,6BAAgB,EAAG;MAC5CgC,eAAe,CAAC,CAAC;IAClB;EACD;EAEAI,OAAOA,CAAEC,QAAQ,EAAG;IACnB,MAAM;MAAEP,SAAS;MAAEQ;IAAyB,CAAC,GAAG,IAAI,CAACjB,KAAK;IAC1D,IAAIkB,SAAS;IACb,QAASF,QAAQ;MAChB,KAAKnC,SAAS,CAACE,KAAK;QACnBmC,SAAS,GACRT,SAAS,KAAK9B,6BAAgB,GAC3BwC,cAAM,CAACC,SAAS,GAChBH,wBAAwB,CACxBE,cAAM,CAACE,cAAc,EACrBF,cAAM,CAACG,kBACP,CAAC;QAEL,oBAAO,IAAA7C,WAAA,CAAA8C,GAAA,EAACxD,WAAA,CAAAyD,IAAI;UAACC,IAAI,EAAGC,kBAAc;UAAA,GAAMR;QAAS,CAAI,CAAC;MACvD,KAAKrC,SAAS,CAACC,WAAW;QACzBoC,SAAS,GAAGD,wBAAwB,CACnCE,cAAM,CAACQ,eAAe,EACtBR,cAAM,CAACS,mBACR,CAAC;QACD;IACF;IACA,oBAAO,IAAAnD,WAAA,CAAA8C,GAAA,EAACxD,WAAA,CAAAyD,IAAI;MAACC,IAAI,EAAGA,YAAM;MAAA,GAAMP;IAAS,CAAI,CAAC;EAC/C;EAEA9B,mBAAmBA,CAAEyC,OAAO,EAAG;IAC9B,MAAM;MAAEjC;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MAAEI,QAAQ;MAAEJ;IAAM,CAAC,GAAGkC,OAAO;IACnC,MAAM;MAAEpB,SAAS;MAAEqB;IAAuB,CAAC,GAAG,IAAI,CAAC9B,KAAK;IAExD,IAAK,CAAEJ,kBAAkB,EAAG;MAC3B,IAAI,CAACmC,QAAQ,CAAE;QAAEnC,kBAAkB,EAAE;MAAK,CAAE,CAAC;IAC9C;IAEA,IACCA,kBAAkB,IAClBa,SAAS,KAAK9B,6BAAgB,IAC9BoB,QAAQ,IACR,CAAEJ,KAAK,EACN;MACDmC,sBAAsB,CAAE/B,QAAS,CAAC;IACnC;EACD;EAEAT,4BAA4BA,CAAEuC,OAAO,EAAG;IACvC,MAAM;MAAEG;IAAc,CAAC,GAAG,IAAI,CAAChC,KAAK;IAEpCgC,aAAa,CAAE;MACd5B,EAAE,EAAEyB,OAAO,CAACI,aAAa;MACzB5B,GAAG,EAAEwB,OAAO,CAAC9B;IACd,CAAE,CAAC;IACH,IAAI,CAACgC,QAAQ,CAAE;MAAEnC,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAL,4BAA4BA,CAAA,EAAG;IAC9B,IAAI,CAACwC,QAAQ,CAAE;MAAEnC,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAJ,qBAAqBA,CAAA,EAAG;IACvB,MAAM;MAAEwC;IAAc,CAAC,GAAG,IAAI,CAAChC,KAAK;IAEpCgC,aAAa,CAAE;MAAE5B,EAAE,EAAE,IAAI;MAAEC,GAAG,EAAE;IAAK,CAAE,CAAC;IACxC,IAAI,CAAC0B,QAAQ,CAAE;MAAEnC,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAsC,WAAWA,CAAE/B,MAAM,EAAEgC,gBAAgB,EAAG;IACvC,MAAM;MAAEvC;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MACLyC,cAAc;MACdC,UAAU;MACVC,SAAS;MACT5B,eAAe;MACf6B,UAAU;MACVC,QAAQ;MACRzC,QAAQ;MACR0C,UAAU;MACVC;IACD,CAAC,GAAG,IAAI,CAAC1C,KAAK;IACd,MAAM;MAAE2C,cAAc;MAAEC,cAAc;MAAEC;IAAa,CAAC,GAAG1C,MAAM;IAC/D,MAAM2C,gBAAgB,GAAG,CAAET,UAAU,GAClCU,qCAAyB,GACzBV,UAAU;IAEb,oBACC,IAAA5D,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;MACJC,KAAK,EAAG,CACPX,SAAS,IAAInB,cAAM,CAAC+B,mBAAmB,EACvCZ,SAAS,IACRI,WAAW,IAAI;QACdS,MAAM,EAAEhC,cAAM,CAACmB,SAAS,CAACa;MAC1B,CAAC,CACA;MAAAC,QAAA,eAEH,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAyF,wBAAwB;QACxBC,UAAU,EAAG,CAAEf,UAAY;QAC3BgB,OAAO,EAAG,IAAI,CAAC7D,cAAgB;QAC/B8D,QAAQ,EAAG,CAAEjB,UAAY;QAAAa,QAAA,eAEzB,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;UACJC,KAAK,EAAG,CACPX,SAAS,IAAInB,cAAM,CAACsC,YAAY,EAChCtC,cAAM,CAACuC,mBAAmB,EAC1B,CAAE9D,kBAAkB,IAAIwC,cAAc,CACpC;UAAAgB,QAAA,eAEH,IAAA3E,WAAA,CAAA8C,GAAA,EAACxD,WAAA,CAAA4F,KAAK;YACLC,KAAK,EAAC,QAAQ;YACdC,GAAG,EAAGrB,QAAU;YAChBH,UAAU,EAAGC,SAAS,IAAIQ,gBAAkB;YAC5CP,UAAU,EAAG7B,eAAiB;YAC9BiC,cAAc,EAAGA,cAAgB;YACjCC,cAAc,EAAGA,cAAgB;YACjChD,kBAAkB,EAAGA,kBAAoB;YACzCH,yBAAyB,EACxB,IAAI,CAACA,yBACL;YACD0C,gBAAgB,EAAGA,gBAAkB;YACrCU,YAAY,EAAGA,YAAc;YAC7BxC,GAAG,EAAGN,QAAU;YAChB+D,KAAK,EAAG,CAAElE,kBAAkB,IAAI6C;UAAY,CAC5C;QAAC,CACG;MAAC,CACkB;IAAC,CACtB,CAAC;EAET;EAEAsB,WAAWA,CAAE5D,MAAM,EAAG;IACrB,MAAM;MACLiC,cAAc;MACdrC,QAAQ;MACRwC,UAAU;MACVtB;IACD,CAAC,GAAG,IAAI,CAACjB,KAAK;IACd,MAAM;MAAEJ;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MAAEgD,cAAc;MAAEE;IAAa,CAAC,GAAG1C,MAAM;IAC/C,MAAM6D,SAAS,GACd,IAAAC,UAAK,EAAElE,QAAS,CAAC,IAAI,CAAEH,kBAAkB,IAAI,CAAE+C,cAAc;IAE9D,MAAMuB,sBAAsB,GAAGjD,wBAAwB,CACtDE,cAAM,CAACgD,gBAAgB,EACvBhD,cAAM,CAACiD,oBACR,CAAC;IACD,MAAMC,oBAAoB,GAAG,CAC5BlD,cAAM,CAACmD,gBAAgB,EACvBrD,wBAAwB,CACvBE,cAAM,CAACoD,qBAAqB,EAC5BpD,cAAM,CAACqD,yBACR,CAAC,CACD;IAED,oBACC,IAAA/F,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;MAACC,KAAK,EAAG9B,cAAM,CAACsD,UAAY;MAAArB,QAAA,eAChC,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAyF,wBAAwB;QACxBC,UAAU,EAAG,CAAEf,UAAY;QAC3BgB,OAAO,EAAG,IAAI,CAAC7D,cAAgB;QAC/B8D,QAAQ,EAAG,CAAEjB,UAAY;QAAAa,QAAA,eAEzB,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;UAACC,KAAK,EAAG,CAAE9B,cAAM,CAACuD,cAAc,EAAEtC,cAAc,CAAI;UAAAgB,QAAA,eACxD,IAAA3E,WAAA,CAAAkG,IAAA,EAAC/G,YAAA,CAAAoF,IAAI;YACJC,KAAK,EAAG,CACP9B,cAAM,CAACyD,YAAY,EACnB;cACCC,WAAW,EAAEC;YACd,CAAC,CACC;YAAA1B,QAAA,GAEDY,SAAS,iBACV,IAAAvF,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;cAACC,KAAK,EAAG9B,cAAM,CAAC4D,WAAa;cAAA3B,QAAA,eACjC,IAAA3E,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAAgH,WAAW;gBACXzC,UAAU,EAAGA,UAAY;gBACzBU,KAAK,EAAG9B,cAAM,CAAC8D,KAAO;gBACtBC,MAAM,EAAG;kBAAEC,GAAG,EAAEpF;gBAAS,CAAG;gBAC5BqF,MAAM;cAAA,CACN;YAAC,CACG,CACN,EACC,CAAEpB,SAAS,iBACZ,IAAAvF,WAAA,CAAAkG,IAAA,EAAC/G,YAAA,CAAAoF,IAAI;cAACC,KAAK,EAAGiB,sBAAwB;cAAAd,QAAA,gBACrC,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;gBAACC,KAAK,EAAG9B,cAAM,CAACkE,SAAW;gBAAAjC,QAAA,EAC7BT,cAAc,GACb,IAAI,CAAC5B,OAAO,CAAElC,SAAS,CAACE,KAAM,CAAC,GAC/B,IAAI,CAACgC,OAAO,CACZlC,SAAS,CAACC,WACV;cAAC,CACC,CAAC,EACL6D,cAAc,iBACf,IAAAlE,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAA0H,IAAI;gBAACrC,KAAK,EAAGoB,oBAAsB;gBAAAjB,QAAA,EACjCP;cAAY,CACT,CACN;YAAA,CACI,CACN;UAAA,CACI;QAAC,CACF;MAAC,CACkB;IAAC,CACtB,CAAC;EAET;EAEA0C,aAAaA,CAAEpF,MAAM,EAAEgC,gBAAgB,EAAG;IACzC,MAAM;MAAE1B;IAAU,CAAC,GAAG,IAAI,CAACT,KAAK;IAChC,IAAIwF,YAAY,GAAG,IAAI;IAEvB,QAAS/E,SAAS;MACjB,KAAK9B,6BAAgB;QACpB6G,YAAY,GAAG,IAAI,CAACtD,WAAW,CAAE/B,MAAM,EAAEgC,gBAAiB,CAAC;QAC3D;MACD,KAAKvD,6BAAgB;QACpB4G,YAAY,GAAG,IAAI,CAACzB,WAAW,CAAE5D,MAAO,CAAC;QACzC;IACF;IACA,OAAOqF,YAAY;EACpB;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,oBACC,IAAAhH,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAA0H,gBAAgB;MAChBjE,IAAI,EAAG,IAAI,CAACV,OAAO,CAAElC,SAAS,CAACC,WAAY,CAAG;MAC9C6G,MAAM,EAAG;QACRC,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAa;MACzB,CAAG;MACHC,QAAQ,EAAG,IAAI,CAACrG,yBAA2B;MAC3CsG,YAAY,EAAGrH,mBAAqB;MACpCsH,OAAO,EAAG,IAAI,CAAChG,KAAK,CAACgG,OAAS;MAC9BC,SAAS,EAAC;IAAkB,CAC5B,CAAC;EAEJ;EAEAC,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEnG,QAAQ;MAAED,OAAO;MAAEW,SAAS;MAAE0F;IAAmB,CAAC,GAAG,IAAI,CAACnG,KAAK;IACvE,MAAMoG,QAAQ,GAAG3F,SAAS,KAAK9B,6BAAgB,GAAGoB,QAAQ,GAAG,IAAI;IAEjE,IAAKA,QAAQ,EAAG;MACf,oBACC,IAAAtB,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAAqI,WAAW;QACXC,gBAAgB;QAChBR,QAAQ,EAAG,IAAI,CAACrG,yBAA2B;QAC3CsG,YAAY,EAAGrH,mBAAqB;QACpC6H,KAAK,EAAGzG,OAAS;QACjBoG,MAAM,EAAGA,CAAE;UAAEM,IAAI;UAAEC;QAAgB,CAAC,KAAM;UACzCN,kBAAkB,CAAEK,IAAK,CAAC;UAE1B,oBACC,IAAA/H,WAAA,CAAAkG,IAAA,EAAAlG,WAAA,CAAAiI,QAAA;YAAAtD,QAAA,GACGqD,eAAe,CAAC,CAAC,eAEnB,IAAAhI,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAA2I,mBAAmB;cACnBC,mBAAmB,EAClBnG,SAAS,KAAK9B,6BACd;cACDyH,QAAQ,EAAGA,QAAU;cACrBtG,OAAO,EAAGA,OAAS;cACnB+G,qBAAqB,EACpB,IAAI,CAACzH,mBACL;cACD0H,8BAA8B,EAC7B,IAAI,CAACxH,4BACL;cACDyH,8BAA8B,EAC7B,IAAI,CAACxH,4BACL;cACDyH,uBAAuB,EACtB,IAAI,CAACxH,qBACL;cACD+F,aAAa,EAAKpF,MAAM,IAAM;gBAC7B,OAAO,IAAI,CAACoF,aAAa,CACxBpF,MAAM,EACNqG,IACD,CAAC;cACF;YAAG,CACH,CAAC;UAAA,CACD,CAAC;QAEL;MAAG,CACH,CAAC;IAEJ;IACA,OAAO,IAAI,CAACf,iBAAiB,CAAC,CAAC;EAChC;AACD;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,gBAAO,EAAE,CAAEC,iCAAwB,CAAG,CAAC,CAAErI,cAAe,CAAC","ignoreList":[]}

package/build/media-text/save.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = save;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
-var _mediaContainer = require("./media-container");
+var _imageFill = require("./image-fill");
 var _constants = require("./constants");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -49,10 +49,12 @@ function save({
     [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
     [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
   });
+  const positionStyles = imageFill ? (0, _imageFill.imageFillStyles)(mediaUrl, focalPoint) : {};
   let image = mediaUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     src: mediaUrl,
     alt: mediaAlt,
-    className: imageClasses || null
+    className: imageClasses || null,
+    style: positionStyles
   }) : null;
   if (href) {
     image = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
@@ -74,9 +76,8 @@ function save({
     'has-media-on-the-right': 'right' === mediaPosition,
     'is-stacked-on-mobile': isStackedOnMobile,
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
-    'is-image-fill': imageFill
+    'is-image-fill-element': imageFill
   });
-  const backgroundStyles = imageFill ? (0, _mediaContainer.imageFillStyles)(mediaUrl, focalPoint) : {};
   let gridTemplateColumns;
   if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
     gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
@@ -96,7 +97,6 @@ function save({
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
         className: "wp-block-media-text__media",
-        style: backgroundStyles,
         children: (mediaTypeRenders[mediaType] || noop)()
       })]
     });
@@ -108,7 +108,6 @@ function save({
     }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
       className: "wp-block-media-text__media",
-      style: backgroundStyles,
       children: (mediaTypeRenders[mediaType] || noop)()
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ..._blockEditor.useInnerBlocksProps.save({