@wordpress/block-library 8.28.4 → 8.28.6

package/build/site-logo/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blob","_element","_i18n","_components","_compose","_blockEditor","_data","_coreData","_icons","_notices","_useClientWidth","_constants","ALLOWED_MEDIA_TYPES","ACCEPT_MEDIA_STRING","SiteLogo","alt","attributes","align","width","height","isLink","linkTarget","shouldSyncIcon","containerRef","isSelected","setAttributes","setLogo","logoUrl","siteUrl","logoId","iconId","setIcon","canUserEdit","clientWidth","useClientWidth","isLargeViewport","useViewportMatch","isWideAligned","includes","isResizable","naturalWidth","naturalHeight","setNaturalSize","useState","isEditingImage","setIsEditingImage","toggleSelection","useDispatch","blockEditorStore","classes","classnames","isBlobURL","imageEditing","maxWidth","title","useSelect","select","settings","getSettings","siteEntities","coreStore","getEntityRecord","name","useEffect","onResizeStart","onResizeStop","img","_react","createElement","className","src","onLoad","event","target","imgWrapper","href","rel","onClick","preventDefault","imageWidthWithinContainer","exceedMaxWidth","style","defaultWidth","currentWidth","ratio","currentHeight","minWidth","MIN_SIZE","Math","ceil","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","isRTL","canEditImage","imgEdit","__experimentalImageEditor","id","url","onSaveImage","imageAttributes","onFinishEditing","ResizableBox","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","delta","parseInt","syncSiteIconHelpText","createInterpolateElement","__","a","Fragment","InspectorControls","PanelBody","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","onChange","newWidth","min","max","initialPosition","value","disabled","ToggleControl","checked","undefined","help","BlockControls","group","ToolbarButton","icon","crop","SiteLogoReplaceFlow","onRemoveLogo","mediaReplaceProps","MediaReplaceFlow","allowedTypes","accept","MenuItem","InspectorLogoPreview","mediaItemData","itemGroupProps","alt_text","source_url","slug","logoSlug","media_details","logoMediaDetails","logoLabel","sizes","full","file","__experimentalItemGroup","as","__experimentalHStack","justify","FlexItem","__experimentalTruncate","numberOfLines","LogoEdit","ref","useRef","siteLogoId","siteIconId","isRequestingMediaItem","canUser","getEditedEntityRecord","_canUserEdit","siteSettings","siteData","_siteLogoId","site_logo","_siteIconId","site_icon","mediaItem","getMedia","context","_isRequestingMediaItem","hasFinishedResolution","home","editEntityRecord","newValue","shouldForceSync","onInitialSelectLogo","media","onSelectLogo","createErrorNotice","noticesStore","onUploadError","message","type","onFilesDrop","filesList","mediaUpload","onFileChange","image","onError","mediaReplaceFlowProps","mediaURL","onSelect","controls","logoImage","isLoading","Spinner","placeholder","content","placeholderClassName","Placeholder","preview","withIllustration","blockProps","useBlockProps","mediaInspectorPanel","isBordered","popoverProps","MediaUploadCheck","MediaUpload","render","open","Button","variant","DropZone","MediaPlaceholder","mediaLibraryButton","upload","showTooltip","tooltipPosition"],"sources":["@wordpress/block-library/src/site-logo/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tcreateInterpolateElement,\n\tuseEffect,\n\tuseState,\n\tuseRef,\n} from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\tMenuItem,\n\tPanelBody,\n\tRangeControl,\n\tResizableBox,\n\tSpinner,\n\tToggleControl,\n\tToolbarButton,\n\tPlaceholder,\n\tButton,\n\tDropZone,\n\tFlexItem,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadCheck,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalImageEditor as ImageEditor,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { crop, upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport useClientWidth from '../image/use-client-width';\n\n/**\n * Module constants\n */\nimport { MIN_SIZE } from '../image/constants';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\nconst ACCEPT_MEDIA_STRING = 'image/*';\n\nconst SiteLogo = ( {\n\talt,\n\tattributes: { align, width, height, isLink, linkTarget, shouldSyncIcon },\n\tcontainerRef,\n\tisSelected,\n\tsetAttributes,\n\tsetLogo,\n\tlogoUrl,\n\tsiteUrl,\n\tlogoId,\n\ticonId,\n\tsetIcon,\n\tcanUserEdit,\n} ) => {\n\tconst clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst isResizable = ! isWideAligned && isLargeViewport;\n\tconst [ { naturalWidth, naturalHeight }, setNaturalSize ] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\tconst classes = classnames( 'custom-logo-link', {\n\t\t'is-transient': isBlobURL( logoUrl ),\n\t} );\n\tconst { imageEditing, maxWidth, title } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\tconst siteEntities = select( coreStore ).getEntityRecord(\n\t\t\t'root',\n\t\t\t'__unstableBase'\n\t\t);\n\t\treturn {\n\t\t\ttitle: siteEntities?.name,\n\t\t\timageEditing: settings.imageEditing,\n\t\t\tmaxWidth: settings.maxWidth,\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\t// Turn the `Use as site icon` toggle off if it is on but the logo and icon have\n\t\t// fallen out of sync. This can happen if the toggle is saved in the `on` position,\n\t\t// but changes are later made to the site icon in the Customizer.\n\t\tif ( shouldSyncIcon && logoId !== iconId ) {\n\t\t\tsetAttributes( { shouldSyncIcon: false } );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t}\n\t}, [ isSelected ] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tconst img = (\n\t\t<img\n\t\t\tclassName=\"custom-logo\"\n\t\t\tsrc={ logoUrl }\n\t\t\talt={ alt }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\tsetNaturalSize( {\n\t\t\t\t\tnaturalWidth: event.target.naturalWidth,\n\t\t\t\t\tnaturalHeight: event.target.naturalHeight,\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n\n\tlet imgWrapper = img;\n\n\t// Disable reason: Image itself is not meant to be interactive, but\n\t// should direct focus to block.\n\tif ( isLink ) {\n\t\timgWrapper = (\n\t\t\t/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t\t<a\n\t\t\t\thref={ siteUrl }\n\t\t\t\tclassName={ classes }\n\t\t\t\trel=\"home\"\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t{ img }\n\t\t\t</a>\n\t\t\t/* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t);\n\t}\n\n\tlet imageWidthWithinContainer;\n\n\tif ( clientWidth && naturalWidth && naturalHeight ) {\n\t\tconst exceedMaxWidth = naturalWidth > clientWidth;\n\t\timageWidthWithinContainer = exceedMaxWidth ? clientWidth : naturalWidth;\n\t}\n\n\tif ( ! isResizable || ! imageWidthWithinContainer ) {\n\t\treturn <div style={ { width, height } }>{ imgWrapper }</div>;\n\t}\n\n\t// Set the default width to a responsible size.\n\t// Note that this width is also set in the attached frontend CSS file.\n\tconst defaultWidth = 120;\n\n\tconst currentWidth = width || defaultWidth;\n\tconst ratio = naturalWidth / naturalHeight;\n\tconst currentHeight = currentWidth / ratio;\n\tconst minWidth =\n\t\tnaturalWidth < naturalHeight ? MIN_SIZE : Math.ceil( MIN_SIZE * ratio );\n\tconst minHeight =\n\t\tnaturalHeight < naturalWidth ? MIN_SIZE : Math.ceil( MIN_SIZE / ratio );\n\n\t// With the current implementation of ResizableBox, an image needs an\n\t// explicit pixel value for the max-width. In absence of being able to\n\t// set the content-width, this max-width is currently dictated by the\n\t// vanilla editor style. The following variable adds a buffer to this\n\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t// in most cases, allow you to scale the image beyond the width of the\n\t// main column, though not infinitely.\n\t// @todo It would be good to revisit this once a content-width variable\n\t// becomes available.\n\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\tlet showRightHandle = false;\n\tlet showLeftHandle = false;\n\n\t/* eslint-disable no-lonely-if */\n\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\tif ( align === 'center' ) {\n\t\t// When the image is centered, show both handles.\n\t\tshowRightHandle = true;\n\t\tshowLeftHandle = true;\n\t} else if ( isRTL() ) {\n\t\t// In RTL mode the image is on the right by default.\n\t\t// Show the right handle and hide the left handle only when it is\n\t\t// aligned left. Otherwise always show the left handle.\n\t\tif ( align === 'left' ) {\n\t\t\tshowRightHandle = true;\n\t\t} else {\n\t\t\tshowLeftHandle = true;\n\t\t}\n\t} else {\n\t\t// Show the left handle and hide the right handle only when the\n\t\t// image is aligned right. Otherwise always show the right handle.\n\t\tif ( align === 'right' ) {\n\t\t\tshowLeftHandle = true;\n\t\t} else {\n\t\t\tshowRightHandle = true;\n\t\t}\n\t}\n\t/* eslint-enable no-lonely-if */\n\n\tconst canEditImage =\n\t\tlogoId && naturalWidth && naturalHeight && imageEditing;\n\n\tconst imgEdit =\n\t\tcanEditImage && isEditingImage ? (\n\t\t\t<ImageEditor\n\t\t\t\tid={ logoId }\n\t\t\t\turl={ logoUrl }\n\t\t\t\twidth={ currentWidth }\n\t\t\t\theight={ currentHeight }\n\t\t\t\tclientWidth={ clientWidth }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\tonSaveImage={ ( imageAttributes ) => {\n\t\t\t\t\tsetLogo( imageAttributes.id );\n\t\t\t\t} }\n\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t} }\n\t\t\t/>\n\t\t) : (\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth,\n\t\t\t\t\theight: currentHeight,\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tminWidth={ minWidth }\n\t\t\t\tmaxWidth={ maxWidthBuffer }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tmaxHeight={ maxWidthBuffer / ratio }\n\t\t\t\tlockAspectRatio\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: showRightHandle,\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: showLeftHandle,\n\t\t\t\t} }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: parseInt( currentWidth + delta.width, 10 ),\n\t\t\t\t\t\theight: parseInt( currentHeight + delta.height, 10 ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ imgWrapper }\n\t\t\t</ResizableBox>\n\t\t);\n\n\tconst syncSiteIconHelpText = createInterpolateElement(\n\t\t__(\n\t\t\t'Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. To use a custom icon that is different from your site logo, use the <a>Site Icon settings</a>.'\n\t\t),\n\t\t{\n\t\t\ta: (\n\t\t\t\t// eslint-disable-next-line jsx-a11y/anchor-has-content\n\t\t\t\t<a\n\t\t\t\t\thref={\n\t\t\t\t\t\tsiteUrl +\n\t\t\t\t\t\t'/wp-admin/customize.php?autofocus[section]=title_tagline'\n\t\t\t\t\t}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t/>\n\t\t\t),\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Image width' ) }\n\t\t\t\t\t\tonChange={ ( newWidth ) =>\n\t\t\t\t\t\t\tsetAttributes( { width: newWidth } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ minWidth }\n\t\t\t\t\t\tmax={ maxWidthBuffer }\n\t\t\t\t\t\tinitialPosition={ Math.min(\n\t\t\t\t\t\t\tdefaultWidth,\n\t\t\t\t\t\t\tmaxWidthBuffer\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\t\tdisabled={ ! isResizable }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link image to home' ) }\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isLink && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\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\tchecked={ linkTarget === '_blank' }\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\t{ canUserEdit && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Use as site icon' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( { shouldSyncIcon: value } );\n\t\t\t\t\t\t\t\t\tsetIcon( value ? logoId : undefined );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tchecked={ !! shouldSyncIcon }\n\t\t\t\t\t\t\t\thelp={ syncSiteIconHelpText }\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</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ canEditImage && ! isEditingImage && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ imgEdit }\n\t\t</>\n\t);\n};\n\n// This is a light wrapper around MediaReplaceFlow because the block has two\n// different MediaReplaceFlows, one for the inspector and one for the toolbar.\nfunction SiteLogoReplaceFlow( { onRemoveLogo, ...mediaReplaceProps } ) {\n\treturn (\n\t\t<MediaReplaceFlow\n\t\t\t{ ...mediaReplaceProps }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\taccept={ ACCEPT_MEDIA_STRING }\n\t\t>\n\t\t\t<MenuItem onClick={ onRemoveLogo }>{ __( 'Reset' ) }</MenuItem>\n\t\t</MediaReplaceFlow>\n\t);\n}\n\nconst InspectorLogoPreview = ( { mediaItemData = {}, itemGroupProps } ) => {\n\tconst {\n\t\talt_text: alt,\n\t\tsource_url: logoUrl,\n\t\tslug: logoSlug,\n\t\tmedia_details: logoMediaDetails,\n\t} = mediaItemData;\n\tconst logoLabel = logoMediaDetails?.sizes?.full?.file || logoSlug;\n\treturn (\n\t\t<ItemGroup { ...itemGroupProps } as=\"span\">\n\t\t\t<HStack justify=\"flex-start\" as=\"span\">\n\t\t\t\t<img src={ logoUrl } alt={ alt } />\n\t\t\t\t<FlexItem as=\"span\">\n\t\t\t\t\t<Truncate\n\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\tclassName=\"block-library-site-logo__inspector-media-replace-title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ logoLabel }\n\t\t\t\t\t</Truncate>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</ItemGroup>\n\t);\n};\n\nexport default function LogoEdit( {\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tisSelected,\n} ) {\n\tconst { width, shouldSyncIcon } = attributes;\n\tconst ref = useRef();\n\n\tconst {\n\t\tsiteLogoId,\n\t\tcanUserEdit,\n\t\turl,\n\t\tsiteIconId,\n\t\tmediaItemData,\n\t\tisRequestingMediaItem,\n\t} = useSelect( ( select ) => {\n\t\tconst { canUser, getEntityRecord, getEditedEntityRecord } =\n\t\t\tselect( coreStore );\n\t\tconst _canUserEdit = canUser( 'update', 'settings' );\n\t\tconst siteSettings = _canUserEdit\n\t\t\t? getEditedEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\tconst _siteLogoId = _canUserEdit\n\t\t\t? siteSettings?.site_logo\n\t\t\t: siteData?.site_logo;\n\t\tconst _siteIconId = siteSettings?.site_icon;\n\t\tconst mediaItem =\n\t\t\t_siteLogoId &&\n\t\t\tselect( coreStore ).getMedia( _siteLogoId, {\n\t\t\t\tcontext: 'view',\n\t\t\t} );\n\t\tconst _isRequestingMediaItem =\n\t\t\t_siteLogoId &&\n\t\t\t! select( coreStore ).hasFinishedResolution( 'getMedia', [\n\t\t\t\t_siteLogoId,\n\t\t\t\t{ context: 'view' },\n\t\t\t] );\n\n\t\treturn {\n\t\t\tsiteLogoId: _siteLogoId,\n\t\t\tcanUserEdit: _canUserEdit,\n\t\t\turl: siteData?.home,\n\t\t\tmediaItemData: mediaItem,\n\t\t\tisRequestingMediaItem: _isRequestingMediaItem,\n\t\t\tsiteIconId: _siteIconId,\n\t\t};\n\t}, [] );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst setLogo = ( newValue, shouldForceSync = false ) => {\n\t\t// `shouldForceSync` is used to force syncing when the attribute\n\t\t// may not have updated yet.\n\t\tif ( shouldSyncIcon || shouldForceSync ) {\n\t\t\tsetIcon( newValue );\n\t\t}\n\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tsite_logo: newValue,\n\t\t} );\n\t};\n\n\tconst setIcon = ( newValue ) =>\n\t\t// The new value needs to be `null` to reset the Site Icon.\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tsite_icon: newValue ?? null,\n\t\t} );\n\n\tconst { alt_text: alt, source_url: logoUrl } = mediaItemData ?? {};\n\n\tconst onInitialSelectLogo = ( media ) => {\n\t\t// Initialize the syncSiteIcon toggle. If we currently have no Site logo and no\n\t\t// site icon, automatically sync the logo to the icon.\n\t\tif ( shouldSyncIcon === undefined ) {\n\t\t\tconst shouldForceSync = ! siteIconId;\n\t\t\tsetAttributes( { shouldSyncIcon: shouldForceSync } );\n\n\t\t\t// Because we cannot rely on the `shouldSyncIcon` attribute to have updated by\n\t\t\t// the time `setLogo` is called, pass an argument to force the syncing.\n\t\t\tonSelectLogo( media, shouldForceSync );\n\t\t\treturn;\n\t\t}\n\n\t\tonSelectLogo( media );\n\t};\n\n\tconst onSelectLogo = ( media, shouldForceSync = false ) => {\n\t\tif ( ! media ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! media.id && media.url ) {\n\t\t\t// This is a temporary blob image.\n\t\t\tsetLogo( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tsetLogo( media.id, shouldForceSync );\n\t};\n\n\tconst onRemoveLogo = () => {\n\t\tsetLogo( null );\n\t\tsetAttributes( { width: undefined } );\n\t};\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst onFilesDrop = ( filesList ) => {\n\t\tgetSettings().mediaUpload( {\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tfilesList,\n\t\t\tonFileChange( [ image ] ) {\n\t\t\t\tif ( isBlobURL( image?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tonInitialSelectLogo( image );\n\t\t\t},\n\t\t\tonError: onUploadError,\n\t\t} );\n\t};\n\n\tconst mediaReplaceFlowProps = {\n\t\tmediaURL: logoUrl,\n\t\tonSelect: onSelectLogo,\n\t\tonError: onUploadError,\n\t\tonRemoveLogo,\n\t};\n\tconst controls = canUserEdit && logoUrl && (\n\t\t<BlockControls group=\"other\">\n\t\t\t<SiteLogoReplaceFlow { ...mediaReplaceFlowProps } />\n\t\t</BlockControls>\n\t);\n\n\tlet logoImage;\n\tconst isLoading = siteLogoId === undefined || isRequestingMediaItem;\n\tif ( isLoading ) {\n\t\tlogoImage = <Spinner />;\n\t}\n\tif ( !! logoUrl ) {\n\t\tlogoImage = (\n\t\t\t<SiteLogo\n\t\t\t\talt={ alt }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tclassName={ className }\n\t\t\t\tcontainerRef={ ref }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tlogoUrl={ logoUrl }\n\t\t\t\tsetLogo={ setLogo }\n\t\t\t\tlogoId={ mediaItemData?.id || siteLogoId }\n\t\t\t\tsiteUrl={ url }\n\t\t\t\tsetIcon={ setIcon }\n\t\t\t\ticonId={ siteIconId }\n\t\t\t\tcanUserEdit={ canUserEdit }\n\t\t\t/>\n\t\t);\n\t}\n\tconst placeholder = ( content ) => {\n\t\tconst placeholderClassName = classnames(\n\t\t\t'block-editor-media-placeholder',\n\t\t\tclassName\n\t\t);\n\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ placeholderClassName }\n\t\t\t\tpreview={ logoImage }\n\t\t\t\twithIllustration={ true }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst classes = classnames( className, {\n\t\t'is-default-size': ! width,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tref,\n\t\tclassName: classes,\n\t} );\n\n\tconst label = __( 'Add a site logo' );\n\n\tconst mediaInspectorPanel = ( canUserEdit || logoUrl ) && (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<div className=\"block-library-site-logo__inspector-media-replace-container\">\n\t\t\t\t\t{ ! canUserEdit && !! logoUrl && (\n\t\t\t\t\t\t<InspectorLogoPreview\n\t\t\t\t\t\t\tmediaItemData={ mediaItemData }\n\t\t\t\t\t\t\titemGroupProps={ {\n\t\t\t\t\t\t\t\tisBordered: true,\n\t\t\t\t\t\t\t\tclassName:\n\t\t\t\t\t\t\t\t\t'block-library-site-logo__inspector-readonly-logo-preview',\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\t{ canUserEdit && !! logoUrl && (\n\t\t\t\t\t\t<SiteLogoReplaceFlow\n\t\t\t\t\t\t\t{ ...mediaReplaceFlowProps }\n\t\t\t\t\t\t\tname={\n\t\t\t\t\t\t\t\t<InspectorLogoPreview\n\t\t\t\t\t\t\t\t\tmediaItemData={ mediaItemData }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpopoverProps={ {} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ canUserEdit && ! logoUrl && (\n\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\tonSelect={ onInitialSelectLogo }\n\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<div className=\"block-library-site-logo__inspector-upload-container\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ isLoading ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t__( 'Add media' )\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<DropZone onFilesDrop={ onFilesDrop } />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\t\t\t{ mediaInspectorPanel }\n\t\t\t{ !! logoUrl && logoImage }\n\t\t\t{ ! logoUrl && ! canUserEdit && (\n\t\t\t\t<Placeholder className=\"site-logo_placeholder\">\n\t\t\t\t\t{ !! isLoading && (\n\t\t\t\t\t\t<span className=\"components-placeholder__preview\">\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t{ ! logoUrl && canUserEdit && (\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\tonSelect={ onInitialSelectLogo }\n\t\t\t\t\taccept={ ACCEPT_MEDIA_STRING }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tmediaLibraryButton={ ( { open } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topen();\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</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blob","_element","_i18n","_components","_compose","_blockEditor","_data","_coreData","_icons","_notices","_useClientWidth","_constants","ALLOWED_MEDIA_TYPES","ACCEPT_MEDIA_STRING","SiteLogo","alt","attributes","align","width","height","isLink","linkTarget","shouldSyncIcon","containerRef","isSelected","setAttributes","setLogo","logoUrl","siteUrl","logoId","iconId","setIcon","canUserEdit","clientWidth","useClientWidth","isLargeViewport","useViewportMatch","isWideAligned","includes","isResizable","naturalWidth","naturalHeight","setNaturalSize","useState","isEditingImage","setIsEditingImage","toggleSelection","useDispatch","blockEditorStore","classes","classnames","isBlobURL","imageEditing","maxWidth","title","useSelect","select","settings","getSettings","siteEntities","coreStore","getEntityRecord","name","useEffect","onResizeStart","onResizeStop","img","_react","createElement","className","src","onLoad","event","target","imgWrapper","href","rel","onClick","preventDefault","imageWidthWithinContainer","exceedMaxWidth","style","defaultWidth","currentWidth","ratio","currentHeight","minWidth","MIN_SIZE","Math","ceil","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","isRTL","canEditImage","imgEdit","__experimentalImageEditor","id","url","onSaveImage","imageAttributes","onFinishEditing","ResizableBox","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","delta","parseInt","shouldUseNewUrl","window","__experimentalUseCustomizerSiteLogoUrl","siteIconSettingsUrl","syncSiteIconHelpText","createInterpolateElement","__","a","Fragment","InspectorControls","PanelBody","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","onChange","newWidth","min","max","initialPosition","value","disabled","ToggleControl","checked","undefined","help","BlockControls","group","ToolbarButton","icon","crop","SiteLogoReplaceFlow","onRemoveLogo","mediaReplaceProps","MediaReplaceFlow","allowedTypes","accept","MenuItem","InspectorLogoPreview","mediaItemData","itemGroupProps","alt_text","source_url","slug","logoSlug","media_details","logoMediaDetails","logoLabel","sizes","full","file","__experimentalItemGroup","as","__experimentalHStack","justify","FlexItem","__experimentalTruncate","numberOfLines","LogoEdit","ref","useRef","siteLogoId","siteIconId","isRequestingMediaItem","canUser","getEditedEntityRecord","_canUserEdit","siteSettings","siteData","_siteLogoId","site_logo","_siteIconId","site_icon","mediaItem","getMedia","context","_isRequestingMediaItem","hasFinishedResolution","home","editEntityRecord","newValue","shouldForceSync","onInitialSelectLogo","media","onSelectLogo","createErrorNotice","noticesStore","onUploadError","message","type","onFilesDrop","filesList","mediaUpload","onFileChange","image","onError","mediaReplaceFlowProps","mediaURL","onSelect","controls","logoImage","isLoading","Spinner","placeholder","content","placeholderClassName","Placeholder","preview","withIllustration","blockProps","useBlockProps","mediaInspectorPanel","isBordered","popoverProps","MediaUploadCheck","MediaUpload","render","open","Button","variant","DropZone","MediaPlaceholder","mediaLibraryButton","upload","showTooltip","tooltipPosition"],"sources":["@wordpress/block-library/src/site-logo/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tcreateInterpolateElement,\n\tuseEffect,\n\tuseState,\n\tuseRef,\n} from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\tMenuItem,\n\tPanelBody,\n\tRangeControl,\n\tResizableBox,\n\tSpinner,\n\tToggleControl,\n\tToolbarButton,\n\tPlaceholder,\n\tButton,\n\tDropZone,\n\tFlexItem,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadCheck,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalImageEditor as ImageEditor,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { crop, upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport useClientWidth from '../image/use-client-width';\n\n/**\n * Module constants\n */\nimport { MIN_SIZE } from '../image/constants';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\nconst ACCEPT_MEDIA_STRING = 'image/*';\n\nconst SiteLogo = ( {\n\talt,\n\tattributes: { align, width, height, isLink, linkTarget, shouldSyncIcon },\n\tcontainerRef,\n\tisSelected,\n\tsetAttributes,\n\tsetLogo,\n\tlogoUrl,\n\tsiteUrl,\n\tlogoId,\n\ticonId,\n\tsetIcon,\n\tcanUserEdit,\n} ) => {\n\tconst clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst isResizable = ! isWideAligned && isLargeViewport;\n\tconst [ { naturalWidth, naturalHeight }, setNaturalSize ] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\tconst classes = classnames( 'custom-logo-link', {\n\t\t'is-transient': isBlobURL( logoUrl ),\n\t} );\n\tconst { imageEditing, maxWidth, title } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\tconst siteEntities = select( coreStore ).getEntityRecord(\n\t\t\t'root',\n\t\t\t'__unstableBase'\n\t\t);\n\t\treturn {\n\t\t\ttitle: siteEntities?.name,\n\t\t\timageEditing: settings.imageEditing,\n\t\t\tmaxWidth: settings.maxWidth,\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\t// Turn the `Use as site icon` toggle off if it is on but the logo and icon have\n\t\t// fallen out of sync. This can happen if the toggle is saved in the `on` position,\n\t\t// but changes are later made to the site icon in the Customizer.\n\t\tif ( shouldSyncIcon && logoId !== iconId ) {\n\t\t\tsetAttributes( { shouldSyncIcon: false } );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t}\n\t}, [ isSelected ] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tconst img = (\n\t\t<img\n\t\t\tclassName=\"custom-logo\"\n\t\t\tsrc={ logoUrl }\n\t\t\talt={ alt }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\tsetNaturalSize( {\n\t\t\t\t\tnaturalWidth: event.target.naturalWidth,\n\t\t\t\t\tnaturalHeight: event.target.naturalHeight,\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n\n\tlet imgWrapper = img;\n\n\t// Disable reason: Image itself is not meant to be interactive, but\n\t// should direct focus to block.\n\tif ( isLink ) {\n\t\timgWrapper = (\n\t\t\t/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t\t<a\n\t\t\t\thref={ siteUrl }\n\t\t\t\tclassName={ classes }\n\t\t\t\trel=\"home\"\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t{ img }\n\t\t\t</a>\n\t\t\t/* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t);\n\t}\n\n\tlet imageWidthWithinContainer;\n\n\tif ( clientWidth && naturalWidth && naturalHeight ) {\n\t\tconst exceedMaxWidth = naturalWidth > clientWidth;\n\t\timageWidthWithinContainer = exceedMaxWidth ? clientWidth : naturalWidth;\n\t}\n\n\tif ( ! isResizable || ! imageWidthWithinContainer ) {\n\t\treturn <div style={ { width, height } }>{ imgWrapper }</div>;\n\t}\n\n\t// Set the default width to a responsible size.\n\t// Note that this width is also set in the attached frontend CSS file.\n\tconst defaultWidth = 120;\n\n\tconst currentWidth = width || defaultWidth;\n\tconst ratio = naturalWidth / naturalHeight;\n\tconst currentHeight = currentWidth / ratio;\n\tconst minWidth =\n\t\tnaturalWidth < naturalHeight ? MIN_SIZE : Math.ceil( MIN_SIZE * ratio );\n\tconst minHeight =\n\t\tnaturalHeight < naturalWidth ? MIN_SIZE : Math.ceil( MIN_SIZE / ratio );\n\n\t// With the current implementation of ResizableBox, an image needs an\n\t// explicit pixel value for the max-width. In absence of being able to\n\t// set the content-width, this max-width is currently dictated by the\n\t// vanilla editor style. The following variable adds a buffer to this\n\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t// in most cases, allow you to scale the image beyond the width of the\n\t// main column, though not infinitely.\n\t// @todo It would be good to revisit this once a content-width variable\n\t// becomes available.\n\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\tlet showRightHandle = false;\n\tlet showLeftHandle = false;\n\n\t/* eslint-disable no-lonely-if */\n\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\tif ( align === 'center' ) {\n\t\t// When the image is centered, show both handles.\n\t\tshowRightHandle = true;\n\t\tshowLeftHandle = true;\n\t} else if ( isRTL() ) {\n\t\t// In RTL mode the image is on the right by default.\n\t\t// Show the right handle and hide the left handle only when it is\n\t\t// aligned left. Otherwise always show the left handle.\n\t\tif ( align === 'left' ) {\n\t\t\tshowRightHandle = true;\n\t\t} else {\n\t\t\tshowLeftHandle = true;\n\t\t}\n\t} else {\n\t\t// Show the left handle and hide the right handle only when the\n\t\t// image is aligned right. Otherwise always show the right handle.\n\t\tif ( align === 'right' ) {\n\t\t\tshowLeftHandle = true;\n\t\t} else {\n\t\t\tshowRightHandle = true;\n\t\t}\n\t}\n\t/* eslint-enable no-lonely-if */\n\n\tconst canEditImage =\n\t\tlogoId && naturalWidth && naturalHeight && imageEditing;\n\n\tconst imgEdit =\n\t\tcanEditImage && isEditingImage ? (\n\t\t\t<ImageEditor\n\t\t\t\tid={ logoId }\n\t\t\t\turl={ logoUrl }\n\t\t\t\twidth={ currentWidth }\n\t\t\t\theight={ currentHeight }\n\t\t\t\tclientWidth={ clientWidth }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\tonSaveImage={ ( imageAttributes ) => {\n\t\t\t\t\tsetLogo( imageAttributes.id );\n\t\t\t\t} }\n\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t} }\n\t\t\t/>\n\t\t) : (\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth,\n\t\t\t\t\theight: currentHeight,\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tminWidth={ minWidth }\n\t\t\t\tmaxWidth={ maxWidthBuffer }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tmaxHeight={ maxWidthBuffer / ratio }\n\t\t\t\tlockAspectRatio\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: showRightHandle,\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: showLeftHandle,\n\t\t\t\t} }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: parseInt( currentWidth + delta.width, 10 ),\n\t\t\t\t\t\theight: parseInt( currentHeight + delta.height, 10 ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ imgWrapper }\n\t\t\t</ResizableBox>\n\t\t);\n\n\t// Support the previous location for the Site Icon settings. To be removed\n\t// when the required WP core version for Gutenberg is >= 6.5.0.\n\tconst shouldUseNewUrl = ! window?.__experimentalUseCustomizerSiteLogoUrl;\n\n\tconst siteIconSettingsUrl = shouldUseNewUrl\n\t\t? siteUrl + '/wp-admin/options-general.php'\n\t\t: siteUrl + '/wp-admin/customize.php?autofocus[section]=title_tagline';\n\n\tconst syncSiteIconHelpText = createInterpolateElement(\n\t\t__(\n\t\t\t'Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. To use a custom icon that is different from your site logo, use the <a>Site Icon settings</a>.'\n\t\t),\n\t\t{\n\t\t\ta: (\n\t\t\t\t// eslint-disable-next-line jsx-a11y/anchor-has-content\n\t\t\t\t<a\n\t\t\t\t\thref={ siteIconSettingsUrl }\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t/>\n\t\t\t),\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Image width' ) }\n\t\t\t\t\t\tonChange={ ( newWidth ) =>\n\t\t\t\t\t\t\tsetAttributes( { width: newWidth } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ minWidth }\n\t\t\t\t\t\tmax={ maxWidthBuffer }\n\t\t\t\t\t\tinitialPosition={ Math.min(\n\t\t\t\t\t\t\tdefaultWidth,\n\t\t\t\t\t\t\tmaxWidthBuffer\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\t\tdisabled={ ! isResizable }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link image to home' ) }\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isLink && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\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\tchecked={ linkTarget === '_blank' }\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\t{ canUserEdit && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Use as Site Icon' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( { shouldSyncIcon: value } );\n\t\t\t\t\t\t\t\t\tsetIcon( value ? logoId : undefined );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tchecked={ !! shouldSyncIcon }\n\t\t\t\t\t\t\t\thelp={ syncSiteIconHelpText }\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</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ canEditImage && ! isEditingImage && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ imgEdit }\n\t\t</>\n\t);\n};\n\n// This is a light wrapper around MediaReplaceFlow because the block has two\n// different MediaReplaceFlows, one for the inspector and one for the toolbar.\nfunction SiteLogoReplaceFlow( { onRemoveLogo, ...mediaReplaceProps } ) {\n\treturn (\n\t\t<MediaReplaceFlow\n\t\t\t{ ...mediaReplaceProps }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\taccept={ ACCEPT_MEDIA_STRING }\n\t\t>\n\t\t\t<MenuItem onClick={ onRemoveLogo }>{ __( 'Reset' ) }</MenuItem>\n\t\t</MediaReplaceFlow>\n\t);\n}\n\nconst InspectorLogoPreview = ( { mediaItemData = {}, itemGroupProps } ) => {\n\tconst {\n\t\talt_text: alt,\n\t\tsource_url: logoUrl,\n\t\tslug: logoSlug,\n\t\tmedia_details: logoMediaDetails,\n\t} = mediaItemData;\n\tconst logoLabel = logoMediaDetails?.sizes?.full?.file || logoSlug;\n\treturn (\n\t\t<ItemGroup { ...itemGroupProps } as=\"span\">\n\t\t\t<HStack justify=\"flex-start\" as=\"span\">\n\t\t\t\t<img src={ logoUrl } alt={ alt } />\n\t\t\t\t<FlexItem as=\"span\">\n\t\t\t\t\t<Truncate\n\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\tclassName=\"block-library-site-logo__inspector-media-replace-title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ logoLabel }\n\t\t\t\t\t</Truncate>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</ItemGroup>\n\t);\n};\n\nexport default function LogoEdit( {\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tisSelected,\n} ) {\n\tconst { width, shouldSyncIcon } = attributes;\n\tconst ref = useRef();\n\n\tconst {\n\t\tsiteLogoId,\n\t\tcanUserEdit,\n\t\turl,\n\t\tsiteIconId,\n\t\tmediaItemData,\n\t\tisRequestingMediaItem,\n\t} = useSelect( ( select ) => {\n\t\tconst { canUser, getEntityRecord, getEditedEntityRecord } =\n\t\t\tselect( coreStore );\n\t\tconst _canUserEdit = canUser( 'update', 'settings' );\n\t\tconst siteSettings = _canUserEdit\n\t\t\t? getEditedEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\tconst _siteLogoId = _canUserEdit\n\t\t\t? siteSettings?.site_logo\n\t\t\t: siteData?.site_logo;\n\t\tconst _siteIconId = siteSettings?.site_icon;\n\t\tconst mediaItem =\n\t\t\t_siteLogoId &&\n\t\t\tselect( coreStore ).getMedia( _siteLogoId, {\n\t\t\t\tcontext: 'view',\n\t\t\t} );\n\t\tconst _isRequestingMediaItem =\n\t\t\t_siteLogoId &&\n\t\t\t! select( coreStore ).hasFinishedResolution( 'getMedia', [\n\t\t\t\t_siteLogoId,\n\t\t\t\t{ context: 'view' },\n\t\t\t] );\n\n\t\treturn {\n\t\t\tsiteLogoId: _siteLogoId,\n\t\t\tcanUserEdit: _canUserEdit,\n\t\t\turl: siteData?.home,\n\t\t\tmediaItemData: mediaItem,\n\t\t\tisRequestingMediaItem: _isRequestingMediaItem,\n\t\t\tsiteIconId: _siteIconId,\n\t\t};\n\t}, [] );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst setLogo = ( newValue, shouldForceSync = false ) => {\n\t\t// `shouldForceSync` is used to force syncing when the attribute\n\t\t// may not have updated yet.\n\t\tif ( shouldSyncIcon || shouldForceSync ) {\n\t\t\tsetIcon( newValue );\n\t\t}\n\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tsite_logo: newValue,\n\t\t} );\n\t};\n\n\tconst setIcon = ( newValue ) =>\n\t\t// The new value needs to be `null` to reset the Site Icon.\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tsite_icon: newValue ?? null,\n\t\t} );\n\n\tconst { alt_text: alt, source_url: logoUrl } = mediaItemData ?? {};\n\n\tconst onInitialSelectLogo = ( media ) => {\n\t\t// Initialize the syncSiteIcon toggle. If we currently have no Site logo and no\n\t\t// site icon, automatically sync the logo to the icon.\n\t\tif ( shouldSyncIcon === undefined ) {\n\t\t\tconst shouldForceSync = ! siteIconId;\n\t\t\tsetAttributes( { shouldSyncIcon: shouldForceSync } );\n\n\t\t\t// Because we cannot rely on the `shouldSyncIcon` attribute to have updated by\n\t\t\t// the time `setLogo` is called, pass an argument to force the syncing.\n\t\t\tonSelectLogo( media, shouldForceSync );\n\t\t\treturn;\n\t\t}\n\n\t\tonSelectLogo( media );\n\t};\n\n\tconst onSelectLogo = ( media, shouldForceSync = false ) => {\n\t\tif ( ! media ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! media.id && media.url ) {\n\t\t\t// This is a temporary blob image.\n\t\t\tsetLogo( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tsetLogo( media.id, shouldForceSync );\n\t};\n\n\tconst onRemoveLogo = () => {\n\t\tsetLogo( null );\n\t\tsetAttributes( { width: undefined } );\n\t};\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst onFilesDrop = ( filesList ) => {\n\t\tgetSettings().mediaUpload( {\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tfilesList,\n\t\t\tonFileChange( [ image ] ) {\n\t\t\t\tif ( isBlobURL( image?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tonInitialSelectLogo( image );\n\t\t\t},\n\t\t\tonError: onUploadError,\n\t\t} );\n\t};\n\n\tconst mediaReplaceFlowProps = {\n\t\tmediaURL: logoUrl,\n\t\tonSelect: onSelectLogo,\n\t\tonError: onUploadError,\n\t\tonRemoveLogo,\n\t};\n\tconst controls = canUserEdit && logoUrl && (\n\t\t<BlockControls group=\"other\">\n\t\t\t<SiteLogoReplaceFlow { ...mediaReplaceFlowProps } />\n\t\t</BlockControls>\n\t);\n\n\tlet logoImage;\n\tconst isLoading = siteLogoId === undefined || isRequestingMediaItem;\n\tif ( isLoading ) {\n\t\tlogoImage = <Spinner />;\n\t}\n\tif ( !! logoUrl ) {\n\t\tlogoImage = (\n\t\t\t<SiteLogo\n\t\t\t\talt={ alt }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tclassName={ className }\n\t\t\t\tcontainerRef={ ref }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tlogoUrl={ logoUrl }\n\t\t\t\tsetLogo={ setLogo }\n\t\t\t\tlogoId={ mediaItemData?.id || siteLogoId }\n\t\t\t\tsiteUrl={ url }\n\t\t\t\tsetIcon={ setIcon }\n\t\t\t\ticonId={ siteIconId }\n\t\t\t\tcanUserEdit={ canUserEdit }\n\t\t\t/>\n\t\t);\n\t}\n\tconst placeholder = ( content ) => {\n\t\tconst placeholderClassName = classnames(\n\t\t\t'block-editor-media-placeholder',\n\t\t\tclassName\n\t\t);\n\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ placeholderClassName }\n\t\t\t\tpreview={ logoImage }\n\t\t\t\twithIllustration={ true }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst classes = classnames( className, {\n\t\t'is-default-size': ! width,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tref,\n\t\tclassName: classes,\n\t} );\n\n\tconst label = __( 'Add a site logo' );\n\n\tconst mediaInspectorPanel = ( canUserEdit || logoUrl ) && (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<div className=\"block-library-site-logo__inspector-media-replace-container\">\n\t\t\t\t\t{ ! canUserEdit && !! logoUrl && (\n\t\t\t\t\t\t<InspectorLogoPreview\n\t\t\t\t\t\t\tmediaItemData={ mediaItemData }\n\t\t\t\t\t\t\titemGroupProps={ {\n\t\t\t\t\t\t\t\tisBordered: true,\n\t\t\t\t\t\t\t\tclassName:\n\t\t\t\t\t\t\t\t\t'block-library-site-logo__inspector-readonly-logo-preview',\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\t{ canUserEdit && !! logoUrl && (\n\t\t\t\t\t\t<SiteLogoReplaceFlow\n\t\t\t\t\t\t\t{ ...mediaReplaceFlowProps }\n\t\t\t\t\t\t\tname={\n\t\t\t\t\t\t\t\t<InspectorLogoPreview\n\t\t\t\t\t\t\t\t\tmediaItemData={ mediaItemData }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpopoverProps={ {} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ canUserEdit && ! logoUrl && (\n\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\tonSelect={ onInitialSelectLogo }\n\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<div className=\"block-library-site-logo__inspector-upload-container\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ isLoading ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t__( 'Add media' )\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<DropZone onFilesDrop={ onFilesDrop } />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\t\t\t{ mediaInspectorPanel }\n\t\t\t{ !! logoUrl && logoImage }\n\t\t\t{ ! logoUrl && ! canUserEdit && (\n\t\t\t\t<Placeholder className=\"site-logo_placeholder\">\n\t\t\t\t\t{ !! isLoading && (\n\t\t\t\t\t\t<span className=\"components-placeholder__preview\">\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t{ ! logoUrl && canUserEdit && (\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\tonSelect={ onInitialSelectLogo }\n\t\t\t\t\taccept={ ACCEPT_MEDIA_STRING }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tmediaLibraryButton={ ( { open } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topen();\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</div>\n\t);\n}\n"],"mappings":"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"}

package/build-module/block/deprecated.js

@@ -1,4 +1,70 @@
-// v1: Migrate and rename the `overrides` attribute to the `content` attribute.
+const isObject = obj => typeof obj === 'object' && !Array.isArray(obj) && obj !== null;
+
+// v2: Migrate to a more condensed version of the 'content' attribute attribute.
+const v2 = {
+  attributes: {
+    ref: {
+      type: 'number'
+    },
+    content: {
+      type: 'object'
+    }
+  },
+  supports: {
+    customClassName: false,
+    html: false,
+    inserter: false,
+    renaming: false
+  },
+  // Force this deprecation to run whenever there's a values sub-property that's an object.
+  //
+  // This could fail in the future if a block ever has binding to a `values` attribute.
+  // Some extra protection is added to ensure `values` is an object, but this only reduces
+  // the likelihood, it doesn't solve it completely.
+  isEligible({
+    content
+  }) {
+    return !!content && Object.keys(content).every(contentKey => content[contentKey].values && isObject(content[contentKey].values));
+  },
+  /*
+   * Old attribute format:
+   * content: {
+   *     "V98q_x": {
+   * 	   		// The attribute values are now stored as a 'values' sub-property.
+   *         values: { content: 'My content value' },
+   * 	       // ... additional metadata, like the block name can be stored here.
+   *     }
+   * }
+   *
+   * New attribute format:
+   * content: {
+   *     "V98q_x": {
+   *         content: 'My content value',
+   *     }
+   * }
+   */
+  migrate(attributes) {
+    const {
+      content,
+      ...retainedAttributes
+    } = attributes;
+    if (content && Object.keys(content).length) {
+      const updatedContent = {
+        ...content
+      };
+      for (const contentKey in content) {
+        updatedContent[contentKey] = content[contentKey].values;
+      }
+      return {
+        ...retainedAttributes,
+        content: updatedContent
+      };
+    }
+    return attributes;
+  }
+};
+
+// v1: Rename the `overrides` attribute to the `content` attribute.
 const v1 = {
   attributes: {
     ref: {
@@ -25,16 +91,12 @@ const v1 = {
    * overrides: {
    *     // An key is an id that represents a block.
    *     // The values are the attribute values of the block.
-   *     "V98q_x": { content: 'dwefwefwefwe' }
+   *     "V98q_x": { content: 'My content value' }
    * }
    *
    * New attribute format:
    * content: {
-   *     "V98q_x": {
-   * 	   		// The attribute values are now stored as a 'values' sub-property.
-   *         values: { content: 'dwefwefwefwe' },
-   * 	       // ... additional metadata, like the block name can be stored here.
-   *     }
+   *     "V98q_x": { content: 'My content value' }
    * }
    *
    */
@@ -45,9 +107,7 @@ const v1 = {
     } = attributes;
     const content = {};
     Object.keys(overrides).forEach(id => {
-      content[id] = {
-        values: overrides[id]
-      };
+      content[id] = overrides[id];
     });
     return {
       ...retainedAttributes,
@@ -55,5 +115,5 @@ const v1 = {
     };
   }
 };
-export default [v1];
+export default [v2, v1];
 //# sourceMappingURL=deprecated.js.map

package/build-module/block/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["v1","attributes","ref","type","overrides","supports","customClassName","html","inserter","renaming","isEligible","migrate","retainedAttributes","content","Object","keys","forEach","id","values"],"sources":["@wordpress/block-library/src/block/deprecated.js"],"sourcesContent":["// v1: Migrate and rename the `overrides` attribute to the `content` attribute.\nconst v1 = {\n\tattributes: {\n\t\tref: {\n\t\t\ttype: 'number',\n\t\t},\n\t\toverrides: {\n\t\t\ttype: 'object',\n\t\t},\n\t},\n\tsupports: {\n\t\tcustomClassName: false,\n\t\thtml: false,\n\t\tinserter: false,\n\t\trenaming: false,\n\t},\n\t// Force this deprecation to run whenever there's an `overrides` object.\n\tisEligible( { overrides } ) {\n\t\treturn !! overrides;\n\t},\n\t/*\n\t * Old attribute format:\n\t * overrides: {\n\t *     // An key is an id that represents a block.\n\t *     // The values are the attribute values of the block.\n\t *     \"V98q_x\": { content: 'dwefwefwefwe' }\n\t * }\n\t *\n\t * New attribute format:\n\t * content: {\n\t *     \"V98q_x\": {\n\t * \t   \t\t// The attribute values are now stored as a 'values' sub-property.\n\t *         values: { content: 'dwefwefwefwe' },\n\t * \t       // ... additional metadata, like the block name can be stored here.\n\t *     }\n\t * }\n\t *\n\t */\n\tmigrate( attributes ) {\n\t\tconst { overrides, ...retainedAttributes } = attributes;\n\n\t\tconst content = {};\n\n\t\tObject.keys( overrides ).forEach( ( id ) => {\n\t\t\tcontent[ id ] = {\n\t\t\t\tvalues: overrides[ id ],\n\t\t\t};\n\t\t} );\n\n\t\treturn {\n\t\t\t...retainedAttributes,\n\t\t\tcontent,\n\t\t};\n\t},\n};\n\nexport default [ v1 ];\n"],"mappings":"AAAA;AACA,MAAMA,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,GAAG,EAAE;MACJC,IAAI,EAAE;IACP,CAAC;IACDC,SAAS,EAAE;MACVD,IAAI,EAAE;IACP;EACD,CAAC;EACDE,QAAQ,EAAE;IACTC,eAAe,EAAE,KAAK;IACtBC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;EACX,CAAC;EACD;EACAC,UAAUA,CAAE;IAAEN;EAAU,CAAC,EAAG;IAC3B,OAAO,CAAC,CAAEA,SAAS;EACpB,CAAC;EACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACCO,OAAOA,CAAEV,UAAU,EAAG;IACrB,MAAM;MAAEG,SAAS;MAAE,GAAGQ;IAAmB,CAAC,GAAGX,UAAU;IAEvD,MAAMY,OAAO,GAAG,CAAC,CAAC;IAElBC,MAAM,CAACC,IAAI,CAAEX,SAAU,CAAC,CAACY,OAAO,CAAIC,EAAE,IAAM;MAC3CJ,OAAO,CAAEI,EAAE,CAAE,GAAG;QACfC,MAAM,EAAEd,SAAS,CAAEa,EAAE;MACtB,CAAC;IACF,CAAE,CAAC;IAEH,OAAO;MACN,GAAGL,kBAAkB;MACrBC;IACD,CAAC;EACF;AACD,CAAC;AAED,eAAe,CAAEb,EAAE,CAAE"}
+{"version":3,"names":["isObject","obj","Array","isArray","v2","attributes","ref","type","content","supports","customClassName","html","inserter","renaming","isEligible","Object","keys","every","contentKey","values","migrate","retainedAttributes","length","updatedContent","v1","overrides","forEach","id"],"sources":["@wordpress/block-library/src/block/deprecated.js"],"sourcesContent":["const isObject = ( obj ) =>\n\ttypeof obj === 'object' && ! Array.isArray( obj ) && obj !== null;\n\n// v2: Migrate to a more condensed version of the 'content' attribute attribute.\nconst v2 = {\n\tattributes: {\n\t\tref: {\n\t\t\ttype: 'number',\n\t\t},\n\t\tcontent: {\n\t\t\ttype: 'object',\n\t\t},\n\t},\n\tsupports: {\n\t\tcustomClassName: false,\n\t\thtml: false,\n\t\tinserter: false,\n\t\trenaming: false,\n\t},\n\t// Force this deprecation to run whenever there's a values sub-property that's an object.\n\t//\n\t// This could fail in the future if a block ever has binding to a `values` attribute.\n\t// Some extra protection is added to ensure `values` is an object, but this only reduces\n\t// the likelihood, it doesn't solve it completely.\n\tisEligible( { content } ) {\n\t\treturn (\n\t\t\t!! content &&\n\t\t\tObject.keys( content ).every(\n\t\t\t\t( contentKey ) =>\n\t\t\t\t\tcontent[ contentKey ].values &&\n\t\t\t\t\tisObject( content[ contentKey ].values )\n\t\t\t)\n\t\t);\n\t},\n\t/*\n\t * Old attribute format:\n\t * content: {\n\t *     \"V98q_x\": {\n\t * \t   \t\t// The attribute values are now stored as a 'values' sub-property.\n\t *         values: { content: 'My content value' },\n\t * \t       // ... additional metadata, like the block name can be stored here.\n\t *     }\n\t * }\n\t *\n\t * New attribute format:\n\t * content: {\n\t *     \"V98q_x\": {\n\t *         content: 'My content value',\n\t *     }\n\t * }\n\t */\n\tmigrate( attributes ) {\n\t\tconst { content, ...retainedAttributes } = attributes;\n\n\t\tif ( content && Object.keys( content ).length ) {\n\t\t\tconst updatedContent = { ...content };\n\n\t\t\tfor ( const contentKey in content ) {\n\t\t\t\tupdatedContent[ contentKey ] = content[ contentKey ].values;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...retainedAttributes,\n\t\t\t\tcontent: updatedContent,\n\t\t\t};\n\t\t}\n\n\t\treturn attributes;\n\t},\n};\n\n// v1: Rename the `overrides` attribute to the `content` attribute.\nconst v1 = {\n\tattributes: {\n\t\tref: {\n\t\t\ttype: 'number',\n\t\t},\n\t\toverrides: {\n\t\t\ttype: 'object',\n\t\t},\n\t},\n\tsupports: {\n\t\tcustomClassName: false,\n\t\thtml: false,\n\t\tinserter: false,\n\t\trenaming: false,\n\t},\n\t// Force this deprecation to run whenever there's an `overrides` object.\n\tisEligible( { overrides } ) {\n\t\treturn !! overrides;\n\t},\n\t/*\n\t * Old attribute format:\n\t * overrides: {\n\t *     // An key is an id that represents a block.\n\t *     // The values are the attribute values of the block.\n\t *     \"V98q_x\": { content: 'My content value' }\n\t * }\n\t *\n\t * New attribute format:\n\t * content: {\n\t *     \"V98q_x\": { content: 'My content value' }\n\t * }\n\t *\n\t */\n\tmigrate( attributes ) {\n\t\tconst { overrides, ...retainedAttributes } = attributes;\n\n\t\tconst content = {};\n\n\t\tObject.keys( overrides ).forEach( ( id ) => {\n\t\t\tcontent[ id ] = overrides[ id ];\n\t\t} );\n\n\t\treturn {\n\t\t\t...retainedAttributes,\n\t\t\tcontent,\n\t\t};\n\t},\n};\n\nexport default [ v2, v1 ];\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAKC,GAAG,IACrB,OAAOA,GAAG,KAAK,QAAQ,IAAI,CAAEC,KAAK,CAACC,OAAO,CAAEF,GAAI,CAAC,IAAIA,GAAG,KAAK,IAAI;;AAElE;AACA,MAAMG,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,GAAG,EAAE;MACJC,IAAI,EAAE;IACP,CAAC;IACDC,OAAO,EAAE;MACRD,IAAI,EAAE;IACP;EACD,CAAC;EACDE,QAAQ,EAAE;IACTC,eAAe,EAAE,KAAK;IACtBC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;EACX,CAAC;EACD;EACA;EACA;EACA;EACA;EACAC,UAAUA,CAAE;IAAEN;EAAQ,CAAC,EAAG;IACzB,OACC,CAAC,CAAEA,OAAO,IACVO,MAAM,CAACC,IAAI,CAAER,OAAQ,CAAC,CAACS,KAAK,CACzBC,UAAU,IACXV,OAAO,CAAEU,UAAU,CAAE,CAACC,MAAM,IAC5BnB,QAAQ,CAAEQ,OAAO,CAAEU,UAAU,CAAE,CAACC,MAAO,CACzC,CAAC;EAEH,CAAC;EACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACCC,OAAOA,CAAEf,UAAU,EAAG;IACrB,MAAM;MAAEG,OAAO;MAAE,GAAGa;IAAmB,CAAC,GAAGhB,UAAU;IAErD,IAAKG,OAAO,IAAIO,MAAM,CAACC,IAAI,CAAER,OAAQ,CAAC,CAACc,MAAM,EAAG;MAC/C,MAAMC,cAAc,GAAG;QAAE,GAAGf;MAAQ,CAAC;MAErC,KAAM,MAAMU,UAAU,IAAIV,OAAO,EAAG;QACnCe,cAAc,CAAEL,UAAU,CAAE,GAAGV,OAAO,CAAEU,UAAU,CAAE,CAACC,MAAM;MAC5D;MAEA,OAAO;QACN,GAAGE,kBAAkB;QACrBb,OAAO,EAAEe;MACV,CAAC;IACF;IAEA,OAAOlB,UAAU;EAClB;AACD,CAAC;;AAED;AACA,MAAMmB,EAAE,GAAG;EACVnB,UAAU,EAAE;IACXC,GAAG,EAAE;MACJC,IAAI,EAAE;IACP,CAAC;IACDkB,SAAS,EAAE;MACVlB,IAAI,EAAE;IACP;EACD,CAAC;EACDE,QAAQ,EAAE;IACTC,eAAe,EAAE,KAAK;IACtBC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;EACX,CAAC;EACD;EACAC,UAAUA,CAAE;IAAEW;EAAU,CAAC,EAAG;IAC3B,OAAO,CAAC,CAAEA,SAAS;EACpB,CAAC;EACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACCL,OAAOA,CAAEf,UAAU,EAAG;IACrB,MAAM;MAAEoB,SAAS;MAAE,GAAGJ;IAAmB,CAAC,GAAGhB,UAAU;IAEvD,MAAMG,OAAO,GAAG,CAAC,CAAC;IAElBO,MAAM,CAACC,IAAI,CAAES,SAAU,CAAC,CAACC,OAAO,CAAIC,EAAE,IAAM;MAC3CnB,OAAO,CAAEmB,EAAE,CAAE,GAAGF,SAAS,CAAEE,EAAE,CAAE;IAChC,CAAE,CAAC;IAEH,OAAO;MACN,GAAGN,kBAAkB;MACrBb;IACD,CAAC;EACF;AACD,CAAC;AAED,eAAe,CAAEJ,EAAE,EAAEoB,EAAE,CAAE"}

package/build-module/block/edit.js

@@ -14,7 +14,7 @@ import { Placeholder, Spinner, ToolbarButton, ToolbarGroup } from '@wordpress/co
 import { __ } from '@wordpress/i18n';
 import { useInnerBlocksProps, RecursionProvider, useHasRecursion, InnerBlocks, useBlockProps, Warning, privateApis as blockEditorPrivateApis, store as blockEditorStore, BlockControls } from '@wordpress/block-editor';
 import { privateApis as patternsPrivateApis } from '@wordpress/patterns';
-import { parse, cloneBlock } from '@wordpress/blocks';
+import { parse, cloneBlock, store as blocksStore } from '@wordpress/blocks';
 import { RichTextData } from '@wordpress/rich-text';
 
 /**
@@ -29,6 +29,23 @@ const {
   PARTIAL_SYNCING_SUPPORTED_BLOCKS
 } = unlock(patternsPrivateApis);
 const fullAlignments = ['full', 'wide', 'left', 'right'];
+function getLegacyIdMap(blocks, content, nameCount = {}) {
+  let idToClientIdMap = {};
+  for (const block of blocks) {
+    if (block?.innerBlocks?.length) {
+      idToClientIdMap = {
+        ...idToClientIdMap,
+        ...getLegacyIdMap(block.innerBlocks, content, nameCount)
+      };
+    }
+    const id = block.attributes.metadata?.id;
+    const clientId = block.clientId;
+    if (id && content?.[id]) {
+      idToClientIdMap[clientId] = id;
+    }
+  }
+  return idToClientIdMap;
+}
 const useInferredLayout = (blocks, parentLayout) => {
   const initialInferredAlignmentRef = useRef();
   return useMemo(() => {
@@ -65,23 +82,26 @@ function hasOverridableBlocks(blocks) {
 function getOverridableAttributes(block) {
   return Object.entries(block.attributes.metadata.bindings).filter(([, binding]) => binding.source === 'core/pattern-overrides').map(([attributeKey]) => attributeKey);
 }
-function applyInitialContentValuesToInnerBlocks(blocks, content = {}, defaultValues) {
+function applyInitialContentValuesToInnerBlocks(blocks, content = {}, defaultValues, legacyIdMap) {
   return blocks.map(block => {
-    const innerBlocks = applyInitialContentValuesToInnerBlocks(block.innerBlocks, content, defaultValues);
-    const blockId = block.attributes.metadata?.id;
-    if (!hasOverridableAttributes(block) || !blockId) return {
-      ...block,
-      innerBlocks
-    };
+    var _legacyIdMap$block$cl;
+    const innerBlocks = applyInitialContentValuesToInnerBlocks(block.innerBlocks, content, defaultValues, legacyIdMap);
+    const metadataName = (_legacyIdMap$block$cl = legacyIdMap?.[block.clientId]) !== null && _legacyIdMap$block$cl !== void 0 ? _legacyIdMap$block$cl : block.attributes.metadata?.name;
+    if (!metadataName || !hasOverridableAttributes(block)) {
+      return {
+        ...block,
+        innerBlocks
+      };
+    }
     const attributes = getOverridableAttributes(block);
     const newAttributes = {
       ...block.attributes
     };
     for (const attributeKey of attributes) {
-      var _defaultValues$blockI;
-      (_defaultValues$blockI = defaultValues[blockId]) !== null && _defaultValues$blockI !== void 0 ? _defaultValues$blockI : defaultValues[blockId] = {};
-      defaultValues[blockId][attributeKey] = block.attributes[attributeKey];
-      const contentValues = content[blockId]?.values;
+      var _defaultValues$metada;
+      (_defaultValues$metada = defaultValues[metadataName]) !== null && _defaultValues$metada !== void 0 ? _defaultValues$metada : defaultValues[metadataName] = {};
+      defaultValues[metadataName][attributeKey] = block.attributes[attributeKey];
+      const contentValues = content[metadataName];
       if (contentValues?.[attributeKey] !== undefined) {
         newAttributes[attributeKey] = contentValues[attributeKey];
       }
@@ -99,25 +119,27 @@ function isAttributeEqual(attribute1, attribute2) {
   }
   return attribute1 === attribute2;
 }
-function getContentValuesFromInnerBlocks(blocks, defaultValues) {
+function getContentValuesFromInnerBlocks(blocks, defaultValues, legacyIdMap) {
   /** @type {Record<string, { values: Record<string, unknown>}>} */
   const content = {};
   for (const block of blocks) {
+    var _legacyIdMap$block$cl2;
     if (block.name === patternBlockName) continue;
-    Object.assign(content, getContentValuesFromInnerBlocks(block.innerBlocks, defaultValues));
-    const blockId = block.attributes.metadata?.id;
-    if (!hasOverridableAttributes(block) || !blockId) continue;
+    if (block.innerBlocks.length) {
+      Object.assign(content, getContentValuesFromInnerBlocks(block.innerBlocks, defaultValues, legacyIdMap));
+    }
+    const metadataName = (_legacyIdMap$block$cl2 = legacyIdMap?.[block.clientId]) !== null && _legacyIdMap$block$cl2 !== void 0 ? _legacyIdMap$block$cl2 : block.attributes.metadata?.name;
+    if (!metadataName || !hasOverridableAttributes(block)) {
+      continue;
+    }
     const attributes = getOverridableAttributes(block);
     for (const attributeKey of attributes) {
-      if (!isAttributeEqual(block.attributes[attributeKey], defaultValues[blockId][attributeKey])) {
-        var _content$blockId;
-        (_content$blockId = content[blockId]) !== null && _content$blockId !== void 0 ? _content$blockId : content[blockId] = {
-          values: {},
-          blockName: block.name
-        };
+      if (!isAttributeEqual(block.attributes[attributeKey], defaultValues?.[metadataName]?.[attributeKey])) {
+        var _content$metadataName;
+        (_content$metadataName = content[metadataName]) !== null && _content$metadataName !== void 0 ? _content$metadataName : content[metadataName] = {};
         // TODO: We need a way to represent `undefined` in the serialized overrides.
         // Also see: https://github.com/WordPress/gutenberg/pull/57249#discussion_r1452987871
-        content[blockId].values[attributeKey] = block.attributes[attributeKey] === undefined ?
+        content[metadataName][attributeKey] = block.attributes[attributeKey] === undefined ?
         // TODO: We use an empty string to represent undefined for now until
         // we support a richer format for overrides and the block binding API.
         // Currently only the `linkTarget` attribute of `core/button` is affected.
@@ -174,7 +196,8 @@ export default function ReusableBlockEdit({
     userCanEdit,
     getBlockEditingMode,
     onNavigateToEntityRecord,
-    editingMode
+    editingMode,
+    hasPatternOverridesSource
   } = useSelect(select => {
     const {
       canUser
@@ -184,6 +207,9 @@ export default function ReusableBlockEdit({
       getSettings,
       getBlockEditingMode: _getBlockEditingMode
     } = select(blockEditorStore);
+    const {
+      getBlockBindingsSource
+    } = unlock(select(blocksStore));
     const blocks = getBlocks(patternClientId);
     const canEdit = canUser('update', 'blocks', ref);
 
@@ -193,7 +219,8 @@ export default function ReusableBlockEdit({
       userCanEdit: canEdit,
       getBlockEditingMode: _getBlockEditingMode,
       onNavigateToEntityRecord: getSettings().onNavigateToEntityRecord,
-      editingMode: _getBlockEditingMode(patternClientId)
+      editingMode: _getBlockEditingMode(patternClientId),
+      hasPatternOverridesSource: !!getBlockBindingsSource('core/pattern-overrides')
     };
   }, [patternClientId, ref]);
 
@@ -201,29 +228,33 @@ export default function ReusableBlockEdit({
   useEffect(() => {
     setBlockEditMode(setBlockEditingMode, innerBlocks,
     // Disable editing if the pattern itself is disabled.
-    editingMode === 'disabled' ? 'disabled' : undefined);
-  }, [editingMode, innerBlocks, setBlockEditingMode]);
-  const canOverrideBlocks = useMemo(() => hasOverridableBlocks(innerBlocks), [innerBlocks]);
+    editingMode === 'disabled' || !hasPatternOverridesSource ? 'disabled' : undefined);
+  }, [editingMode, innerBlocks, setBlockEditingMode, hasPatternOverridesSource]);
+  const canOverrideBlocks = useMemo(() => hasPatternOverridesSource && hasOverridableBlocks(innerBlocks), [hasPatternOverridesSource, innerBlocks]);
   const initialBlocks = useMemo(() => {
     var _editedRecord$blocks$;
     return (// Clone the blocks to generate new client IDs.
       (_editedRecord$blocks$ = editedRecord.blocks?.map(block => cloneBlock(block))) !== null && _editedRecord$blocks$ !== void 0 ? _editedRecord$blocks$ : editedRecord.content && typeof editedRecord.content !== 'function' ? parse(editedRecord.content) : []
     );
   }, [editedRecord.blocks, editedRecord.content]);
+  const legacyIdMap = useRef({});
 
   // Apply the initial overrides from the pattern block to the inner blocks.
   useEffect(() => {
+    // Build a map of clientIds to the old nano id system to provide back compat.
+    legacyIdMap.current = getLegacyIdMap(initialBlocks, initialContent.current);
     defaultContent.current = {};
     const originalEditingMode = getBlockEditingMode(patternClientId);
     // Replace the contents of the blocks with the overrides.
     registry.batch(() => {
       setBlockEditingMode(patternClientId, 'default');
       syncDerivedUpdates(() => {
-        replaceInnerBlocks(patternClientId, applyInitialContentValuesToInnerBlocks(initialBlocks, initialContent.current, defaultContent.current));
+        const blocks = hasPatternOverridesSource ? applyInitialContentValuesToInnerBlocks(initialBlocks, initialContent.current, defaultContent.current, legacyIdMap.current) : initialBlocks;
+        replaceInnerBlocks(patternClientId, blocks);
       });
       setBlockEditingMode(patternClientId, originalEditingMode);
     });
-  }, [__unstableMarkNextChangeAsNotPersistent, patternClientId, initialBlocks, replaceInnerBlocks, registry, getBlockEditingMode, setBlockEditingMode, syncDerivedUpdates]);
+  }, [hasPatternOverridesSource, __unstableMarkNextChangeAsNotPersistent, patternClientId, initialBlocks, replaceInnerBlocks, registry, getBlockEditingMode, setBlockEditingMode, syncDerivedUpdates]);
   const {
     alignment,
     layout
@@ -245,6 +276,9 @@ export default function ReusableBlockEdit({
   // Sync the `content` attribute from the updated blocks to the pattern block.
   // `syncDerivedUpdates` is used here to avoid creating an additional undo level.
   useEffect(() => {
+    if (!hasPatternOverridesSource) {
+      return;
+    }
     const {
       getBlocks
     } = registry.select(blockEditorStore);
@@ -255,12 +289,12 @@ export default function ReusableBlockEdit({
         prevBlocks = blocks;
         syncDerivedUpdates(() => {
           setAttributes({
-            content: getContentValuesFromInnerBlocks(blocks, defaultContent.current)
+            content: getContentValuesFromInnerBlocks(blocks, defaultContent.current, legacyIdMap.current)
           });
         });
       }
     }, blockEditorStore);
-  }, [syncDerivedUpdates, patternClientId, registry, setAttributes]);
+  }, [hasPatternOverridesSource, syncDerivedUpdates, patternClientId, registry, setAttributes]);
   const handleEditOriginal = () => {
     onNavigateToEntityRecord({
       postId: ref,