@wordpress/block-library 8.30.0 → 8.32.0

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","align","type","mediaAlt","source","selector","attribute","__experimentalRole","mediaPosition","mediaId","mediaUrl","mediaLink","linkDestination","linkTarget","href","rel","linkClass","mediaType","mediaWidth","mediaSizeSlug","isStackedOnMobile","verticalAlignment","imageFill","focalPoint","allowedBlocks","supports","anchor","html","color","gradients","heading","link","__experimentalDefaultControls","background","text","spacing","margin","padding","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","interactivity","clientNavigation","editorStyle","style","settings","icon","example","viewportWidth","innerBlocks","content","__","transforms","edit","save","deprecated","init","initBlock"],"sources":["@wordpress/block-library/src/media-text/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { mediaAndText as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tviewportWidth: 601, // Columns collapse \"@media (max-width: 600px)\".\n\t\tattributes: {\n\t\t\tmediaType: 'image',\n\t\t\tmediaUrl:\n\t\t\t\t'https://s.w.org/images/core/5.3/Biologia_Centrali-Americana_-_Cantorchilus_semibadius_1902.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'The wren<br>Earns his living<br>Noiselessly.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __( '— Kobayashi Issa (一茶)' ),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","align","type","mediaAlt","source","selector","attribute","__experimentalRole","mediaPosition","mediaId","mediaUrl","mediaLink","linkDestination","linkTarget","href","rel","linkClass","mediaType","mediaWidth","mediaSizeSlug","isStackedOnMobile","verticalAlignment","imageFill","focalPoint","allowedBlocks","useFeaturedImage","usesContext","supports","anchor","html","color","gradients","heading","link","__experimentalDefaultControls","background","text","spacing","margin","padding","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","interactivity","clientNavigation","editorStyle","style","settings","icon","example","viewportWidth","innerBlocks","content","__","transforms","edit","save","deprecated","init","initBlock"],"sources":["@wordpress/block-library/src/media-text/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { mediaAndText as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tviewportWidth: 601, // Columns collapse \"@media (max-width: 600px)\".\n\t\tattributes: {\n\t\t\tmediaType: 'image',\n\t\t\tmediaUrl:\n\t\t\t\t'https://s.w.org/images/core/5.3/Biologia_Centrali-Americana_-_Cantorchilus_semibadius_1902.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'The wren<br>Earns his living<br>Noiselessly.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __( '— Kobayashi Issa (一茶)' ),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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"}

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

@@ -51,22 +51,28 @@ const ResizableBoxContainer = (0, _element.forwardRef)(({
 function ToolbarEditButton({
   mediaId,
   mediaUrl,
-  onSelectMedia
+  onSelectMedia,
+  toggleUseFeaturedImage,
+  useFeaturedImage,
+  featuredImageURL
 }) {
   return (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
   }, (0, _react.createElement)(_blockEditor.MediaReplaceFlow, {
     mediaId: mediaId,
-    mediaURL: mediaUrl,
+    mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
     allowedTypes: ALLOWED_MEDIA_TYPES,
     accept: "image/*,video/*",
-    onSelect: onSelectMedia
+    onSelect: onSelectMedia,
+    onToggleFeaturedImage: toggleUseFeaturedImage,
+    useFeaturedImage: useFeaturedImage
   }));
 }
 function PlaceholderContainer({
   className,
   mediaUrl,
-  onSelectMedia
+  onSelectMedia,
+  toggleUseFeaturedImage
 }) {
   const {
     createErrorNotice
@@ -86,6 +92,7 @@ function PlaceholderContainer({
     className: className,
     onSelect: onSelectMedia,
     accept: "image/*,video/*",
+    onToggleFeaturedImage: toggleUseFeaturedImage,
     allowedTypes: ALLOWED_MEDIA_TYPES,
     onError: onUploadError,
     disableMediaButtons: mediaUrl
@@ -107,13 +114,17 @@ function MediaContainer(props, ref) {
     mediaWidth,
     onSelectMedia,
     onWidthChange,
-    enableResize
+    enableResize,
+    toggleUseFeaturedImage,
+    useFeaturedImage,
+    featuredImageURL,
+    featuredImageAlt
   } = props;
   const isTemporaryMedia = !mediaId && (0, _blob.isBlobURL)(mediaUrl);
   const {
     toggleSelection
   } = (0, _data.useDispatch)(_blockEditor.store);
-  if (mediaUrl) {
+  if (mediaUrl || featuredImageURL || useFeaturedImage) {
     const onResizeStart = () => {
       toggleSelection(false);
     };
@@ -128,9 +139,12 @@ function MediaContainer(props, ref) {
       right: enableResize && mediaPosition === 'left',
       left: enableResize && mediaPosition === 'right'
     };
-    const backgroundStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
+    const backgroundStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl || featuredImageURL, focalPoint) : {};
     const mediaTypeRenderers = {
-      image: () => (0, _react.createElement)("img", {
+      image: () => useFeaturedImage && featuredImageURL ? (0, _react.createElement)("img", {
+        src: featuredImageURL,
+        alt: featuredImageAlt
+      }) : mediaUrl && (0, _react.createElement)("img", {
         src: mediaUrl,
         alt: mediaAlt
       }),
@@ -160,10 +174,15 @@ function MediaContainer(props, ref) {
       ref: ref
     }, (0, _react.createElement)(ToolbarEditButton, {
       onSelectMedia: onSelectMedia,
-      mediaUrl: mediaUrl,
-      mediaId: mediaId
-    }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && (0, _react.createElement)(_components.Spinner, null), (0, _react.createElement)(PlaceholderContainer, {
+      mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+      mediaId: mediaId,
+      toggleUseFeaturedImage: toggleUseFeaturedImage,
+      useFeaturedImage: useFeaturedImage
+    }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && (0, _react.createElement)(_components.Spinner, null), !useFeaturedImage && (0, _react.createElement)(PlaceholderContainer, {
       ...props
+    }), !featuredImageURL && useFeaturedImage && (0, _react.createElement)(_components.Placeholder, {
+      className: "wp-block-media-text--placeholder-image",
+      withIllustration: true
     }));
   }
   return (0, _react.createElement)(PlaceholderContainer, {

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","BlockControls","group","MediaReplaceFlow","mediaURL","allowedTypes","accept","onSelect","PlaceholderContainer","className","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","MediaPlaceholder","icon","BlockIcon","labels","title","__","onError","disableMediaButtons","MediaContainer","commitWidthChange","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","isTemporaryMedia","isBlobURL","toggleSelection","blockEditorStore","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","backgroundStyles","mediaTypeRenderers","image","src","alt","video","controls","as","classnames","size","minWidth","maxWidth","enable","axis","Spinner","_default","exports","default"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nexport function imageFillStyles( url, focalPoint ) {\n\treturn url\n\t\t? {\n\t\t\t\tbackgroundImage: `url(${ url })`,\n\t\t\t\tbackgroundPosition: focalPoint\n\t\t\t\t\t? `${ Math.round( focalPoint.x * 100 ) }% ${ Math.round(\n\t\t\t\t\t\t\tfocalPoint.y * 100\n\t\t\t\t\t  ) }%`\n\t\t\t\t\t: `50% 50%`,\n\t\t  }\n\t\t: {};\n}\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( { mediaId, mediaUrl, onSelectMedia } ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( { className, mediaUrl, onSelectMedia } ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst backgroundStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () => <img src={ mediaUrl } alt={ mediaAlt } />,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={ mediaUrl }\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t<PlaceholderContainer { ...props } />\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAtBA;AACA;AACA;;AAGA;AACA;AACA;;AAiBA;AACA;AACA;AACA,MAAMU,mBAAmB,GAAG,CAAE,OAAO,EAAE,OAAO,CAAE;AAChD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,eAAeA,CAAEC,GAAG,EAAEC,UAAU,EAAG;EAClD,OAAOD,GAAG,GACP;IACAE,eAAe,EAAG,OAAOF,GAAK,GAAE;IAChCG,kBAAkB,EAAEF,UAAU,GAC1B,GAAGG,IAAI,CAACC,KAAK,CAAEJ,UAAU,CAACK,CAAC,GAAG,GAAI,CAAG,KAAKF,IAAI,CAACC,KAAK,CACrDJ,UAAU,CAACM,CAAC,GAAG,GACf,CAAG,GAAE,GACJ;EACJ,CAAC,GACD,CAAC,CAAC;AACN;AAEA,MAAMC,qBAAqB,GAAG,IAAAC,mBAAU,EACvC,CAAE;EAAEC,UAAU;EAAEC,iBAAiB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EACvD,MAAMC,QAAQ,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACjD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC7B,WAAA,CAAA8B,YAAY;IACZL,GAAG,EAAGA,GAAK;IACXM,UAAU,EACTT,UAAU,KAAM,CAAEI,QAAQ,IAAI,CAAEH,iBAAiB,CACjD;IAAA,GACIC;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAED,SAASQ,iBAAiBA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAG;EAClE,OACC,IAAAP,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAmC,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAT,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAqC,gBAAgB;IAChBL,OAAO,EAAGA,OAAS;IACnBM,QAAQ,EAAGL,QAAU;IACrBM,YAAY,EAAG/B,mBAAqB;IACpCgC,MAAM,EAAC,iBAAiB;IACxBC,QAAQ,EAAGP;EAAe,CAC1B,CACa,CAAC;AAElB;AAEA,SAASQ,oBAAoBA,CAAE;EAAEC,SAAS;EAAEV,QAAQ;EAAEC;AAAc,CAAC,EAAG;EACvE,MAAM;IAAEU;EAAkB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EAEzD,MAAMC,aAAa,GAAKC,OAAO,IAAM;IACpCJ,iBAAiB,CAAEI,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAW,CAAE,CAAC;EACnD,CAAC;EAED,OACC,IAAAtB,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAkD,gBAAgB;IAChBC,IAAI,EAAG,IAAAxB,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAoD,SAAS;MAACD,IAAI,EAAGA;IAAM,CAAE,CAAG;IACpCE,MAAM,EAAG;MACRC,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAa;IACzB,CAAG;IACHZ,SAAS,EAAGA,SAAW;IACvBF,QAAQ,EAAGP,aAAe;IAC1BM,MAAM,EAAC,iBAAiB;IACxBD,YAAY,EAAG/B,mBAAqB;IACpCgD,OAAO,EAAGT,aAAe;IACzBU,mBAAmB,EAAGxB;EAAU,CAChC,CAAC;AAEJ;AAEA,SAASyB,cAAcA,CAAEnC,KAAK,EAAEC,GAAG,EAAG;EACrC,MAAM;IACLmB,SAAS;IACTgB,iBAAiB;IACjB/C,UAAU;IACVgD,SAAS;IACTvC,UAAU;IACVC,iBAAiB;IACjBuC,QAAQ;IACR7B,OAAO;IACP8B,aAAa;IACbC,SAAS;IACT9B,QAAQ;IACR+B,UAAU;IACV9B,aAAa;IACb+B,aAAa;IACbC;EACD,CAAC,GAAG3C,KAAK;EAET,MAAM4C,gBAAgB,GAAG,CAAEnC,OAAO,IAAI,IAAAoC,eAAS,EAAEnC,QAAS,CAAC;EAE3D,MAAM;IAAEoC;EAAgB,CAAC,GAAG,IAAAxB,iBAAW,EAAEyB,kBAAiB,CAAC;EAE3D,IAAKrC,QAAQ,EAAG;IACf,MAAMsC,aAAa,GAAGA,CAAA,KAAM;MAC3BF,eAAe,CAAE,KAAM,CAAC;IACzB,CAAC;IACD,MAAMG,QAAQ,GAAGA,CAAEC,KAAK,EAAEC,SAAS,EAAEC,GAAG,KAAM;MAC7CV,aAAa,CAAEW,QAAQ,CAAED,GAAG,CAACE,KAAK,CAACC,KAAM,CAAE,CAAC;IAC7C,CAAC;IACD,MAAMC,YAAY,GAAGA,CAAEN,KAAK,EAAEC,SAAS,EAAEC,GAAG,KAAM;MACjDN,eAAe,CAAE,IAAK,CAAC;MACvBV,iBAAiB,CAAEiB,QAAQ,CAAED,GAAG,CAACE,KAAK,CAACC,KAAM,CAAE,CAAC;IACjD,CAAC;IACD,MAAME,eAAe,GAAG;MACvBC,KAAK,EAAEf,YAAY,IAAIJ,aAAa,KAAK,MAAM;MAC/CoB,IAAI,EAAEhB,YAAY,IAAIJ,aAAa,KAAK;IACzC,CAAC;IAED,MAAMqB,gBAAgB,GACrBpB,SAAS,KAAK,OAAO,IAAIH,SAAS,GAC/BlD,eAAe,CAAEuB,QAAQ,EAAErB,UAAW,CAAC,GACvC,CAAC,CAAC;IAEN,MAAMwE,kBAAkB,GAAG;MAC1BC,KAAK,EAAEA,CAAA,KAAM,IAAA1D,MAAA,CAAAC,aAAA;QAAK0D,GAAG,EAAGrD,QAAU;QAACsD,GAAG,EAAG1B;MAAU,CAAE,CAAC;MACtD2B,KAAK,EAAEA,CAAA,KAAM,IAAA7D,MAAA,CAAAC,aAAA;QAAO6D,QAAQ;QAACH,GAAG,EAAGrD;MAAU,CAAE;IAChD,CAAC;IAED,OACC,IAAAN,MAAA,CAAAC,aAAA,EAACT,qBAAqB;MACrBuE,EAAE,EAAC,QAAQ;MACX/C,SAAS,EAAG,IAAAgD,mBAAU,EACrBhD,SAAS,EACT,iCAAiC,EACjC;QAAE,cAAc,EAAEwB;MAAiB,CACpC,CAAG;MACHU,KAAK,EAAGM,gBAAkB;MAC1BS,IAAI,EAAG;QAAEd,KAAK,EAAEd,UAAU,GAAG;MAAI,CAAG;MACpC6B,QAAQ,EAAC,KAAK;MACdC,QAAQ,EAAC,MAAM;MACfC,MAAM,EAAGf,eAAiB;MAC1BT,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA,QAAU;MACrBO,YAAY,EAAGA,YAAc;MAC7BiB,IAAI,EAAC,GAAG;MACR3E,UAAU,EAAGA,UAAY;MACzBC,iBAAiB,EAAGA,iBAAmB;MACvCE,GAAG,EAAGA;IAAK,GAEX,IAAAG,MAAA,CAAAC,aAAA,EAACG,iBAAiB;MACjBG,aAAa,EAAGA,aAAe;MAC/BD,QAAQ,EAAGA,QAAU;MACrBD,OAAO,EAAGA;IAAS,CACnB,CAAC,EACA,CAAEoD,kBAAkB,CAAErB,SAAS,CAAE,IAAItD,IAAI,EAAG,CAAC,EAC7C0D,gBAAgB,IAAI,IAAAxC,MAAA,CAAAC,aAAA,EAAC7B,WAAA,CAAAkG,OAAO,MAAE,CAAC,EACjC,IAAAtE,MAAA,CAAAC,aAAA,EAACc,oBAAoB;MAAA,GAAMnB;IAAK,CAAI,CACd,CAAC;EAE1B;EAEA,OAAO,IAAAI,MAAA,CAAAC,aAAA,EAACc,oBAAoB;IAAA,GAAMnB;EAAK,CAAI,CAAC;AAC7C;AAAC,IAAA2E,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAhF,mBAAU,EAAEsC,cAAe,CAAC"}
+{"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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"}

package/build/media-text/save.js

@@ -49,11 +49,11 @@ function save({
     [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
     [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
   });
-  let image = (0, _react.createElement)("img", {
+  let image = mediaUrl ? (0, _react.createElement)("img", {
     src: mediaUrl,
     alt: mediaAlt,
     className: imageClasses || null
-  });
+  }) : null;
   if (href) {
     image = (0, _react.createElement)("a", {
       className: linkClass,

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 = (\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);\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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"}
+{"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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"}

package/build/navigation/edit/index.js

@@ -117,8 +117,8 @@ function Navigation({
     isSuccess: createNavigationMenuIsSuccess,
     isError: createNavigationMenuIsError
   } = (0, _useCreateNavigationMenu.default)(clientId);
-  const createUntitledEmptyNavigationMenu = () => {
-    createNavigationMenu('');
+  const createUntitledEmptyNavigationMenu = async () => {
+    await createNavigationMenu('');
   };
   const {
     hasUncontrolledInnerBlocks,
@@ -142,9 +142,9 @@ function Navigation({
     hasResolvedCanUserUpdateNavigationMenu,
     canUserDeleteNavigationMenu,
     hasResolvedCanUserDeleteNavigationMenu,
-    canUserCreateNavigationMenu,
-    isResolvingCanUserCreateNavigationMenu,
-    hasResolvedCanUserCreateNavigationMenu
+    canUserCreateNavigationMenus,
+    isResolvingCanUserCreateNavigationMenus,
+    hasResolvedCanUserCreateNavigationMenus
   } = (0, _useNavigationMenu.default)(ref);
   const navMenuResolvedButMissing = hasResolvedNavigationMenus && isNavigationMenuMissing;
   const {
@@ -247,12 +247,7 @@ function Navigation({
   const [detectedOverlayBackgroundColor, setDetectedOverlayBackgroundColor] = (0, _element.useState)();
   const [detectedOverlayColor, setDetectedOverlayColor] = (0, _element.useState)();
   const onSelectClassicMenu = async classicMenu => {
-    const navMenu = await convertClassicMenu(classicMenu.id, classicMenu.name, 'draft');
-    if (navMenu) {
-      handleUpdateMenu(navMenu.id, {
-        focusNavigationBlock: true
-      });
-    }
+    return convertClassicMenu(classicMenu.id, classicMenu.name, 'draft');
   };
   const onSelectNavigationMenu = menuId => {
     handleUpdateMenu(menuId);
@@ -279,11 +274,14 @@ function Navigation({
     }
     if (classicMenuConversionStatus === _useConvertClassicMenuToBlockMenu.CLASSIC_MENU_CONVERSION_SUCCESS) {
       showClassicMenuConversionNotice((0, _i18n.__)('Classic menu imported successfully.'));
+      handleUpdateMenu(createNavigationMenuPost?.id, {
+        focusNavigationBlock: true
+      });
     }
     if (classicMenuConversionStatus === _useConvertClassicMenuToBlockMenu.CLASSIC_MENU_CONVERSION_ERROR) {
       showClassicMenuConversionNotice((0, _i18n.__)('Classic menu import failed.'));
     }
-  }, [classicMenuConversionStatus, classicMenuConversionError, hideClassicMenuConversionNotice, showClassicMenuConversionNotice]);
+  }, [classicMenuConversionStatus, classicMenuConversionError, hideClassicMenuConversionNotice, showClassicMenuConversionNotice, createNavigationMenuPost?.id, handleUpdateMenu]);
   (0, _element.useEffect)(() => {
     if (!enableContrastChecking) {
       return;
@@ -309,12 +307,12 @@ function Navigation({
       if (ref && !navMenuResolvedButMissing && hasResolvedCanUserUpdateNavigationMenu && !canUserUpdateNavigationMenu) {
         showNavigationMenuPermissionsNotice((0, _i18n.__)('You do not have permission to edit this Menu. Any changes made will not be saved.'));
       }
-      if (!ref && hasResolvedCanUserCreateNavigationMenu && !canUserCreateNavigationMenu) {
+      if (!ref && hasResolvedCanUserCreateNavigationMenus && !canUserCreateNavigationMenus) {
         showNavigationMenuPermissionsNotice((0, _i18n.__)('You do not have permission to create Navigation Menus.'));
       }
     }
-  }, [isSelected, isInnerBlockSelected, canUserUpdateNavigationMenu, hasResolvedCanUserUpdateNavigationMenu, canUserCreateNavigationMenu, hasResolvedCanUserCreateNavigationMenu, ref, hideNavigationMenuPermissionsNotice, showNavigationMenuPermissionsNotice, navMenuResolvedButMissing]);
-  const hasManagePermissions = canUserCreateNavigationMenu || canUserUpdateNavigationMenu;
+  }, [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', {
     open: overlayMenuPreview
   });
@@ -512,8 +510,8 @@ function Navigation({
       isSelected: isSelected,
       currentMenuId: ref,
       clientId: clientId,
-      canUserCreateNavigationMenu: canUserCreateNavigationMenu,
-      isResolvingCanUserCreateNavigationMenu: isResolvingCanUserCreateNavigationMenu,
+      canUserCreateNavigationMenus: canUserCreateNavigationMenus,
+      isResolvingCanUserCreateNavigationMenus: isResolvingCanUserCreateNavigationMenus,
       onSelectNavigationMenu: onSelectNavigationMenu,
       onSelectClassicMenu: onSelectClassicMenu,
       onCreateEmpty: createUntitledEmptyNavigationMenu
@@ -540,25 +538,21 @@ function Navigation({
   }), blockEditingMode === 'default' && stylingInspectorControls, blockEditingMode === 'default' && isEntityAvailable && (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "advanced"
   }, hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && (0, _react.createElement)(_navigationMenuNameControl.default, null), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && (0, _react.createElement)(_navigationMenuDeleteControl.default, {
-    onDelete: (deletedMenuTitle = '') => {
+    onDelete: () => {
       replaceInnerBlocks(clientId, []);
-      showNavigationMenuStatusNotice((0, _i18n.sprintf)(
-      // translators: %s: the name of a menu (e.g. Header navigation).
-      (0, _i18n.__)('Navigation menu %s successfully deleted.'), deletedMenuTitle));
+      showNavigationMenuStatusNotice((0, _i18n.__)('Navigation menu successfully deleted.'));
     }
   }), (0, _react.createElement)(_manageMenusButton.default, {
     disabled: isManageMenusButtonDisabled,
     className: "wp-block-navigation-manage-menus-button"
-  })), isLoading && (0, _react.createElement)(TagName, {
-    ...blockProps
-  }, (0, _react.createElement)("div", {
+  })), (0, _react.createElement)(TagName, {
+    ...blockProps,
+    "aria-describedby": !isPlaceholder && !isLoading ? accessibleDescriptionId : undefined
+  }, isLoading && (0, _react.createElement)("div", {
     className: "wp-block-navigation__loading-indicator-container"
   }, (0, _react.createElement)(_components.Spinner, {
     className: "wp-block-navigation__loading-indicator"
-  }))), !isLoading && (0, _react.createElement)(TagName, {
-    ...blockProps,
-    "aria-describedby": !isPlaceholder ? accessibleDescriptionId : undefined
-  }, (0, _react.createElement)(_accessibleMenuDescription.default, {
+  })), !isLoading && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_accessibleMenuDescription.default, {
     id: accessibleDescriptionId
   }), (0, _react.createElement)(_responsiveWrapper.default, {
     id: clientId,
@@ -575,7 +569,7 @@ function Navigation({
     hasCustomPlaceholder: !!CustomPlaceholder,
     templateLock: templateLock,
     orientation: orientation
-  })))));
+  }))))));
 }
 var _default = exports.default = (0, _blockEditor.withColors)({
   textColor: 'color'