@wordpress/block-library 9.6.1 → 9.7.0

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeBridge","_components","_blockEditor","_element","_i18n","_url","_compose","_icons","_style","_interopRequireDefault","_iconRetry","_jsxRuntime","_mediaContainer","ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","getProtocol","mediaUploadSync","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","jsx","Icon","icon","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","payload","onMediaThumbnailUpdate","setState","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","View","style","imageWithFocalPoint","height","children","TouchableWithoutFeedback","accessible","onPress","disabled","imageCropped","mediaImageContainer","Image","align","alt","width","renderVideo","showVideo","isURL","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","jsxs","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","VideoPlayer","video","source","uri","paused","modalIcon","Text","renderContent","mediaElement","renderPlaceholder","MediaPlaceholder","labels","title","__","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","MediaUpload","isReplacingMedia","value","open","getMediaOptions","Fragment","MediaUploadProgress","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","_default","exports","default","compose","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nexport { imageFillStyles } from './media-container.js';\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { mediaUrl, state } = payload;\n\t\tconst { mediaType, onMediaThumbnailUpdate } = this.props;\n\n\t\tif ( ! isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\n\t\tif (\n\t\t\tisUploadInProgress &&\n\t\t\tmediaType === MEDIA_TYPE_IMAGE &&\n\t\t\tmediaUrl &&\n\t\t\t! state\n\t\t) {\n\t\t\tonMediaThumbnailUpdate( mediaUrl );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, isUploadPaused, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadPaused={ isUploadPaused }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tclassName=\"no-block-outline\"\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tenablePausedUploads={\n\t\t\t\t\t\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeBridge","_components","_blockEditor","_element","_i18n","_url","_compose","_icons","_style","_interopRequireDefault","_iconRetry","_jsxRuntime","ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","getProtocol","mediaUploadSync","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","jsx","Icon","icon","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","payload","onMediaThumbnailUpdate","setState","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","View","style","imageWithFocalPoint","height","children","TouchableWithoutFeedback","accessible","onPress","disabled","imageCropped","mediaImageContainer","Image","align","alt","width","renderVideo","showVideo","isURL","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","jsxs","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","VideoPlayer","video","source","uri","paused","modalIcon","Text","renderContent","mediaElement","renderPlaceholder","MediaPlaceholder","labels","title","__","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","MediaUpload","isReplacingMedia","value","open","getMediaOptions","Fragment","MediaUploadProgress","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","_default","exports","default","compose","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { mediaUrl, state } = payload;\n\t\tconst { mediaType, onMediaThumbnailUpdate } = this.props;\n\n\t\tif ( ! isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\n\t\tif (\n\t\t\tisUploadInProgress &&\n\t\t\tmediaType === MEDIA_TYPE_IMAGE &&\n\t\t\tmediaUrl &&\n\t\t\t! state\n\t\t) {\n\t\t\tonMediaThumbnailUpdate( mediaUrl );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, isUploadPaused, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadPaused={ isUploadPaused }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tclassName=\"no-block-outline\"\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tenablePausedUploads={\n\t\t\t\t\t\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"],"mappings":"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","ignoreList":[]}

package/build/media-text/save.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_mediaContainer","_constants","_jsxRuntime","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","jsx","src","alt","className","target","children","mediaTypeRenders","video","controls","backgroundStyles","imageFillStyles","gridTemplateColumns","style","jsxs","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":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_imageFill","_constants","_jsxRuntime","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","positionStyles","imageFillStyles","image","jsx","src","alt","className","style","target","children","mediaTypeRenders","video","controls","gridTemplateColumns","jsxs","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 './image-fill';\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\tconst positionStyles = imageFill\n\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\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\tstyle={ positionStyles }\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-element': imageFill,\n\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 className=\"wp-block-media-text__media\">\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t<figure className=\"wp-block-media-text__media\">\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/missing/edit.js

