@wordpress/block-library 8.33.0 → 8.35.0

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_data","_element","_blockEditor","_components","_blob","_icons","_coreData","_mediaContainer","_constants","applyWidthConstraints","width","Math","max","WIDTH_CONSTRAINT_PERCENTAGE","min","getImageSourceUrlBySizeSlug","image","slug","media_details","sizes","source_url","attributesFromMedia","attributes","linkDestination","href","setAttributes","media","url","mediaAlt","undefined","mediaId","mediaType","mediaUrl","mediaLink","focalPoint","isBlobURL","type","getBlobTypeByURL","src","media_type","large","newHref","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","link","alt","id","MediaTextEdit","isSelected","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","classnames","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","mediaTextGeneralSettings","_react","createElement","PanelBody","title","__","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","ToggleControl","checked","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","__experimentalImageSizeControl","onChangeImage","isResizable","imageSizeHelp","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","isActive","onClick","pullRight","__experimentalImageURLInputUI","onChangeUrl","default","ref","enableResize","_default","exports"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentControl,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\t__experimentalImageSizeControl as ImageSizeControl,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { 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';\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\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 = classnames( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-selected': isSelected,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill': imageFill,\n\t} );\n\tconst widthString = `${ temporaryMediaWidth || mediaWidth }%`;\n\tconst gridTemplateColumns =\n\t\t'right' === mediaPosition\n\t\t\t? `1fr ${ widthString }`\n\t\t\t: `${ widthString } 1fr`;\n\tconst style = {\n\t\tgridTemplateColumns,\n\t\tmsGridColumns: gridTemplateColumns,\n\t};\n\tconst onMediaAltChange = ( newMediaAlt ) => {\n\t\tsetAttributes( { mediaAlt: newMediaAlt } );\n\t};\n\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => getImageSourceUrlBySizeSlug( image, slug ) )\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst updateImage = ( newMediaSizeSlug ) => {\n\t\tconst newUrl = getImageSourceUrlBySizeSlug( image, newMediaSizeSlug );\n\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl: newUrl,\n\t\t\tmediaSizeSlug: newMediaSizeSlug,\n\t\t} );\n\t};\n\n\tconst mediaTextGeneralSettings = (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<RangeControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\turl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<TextareaControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t{ __( 'Describe the purpose of the image.' ) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ImageSizeControl\n\t\t\t\t\tonChangeImage={ updateImage }\n\t\t\t\t\tslug={ mediaSizeSlug }\n\t\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t\t\tisResizable={ false }\n\t\t\t\t\timageSizeHelp={ __(\n\t\t\t\t\t\t'Select the size of the source image.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: image && image.source_url\n\t\t\t\t\t\t}\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","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","mediaTextGeneralSettings","_react","createElement","PanelBody","title","__","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","ToggleControl","checked","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","__experimentalImageSizeControl","onChangeImage","isResizable","imageSizeHelp","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","isActive","onClick","pullRight","__experimentalImageURLInputUI","onChangeUrl","default","ref","enableResize","_default","exports"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport 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\t__experimentalImageSizeControl as ImageSizeControl,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { 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';\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\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\n\tconst mediaTextGeneralSettings = (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<RangeControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\turl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<TextareaControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t{ __( 'Describe the purpose of the image.' ) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ImageSizeControl\n\t\t\t\t\tonChangeImage={ updateImage }\n\t\t\t\t\tslug={ mediaSizeSlug }\n\t\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t\t\tisResizable={ false }\n\t\t\t\t\timageSizeHelp={ __(\n\t\t\t\t\t\t'Select the size of the source image.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: image && image.source_url\n\t\t\t\t\t\t}\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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAWA,IAAAK,WAAA,GAAAL,OAAA;AASA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAKA,IAAAS,eAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAvCA;AACA;AACA;;AAGA;AACA;AACA;;AA4BA;AACA;AACA;;AAUA;AACA,MAAMW,qBAAqB,GAAKC,KAAK,IACpCC,IAAI,CAACC,GAAG,CACPC,sCAA2B,EAC3BF,IAAI,CAACG,GAAG,CAAEJ,KAAK,EAAE,GAAG,GAAGG,sCAA4B,CACpD,CAAC;AAEF,SAASE,2BAA2BA,CAAEC,KAAK,EAAEC,IAAI,EAAG;EACnD;EACA,OAAOD,KAAK,EAAEE,aAAa,EAAEC,KAAK,GAAIF,IAAI,CAAE,EAAEG,UAAU;AACzD;AAEA,SAASC,mBAAmBA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,eAAe;IAAEC;EAAK,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,OAASC,KAAK,IAAM;IACnB,IAAK,CAAEA,KAAK,IAAI,CAAEA,KAAK,CAACC,GAAG,EAAG;MAC7BF,aAAa,CAAE;QACdG,QAAQ,EAAEC,SAAS;QACnBC,OAAO,EAAED,SAAS;QAClBE,SAAS,EAAEF,SAAS;QACpBG,QAAQ,EAAEH,SAAS;QACnBI,SAAS,EAAEJ,SAAS;QACpBL,IAAI,EAAEK,SAAS;QACfK,UAAU,EAAEL;MACb,CAAE,CAAC;MACH;IACD;IAEA,IAAK,IAAAM,eAAS,EAAET,KAAK,CAACC,GAAI,CAAC,EAAG;MAC7BD,KAAK,CAACU,IAAI,GAAG,IAAAC,sBAAgB,EAAEX,KAAK,CAACC,GAAI,CAAC;IAC3C;IAEA,IAAII,SAAS;IACb,IAAIO,GAAG;IACP;IACA,IAAKZ,KAAK,CAACa,UAAU,EAAG;MACvB,IAAKb,KAAK,CAACa,UAAU,KAAK,OAAO,EAAG;QACnCR,SAAS,GAAG,OAAO;MACpB,CAAC,MAAM;QACN;QACA;QACAA,SAAS,GAAG,OAAO;MACpB;IACD,CAAC,MAAM;MACN;MACAA,SAAS,GAAGL,KAAK,CAACU,IAAI;IACvB;IAEA,IAAKL,SAAS,KAAK,OAAO,EAAG;MAC5B;MACAO,GAAG,GACFZ,KAAK,CAACP,KAAK,EAAEqB,KAAK,EAAEb,GAAG;MACvB;MACAD,KAAK,CAACR,aAAa,EAAEC,KAAK,EAAEqB,KAAK,EAAEpB,UAAU;IAC/C;IAEA,IAAIqB,OAAO,GAAGjB,IAAI;IAClB,IAAKD,eAAe,KAAKmB,iCAAsB,EAAG;MACjD;MACAD,OAAO,GAAGf,KAAK,CAACC,GAAG;IACpB;;IAEA;IACA,IAAKJ,eAAe,KAAKoB,sCAA2B,EAAG;MACtD;MACAF,OAAO,GAAGf,KAAK,CAACkB,IAAI;IACrB;IAEAnB,aAAa,CAAE;MACdG,QAAQ,EAAEF,KAAK,CAACmB,GAAG;MACnBf,OAAO,EAAEJ,KAAK,CAACoB,EAAE;MACjBf,SAAS;MACTC,QAAQ,EAAEM,GAAG,IAAIZ,KAAK,CAACC,GAAG;MAC1BM,SAAS,EAAEP,KAAK,CAACkB,IAAI,IAAIf,SAAS;MAClCL,IAAI,EAAEiB,OAAO;MACbP,UAAU,EAAEL;IACb,CAAE,CAAC;EACJ,CAAC;AACF;AAEA,SAASkB,aAAaA,CAAE;EACvBzB,UAAU;EACV0B,UAAU;EACVvB,aAAa;EACbwB,OAAO,EAAE;IAAEC,MAAM;IAAEC;EAAS;AAC7B,CAAC,EAAG;EACH,MAAM;IACLjB,UAAU;IACVV,IAAI;IACJ4B,SAAS;IACTC,iBAAiB;IACjBC,SAAS;IACT/B,eAAe;IACfgC,UAAU;IACV3B,QAAQ;IACRE,OAAO;IACP0B,aAAa;IACbzB,SAAS;IACTC,QAAQ;IACRyB,UAAU;IACVC,GAAG;IACHC,iBAAiB;IACjBC,aAAa;IACbC;EACD,CAAC,GAAGvC,UAAU;EACd,MAAMwC,aAAa,GAAGxC,UAAU,CAACwC,aAAa,IAAIC,kCAAuB;EAEzE,MAAM,CAAEC,aAAa,CAAE,GAAG,IAAAC,uBAAa,EACtC,UAAU,EACVd,QAAQ,EACR,gBAAgB,EAChBD,MACD,CAAC;EAED,MAAMgB,kBAAkB,GAAG,IAAAC,eAAS,EACjCC,MAAM,IACPJ,aAAa,IACbI,MAAM,CAAEC,eAAU,CAAC,CAACC,QAAQ,CAAEN,aAAa,EAAE;IAAEf,OAAO,EAAE;EAAO,CAAE,CAAC,EACnE,CAAEe,aAAa,CAChB,CAAC;EAED,MAAMO,gBAAgB,GAAGV,gBAAgB,GACtCK,kBAAkB,EAAE9C,UAAU,GAC9B,EAAE;EACL,MAAMoD,gBAAgB,GAAGX,gBAAgB,GACtCK,kBAAkB,EAAEO,QAAQ,GAC5B,EAAE;EAEL,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpCjD,aAAa,CAAE;MACd2B,SAAS,EAAE,KAAK;MAChBrB,SAAS,EAAE,OAAO;MAClBD,OAAO,EAAED,SAAS;MAClBG,QAAQ,EAAEH,SAAS;MACnBD,QAAQ,EAAEC,SAAS;MACnBgC,gBAAgB,EAAE,CAAEA;IACrB,CAAE,CAAC;EACJ,CAAC;EAED,MAAM;IAAEc,UAAU;IAAE3D;EAAM,CAAC,GAAG,IAAAmD,eAAS,EACpCC,MAAM,IAAM;IACb,MAAM;MAAEQ;IAAY,CAAC,GAAGR,MAAM,CAAES,kBAAiB,CAAC;IAClD,OAAO;MACN7D,KAAK,EACJc,OAAO,IAAIkB,UAAU,GAClBoB,MAAM,CAAEC,eAAU,CAAC,CAACC,QAAQ,CAAExC,OAAO,EAAE;QACvCmB,OAAO,EAAE;MACT,CAAE,CAAC,GACH,IAAI;MACR0B,UAAU,EAAEC,WAAW,CAAC,CAAC,EAAED;IAC5B,CAAC;EACF,CAAC,EACD,CAAE3B,UAAU,EAAElB,OAAO,CACtB,CAAC;EAED,MAAMgD,iBAAiB,GAAG,IAAAC,eAAM,EAAC,CAAC;EAClC,MAAMC,2BAA2B,GAAKC,KAAK,IAAM;IAChD,MAAM;MAAEC;IAAM,CAAC,GAAGJ,iBAAiB,CAACK,OAAO,CAACC,SAAS;IACrD,MAAM;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAGL,KAAK;IACtBC,KAAK,CAACK,kBAAkB,GAAI,GAAGF,CAAC,GAAG,GAAK,KAAKC,CAAC,GAAG,GAAK,GAAE;EACzD,CAAC;EAED,MAAM,CAAEE,mBAAmB,EAAEC,sBAAsB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAExE,MAAMC,aAAa,GAAGtE,mBAAmB,CAAE;IAAEC,UAAU;IAAEG;EAAc,CAAE,CAAC;EAE1E,MAAMmE,SAAS,GAAKC,KAAK,IAAM;IAC9BpE,aAAa,CAAEoE,KAAM,CAAC;EACvB,CAAC;EAED,MAAMC,aAAa,GAAKpF,KAAK,IAAM;IAClC+E,sBAAsB,CAAEhF,qBAAqB,CAAEC,KAAM,CAAE,CAAC;EACzD,CAAC;EACD,MAAMqF,iBAAiB,GAAKrF,KAAK,IAAM;IACtCe,aAAa,CAAE;MACdgC,UAAU,EAAEhD,qBAAqB,CAAEC,KAAM;IAC1C,CAAE,CAAC;IACH+E,sBAAsB,CAAE,IAAK,CAAC;EAC/B,CAAC;EAED,MAAMO,UAAU,GAAG,IAAAC,aAAI,EAAE;IACxB,wBAAwB,EAAE,OAAO,KAAKzC,aAAa;IACnD,aAAa,EAAER,UAAU;IACzB,sBAAsB,EAAEK,iBAAiB;IACzC,CAAG,yBAAyBM,iBAAmB,EAAC,GAAIA,iBAAiB;IACrE,eAAe,EAAEP;EAClB,CAAE,CAAC;EACH,MAAM8C,WAAW,GAAI,GAAGV,mBAAmB,IAAI/B,UAAY,GAAE;EAC7D,MAAM0C,mBAAmB,GACxB,OAAO,KAAK3C,aAAa,GACrB,OAAO0C,WAAa,EAAC,GACrB,GAAGA,WAAa,MAAK;EAC1B,MAAMhB,KAAK,GAAG;IACbiB,mBAAmB;IACnBC,aAAa,EAAED;EAChB,CAAC;EACD,MAAME,gBAAgB,GAAKC,WAAW,IAAM;IAC3C7E,aAAa,CAAE;MAAEG,QAAQ,EAAE0E;IAAY,CAAE,CAAC;EAC3C,CAAC;EACD,MAAMC,yBAAyB,GAAKC,SAAS,IAAM;IAClD/E,aAAa,CAAE;MAAEkC,iBAAiB,EAAE6C;IAAU,CAAE,CAAC;EAClD,CAAC;EAED,MAAMC,gBAAgB,GAAG9B,UAAU,CACjC+B,MAAM,CAAE,CAAE;IAAEzF;EAAK,CAAC,KAAMF,2BAA2B,CAAEC,KAAK,EAAEC,IAAK,CAAE,CAAC,CACpE0F,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAE3F;EAAK,CAAC,MAAQ;IAAEgE,KAAK,EAAEhE,IAAI;IAAE4F,KAAK,EAAED;EAAK,CAAC,CAAG,CAAC;EAC/D,MAAME,WAAW,GAAKC,gBAAgB,IAAM;IAC3C,MAAMC,MAAM,GAAGjG,2BAA2B,CAAEC,KAAK,EAAE+F,gBAAiB,CAAC;IAErE,IAAK,CAAEC,MAAM,EAAG;MACf,OAAO,IAAI;IACZ;IAEAvF,aAAa,CAAE;MACdO,QAAQ,EAAEgF,MAAM;MAChBlD,aAAa,EAAEiD;IAChB,CAAE,CAAC;EACJ,CAAC;EAED,MAAME,wBAAwB,GAC7B,IAAAC,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAAiH,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAJ,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAAoH,YAAY;IACZC,uBAAuB;IACvBC,qBAAqB;IACrBZ,KAAK,EAAG,IAAAS,QAAE,EAAE,aAAc,CAAG;IAC7BrC,KAAK,EAAGO,mBAAmB,IAAI/B,UAAY;IAC3CiE,QAAQ,EAAG3B,iBAAmB;IAC9BjF,GAAG,EAAGD,sCAA6B;IACnCD,GAAG,EAAG,GAAG,GAAGC;EAA6B,CACzC,CAAC,EACF,IAAAqG,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAAwH,aAAa;IACbH,uBAAuB;IACvBX,KAAK,EAAG,IAAAS,QAAE,EAAE,iBAAkB,CAAG;IACjCM,OAAO,EAAGvE,iBAAmB;IAC7BqE,QAAQ,EAAGA,CAAA,KACVjG,aAAa,CAAE;MACd4B,iBAAiB,EAAE,CAAEA;IACtB,CAAE;EACF,CACD,CAAC,EACAtB,SAAS,KAAK,OAAO,IACtB,IAAAmF,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAAwH,aAAa;IACbH,uBAAuB;IACvBX,KAAK,EAAG,IAAAS,QAAE,EAAE,oBAAqB,CAAG;IACpCM,OAAO,EAAG,CAAC,CAAExE,SAAW;IACxBsE,QAAQ,EAAGA,CAAA,KACVjG,aAAa,CAAE;MACd2B,SAAS,EAAE,CAAEA;IACd,CAAE;EACF,CACD,CACD,EACCA,SAAS,KACRpB,QAAQ,IAAIuC,gBAAgB,CAAE,IAChCxC,SAAS,KAAK,OAAO,IACpB,IAAAmF,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAA0H,gBAAgB;IAChBL,uBAAuB;IACvBX,KAAK,EAAG,IAAAS,QAAE,EAAE,aAAc,CAAG;IAC7B3F,GAAG,EACFkC,gBAAgB,IAAIU,gBAAgB,GACjCA,gBAAgB,GAChBvC,QACH;IACDiD,KAAK,EAAG/C,UAAY;IACpBwF,QAAQ,EAAKzC,KAAK,IACjBxD,aAAa,CAAE;MAAES,UAAU,EAAE+C;IAAM,CAAE,CACrC;IACD6C,WAAW,EAAG9C,2BAA6B;IAC3C+C,MAAM,EAAG/C;EAA6B,CACtC,CACD,EACAjD,SAAS,KAAK,OAAO,IAAIC,QAAQ,IAAI,CAAE6B,gBAAgB,IACxD,IAAAqD,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAA6H,eAAe;IACfR,uBAAuB;IACvBX,KAAK,EAAG,IAAAS,QAAE,EAAE,kBAAmB,CAAG;IAClCrC,KAAK,EAAGrD,QAAU;IAClB8F,QAAQ,EAAGrB,gBAAkB;IAC7B4B,IAAI,EACH,IAAAf,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAgB,QAAA,QACC,IAAAhB,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAAgI,YAAY;MAAC3G,IAAI,EAAC;IAAuD,GACvE,IAAA8F,QAAE,EAAE,oCAAqC,CAC9B,CAAC,EACf,IAAAJ,MAAA,CAAAC,aAAA,YAAK,CAAC,EACJ,IAAAG,QAAE,EAAE,4BAA6B,CAClC;EACF,CACD,CACD,EACCvF,SAAS,KAAK,OAAO,IACtB,IAAAmF,MAAA,CAAAC,aAAA,EAACjH,YAAA,CAAAkI,8BAAgB;IAChBC,aAAa,EAAGvB,WAAa;IAC7B7F,IAAI,EAAG6C,aAAe;IACtB2C,gBAAgB,EAAGA,gBAAkB;IACrC6B,WAAW,EAAG,KAAO;IACrBC,aAAa,EAAG,IAAAjB,QAAE,EACjB,sCACD;EAAG,CACH,CAEQ,CACX;EAED,MAAMkB,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE1C,UAAU;IACrBd;EACD,CAAE,CAAC;EAEH,MAAMyD,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IAAEF,SAAS,EAAE;EAA+B,CAAC,EAC7C;IAAEG,QAAQ,EAAEC,mBAAQ;IAAElF;EAAc,CACrC,CAAC;EAED,MAAMmF,gBAAgB,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAE9C,OACC,IAAA9B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAgB,QAAA,QACC,IAAAhB,MAAA,CAAAC,aAAA,EAACjH,YAAA,CAAA+I,iBAAiB,QAAGhC,wBAA6C,CAAC,EACnE,IAAAC,MAAA,CAAAC,aAAA,EAACjH,YAAA,CAAAgJ,aAAa;IAACC,KAAK,EAAC;EAAO,GACzBJ,gBAAgB,KAAK,SAAS,IAC/B,IAAA7B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAgB,QAAA,QACC,IAAAhB,MAAA,CAAAC,aAAA,EAACjH,YAAA,CAAAkJ,6BAA6B;IAC7B1B,QAAQ,EAAGnB,yBAA2B;IACtCtB,KAAK,EAAGtB;EAAmB,CAC3B,CAAC,EACF,IAAAuD,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAAkJ,aAAa;IACbC,IAAI,EAAGC,eAAU;IACjBlC,KAAK,EAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAG;IACpCkC,QAAQ,EAAGhG,aAAa,KAAK,MAAQ;IACrCiG,OAAO,EAAGA,CAAA,KACThI,aAAa,CAAE;MAAE+B,aAAa,EAAE;IAAO,CAAE;EACzC,CACD,CAAC,EACF,IAAA0D,MAAA,CAAAC,aAAA,EAAChH,WAAA,CAAAkJ,aAAa;IACbC,IAAI,EAAGI,gBAAW;IAClBrC,KAAK,EAAG,IAAAC,QAAE,EAAE,qBAAsB,CAAG;IACrCkC,QAAQ,EAAGhG,aAAa,KAAK,OAAS;IACtCiG,OAAO,EAAGA,CAAA,KACThI,aAAa,CAAE;MAAE+B,aAAa,EAAE;IAAQ,CAAE;EAC1C,CACD,CACA,CACF,EAECzB,SAAS,KAAK,OAAO,IACtB,IAAAmF,MAAA,CAAAC,aAAA,EAACjH,YAAA,CAAAyJ,6BAAe;IACfhI,GAAG,EAAGH,IAAI,IAAI,EAAI;IAClBoI,WAAW,EAAGhE,SAAW;IACzBrE,eAAe,EAAGA,eAAiB;IACnCQ,SAAS,EAAGA,SAAW;IACvBC,QAAQ,EACP6B,gBAAgB,IAAIU,gBAAgB,GACjCA,gBAAgB,GAChBvD,KAAK,IAAIA,KAAK,CAACI,UAClB;IACDa,SAAS,EAAGjB,KAAK,IAAIA,KAAK,CAAC4B,IAAM;IACjCW,UAAU,EAAGA,UAAY;IACzBD,SAAS,EAAGA,SAAW;IACvBI,GAAG,EAAGA;EAAK,CACX,CAEY,CAAC,EAChB,IAAAwD,MAAA,CAAAC,aAAA;IAAA,GAAUqB;EAAU,GACjBhF,aAAa,KAAK,OAAO,IAAI,IAAA0D,MAAA,CAAAC,aAAA;IAAA,GAAUwB;EAAgB,CAAI,CAAC,EAC9D,IAAAzB,MAAA,CAAAC,aAAA,EAAC5G,eAAA,CAAAsJ,OAAc;IACdnB,SAAS,EAAC,4BAA4B;IACtC/C,aAAa,EAAGA,aAAe;IAC/BG,aAAa,EAAGA,aAAe;IAC/BC,iBAAiB,EAAGA,iBAAmB;IACvC+D,GAAG,EAAGhF,iBAAmB;IACzBiF,YAAY,EAAGhB,gBAAgB,KAAK,SAAW;IAC/CrE,sBAAsB,EAAGA,sBAAwB;IAEhDxC,UAAU;IACVkB,SAAS;IACTJ,UAAU;IACVK,iBAAiB;IACjBzB,QAAQ;IACRE,OAAO;IACP0B,aAAa;IACbzB,SAAS;IACTC,QAAQ;IACRyB,UAAU;IACVI,gBAAgB;IAChBU,gBAAgB;IAChBC;EAAgB,CAEjB,CAAC,EACAhB,aAAa,KAAK,OAAO,IAAI,IAAA0D,MAAA,CAAAC,aAAA;IAAA,GAAUwB;EAAgB,CAAI,CACzD,CACJ,CAAC;AAEL;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc9G,aAAa","ignoreList":[]}

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.imageFillStyles = imageFillStyles;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
@@ -155,7 +155,7 @@ function MediaContainer(props, ref) {
     };
     return (0, _react.createElement)(ResizableBoxContainer, {
       as: "figure",
-      className: (0, _classnames.default)(className, 'editor-media-container__resizer', {
+      className: (0, _clsx.default)(className, 'editor-media-container__resizer', {
         'is-transient': isTemporaryMedia
       }),
       style: backgroundStyles,

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_i18n","_compose","_data","_element","_blob","_notices","_icons","ALLOWED_MEDIA_TYPES","noop","imageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","Math","round","x","y","ResizableBoxContainer","forwardRef","isSelected","isStackedOnMobile","props","ref","isMobile","useViewportMatch","_react","createElement","ResizableBox","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","toggleUseFeaturedImage","useFeaturedImage","featuredImageURL","BlockControls","group","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","as","classnames","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 classnames from 'classnames';\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={ classnames(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={\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","ALLOWED_MEDIA_TYPES","noop","imageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","Math","round","x","y","ResizableBoxContainer","forwardRef","isSelected","isStackedOnMobile","props","ref","isMobile","useViewportMatch","_react","createElement","ResizableBox","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","toggleUseFeaturedImage","useFeaturedImage","featuredImageURL","BlockControls","group","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","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":[]}

package/build/media-text/save.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = save;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _mediaContainer = require("./media-container");
 var _constants = require("./constants");
@@ -45,7 +45,7 @@ function save({
   } = attributes;
   const mediaSizeSlug = attributes.mediaSizeSlug || _constants.DEFAULT_MEDIA_SIZE_SLUG;
   const newRel = !rel ? undefined : rel;
-  const imageClasses = (0, _classnames.default)({
+  const imageClasses = (0, _clsx.default)({
     [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
     [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
   });
@@ -69,7 +69,7 @@ function save({
       src: mediaUrl
     })
   };
-  const className = (0, _classnames.default)({
+  const className = (0, _clsx.default)({
     'has-media-on-the-right': 'right' === mediaPosition,
     'is-stacked-on-mobile': isStackedOnMobile,
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_mediaContainer","_constants","DEFAULT_MEDIA_WIDTH","noop","save","attributes","isStackedOnMobile","mediaAlt","mediaPosition","mediaType","mediaUrl","mediaWidth","mediaId","verticalAlignment","imageFill","focalPoint","linkClass","href","linkTarget","rel","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","newRel","undefined","imageClasses","classnames","image","_react","createElement","src","alt","className","target","mediaTypeRenders","video","controls","backgroundStyles","imageFillStyles","gridTemplateColumns","style","useBlockProps","useInnerBlocksProps"],"sources":["@wordpress/block-library/src/media-text/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './media-container';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tmediaId,\n\t\tverticalAlignment,\n\t\timageFill,\n\t\tfocalPoint,\n\t\tlinkClass,\n\t\thref,\n\t\tlinkTarget,\n\t\trel,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\tconst newRel = ! rel ? undefined : rel;\n\n\tconst imageClasses = classnames( {\n\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t} );\n\n\tlet image = mediaUrl ? (\n\t\t<img\n\t\t\tsrc={ mediaUrl }\n\t\t\talt={ mediaAlt }\n\t\t\tclassName={ imageClasses || null }\n\t\t/>\n\t) : null;\n\n\tif ( href ) {\n\t\timage = (\n\t\t\t<a\n\t\t\t\tclassName={ linkClass }\n\t\t\t\thref={ href }\n\t\t\t\ttarget={ linkTarget }\n\t\t\t\trel={ newRel }\n\t\t\t>\n\t\t\t\t{ image }\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst mediaTypeRenders = {\n\t\timage: () => image,\n\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t};\n\tconst className = classnames( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\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 backgroundStyles = imageFill\n\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t: {};\n\n\tlet gridTemplateColumns;\n\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\tgridTemplateColumns =\n\t\t\t'right' === mediaPosition\n\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t: `${ mediaWidth }% auto`;\n\t}\n\tconst style = {\n\t\tgridTemplateColumns,\n\t};\n\n\tif ( 'right' === mediaPosition ) {\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t<figure\n\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t>\n\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t</figure>\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_mediaContainer","_constants","DEFAULT_MEDIA_WIDTH","noop","save","attributes","isStackedOnMobile","mediaAlt","mediaPosition","mediaType","mediaUrl","mediaWidth","mediaId","verticalAlignment","imageFill","focalPoint","linkClass","href","linkTarget","rel","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","newRel","undefined","imageClasses","clsx","image","_react","createElement","src","alt","className","target","mediaTypeRenders","video","controls","backgroundStyles","imageFillStyles","gridTemplateColumns","style","useBlockProps","useInnerBlocksProps"],"sources":["@wordpress/block-library/src/media-text/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './media-container';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tmediaId,\n\t\tverticalAlignment,\n\t\timageFill,\n\t\tfocalPoint,\n\t\tlinkClass,\n\t\thref,\n\t\tlinkTarget,\n\t\trel,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\tconst newRel = ! rel ? undefined : rel;\n\n\tconst imageClasses = clsx( {\n\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t} );\n\n\tlet image = mediaUrl ? (\n\t\t<img\n\t\t\tsrc={ mediaUrl }\n\t\t\talt={ mediaAlt }\n\t\t\tclassName={ imageClasses || null }\n\t\t/>\n\t) : null;\n\n\tif ( href ) {\n\t\timage = (\n\t\t\t<a\n\t\t\t\tclassName={ linkClass }\n\t\t\t\thref={ href }\n\t\t\t\ttarget={ linkTarget }\n\t\t\t\trel={ newRel }\n\t\t\t>\n\t\t\t\t{ image }\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst mediaTypeRenders = {\n\t\timage: () => image,\n\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t};\n\tconst className = clsx( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\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 backgroundStyles = imageFill\n\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t: {};\n\n\tlet gridTemplateColumns;\n\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\tgridTemplateColumns =\n\t\t\t'right' === mediaPosition\n\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t: `${ mediaWidth }% auto`;\n\t}\n\tconst style = {\n\t\tgridTemplateColumns,\n\t};\n\n\tif ( 'right' === mediaPosition ) {\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t<figure\n\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t>\n\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t</figure>\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/navigation/edit/are-blocks-dirty.js

@@ -29,15 +29,21 @@ const isDeepEqual = (x, y, shouldSkip) => {
   if (x === y) {
     return true;
   } else if (typeof x === 'object' && x !== null && x !== undefined && typeof y === 'object' && y !== null && y !== undefined) {
-    if (Object.keys(x).length !== Object.keys(y).length) return false;
+    if (Object.keys(x).length !== Object.keys(y).length) {
+      return false;
+    }
     for (const prop in x) {
       if (y.hasOwnProperty(prop)) {
         // Afford skipping a given property of an object.
         if (shouldSkip && shouldSkip(prop, x)) {
           return true;
         }
-        if (!isDeepEqual(x[prop], y[prop], shouldSkip)) return false;
-      } else return false;
+        if (!isDeepEqual(x[prop], y[prop], shouldSkip)) {
+          return false;
+        }
+      } else {
+        return false;
+      }
     }
     return true;
   }

package/build/navigation/edit/are-blocks-dirty.js.map

@@ -1 +1 @@
-{"version":3,"names":["areBlocksDirty","originalBlocks","blocks","isDeepEqual","prop","x","name","y","shouldSkip","undefined","Object","keys","length","hasOwnProperty"],"sources":["@wordpress/block-library/src/navigation/edit/are-blocks-dirty.js"],"sourcesContent":["export function areBlocksDirty( originalBlocks, blocks ) {\n\treturn ! isDeepEqual( originalBlocks, blocks, ( prop, x ) => {\n\t\t// Skip inner blocks of page list during comparison as they\n\t\t// are **always** controlled and may be updated async due to\n\t\t// syncing with entity records. Left unchecked this would\n\t\t// inadvertently trigger the dirty state.\n\t\tif ( x?.name === 'core/page-list' && prop === 'innerBlocks' ) {\n\t\t\treturn true;\n\t\t}\n\t} );\n}\n\n/**\n * Conditionally compares two candidates for deep equality.\n * Provides an option to skip a given property of an object during comparison.\n *\n * @param {*}                  x          1st candidate for comparison\n * @param {*}                  y          2nd candidate for comparison\n * @param {Function|undefined} shouldSkip a function which can be used to skip a given property of an object.\n * @return {boolean}                      whether the two candidates are deeply equal.\n */\nconst isDeepEqual = ( x, y, shouldSkip ) => {\n\tif ( x === y ) {\n\t\treturn true;\n\t} else if (\n\t\ttypeof x === 'object' &&\n\t\tx !== null &&\n\t\tx !== undefined &&\n\t\ttypeof y === 'object' &&\n\t\ty !== null &&\n\t\ty !== undefined\n\t) {\n\t\tif ( Object.keys( x ).length !== Object.keys( y ).length ) return false;\n\n\t\tfor ( const prop in x ) {\n\t\t\tif ( y.hasOwnProperty( prop ) ) {\n\t\t\t\t// Afford skipping a given property of an object.\n\t\t\t\tif ( shouldSkip && shouldSkip( prop, x ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( ! isDeepEqual( x[ prop ], y[ prop ], shouldSkip ) )\n\t\t\t\t\treturn false;\n\t\t\t} else return false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\treturn false;\n};\n"],"mappings":";;;;;;AAAO,SAASA,cAAcA,CAAEC,cAAc,EAAEC,MAAM,EAAG;EACxD,OAAO,CAAEC,WAAW,CAAEF,cAAc,EAAEC,MAAM,EAAE,CAAEE,IAAI,EAAEC,CAAC,KAAM;IAC5D;IACA;IACA;IACA;IACA,IAAKA,CAAC,EAAEC,IAAI,KAAK,gBAAgB,IAAIF,IAAI,KAAK,aAAa,EAAG;MAC7D,OAAO,IAAI;IACZ;EACD,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMD,WAAW,GAAGA,CAAEE,CAAC,EAAEE,CAAC,EAAEC,UAAU,KAAM;EAC3C,IAAKH,CAAC,KAAKE,CAAC,EAAG;IACd,OAAO,IAAI;EACZ,CAAC,MAAM,IACN,OAAOF,CAAC,KAAK,QAAQ,IACrBA,CAAC,KAAK,IAAI,IACVA,CAAC,KAAKI,SAAS,IACf,OAAOF,CAAC,KAAK,QAAQ,IACrBA,CAAC,KAAK,IAAI,IACVA,CAAC,KAAKE,SAAS,EACd;IACD,IAAKC,MAAM,CAACC,IAAI,CAAEN,CAAE,CAAC,CAACO,MAAM,KAAKF,MAAM,CAACC,IAAI,CAAEJ,CAAE,CAAC,CAACK,MAAM,EAAG,OAAO,KAAK;IAEvE,KAAM,MAAMR,IAAI,IAAIC,CAAC,EAAG;MACvB,IAAKE,CAAC,CAACM,cAAc,CAAET,IAAK,CAAC,EAAG;QAC/B;QACA,IAAKI,UAAU,IAAIA,UAAU,CAAEJ,IAAI,EAAEC,CAAE,CAAC,EAAG;UAC1C,OAAO,IAAI;QACZ;QAEA,IAAK,CAAEF,WAAW,CAAEE,CAAC,CAAED,IAAI,CAAE,EAAEG,CAAC,CAAEH,IAAI,CAAE,EAAEI,UAAW,CAAC,EACrD,OAAO,KAAK;MACd,CAAC,MAAM,OAAO,KAAK;IACpB;IAEA,OAAO,IAAI;EACZ;EAEA,OAAO,KAAK;AACb,CAAC","ignoreList":[]}
+{"version":3,"names":["areBlocksDirty","originalBlocks","blocks","isDeepEqual","prop","x","name","y","shouldSkip","undefined","Object","keys","length","hasOwnProperty"],"sources":["@wordpress/block-library/src/navigation/edit/are-blocks-dirty.js"],"sourcesContent":["export function areBlocksDirty( originalBlocks, blocks ) {\n\treturn ! isDeepEqual( originalBlocks, blocks, ( prop, x ) => {\n\t\t// Skip inner blocks of page list during comparison as they\n\t\t// are **always** controlled and may be updated async due to\n\t\t// syncing with entity records. Left unchecked this would\n\t\t// inadvertently trigger the dirty state.\n\t\tif ( x?.name === 'core/page-list' && prop === 'innerBlocks' ) {\n\t\t\treturn true;\n\t\t}\n\t} );\n}\n\n/**\n * Conditionally compares two candidates for deep equality.\n * Provides an option to skip a given property of an object during comparison.\n *\n * @param {*}                  x          1st candidate for comparison\n * @param {*}                  y          2nd candidate for comparison\n * @param {Function|undefined} shouldSkip a function which can be used to skip a given property of an object.\n * @return {boolean}                      whether the two candidates are deeply equal.\n */\nconst isDeepEqual = ( x, y, shouldSkip ) => {\n\tif ( x === y ) {\n\t\treturn true;\n\t} else if (\n\t\ttypeof x === 'object' &&\n\t\tx !== null &&\n\t\tx !== undefined &&\n\t\ttypeof y === 'object' &&\n\t\ty !== null &&\n\t\ty !== undefined\n\t) {\n\t\tif ( Object.keys( x ).length !== Object.keys( y ).length ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const prop in x ) {\n\t\t\tif ( y.hasOwnProperty( prop ) ) {\n\t\t\t\t// Afford skipping a given property of an object.\n\t\t\t\tif ( shouldSkip && shouldSkip( prop, x ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( ! isDeepEqual( x[ prop ], y[ prop ], shouldSkip ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\treturn false;\n};\n"],"mappings":";;;;;;AAAO,SAASA,cAAcA,CAAEC,cAAc,EAAEC,MAAM,EAAG;EACxD,OAAO,CAAEC,WAAW,CAAEF,cAAc,EAAEC,MAAM,EAAE,CAAEE,IAAI,EAAEC,CAAC,KAAM;IAC5D;IACA;IACA;IACA;IACA,IAAKA,CAAC,EAAEC,IAAI,KAAK,gBAAgB,IAAIF,IAAI,KAAK,aAAa,EAAG;MAC7D,OAAO,IAAI;IACZ;EACD,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMD,WAAW,GAAGA,CAAEE,CAAC,EAAEE,CAAC,EAAEC,UAAU,KAAM;EAC3C,IAAKH,CAAC,KAAKE,CAAC,EAAG;IACd,OAAO,IAAI;EACZ,CAAC,MAAM,IACN,OAAOF,CAAC,KAAK,QAAQ,IACrBA,CAAC,KAAK,IAAI,IACVA,CAAC,KAAKI,SAAS,IACf,OAAOF,CAAC,KAAK,QAAQ,IACrBA,CAAC,KAAK,IAAI,IACVA,CAAC,KAAKE,SAAS,EACd;IACD,IAAKC,MAAM,CAACC,IAAI,CAAEN,CAAE,CAAC,CAACO,MAAM,KAAKF,MAAM,CAACC,IAAI,CAAEJ,CAAE,CAAC,CAACK,MAAM,EAAG;MAC1D,OAAO,KAAK;IACb;IAEA,KAAM,MAAMR,IAAI,IAAIC,CAAC,EAAG;MACvB,IAAKE,CAAC,CAACM,cAAc,CAAET,IAAK,CAAC,EAAG;QAC/B;QACA,IAAKI,UAAU,IAAIA,UAAU,CAAEJ,IAAI,EAAEC,CAAE,CAAC,EAAG;UAC1C,OAAO,IAAI;QACZ;QAEA,IAAK,CAAEF,WAAW,CAAEE,CAAC,CAAED,IAAI,CAAE,EAAEG,CAAC,CAAEH,IAAI,CAAE,EAAEI,UAAW,CAAC,EAAG;UACxD,OAAO,KAAK;QACb;MACD,CAAC,MAAM;QACN,OAAO,KAAK;MACb;IACD;IAEA,OAAO,IAAI;EACZ;EAEA,OAAO,KAAK;AACb,CAAC","ignoreList":[]}

package/build/navigation/edit/deleted-navigation-warning.js

@@ -16,7 +16,7 @@ var _element = require("@wordpress/element");
 function DeletedNavigationWarning({
   onCreateNew
 }) {
-  return (0, _react.createElement)(_blockEditor.Warning, null, (0, _element.createInterpolateElement)((0, _i18n.__)('Navigation Menu has been deleted or is unavailable. <button>Create a new menu?</button>'), {
+  return (0, _react.createElement)(_blockEditor.Warning, null, (0, _element.createInterpolateElement)((0, _i18n.__)('Navigation Menu has been deleted or is unavailable. <button>Create a new Menu?</button>'), {
     button: (0, _react.createElement)(_components.Button, {
       onClick: onCreateNew,
       variant: "link"

package/build/navigation/edit/deleted-navigation-warning.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","DeletedNavigationWarning","onCreateNew","_react","createElement","Warning","createInterpolateElement","__","button","Button","onClick","variant","_default","exports","default"],"sources":["@wordpress/block-library/src/navigation/edit/deleted-navigation-warning.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Warning } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\n\nfunction DeletedNavigationWarning( { onCreateNew } ) {\n\treturn (\n\t\t<Warning>\n\t\t\t{ createInterpolateElement(\n\t\t\t\t__(\n\t\t\t\t\t'Navigation Menu has been deleted or is unavailable. <button>Create a new menu?</button>'\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\tbutton: <Button onClick={ onCreateNew } variant=\"link\" />,\n\t\t\t\t}\n\t\t\t) }\n\t\t</Warning>\n\t);\n}\n\nexport default DeletedNavigationWarning;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMA,SAASI,wBAAwBA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAS,OAAO,QACL,IAAAC,iCAAwB,EACzB,IAAAC,QAAE,EACD,yFACD,CAAC,EACD;IACCC,MAAM,EAAE,IAAAL,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAW,MAAM;MAACC,OAAO,EAAGR,WAAa;MAACS,OAAO,EAAC;IAAM,CAAE;EACzD,CACD,CACQ,CAAC;AAEZ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcb,wBAAwB","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","DeletedNavigationWarning","onCreateNew","_react","createElement","Warning","createInterpolateElement","__","button","Button","onClick","variant","_default","exports","default"],"sources":["@wordpress/block-library/src/navigation/edit/deleted-navigation-warning.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Warning } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\n\nfunction DeletedNavigationWarning( { onCreateNew } ) {\n\treturn (\n\t\t<Warning>\n\t\t\t{ createInterpolateElement(\n\t\t\t\t__(\n\t\t\t\t\t'Navigation Menu has been deleted or is unavailable. <button>Create a new Menu?</button>'\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\tbutton: <Button onClick={ onCreateNew } variant=\"link\" />,\n\t\t\t\t}\n\t\t\t) }\n\t\t</Warning>\n\t);\n}\n\nexport default DeletedNavigationWarning;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMA,SAASI,wBAAwBA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAS,OAAO,QACL,IAAAC,iCAAwB,EACzB,IAAAC,QAAE,EACD,yFACD,CAAC,EACD;IACCC,MAAM,EAAE,IAAAL,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAW,MAAM;MAACC,OAAO,EAAGR,WAAa;MAACS,OAAO,EAAC;IAAM,CAAE;EACzD,CACD,CACQ,CAAC;AAEZ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcb,wBAAwB","ignoreList":[]}

package/build/navigation/edit/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _coreData = require("@wordpress/core-data");
@@ -293,7 +293,7 @@ function Navigation({
   const isResponsive = 'never' !== overlayMenu;
   const blockProps = (0, _blockEditor.useBlockProps)({
     ref: navRef,
-    className: (0, _classnames.default)(className, {
+    className: (0, _clsx.default)(className, {
       'items-justified-right': justifyContent === 'right',
       'items-justified-space-between': justifyContent === 'space-between',
       'items-justified-left': justifyContent === 'left',
@@ -363,7 +363,7 @@ function Navigation({
     }
   }, [isSelected, isInnerBlockSelected, canUserUpdateNavigationMenu, hasResolvedCanUserUpdateNavigationMenu, canUserCreateNavigationMenus, hasResolvedCanUserCreateNavigationMenus, ref, hideNavigationMenuPermissionsNotice, showNavigationMenuPermissionsNotice, navMenuResolvedButMissing]);
   const hasManagePermissions = canUserCreateNavigationMenus || canUserUpdateNavigationMenu;
-  const overlayMenuPreviewClasses = (0, _classnames.default)('wp-block-navigation__overlay-menu-preview', {
+  const overlayMenuPreviewClasses = (0, _clsx.default)('wp-block-navigation__overlay-menu-preview', {
     open: overlayMenuPreview
   });
   const submenuAccessibilityNotice = !showSubmenuIcon && !openSubmenusOnClick ? (0, _i18n.__)('The current menu options offer reduced accessibility for users and are not recommended. Enabling either "Open on Click" or "Show arrow" offers enhanced accessibility by allowing keyboard users to browse submenus selectively.') : '';