@@ -48,7 +48,10 @@ function MissingEdit({
   }
   const actions = [];
   let messageHTML;
-  const convertToHtmlButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  const convertToHtmlButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
     onClick: convertToHTML,
     variant: "primary",
     children: (0, _i18n.__)('Keep as HTML')
@@ -62,11 +65,11 @@ function MissingEdit({
     }
   } else if (hasContent && hasHTMLBlock) {
     messageHTML = (0, _i18n.sprintf)( /* translators: %s: block name */
-    (0, _i18n.__)('Your site doesn’t include support for the "%s" block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely.'), originalName);
+    (0, _i18n.__)('Your site doesn’t include support for the "%s" block. You can leave it as-is, convert it to custom HTML, or remove it.'), originalName);
     actions.push(convertToHtmlButton);
   } else {
     messageHTML = (0, _i18n.sprintf)( /* translators: %s: block name */
-    (0, _i18n.__)('Your site doesn’t include support for the "%s" block. You can leave this block intact or remove it entirely.'), originalName);
+    (0, _i18n.__)('Your site doesn’t include support for the "%s" block. You can leave it as-is or remove it.'), originalName);
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ...(0, _blockEditor.useBlockProps)({

package/build/missing/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_element","_components","_blocks","_data","_blockEditor","_dom","_jsxRuntime","MissingEdit","attributes","clientId","originalName","originalUndelimitedContent","hasContent","hasFreeformBlock","hasHTMLBlock","useSelect","select","canInsertBlockType","getBlockRootClientId","blockEditorStore","replaceBlock","useDispatch","convertToHTML","createBlock","content","actions","messageHTML","convertToHtmlButton","jsx","Button","onClick","variant","children","__","push","sprintf","jsxs","useBlockProps","className","Warning","RawHTML","safeHTML"],"sources":["@wordpress/block-library/src/missing/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { RawHTML } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { createBlock } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tWarning,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { safeHTML } from '@wordpress/dom';\n\nexport default function MissingEdit( { attributes, clientId } ) {\n\tconst { originalName, originalUndelimitedContent } = attributes;\n\tconst hasContent = !! originalUndelimitedContent;\n\tconst { hasFreeformBlock, hasHTMLBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasFreeformBlock: canInsertBlockType(\n\t\t\t\t\t'core/freeform',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t\thasHTMLBlock: canInsertBlockType(\n\t\t\t\t\t'core/html',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\n\tfunction convertToHTML() {\n\t\treplaceBlock(\n\t\t\tclientId,\n\t\t\tcreateBlock( 'core/html', {\n\t\t\t\tcontent: originalUndelimitedContent,\n\t\t\t} )\n\t\t);\n\t}\n\n\tconst actions = [];\n\tlet messageHTML;\n\n\tconst convertToHtmlButton = (\n\t\t<Button key=\"convert\" onClick={ convertToHTML } variant=\"primary\">\n\t\t\t{ __( 'Keep as HTML' ) }\n\t\t</Button>\n\t);\n\n\tif ( hasContent && ! hasFreeformBlock && ! originalName ) {\n\t\tif ( hasHTMLBlock ) {\n\t\t\tmessageHTML = __(\n\t\t\t\t'It appears you are trying to use the deprecated Classic block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.'\n\t\t\t);\n\t\t\tactions.push( convertToHtmlButton );\n\t\t} else {\n\t\t\tmessageHTML = __(\n\t\t\t\t'It appears you are trying to use the deprecated Classic block. You can leave this block intact, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.'\n\t\t\t);\n\t\t}\n\t} else if ( hasContent && hasHTMLBlock ) {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t\tactions.push( convertToHtmlButton );\n\t} else {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave this block intact or remove it entirely.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'has-warning' } ) }>\n\t\t\t<Warning actions={ actions }>{ messageHTML }</Warning>\n\t\t\t<RawHTML>{ safeHTML( originalUndelimitedContent ) }</RawHTML>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,IAAA,GAAAN,OAAA;AAA0C,IAAAO,WAAA,GAAAP,OAAA;AAb1C;AACA;AACA;;AAae,SAASQ,WAAWA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IAAEC,YAAY;IAAEC;EAA2B,CAAC,GAAGH,UAAU;EAC/D,MAAMI,UAAU,GAAG,CAAC,CAAED,0BAA0B;EAChD,MAAM;IAAEE,gBAAgB;IAAEC;EAAa,CAAC,GAAG,IAAAC,eAAS,EACjDC,MAAM,IAAM;IACb,MAAM;MAAEC,kBAAkB;MAAEC;IAAqB,CAAC,GACjDF,MAAM,CAAEG,kBAAiB,CAAC;IAE3B,OAAO;MACNN,gBAAgB,EAAEI,kBAAkB,CACnC,eAAe,EACfC,oBAAoB,CAAET,QAAS,CAChC,CAAC;MACDK,YAAY,EAAEG,kBAAkB,CAC/B,WAAW,EACXC,oBAAoB,CAAET,QAAS,CAChC;IACD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEW;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEF,kBAAiB,CAAC;EAExD,SAASG,aAAaA,CAAA,EAAG;IACxBF,YAAY,CACXX,QAAQ,EACR,IAAAc,mBAAW,EAAE,WAAW,EAAE;MACzBC,OAAO,EAAEb;IACV,CAAE,CACH,CAAC;EACF;EAEA,MAAMc,OAAO,GAAG,EAAE;EAClB,IAAIC,WAAW;EAEf,MAAMC,mBAAmB,gBACxB,IAAArB,WAAA,CAAAsB,GAAA,EAAC3B,WAAA,CAAA4B,MAAM;IAAeC,OAAO,EAAGR,aAAe;IAACS,OAAO,EAAC,SAAS;IAAAC,QAAA,EAC9D,IAAAC,QAAE,EAAE,cAAe;EAAC,GADX,SAEJ,CACR;EAED,IAAKrB,UAAU,IAAI,CAAEC,gBAAgB,IAAI,CAAEH,YAAY,EAAG;IACzD,IAAKI,YAAY,EAAG;MACnBY,WAAW,GAAG,IAAAO,QAAE,EACf,sOACD,CAAC;MACDR,OAAO,CAACS,IAAI,CAAEP,mBAAoB,CAAC;IACpC,CAAC,MAAM;MACND,WAAW,GAAG,IAAAO,QAAE,EACf,0LACD,CAAC;IACF;EACD,CAAC,MAAM,IAAKrB,UAAU,IAAIE,YAAY,EAAG;IACxCY,WAAW,GAAG,IAAAS,aAAO,GACpB;IACA,IAAAF,QAAE,EACD,2JACD,CAAC,EACDvB,YACD,CAAC;IACDe,OAAO,CAACS,IAAI,CAAEP,mBAAoB,CAAC;EACpC,CAAC,MAAM;IACND,WAAW,GAAG,IAAAS,aAAO,GACpB;IACA,IAAAF,QAAE,EACD,8GACD,CAAC,EACDvB,YACD,CAAC;EACF;EAEA,oBACC,IAAAJ,WAAA,CAAA8B,IAAA;IAAA,GAAU,IAAAC,0BAAa,EAAE;MAAEC,SAAS,EAAE;IAAc,CAAE,CAAC;IAAAN,QAAA,gBACtD,IAAA1B,WAAA,CAAAsB,GAAA,EAACxB,YAAA,CAAAmC,OAAO;MAACd,OAAO,EAAGA,OAAS;MAAAO,QAAA,EAAGN;IAAW,CAAW,CAAC,eACtD,IAAApB,WAAA,CAAAsB,GAAA,EAAC5B,QAAA,CAAAwC,OAAO;MAAAR,QAAA,EAAG,IAAAS,aAAQ,EAAE9B,0BAA2B;IAAC,CAAW,CAAC;EAAA,CACzD,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_element","_components","_blocks","_data","_blockEditor","_dom","_jsxRuntime","MissingEdit","attributes","clientId","originalName","originalUndelimitedContent","hasContent","hasFreeformBlock","hasHTMLBlock","useSelect","select","canInsertBlockType","getBlockRootClientId","blockEditorStore","replaceBlock","useDispatch","convertToHTML","createBlock","content","actions","messageHTML","convertToHtmlButton","jsx","Button","__next40pxDefaultSize","onClick","variant","children","__","push","sprintf","jsxs","useBlockProps","className","Warning","RawHTML","safeHTML"],"sources":["@wordpress/block-library/src/missing/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { RawHTML } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { createBlock } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tWarning,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { safeHTML } from '@wordpress/dom';\n\nexport default function MissingEdit( { attributes, clientId } ) {\n\tconst { originalName, originalUndelimitedContent } = attributes;\n\tconst hasContent = !! originalUndelimitedContent;\n\tconst { hasFreeformBlock, hasHTMLBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasFreeformBlock: canInsertBlockType(\n\t\t\t\t\t'core/freeform',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t\thasHTMLBlock: canInsertBlockType(\n\t\t\t\t\t'core/html',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\n\tfunction convertToHTML() {\n\t\treplaceBlock(\n\t\t\tclientId,\n\t\t\tcreateBlock( 'core/html', {\n\t\t\t\tcontent: originalUndelimitedContent,\n\t\t\t} )\n\t\t);\n\t}\n\n\tconst actions = [];\n\tlet messageHTML;\n\n\tconst convertToHtmlButton = (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tkey=\"convert\"\n\t\t\tonClick={ convertToHTML }\n\t\t\tvariant=\"primary\"\n\t\t>\n\t\t\t{ __( 'Keep as HTML' ) }\n\t\t</Button>\n\t);\n\n\tif ( hasContent && ! hasFreeformBlock && ! originalName ) {\n\t\tif ( hasHTMLBlock ) {\n\t\t\tmessageHTML = __(\n\t\t\t\t'It appears you are trying to use the deprecated Classic block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.'\n\t\t\t);\n\t\t\tactions.push( convertToHtmlButton );\n\t\t} else {\n\t\t\tmessageHTML = __(\n\t\t\t\t'It appears you are trying to use the deprecated Classic block. You can leave this block intact, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.'\n\t\t\t);\n\t\t}\n\t} else if ( hasContent && hasHTMLBlock ) {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave it as-is, convert it to custom HTML, or remove it.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t\tactions.push( convertToHtmlButton );\n\t} else {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave it as-is or remove it.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'has-warning' } ) }>\n\t\t\t<Warning actions={ actions }>{ messageHTML }</Warning>\n\t\t\t<RawHTML>{ safeHTML( originalUndelimitedContent ) }</RawHTML>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,IAAA,GAAAN,OAAA;AAA0C,IAAAO,WAAA,GAAAP,OAAA;AAb1C;AACA;AACA;;AAae,SAASQ,WAAWA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IAAEC,YAAY;IAAEC;EAA2B,CAAC,GAAGH,UAAU;EAC/D,MAAMI,UAAU,GAAG,CAAC,CAAED,0BAA0B;EAChD,MAAM;IAAEE,gBAAgB;IAAEC;EAAa,CAAC,GAAG,IAAAC,eAAS,EACjDC,MAAM,IAAM;IACb,MAAM;MAAEC,kBAAkB;MAAEC;IAAqB,CAAC,GACjDF,MAAM,CAAEG,kBAAiB,CAAC;IAE3B,OAAO;MACNN,gBAAgB,EAAEI,kBAAkB,CACnC,eAAe,EACfC,oBAAoB,CAAET,QAAS,CAChC,CAAC;MACDK,YAAY,EAAEG,kBAAkB,CAC/B,WAAW,EACXC,oBAAoB,CAAET,QAAS,CAChC;IACD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEW;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEF,kBAAiB,CAAC;EAExD,SAASG,aAAaA,CAAA,EAAG;IACxBF,YAAY,CACXX,QAAQ,EACR,IAAAc,mBAAW,EAAE,WAAW,EAAE;MACzBC,OAAO,EAAEb;IACV,CAAE,CACH,CAAC;EACF;EAEA,MAAMc,OAAO,GAAG,EAAE;EAClB,IAAIC,WAAW;EAEf,MAAMC,mBAAmB,gBACxB,IAAArB,WAAA,CAAAsB,GAAA,EAAC3B,WAAA,CAAA4B;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAE/BC,OAAO,EAAGT,aAAe;IACzBU,OAAO,EAAC,SAAS;IAAAC,QAAA,EAEf,IAAAC,QAAE,EAAE,cAAe;EAAC,GAJlB,SAKG,CACR;EAED,IAAKtB,UAAU,IAAI,CAAEC,gBAAgB,IAAI,CAAEH,YAAY,EAAG;IACzD,IAAKI,YAAY,EAAG;MACnBY,WAAW,GAAG,IAAAQ,QAAE,EACf,sOACD,CAAC;MACDT,OAAO,CAACU,IAAI,CAAER,mBAAoB,CAAC;IACpC,CAAC,MAAM;MACND,WAAW,GAAG,IAAAQ,QAAE,EACf,0LACD,CAAC;IACF;EACD,CAAC,MAAM,IAAKtB,UAAU,IAAIE,YAAY,EAAG;IACxCY,WAAW,GAAG,IAAAU,aAAO,GACpB;IACA,IAAAF,QAAE,EACD,wHACD,CAAC,EACDxB,YACD,CAAC;IACDe,OAAO,CAACU,IAAI,CAAER,mBAAoB,CAAC;EACpC,CAAC,MAAM;IACND,WAAW,GAAG,IAAAU,aAAO,GACpB;IACA,IAAAF,QAAE,EACD,4FACD,CAAC,EACDxB,YACD,CAAC;EACF;EAEA,oBACC,IAAAJ,WAAA,CAAA+B,IAAA;IAAA,GAAU,IAAAC,0BAAa,EAAE;MAAEC,SAAS,EAAE;IAAc,CAAE,CAAC;IAAAN,QAAA,gBACtD,IAAA3B,WAAA,CAAAsB,GAAA,EAACxB,YAAA,CAAAoC,OAAO;MAACf,OAAO,EAAGA,OAAS;MAAAQ,QAAA,EAAGP;IAAW,CAAW,CAAC,eACtD,IAAApB,WAAA,CAAAsB,GAAA,EAAC5B,QAAA,CAAAyC,OAAO;MAAAR,QAAA,EAAG,IAAAS,aAAQ,EAAE/B,0BAA2B;IAAC,CAAW,CAAC;EAAA,CACzD,CAAC;AAER","ignoreList":[]}

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

@@ -18,7 +18,10 @@ function DeletedNavigationWarning({
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Warning, {
     children: (0, _element.createInterpolateElement)((0, _i18n.__)('Navigation Menu has been deleted or is unavailable. <button>Create a new Menu?</button>'), {
-      button: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      button: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         onClick: onCreateNew,
         variant: "link"
       })

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

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","_jsxRuntime","DeletedNavigationWarning","onCreateNew","jsx","Warning","children","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;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAN9D;AACA;AACA;;AAMA,SAASK,wBAAwBA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpD,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACR,YAAA,CAAAS,OAAO;IAAAC,QAAA,EACL,IAAAC,iCAAwB,EACzB,IAAAC,QAAE,EACD,yFACD,CAAC,EACD;MACCC,MAAM,eAAE,IAAAR,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAY,MAAM;QAACC,OAAO,EAAGR,WAAa;QAACS,OAAO,EAAC;MAAM,CAAE;IACzD,CACD;EAAC,CACO,CAAC;AAEZ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcb,wBAAwB","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","_jsxRuntime","DeletedNavigationWarning","onCreateNew","jsx","Warning","children","createInterpolateElement","__","button","Button","__next40pxDefaultSize","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: (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tonClick={ onCreateNew }\n\t\t\t\t\t\t\tvariant=\"link\"\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</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;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAN9D;AACA;AACA;;AAMA,SAASK,wBAAwBA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpD,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACR,YAAA,CAAAS,OAAO;IAAAC,QAAA,EACL,IAAAC,iCAAwB,EACzB,IAAAC,QAAE,EACD,yFACD,CAAC,EACD;MACCC,MAAM,eACL,IAAAR,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAY;MACA;MAAA;QACAC,qBAAqB,EAAG,KAAO;QAC/BC,OAAO,EAAGT,WAAa;QACvBU,OAAO,EAAC;MAAM,CACd;IAEH,CACD;EAAC,CACO,CAAC;AAEZ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,wBAAwB","ignoreList":[]}

package/build/navigation/edit/index.js

@@ -384,7 +384,10 @@ function Navigation({
       children: hasSubmenuIndicatorSetting && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
         title: (0, _i18n.__)('Display'),
         children: [isResponsive && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Button, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Button
+          // TODO: Switch to `true` (40px size) if possible
+          , {
+            __next40pxDefaultSize: false,
             className: overlayMenuPreviewClasses,
             onClick: () => {
               setOverlayMenuPreview(!overlayMenuPreview);