@wordpress/block-library 8.24.1 → 8.25.1-next.79a6196f.0

package/build-module/image/image.js

@@ -4,14 +4,14 @@ import { createElement, Fragment } from "react";
  */
 import { isBlobURL } from '@wordpress/blob';
 import { ExternalLink, ResizableBox, Spinner, TextareaControl, ToggleControl, TextControl, ToolbarButton, ToolbarGroup, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalUseCustomUnits as useCustomUnits } from '@wordpress/components';
-import { useViewportMatch, usePrevious } from '@wordpress/compose';
+import { useViewportMatch } from '@wordpress/compose';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { BlockControls, InspectorControls, RichText, __experimentalImageURLInputUI as ImageURLInputUI, MediaReplaceFlow, store as blockEditorStore, useSettings, __experimentalImageEditor as ImageEditor, __experimentalGetElementClassName, __experimentalUseBorderProps as useBorderProps, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { useEffect, useMemo, useState, useRef, useCallback } from '@wordpress/element';
+import { BlockControls, InspectorControls, __experimentalImageURLInputUI as ImageURLInputUI, MediaReplaceFlow, store as blockEditorStore, useSettings, __experimentalImageEditor as ImageEditor, __experimentalUseBorderProps as useBorderProps, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { useEffect, useMemo, useState, useRef } from '@wordpress/element';
 import { __, _x, sprintf, isRTL } from '@wordpress/i18n';
 import { getFilename } from '@wordpress/url';
-import { createBlock, getDefaultBlockName, switchToBlockType } from '@wordpress/blocks';
-import { crop, overlayText, upload, caption as captionIcon } from '@wordpress/icons';
+import { switchToBlockType } from '@wordpress/blocks';
+import { crop, overlayText, upload } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
 import { store as coreStore } from '@wordpress/core-data';
 
@@ -22,10 +22,12 @@ import { unlock } from '../lock-unlock';
 import { createUpgradedEmbedBlock } from '../embed/util';
 import useClientWidth from './use-client-width';
 import { isExternalImage } from './edit';
+import { Caption } from '../utils/caption';
 
 /**
  * Module constants
  */
+import { TOOLSPANEL_DROPDOWNMENU_PROPS } from '../utils/constants';
 import { MIN_SIZE, ALLOWED_MEDIA_TYPES } from './constants';
 import { evalAspectRatio } from './utils';
 const {
@@ -83,7 +85,6 @@ export default function Image({
   const {
     url = '',
     alt,
-    caption,
     align,
     id,
     href,
@@ -104,8 +105,6 @@ export default function Image({
   const numericWidth = width ? parseInt(width, 10) : undefined;
   const numericHeight = height ? parseInt(height, 10) : undefined;
   const imageRef = useRef();
-  const prevCaption = usePrevious(caption);
-  const [showCaption, setShowCaption] = useState(!!caption);
   const {
     allowResize = true
   } = context;
@@ -113,22 +112,15 @@ export default function Image({
     getBlock
   } = useSelect(blockEditorStore);
   const {
-    image,
-    multiImageSelection
+    image
   } = useSelect(select => {
     const {
       getMedia
     } = select(coreStore);
-    const {
-      getMultiSelectedBlockClientIds,
-      getBlockName
-    } = select(blockEditorStore);
-    const multiSelectedClientIds = getMultiSelectedBlockClientIds();
     return {
       image: id && isSelected ? getMedia(id, {
         context: 'view'
-      }) : null,
-      multiImageSelection: multiSelectedClientIds.length && multiSelectedClientIds.every(_clientId => getBlockName(_clientId) === 'core/image')
+      }) : null
     };
   }, [id, isSelected]);
   const {
@@ -136,21 +128,26 @@ export default function Image({
     imageEditing,
     imageSizes,
     maxWidth,
-    mediaUpload
+    mediaUpload,
+    multiImageSelection
   } = useSelect(select => {
     const {
       getBlockRootClientId,
+      getMultiSelectedBlockClientIds,
+      getBlockName,
       getSettings,
       canInsertBlockType
     } = select(blockEditorStore);
     const rootClientId = getBlockRootClientId(clientId);
     const settings = getSettings();
+    const multiSelectedClientIds = getMultiSelectedBlockClientIds();
     return {
       imageEditing: settings.imageEditing,
       imageSizes: settings.imageSizes,
       maxWidth: settings.maxWidth,
       mediaUpload: settings.mediaUpload,
-      canInsertCover: canInsertBlockType('core/cover', rootClientId)
+      canInsertCover: canInsertBlockType('core/cover', rootClientId),
+      multiImageSelection: multiSelectedClientIds.length && multiSelectedClientIds.every(_clientId => getBlockName(_clientId) === 'core/image')
     };
   }, [clientId]);
   const {
@@ -171,7 +168,7 @@ export default function Image({
   const [externalBlob, setExternalBlob] = useState();
   const clientWidth = useClientWidth(containerRef, [align]);
   const hasNonContentControls = blockEditingMode === 'default';
-  const isResizable = allowResize && hasNonContentControls && !(isWideAligned && isLargeViewport);
+  const isResizable = allowResize && hasNonContentControls && !isWideAligned && isLargeViewport;
   const imageSizeOptions = imageSizes.filter(({
     slug
   }) => image?.media_details?.sizes?.[slug]?.source_url).map(({
@@ -199,21 +196,6 @@ export default function Image({
     .catch(() => {});
   }, [id, url, isSelected, externalBlob, canUploadMedia]);
 
-  // We need to show the caption when changes come from
-  // history navigation(undo/redo).
-  useEffect(() => {
-    if (caption && !prevCaption) {
-      setShowCaption(true);
-    }
-  }, [caption, prevCaption]);
-
-  // Focus the caption when we click to add one.
-  const captionRef = useCallback(node => {
-    if (node && !caption) {
-      node.focus();
-    }
-  }, [caption]);
-
   // Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural
   // width and height. This resolves an issue in Safari where the loaded natural
   // width and height is otherwise lost when switching between alignments.
@@ -294,11 +276,8 @@ export default function Image({
   useEffect(() => {
     if (!isSelected) {
       setIsEditingImage(false);
-      if (!caption) {
-        setShowCaption(false);
-      }
     }
-  }, [isSelected, caption]);
+  }, [isSelected]);
   const canEditImage = id && naturalWidth && naturalHeight && imageEditing;
   const allowCrop = !multiImageSelection && canEditImage && !isEditingImage;
   function switchToCover() {
@@ -349,6 +328,7 @@ export default function Image({
   });
   const resetAll = () => {
     setAttributes({
+      alt: undefined,
       width: undefined,
       height: undefined,
       scale: undefined,
@@ -358,23 +338,12 @@ export default function Image({
   };
   const sizeControls = createElement(InspectorControls, null, createElement(ToolsPanel, {
     label: __('Settings'),
-    resetAll: resetAll
+    resetAll: resetAll,
+    dropdownMenuProps: TOOLSPANEL_DROPDOWNMENU_PROPS
   }, isResizable && dimensionsControl));
   const controls = createElement(Fragment, null, createElement(BlockControls, {
     group: "block"
-  }, hasNonContentControls && createElement(ToolbarButton, {
-    onClick: () => {
-      setShowCaption(!showCaption);
-      if (showCaption && caption) {
-        setAttributes({
-          caption: undefined
-        });
-      }
-    },
-    icon: captionIcon,
-    isPressed: showCaption,
-    label: showCaption ? __('Remove caption') : __('Add caption')
-  }), !multiImageSelection && !isEditingImage && createElement(ImageURLInputUI, {
+  }, !multiImageSelection && !isEditingImage && createElement(ImageURLInputUI, {
     url: href || '',
     onChangeUrl: onSetHref,
     linkDestination: linkDestination,
@@ -404,26 +373,27 @@ export default function Image({
   })), !multiImageSelection && externalBlob && createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarButton, {
     onClick: uploadExternal,
     icon: upload,
-    label: __('Upload external image')
+    label: __('Upload image to media library')
   }))), createElement(InspectorControls, null, createElement(ToolsPanel, {
     label: __('Settings'),
-    resetAll: resetAll
+    resetAll: resetAll,
+    dropdownMenuProps: TOOLSPANEL_DROPDOWNMENU_PROPS
   }, !multiImageSelection && createElement(ToolsPanelItem, {
     label: __('Alternative text'),
     isShownByDefault: true,
-    hasValue: () => alt !== '',
+    hasValue: () => !!alt,
     onDeselect: () => setAttributes({
       alt: undefined
     })
   }, createElement(TextareaControl, {
     label: __('Alternative text'),
-    value: alt,
+    value: alt || '',
     onChange: updateAlt,
     help: createElement(Fragment, null, createElement(ExternalLink, {
       href: "https://www.w3.org/WAI/tutorials/images/decision-tree"
     }, __('Describe the purpose of the image.')), createElement("br", null), __('Leave empty if decorative.')),
     __nextHasNoMarginBottom: true
-  })), isResizable && dimensionsControl, createElement(ResolutionTool, {
+  })), isResizable && dimensionsControl, !!imageSizeOptions.length && createElement(ResolutionTool, {
     value: sizeSlug,
     onChange: updateImage,
     options: imageSizeOptions
@@ -617,19 +587,13 @@ export default function Image({
   if (!url && !temporaryURL) {
     return sizeControls;
   }
-  return createElement(Fragment, null, !temporaryURL && controls, img, showCaption && (!RichText.isEmpty(caption) || isSelected) && createElement(RichText, {
-    identifier: "caption",
-    className: __experimentalGetElementClassName('caption'),
-    ref: captionRef,
-    tagName: "figcaption",
-    "aria-label": __('Image caption text'),
-    placeholder: __('Add caption'),
-    value: caption,
-    onChange: value => setAttributes({
-      caption: value
-    }),
-    inlineToolbar: true,
-    __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
+  return createElement(Fragment, null, !temporaryURL && controls, img, createElement(Caption, {
+    attributes: attributes,
+    setAttributes: setAttributes,
+    isSelected: isSelected,
+    insertBlocksAfter: insertBlocksAfter,
+    label: __('Image caption text'),
+    showToolbarButton: !multiImageSelection && hasNonContentControls
   }));
 }
 //# sourceMappingURL=image.js.map

package/build-module/image/image.js.map

@@ -1 +1 @@
-{"version":3,"names":["isBlobURL","ExternalLink","ResizableBox","Spinner","TextareaControl","ToggleControl","TextControl","ToolbarButton","ToolbarGroup","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUseCustomUnits","useCustomUnits","useViewportMatch","usePrevious","useSelect","useDispatch","BlockControls","InspectorControls","RichText","__experimentalImageURLInputUI","ImageURLInputUI","MediaReplaceFlow","store","blockEditorStore","useSettings","__experimentalImageEditor","ImageEditor","__experimentalGetElementClassName","__experimentalUseBorderProps","useBorderProps","privateApis","blockEditorPrivateApis","useEffect","useMemo","useState","useRef","useCallback","__","_x","sprintf","isRTL","getFilename","createBlock","getDefaultBlockName","switchToBlockType","crop","overlayText","upload","caption","captionIcon","noticesStore","coreStore","unlock","createUpgradedEmbedBlock","useClientWidth","isExternalImage","MIN_SIZE","ALLOWED_MEDIA_TYPES","evalAspectRatio","DimensionsTool","ResolutionTool","scaleOptions","value","label","help","ImageWrapper","href","children","createElement","onClick","event","preventDefault","style","pointerEvents","cursor","display","Image","temporaryURL","attributes","setAttributes","isSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","containerRef","context","clientId","blockEditingMode","url","alt","align","id","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","numericWidth","parseInt","undefined","numericHeight","imageRef","prevCaption","showCaption","setShowCaption","allowResize","getBlock","image","multiImageSelection","select","getMedia","getMultiSelectedBlockClientIds","getBlockName","multiSelectedClientIds","length","every","_clientId","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","getBlockRootClientId","getSettings","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","createErrorNotice","createSuccessNotice","isLargeViewport","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","window","fetch","then","response","blob","catch","captionRef","node","focus","naturalWidth","naturalHeight","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","type","allowedTypes","onError","message","canEditImage","allowCrop","switchToCover","dimensionsUnitsOptions","availableUnits","lightboxSetting","showLightboxToggle","allowEditing","lightboxChecked","enabled","lightboxToggleDisabled","dimensionsControl","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","controls","Fragment","group","icon","isPressed","onChangeUrl","mediaUrl","mediaLink","link","mediaId","mediaURL","accept","onSelect","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","options","checked","newValue","disabled","filename","defaultedAlt","borderProps","isRounded","className","src","onLoad","target","ref","objectFit","fallbackClientWidth","onSaveImage","imageAttributes","onFinishEditing","numericRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","isEmpty","identifier","tagName","placeholder","inlineToolbar","__unstableOnSplitAtEnd"],"sources":["@wordpress/block-library/src/image/image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tExternalLink,\n\tResizableBox,\n\tSpinner,\n\tTextareaControl,\n\tToggleControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useViewportMatch, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSettings,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalGetElementClassName,\n\t__experimentalUseBorderProps as useBorderProps,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getFilename } from '@wordpress/url';\nimport {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport {\n\tcrop,\n\toverlayText,\n\tupload,\n\tcaption as captionIcon,\n} from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport useClientWidth from './use-client-width';\nimport { isExternalImage } from './edit';\n\n/**\n * Module constants\n */\nimport { MIN_SIZE, ALLOWED_MEDIA_TYPES } from './constants';\nimport { evalAspectRatio } from './utils';\n\nconst { DimensionsTool, ResolutionTool } = unlock( blockEditorPrivateApis );\n\nconst scaleOptions = [\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image covers the space evenly.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image is contained without distortion.' ),\n\t},\n];\n\n// If the image has a href, wrap in an <a /> tag to trigger any inherited link element styles.\nconst ImageWrapper = ( { href, children } ) => {\n\tif ( ! href ) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<a\n\t\t\thref={ href }\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\taria-disabled={ true }\n\t\t\tstyle={ {\n\t\t\t\t// When the Image block is linked,\n\t\t\t\t// it's wrapped with a disabled <a /> tag.\n\t\t\t\t// Restore cursor style so it doesn't appear 'clickable'\n\t\t\t\t// and remove pointer events. Safari needs the display property.\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tcursor: 'default',\n\t\t\t\tdisplay: 'inline',\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</a>\n\t);\n};\n\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontainerRef,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\n\t\talign,\n\t\tid,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\ttitle,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\tlightbox,\n\t} = attributes;\n\n\t// The only supported unit is px, so we can parseInt to strip the px here.\n\tconst numericWidth = width ? parseInt( width, 10 ) : undefined;\n\tconst numericHeight = height ? parseInt( height, 10 ) : undefined;\n\n\tconst imageRef = useRef();\n\tconst prevCaption = usePrevious( caption );\n\tconst [ showCaption, setShowCaption ] = useState( !! caption );\n\tconst { allowResize = true } = context;\n\tconst { getBlock } = useSelect( blockEditorStore );\n\n\tconst { image, multiImageSelection } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia } = select( coreStore );\n\t\t\tconst { getMultiSelectedBlockClientIds, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst multiSelectedClientIds = getMultiSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tid && isSelected\n\t\t\t\t\t\t? getMedia( id, { context: 'view' } )\n\t\t\t\t\t\t: null,\n\t\t\t\tmultiImageSelection:\n\t\t\t\t\tmultiSelectedClientIds.length &&\n\t\t\t\t\tmultiSelectedClientIds.every(\n\t\t\t\t\t\t( _clientId ) =>\n\t\t\t\t\t\t\tgetBlockName( _clientId ) === 'core/image'\n\t\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ id, isSelected ]\n\t);\n\tconst { canInsertCover, imageEditing, imageSizes, maxWidth, mediaUpload } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetSettings,\n\t\t\t\t\tcanInsertBlockType,\n\t\t\t\t} = select( blockEditorStore );\n\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\tconst settings = getSettings();\n\n\t\t\t\treturn {\n\t\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\t\tmediaUpload: settings.mediaUpload,\n\t\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t\t'core/cover',\n\t\t\t\t\t\trootClientId\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\tconst { replaceBlocks, toggleSelection } = useDispatch( blockEditorStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst [\n\t\t{ loadedNaturalWidth, loadedNaturalHeight },\n\t\tsetLoadedNaturalSize,\n\t] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst [ externalBlob, setExternalBlob ] = useState();\n\tconst clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! ( isWideAligned && isLargeViewport );\n\tconst imageSizeOptions = imageSizes\n\t\t.filter(\n\t\t\t( { slug } ) => image?.media_details?.sizes?.[ slug ]?.source_url\n\t\t)\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst canUploadMedia = !! mediaUpload;\n\n\t// If an image is externally hosted, try to fetch the image data. This may\n\t// fail if the image host doesn't allow CORS with the domain. If it works,\n\t// we can enable a button in the toolbar to upload the image.\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! isExternalImage( id, url ) ||\n\t\t\t! isSelected ||\n\t\t\t! canUploadMedia\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) return;\n\n\t\twindow\n\t\t\t// Avoid cache, which seems to help avoid CORS problems.\n\t\t\t.fetch( url.includes( '?' ) ? url : url + '?' )\n\t\t\t.then( ( response ) => response.blob() )\n\t\t\t.then( ( blob ) => setExternalBlob( blob ) )\n\t\t\t// Do nothing, cannot upload.\n\t\t\t.catch( () => {} );\n\t}, [ id, url, isSelected, externalBlob, canUploadMedia ] );\n\n\t// We need to show the caption when changes come from\n\t// history navigation(undo/redo).\n\tuseEffect( () => {\n\t\tif ( caption && ! prevCaption ) {\n\t\t\tsetShowCaption( true );\n\t\t}\n\t}, [ caption, prevCaption ] );\n\n\t// Focus the caption when we click to add one.\n\tconst captionRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( node && ! caption ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ caption ]\n\t);\n\n\t// Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural\n\t// width and height. This resolves an issue in Safari where the loaded natural\n\t// width and height is otherwise lost when switching between alignments.\n\t// See: https://github.com/WordPress/gutenberg/pull/37210.\n\tconst { naturalWidth, naturalHeight } = useMemo( () => {\n\t\treturn {\n\t\t\tnaturalWidth:\n\t\t\t\timageRef.current?.naturalWidth ||\n\t\t\t\tloadedNaturalWidth ||\n\t\t\t\tundefined,\n\t\t\tnaturalHeight:\n\t\t\t\timageRef.current?.naturalHeight ||\n\t\t\t\tloadedNaturalHeight ||\n\t\t\t\tundefined,\n\t\t};\n\t}, [\n\t\tloadedNaturalWidth,\n\t\tloadedNaturalHeight,\n\t\timageRef.current?.complete,\n\t] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tfunction onImageError() {\n\t\t// Check if there's an embed block that handles this URL, e.g., instagram URL.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/11472\n\t\tconst embedBlock = createUpgradedEmbedBlock( { attributes: { url } } );\n\n\t\tif ( undefined !== embedBlock ) {\n\t\t\tonReplace( embedBlock );\n\t\t}\n\t}\n\n\tfunction onSetHref( props ) {\n\t\tsetAttributes( props );\n\t}\n\n\tfunction onSetTitle( value ) {\n\t\t// This is the HTML title attribute, separate from the media object\n\t\t// title.\n\t\tsetAttributes( { title: value } );\n\t}\n\n\tfunction updateAlt( newAlt ) {\n\t\tsetAttributes( { alt: newAlt } );\n\t}\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl = image?.media_details?.sizes?.[ newSizeSlug ]?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tfunction uploadExternal() {\n\t\tmediaUpload( {\n\t\t\tfilesList: [ externalBlob ],\n\t\t\tonFileChange( [ img ] ) {\n\t\t\t\tonSelectImage( img );\n\n\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetExternalBlob();\n\t\t\t\tcreateSuccessNotice( __( 'Image uploaded.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t},\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tonError( message ) {\n\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t\tif ( ! caption ) {\n\t\t\t\tsetShowCaption( false );\n\t\t\t}\n\t\t}\n\t}, [ isSelected, caption ] );\n\n\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = ! multiImageSelection && canEditImage && ! isEditingImage;\n\n\tfunction switchToCover() {\n\t\treplaceBlocks(\n\t\t\tclientId,\n\t\t\tswitchToBlockType( getBlock( clientId ), 'core/cover' )\n\t\t);\n\t}\n\n\t// TODO: Can allow more units after figuring out how they should interact\n\t// with the ResizableBox and ImageEditor components. Calculations later on\n\t// for those components are currently assuming px units.\n\tconst dimensionsUnitsOptions = useCustomUnits( {\n\t\tavailableUnits: [ 'px' ],\n\t} );\n\n\tconst [ lightboxSetting ] = useSettings( 'lightbox' );\n\n\tconst showLightboxToggle =\n\t\t!! lightbox || lightboxSetting?.allowEditing === true;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled || ( ! lightbox && !! lightboxSetting?.enabled );\n\n\tconst lightboxToggleDisabled = linkDestination !== 'none';\n\n\tconst dimensionsControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { width, height, scale, aspectRatio } }\n\t\t\tonChange={ ( {\n\t\t\t\twidth: newWidth,\n\t\t\t\theight: newHeight,\n\t\t\t\tscale: newScale,\n\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t} ) => {\n\t\t\t\t// Rebuilding the object forces setting `undefined`\n\t\t\t\t// for values that are removed since setAttributes\n\t\t\t\t// doesn't do anything with keys that aren't set.\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t// CSS includes `height: auto`, but we need\n\t\t\t\t\t// `width: auto` to fix the aspect ratio when\n\t\t\t\t\t// only height is set due to the width and\n\t\t\t\t\t// height attributes set via the server.\n\t\t\t\t\twidth: ! newWidth && newHeight ? 'auto' : newWidth,\n\t\t\t\t\theight: newHeight,\n\t\t\t\t\tscale: newScale,\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultScale=\"cover\"\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\tscaleOptions={ scaleOptions }\n\t\t\tunitsOptions={ dimensionsUnitsOptions }\n\t\t/>\n\t);\n\n\tconst resetAll = () => {\n\t\tsetAttributes( {\n\t\t\twidth: undefined,\n\t\t\theight: undefined,\n\t\t\tscale: undefined,\n\t\t\taspectRatio: undefined,\n\t\t\tlightbox: undefined,\n\t\t} );\n\t};\n\n\tconst sizeControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCaption( ! showCaption );\n\t\t\t\t\t\t\tif ( showCaption && caption ) {\n\t\t\t\t\t\t\t\tsetAttributes( { caption: undefined } );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ captionIcon }\n\t\t\t\t\t\tisPressed={ showCaption }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tshowCaption\n\t\t\t\t\t\t\t\t? __( 'Remove caption' )\n\t\t\t\t\t\t\t\t: __( 'Add caption' )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) || url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowCrop && (\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\t{ ! multiImageSelection && canInsertCover && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ ! multiImageSelection && externalBlob && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ uploadExternal }\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tlabel={ __( 'Upload external image' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t\t{ ! multiImageSelection && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t\thasValue={ () => alt !== '' }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { alt: undefined } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showLightboxToggle && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! lightbox }\n\t\t\t\t\t\t\tlabel={ __( 'Expand on click' ) }\n\t\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( { lightbox: undefined } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Expand on click' ) }\n\t\t\t\t\t\t\t\tchecked={ lightboxChecked }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlightbox: { enabled: newValue },\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\tdisabled={ lightboxToggleDisabled }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlightboxToggleDisabled\n\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t'“Expand on click” scales the image up, and can’t be combined with a link.'\n\t\t\t\t\t\t\t\t\t\t  )\n\t\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</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst filename = getFilename( url );\n\tlet defaultedAlt;\n\n\tif ( alt ) {\n\t\tdefaultedAlt = alt;\n\t} else if ( filename ) {\n\t\tdefaultedAlt = sprintf(\n\t\t\t/* translators: %s: file name */\n\t\t\t__( 'This image has an empty alt attribute; its file name is %s' ),\n\t\t\tfilename\n\t\t);\n\t} else {\n\t\tdefaultedAlt = __( 'This image has an empty alt attribute' );\n\t}\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst isRounded = attributes.className?.includes( 'is-style-rounded' );\n\n\tlet img = (\n\t\t// Disable reason: Image itself is not meant to be interactive, but\n\t\t// should direct focus to block.\n\t\t/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ temporaryURL || url }\n\t\t\t\talt={ defaultedAlt }\n\t\t\t\tonError={ () => onImageError() }\n\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\tsetLoadedNaturalSize( {\n\t\t\t\t\t\tloadedNaturalWidth: event.target?.naturalWidth,\n\t\t\t\t\t\tloadedNaturalHeight: event.target?.naturalHeight,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tref={ imageRef }\n\t\t\t\tclassName={ borderProps.className }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth:\n\t\t\t\t\t\t( width && height ) || aspectRatio ? '100%' : undefined,\n\t\t\t\t\theight:\n\t\t\t\t\t\t( width && height ) || aspectRatio ? '100%' : undefined,\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ temporaryURL && <Spinner /> }\n\t\t</>\n\t\t/* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t);\n\n\t// clientWidth needs to be a number for the image Cropper to work, but sometimes it's 0\n\t// So we try using the imageRef width first and fallback to clientWidth.\n\tconst fallbackClientWidth = imageRef.current?.width || clientWidth;\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageWrapper href={ href }>\n\t\t\t\t<ImageEditor\n\t\t\t\t\tid={ id }\n\t\t\t\t\turl={ url }\n\t\t\t\t\twidth={ numericWidth }\n\t\t\t\t\theight={ numericHeight }\n\t\t\t\t\tclientWidth={ fallbackClientWidth }\n\t\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t\t}\n\t\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t\t} }\n\t\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t\t/>\n\t\t\t</ImageWrapper>\n\t\t);\n\t} else if ( ! isResizable ) {\n\t\timg = (\n\t\t\t<div style={ { width, height, aspectRatio } }>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tconst numericRatio = aspectRatio && evalAspectRatio( aspectRatio );\n\t\tconst customRatio = numericWidth / numericHeight;\n\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\tconst ratio = numericRatio || customRatio || naturalRatio || 1;\n\t\tconst currentWidth =\n\t\t\t! numericWidth && numericHeight\n\t\t\t\t? numericHeight * ratio\n\t\t\t\t: numericWidth;\n\t\tconst currentHeight =\n\t\t\t! numericHeight && numericWidth\n\t\t\t\t? numericWidth / ratio\n\t\t\t\t: numericHeight;\n\n\t\tconst minWidth =\n\t\t\tnaturalWidth < naturalHeight ? MIN_SIZE : MIN_SIZE * ratio;\n\t\tconst minHeight =\n\t\t\tnaturalHeight < naturalWidth ? MIN_SIZE : MIN_SIZE / ratio;\n\n\t\t// With the current implementation of ResizableBox, an image needs an\n\t\t// explicit pixel value for the max-width. In absence of being able to\n\t\t// set the content-width, this max-width is currently dictated by the\n\t\t// vanilla editor style. The following variable adds a buffer to this\n\t\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t\t// in most cases, allow you to scale the image beyond the width of the\n\t\t// main column, though not infinitely.\n\t\t// @todo It would be good to revisit this once a content-width variable\n\t\t// becomes available.\n\t\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\t\tlet showRightHandle = false;\n\t\tlet showLeftHandle = false;\n\n\t\t/* eslint-disable no-lonely-if */\n\t\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\t\tif ( align === 'center' ) {\n\t\t\t// When the image is centered, show both handles.\n\t\t\tshowRightHandle = true;\n\t\t\tshowLeftHandle = true;\n\t\t} else if ( isRTL() ) {\n\t\t\t// In RTL mode the image is on the right by default.\n\t\t\t// Show the right handle and hide the left handle only when it is\n\t\t\t// aligned left. Otherwise always show the left handle.\n\t\t\tif ( align === 'left' ) {\n\t\t\t\tshowRightHandle = true;\n\t\t\t} else {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t}\n\t\t} else {\n\t\t\t// Show the left handle and hide the right handle only when the\n\t\t\t// image is aligned right. Otherwise always show the right handle.\n\t\t\tif ( align === 'right' ) {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t} else {\n\t\t\t\tshowRightHandle = true;\n\t\t\t}\n\t\t}\n\t\t/* eslint-enable no-lonely-if */\n\t\timg = (\n\t\t\t<ResizableBox\n\t\t\t\tstyle={ {\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t! width && ! height && aspectRatio\n\t\t\t\t\t\t\t? aspectRatio\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t} }\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth ?? 'auto',\n\t\t\t\t\theight: currentHeight ?? 'auto',\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={ ratio }\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 ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\t// Since the aspect ratio is locked when resizing, we can\n\t\t\t\t\t// use the width of the resized element to calculate the\n\t\t\t\t\t// height in CSS to prevent stretching when the max-width\n\t\t\t\t\t// is reached.\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: `${ elt.offsetWidth }px`,\n\t\t\t\t\t\theight: 'auto',\n\t\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t\tratio === naturalRatio\n\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t: String( ratio ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tresizeRatio={ align === 'center' ? 2 : 1 }\n\t\t\t>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\treturn sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Hide controls during upload to avoid component remount,\n\t\t\t\twhich causes duplicated image upload. */ }\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ img }\n\t\t\t{ showCaption &&\n\t\t\t\t( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tref={ captionRef }\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\taria-label={ __( 'Image caption text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { caption: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\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</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["isBlobURL","ExternalLink","ResizableBox","Spinner","TextareaControl","ToggleControl","TextControl","ToolbarButton","ToolbarGroup","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUseCustomUnits","useCustomUnits","useViewportMatch","useSelect","useDispatch","BlockControls","InspectorControls","__experimentalImageURLInputUI","ImageURLInputUI","MediaReplaceFlow","store","blockEditorStore","useSettings","__experimentalImageEditor","ImageEditor","__experimentalUseBorderProps","useBorderProps","privateApis","blockEditorPrivateApis","useEffect","useMemo","useState","useRef","__","_x","sprintf","isRTL","getFilename","switchToBlockType","crop","overlayText","upload","noticesStore","coreStore","unlock","createUpgradedEmbedBlock","useClientWidth","isExternalImage","Caption","TOOLSPANEL_DROPDOWNMENU_PROPS","MIN_SIZE","ALLOWED_MEDIA_TYPES","evalAspectRatio","DimensionsTool","ResolutionTool","scaleOptions","value","label","help","ImageWrapper","href","children","createElement","onClick","event","preventDefault","style","pointerEvents","cursor","display","Image","temporaryURL","attributes","setAttributes","isSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","containerRef","context","clientId","blockEditingMode","url","alt","align","id","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","numericWidth","parseInt","undefined","numericHeight","imageRef","allowResize","getBlock","image","select","getMedia","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","multiImageSelection","getBlockRootClientId","getMultiSelectedBlockClientIds","getBlockName","getSettings","canInsertBlockType","rootClientId","settings","multiSelectedClientIds","length","every","_clientId","replaceBlocks","toggleSelection","createErrorNotice","createSuccessNotice","isLargeViewport","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","window","fetch","then","response","blob","catch","naturalWidth","naturalHeight","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","type","allowedTypes","onError","message","canEditImage","allowCrop","switchToCover","dimensionsUnitsOptions","availableUnits","lightboxSetting","showLightboxToggle","allowEditing","lightboxChecked","enabled","lightboxToggleDisabled","dimensionsControl","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","dropdownMenuProps","controls","Fragment","group","onChangeUrl","mediaUrl","mediaLink","link","icon","mediaId","mediaURL","accept","onSelect","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","options","checked","newValue","disabled","filename","defaultedAlt","borderProps","isRounded","className","src","onLoad","target","ref","objectFit","fallbackClientWidth","onSaveImage","imageAttributes","onFinishEditing","numericRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","showToolbarButton"],"sources":["@wordpress/block-library/src/image/image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tExternalLink,\n\tResizableBox,\n\tSpinner,\n\tTextareaControl,\n\tToggleControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSettings,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalUseBorderProps as useBorderProps,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useEffect, useMemo, useState, useRef } from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getFilename } from '@wordpress/url';\nimport { switchToBlockType } from '@wordpress/blocks';\nimport { crop, overlayText, upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport useClientWidth from './use-client-width';\nimport { isExternalImage } from './edit';\nimport { Caption } from '../utils/caption';\n\n/**\n * Module constants\n */\nimport { TOOLSPANEL_DROPDOWNMENU_PROPS } from '../utils/constants';\nimport { MIN_SIZE, ALLOWED_MEDIA_TYPES } from './constants';\nimport { evalAspectRatio } from './utils';\n\nconst { DimensionsTool, ResolutionTool } = unlock( blockEditorPrivateApis );\n\nconst scaleOptions = [\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image covers the space evenly.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image is contained without distortion.' ),\n\t},\n];\n\n// If the image has a href, wrap in an <a /> tag to trigger any inherited link element styles.\nconst ImageWrapper = ( { href, children } ) => {\n\tif ( ! href ) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<a\n\t\t\thref={ href }\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\taria-disabled={ true }\n\t\t\tstyle={ {\n\t\t\t\t// When the Image block is linked,\n\t\t\t\t// it's wrapped with a disabled <a /> tag.\n\t\t\t\t// Restore cursor style so it doesn't appear 'clickable'\n\t\t\t\t// and remove pointer events. Safari needs the display property.\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tcursor: 'default',\n\t\t\t\tdisplay: 'inline',\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</a>\n\t);\n};\n\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontainerRef,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\talign,\n\t\tid,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\ttitle,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\tlightbox,\n\t} = attributes;\n\n\t// The only supported unit is px, so we can parseInt to strip the px here.\n\tconst numericWidth = width ? parseInt( width, 10 ) : undefined;\n\tconst numericHeight = height ? parseInt( height, 10 ) : undefined;\n\n\tconst imageRef = useRef();\n\tconst { allowResize = true } = context;\n\tconst { getBlock } = useSelect( blockEditorStore );\n\n\tconst { image } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia } = select( coreStore );\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tid && isSelected\n\t\t\t\t\t\t? getMedia( id, { context: 'view' } )\n\t\t\t\t\t\t: null,\n\t\t\t};\n\t\t},\n\t\t[ id, isSelected ]\n\t);\n\n\tconst {\n\t\tcanInsertCover,\n\t\timageEditing,\n\t\timageSizes,\n\t\tmaxWidth,\n\t\tmediaUpload,\n\t\tmultiImageSelection,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetMultiSelectedBlockClientIds,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetSettings,\n\t\t\t\tcanInsertBlockType,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tconst settings = getSettings();\n\t\t\tconst multiSelectedClientIds = getMultiSelectedBlockClientIds();\n\n\t\t\treturn {\n\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\tmediaUpload: settings.mediaUpload,\n\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t'core/cover',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tmultiImageSelection:\n\t\t\t\t\tmultiSelectedClientIds.length &&\n\t\t\t\t\tmultiSelectedClientIds.every(\n\t\t\t\t\t\t( _clientId ) =>\n\t\t\t\t\t\t\tgetBlockName( _clientId ) === 'core/image'\n\t\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { replaceBlocks, toggleSelection } = useDispatch( blockEditorStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst [\n\t\t{ loadedNaturalWidth, loadedNaturalHeight },\n\t\tsetLoadedNaturalSize,\n\t] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst [ externalBlob, setExternalBlob ] = useState();\n\tconst clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! isWideAligned &&\n\t\tisLargeViewport;\n\tconst imageSizeOptions = imageSizes\n\t\t.filter(\n\t\t\t( { slug } ) => image?.media_details?.sizes?.[ slug ]?.source_url\n\t\t)\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst canUploadMedia = !! mediaUpload;\n\n\t// If an image is externally hosted, try to fetch the image data. This may\n\t// fail if the image host doesn't allow CORS with the domain. If it works,\n\t// we can enable a button in the toolbar to upload the image.\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! isExternalImage( id, url ) ||\n\t\t\t! isSelected ||\n\t\t\t! canUploadMedia\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) return;\n\n\t\twindow\n\t\t\t// Avoid cache, which seems to help avoid CORS problems.\n\t\t\t.fetch( url.includes( '?' ) ? url : url + '?' )\n\t\t\t.then( ( response ) => response.blob() )\n\t\t\t.then( ( blob ) => setExternalBlob( blob ) )\n\t\t\t// Do nothing, cannot upload.\n\t\t\t.catch( () => {} );\n\t}, [ id, url, isSelected, externalBlob, canUploadMedia ] );\n\n\t// Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural\n\t// width and height. This resolves an issue in Safari where the loaded natural\n\t// width and height is otherwise lost when switching between alignments.\n\t// See: https://github.com/WordPress/gutenberg/pull/37210.\n\tconst { naturalWidth, naturalHeight } = useMemo( () => {\n\t\treturn {\n\t\t\tnaturalWidth:\n\t\t\t\timageRef.current?.naturalWidth ||\n\t\t\t\tloadedNaturalWidth ||\n\t\t\t\tundefined,\n\t\t\tnaturalHeight:\n\t\t\t\timageRef.current?.naturalHeight ||\n\t\t\t\tloadedNaturalHeight ||\n\t\t\t\tundefined,\n\t\t};\n\t}, [\n\t\tloadedNaturalWidth,\n\t\tloadedNaturalHeight,\n\t\timageRef.current?.complete,\n\t] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tfunction onImageError() {\n\t\t// Check if there's an embed block that handles this URL, e.g., instagram URL.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/11472\n\t\tconst embedBlock = createUpgradedEmbedBlock( { attributes: { url } } );\n\n\t\tif ( undefined !== embedBlock ) {\n\t\t\tonReplace( embedBlock );\n\t\t}\n\t}\n\n\tfunction onSetHref( props ) {\n\t\tsetAttributes( props );\n\t}\n\n\tfunction onSetTitle( value ) {\n\t\t// This is the HTML title attribute, separate from the media object\n\t\t// title.\n\t\tsetAttributes( { title: value } );\n\t}\n\n\tfunction updateAlt( newAlt ) {\n\t\tsetAttributes( { alt: newAlt } );\n\t}\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl = image?.media_details?.sizes?.[ newSizeSlug ]?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tfunction uploadExternal() {\n\t\tmediaUpload( {\n\t\t\tfilesList: [ externalBlob ],\n\t\t\tonFileChange( [ img ] ) {\n\t\t\t\tonSelectImage( img );\n\n\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetExternalBlob();\n\t\t\t\tcreateSuccessNotice( __( 'Image uploaded.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t},\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tonError( message ) {\n\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t},\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\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = ! multiImageSelection && canEditImage && ! isEditingImage;\n\n\tfunction switchToCover() {\n\t\treplaceBlocks(\n\t\t\tclientId,\n\t\t\tswitchToBlockType( getBlock( clientId ), 'core/cover' )\n\t\t);\n\t}\n\n\t// TODO: Can allow more units after figuring out how they should interact\n\t// with the ResizableBox and ImageEditor components. Calculations later on\n\t// for those components are currently assuming px units.\n\tconst dimensionsUnitsOptions = useCustomUnits( {\n\t\tavailableUnits: [ 'px' ],\n\t} );\n\n\tconst [ lightboxSetting ] = useSettings( 'lightbox' );\n\n\tconst showLightboxToggle =\n\t\t!! lightbox || lightboxSetting?.allowEditing === true;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled || ( ! lightbox && !! lightboxSetting?.enabled );\n\n\tconst lightboxToggleDisabled = linkDestination !== 'none';\n\n\tconst dimensionsControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { width, height, scale, aspectRatio } }\n\t\t\tonChange={ ( {\n\t\t\t\twidth: newWidth,\n\t\t\t\theight: newHeight,\n\t\t\t\tscale: newScale,\n\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t} ) => {\n\t\t\t\t// Rebuilding the object forces setting `undefined`\n\t\t\t\t// for values that are removed since setAttributes\n\t\t\t\t// doesn't do anything with keys that aren't set.\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t// CSS includes `height: auto`, but we need\n\t\t\t\t\t// `width: auto` to fix the aspect ratio when\n\t\t\t\t\t// only height is set due to the width and\n\t\t\t\t\t// height attributes set via the server.\n\t\t\t\t\twidth: ! newWidth && newHeight ? 'auto' : newWidth,\n\t\t\t\t\theight: newHeight,\n\t\t\t\t\tscale: newScale,\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultScale=\"cover\"\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\tscaleOptions={ scaleOptions }\n\t\t\tunitsOptions={ dimensionsUnitsOptions }\n\t\t/>\n\t);\n\n\tconst resetAll = () => {\n\t\tsetAttributes( {\n\t\t\talt: undefined,\n\t\t\twidth: undefined,\n\t\t\theight: undefined,\n\t\t\tscale: undefined,\n\t\t\taspectRatio: undefined,\n\t\t\tlightbox: undefined,\n\t\t} );\n\t};\n\n\tconst sizeControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ resetAll }\n\t\t\t\tdropdownMenuProps={ TOOLSPANEL_DROPDOWNMENU_PROPS }\n\t\t\t>\n\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) || url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowCrop && (\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\t{ ! multiImageSelection && canInsertCover && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ ! multiImageSelection && externalBlob && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ uploadExternal }\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tlabel={ __( 'Upload image to media library' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ resetAll }\n\t\t\t\t\tdropdownMenuProps={ TOOLSPANEL_DROPDOWNMENU_PROPS }\n\t\t\t\t>\n\t\t\t\t\t{ ! multiImageSelection && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t\thasValue={ () => !! alt }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { alt: undefined } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt || '' }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showLightboxToggle && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! lightbox }\n\t\t\t\t\t\t\tlabel={ __( 'Expand on click' ) }\n\t\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( { lightbox: undefined } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Expand on click' ) }\n\t\t\t\t\t\t\t\tchecked={ lightboxChecked }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlightbox: { enabled: newValue },\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\tdisabled={ lightboxToggleDisabled }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlightboxToggleDisabled\n\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t'“Expand on click” scales the image up, and can’t be combined with a link.'\n\t\t\t\t\t\t\t\t\t\t  )\n\t\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</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst filename = getFilename( url );\n\tlet defaultedAlt;\n\n\tif ( alt ) {\n\t\tdefaultedAlt = alt;\n\t} else if ( filename ) {\n\t\tdefaultedAlt = sprintf(\n\t\t\t/* translators: %s: file name */\n\t\t\t__( 'This image has an empty alt attribute; its file name is %s' ),\n\t\t\tfilename\n\t\t);\n\t} else {\n\t\tdefaultedAlt = __( 'This image has an empty alt attribute' );\n\t}\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst isRounded = attributes.className?.includes( 'is-style-rounded' );\n\n\tlet img = (\n\t\t// Disable reason: Image itself is not meant to be interactive, but\n\t\t// should direct focus to block.\n\t\t/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ temporaryURL || url }\n\t\t\t\talt={ defaultedAlt }\n\t\t\t\tonError={ () => onImageError() }\n\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\tsetLoadedNaturalSize( {\n\t\t\t\t\t\tloadedNaturalWidth: event.target?.naturalWidth,\n\t\t\t\t\t\tloadedNaturalHeight: event.target?.naturalHeight,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tref={ imageRef }\n\t\t\t\tclassName={ borderProps.className }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth:\n\t\t\t\t\t\t( width && height ) || aspectRatio ? '100%' : undefined,\n\t\t\t\t\theight:\n\t\t\t\t\t\t( width && height ) || aspectRatio ? '100%' : undefined,\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ temporaryURL && <Spinner /> }\n\t\t</>\n\t\t/* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t);\n\n\t// clientWidth needs to be a number for the image Cropper to work, but sometimes it's 0\n\t// So we try using the imageRef width first and fallback to clientWidth.\n\tconst fallbackClientWidth = imageRef.current?.width || clientWidth;\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageWrapper href={ href }>\n\t\t\t\t<ImageEditor\n\t\t\t\t\tid={ id }\n\t\t\t\t\turl={ url }\n\t\t\t\t\twidth={ numericWidth }\n\t\t\t\t\theight={ numericHeight }\n\t\t\t\t\tclientWidth={ fallbackClientWidth }\n\t\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t\t}\n\t\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t\t} }\n\t\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t\t/>\n\t\t\t</ImageWrapper>\n\t\t);\n\t} else if ( ! isResizable ) {\n\t\timg = (\n\t\t\t<div style={ { width, height, aspectRatio } }>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tconst numericRatio = aspectRatio && evalAspectRatio( aspectRatio );\n\t\tconst customRatio = numericWidth / numericHeight;\n\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\tconst ratio = numericRatio || customRatio || naturalRatio || 1;\n\t\tconst currentWidth =\n\t\t\t! numericWidth && numericHeight\n\t\t\t\t? numericHeight * ratio\n\t\t\t\t: numericWidth;\n\t\tconst currentHeight =\n\t\t\t! numericHeight && numericWidth\n\t\t\t\t? numericWidth / ratio\n\t\t\t\t: numericHeight;\n\n\t\tconst minWidth =\n\t\t\tnaturalWidth < naturalHeight ? MIN_SIZE : MIN_SIZE * ratio;\n\t\tconst minHeight =\n\t\t\tnaturalHeight < naturalWidth ? MIN_SIZE : MIN_SIZE / ratio;\n\n\t\t// With the current implementation of ResizableBox, an image needs an\n\t\t// explicit pixel value for the max-width. In absence of being able to\n\t\t// set the content-width, this max-width is currently dictated by the\n\t\t// vanilla editor style. The following variable adds a buffer to this\n\t\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t\t// in most cases, allow you to scale the image beyond the width of the\n\t\t// main column, though not infinitely.\n\t\t// @todo It would be good to revisit this once a content-width variable\n\t\t// becomes available.\n\t\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\t\tlet showRightHandle = false;\n\t\tlet showLeftHandle = false;\n\n\t\t/* eslint-disable no-lonely-if */\n\t\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\t\tif ( align === 'center' ) {\n\t\t\t// When the image is centered, show both handles.\n\t\t\tshowRightHandle = true;\n\t\t\tshowLeftHandle = true;\n\t\t} else if ( isRTL() ) {\n\t\t\t// In RTL mode the image is on the right by default.\n\t\t\t// Show the right handle and hide the left handle only when it is\n\t\t\t// aligned left. Otherwise always show the left handle.\n\t\t\tif ( align === 'left' ) {\n\t\t\t\tshowRightHandle = true;\n\t\t\t} else {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t}\n\t\t} else {\n\t\t\t// Show the left handle and hide the right handle only when the\n\t\t\t// image is aligned right. Otherwise always show the right handle.\n\t\t\tif ( align === 'right' ) {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t} else {\n\t\t\t\tshowRightHandle = true;\n\t\t\t}\n\t\t}\n\t\t/* eslint-enable no-lonely-if */\n\t\timg = (\n\t\t\t<ResizableBox\n\t\t\t\tstyle={ {\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t! width && ! height && aspectRatio\n\t\t\t\t\t\t\t? aspectRatio\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t} }\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth ?? 'auto',\n\t\t\t\t\theight: currentHeight ?? 'auto',\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={ ratio }\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 ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\t// Since the aspect ratio is locked when resizing, we can\n\t\t\t\t\t// use the width of the resized element to calculate the\n\t\t\t\t\t// height in CSS to prevent stretching when the max-width\n\t\t\t\t\t// is reached.\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: `${ elt.offsetWidth }px`,\n\t\t\t\t\t\theight: 'auto',\n\t\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t\tratio === naturalRatio\n\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t: String( ratio ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tresizeRatio={ align === 'center' ? 2 : 1 }\n\t\t\t>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\treturn sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Hide controls during upload to avoid component remount,\n\t\t\t\twhich causes duplicated image upload. */ }\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ img }\n\t\t\t<Caption\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\tlabel={ __( 'Image caption text' ) }\n\t\t\t\tshowToolbarButton={\n\t\t\t\t\t! multiImageSelection && hasNonContentControls\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/image/index.js

@@ -37,8 +37,8 @@ const metadata = {
       __experimentalRole: "content"
     },
     caption: {
-      type: "string",
-      source: "html",
+      type: "rich-text",
+      source: "rich-text",
       selector: "figcaption",
       __experimentalRole: "content"
     },

package/build-module/image/save.js

@@ -31,7 +31,9 @@ export default function save({
   const newRel = !rel ? undefined : rel;
   const borderProps = getBorderClassesAndStyles(attributes);
   const classes = classnames({
-    [`align${align}`]: align,
+    // All other align classes are handled by block supports.
+    // `{ align: 'none' }` is unique to transforms for the image block.
+    alignnone: 'none' === align,
     [`size-${sizeSlug}`]: sizeSlug,
     'is-resized': width || height,
     'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0

package/build-module/image/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","RichText","useBlockProps","__experimentalGetElementClassName","__experimentalGetBorderClassesAndStyles","getBorderClassesAndStyles","save","attributes","url","alt","caption","align","href","rel","linkClass","width","height","aspectRatio","scale","id","linkTarget","sizeSlug","title","newRel","undefined","borderProps","classes","className","style","Object","keys","length","imageClasses","image","createElement","src","objectFit","figure","Fragment","target","isEmpty","Content","tagName","value"],"sources":["@wordpress/block-library/src/image/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetElementClassName,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n} from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\turl,\n\t\talt,\n\t\tcaption,\n\t\talign,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tid,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\ttitle,\n\t} = attributes;\n\n\tconst newRel = ! rel ? undefined : rel;\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\n\tconst classes = classnames( {\n\t\t[ `align${ align }` ]: align,\n\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\n\t\t'is-resized': width || height,\n\t\t'has-custom-border':\n\t\t\t!! borderProps.className ||\n\t\t\t( borderProps.style &&\n\t\t\t\tObject.keys( borderProps.style ).length > 0 ),\n\t} );\n\n\tconst imageClasses = classnames( borderProps.className, {\n\t\t[ `wp-image-${ id }` ]: !! id,\n\t} );\n\n\tconst image = (\n\t\t<img\n\t\t\tsrc={ url }\n\t\t\talt={ alt }\n\t\t\tclassName={ imageClasses || undefined }\n\t\t\tstyle={ {\n\t\t\t\t...borderProps.style,\n\t\t\t\taspectRatio,\n\t\t\t\tobjectFit: scale,\n\t\t\t\twidth,\n\t\t\t\theight,\n\t\t\t} }\n\t\t\ttitle={ title }\n\t\t/>\n\t);\n\n\tconst figure = (\n\t\t<>\n\t\t\t{ href ? (\n\t\t\t\t<a\n\t\t\t\t\tclassName={ linkClass }\n\t\t\t\t\thref={ href }\n\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\trel={ newRel }\n\t\t\t\t>\n\t\t\t\t\t{ image }\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\timage\n\t\t\t) }\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\tclassName={ __experimentalGetElementClassName( 'caption' ) }\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className: classes } ) }>\n\t\t\t{ figure }\n\t\t</figure>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,QAAQ,EACRC,aAAa,EACbC,iCAAiC,EACjCC,uCAAuC,IAAIC,yBAAyB,QAC9D,yBAAyB;AAEhC,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IACLC,GAAG;IACHC,GAAG;IACHC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,GAAG;IACHC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,EAAE;IACFC,UAAU;IACVC,QAAQ;IACRC;EACD,CAAC,GAAGf,UAAU;EAEd,MAAMgB,MAAM,GAAG,CAAEV,GAAG,GAAGW,SAAS,GAAGX,GAAG;EACtC,MAAMY,WAAW,GAAGpB,yBAAyB,CAAEE,UAAW,CAAC;EAE3D,MAAMmB,OAAO,GAAG1B,UAAU,CAAE;IAC3B,CAAG,QAAQW,KAAO,EAAC,GAAIA,KAAK;IAC5B,CAAG,QAAQU,QAAU,EAAC,GAAIA,QAAQ;IAClC,YAAY,EAAEN,KAAK,IAAIC,MAAM;IAC7B,mBAAmB,EAClB,CAAC,CAAES,WAAW,CAACE,SAAS,IACtBF,WAAW,CAACG,KAAK,IAClBC,MAAM,CAACC,IAAI,CAAEL,WAAW,CAACG,KAAM,CAAC,CAACG,MAAM,GAAG;EAC7C,CAAE,CAAC;EAEH,MAAMC,YAAY,GAAGhC,UAAU,CAAEyB,WAAW,CAACE,SAAS,EAAE;IACvD,CAAG,YAAYR,EAAI,EAAC,GAAI,CAAC,CAAEA;EAC5B,CAAE,CAAC;EAEH,MAAMc,KAAK,GACVC,aAAA;IACCC,GAAG,EAAG3B,GAAK;IACXC,GAAG,EAAGA,GAAK;IACXkB,SAAS,EAAGK,YAAY,IAAIR,SAAW;IACvCI,KAAK,EAAG;MACP,GAAGH,WAAW,CAACG,KAAK;MACpBX,WAAW;MACXmB,SAAS,EAAElB,KAAK;MAChBH,KAAK;MACLC;IACD,CAAG;IACHM,KAAK,EAAGA;EAAO,CACf,CACD;EAED,MAAMe,MAAM,GACXH,aAAA,CAAAI,QAAA,QACG1B,IAAI,GACLsB,aAAA;IACCP,SAAS,EAAGb,SAAW;IACvBF,IAAI,EAAGA,IAAM;IACb2B,MAAM,EAAGnB,UAAY;IACrBP,GAAG,EAAGU;EAAQ,GAEZU,KACA,CAAC,GAEJA,KACA,EACC,CAAEhC,QAAQ,CAACuC,OAAO,CAAE9B,OAAQ,CAAC,IAC9BwB,aAAA,CAACjC,QAAQ,CAACwC,OAAO;IAChBd,SAAS,EAAGxB,iCAAiC,CAAE,SAAU,CAAG;IAC5DuC,OAAO,EAAC,YAAY;IACpBC,KAAK,EAAGjC;EAAS,CACjB,CAED,CACF;EAED,OACCwB,aAAA;IAAA,GAAahC,aAAa,CAACI,IAAI,CAAE;MAAEqB,SAAS,EAAED;IAAQ,CAAE;EAAC,GACtDW,MACK,CAAC;AAEX"}
+{"version":3,"names":["classnames","RichText","useBlockProps","__experimentalGetElementClassName","__experimentalGetBorderClassesAndStyles","getBorderClassesAndStyles","save","attributes","url","alt","caption","align","href","rel","linkClass","width","height","aspectRatio","scale","id","linkTarget","sizeSlug","title","newRel","undefined","borderProps","classes","alignnone","className","style","Object","keys","length","imageClasses","image","createElement","src","objectFit","figure","Fragment","target","isEmpty","Content","tagName","value"],"sources":["@wordpress/block-library/src/image/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetElementClassName,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n} from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\turl,\n\t\talt,\n\t\tcaption,\n\t\talign,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tid,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\ttitle,\n\t} = attributes;\n\n\tconst newRel = ! rel ? undefined : rel;\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\n\tconst classes = classnames( {\n\t\t// All other align classes are handled by block supports.\n\t\t// `{ align: 'none' }` is unique to transforms for the image block.\n\t\talignnone: 'none' === align,\n\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\n\t\t'is-resized': width || height,\n\t\t'has-custom-border':\n\t\t\t!! borderProps.className ||\n\t\t\t( borderProps.style &&\n\t\t\t\tObject.keys( borderProps.style ).length > 0 ),\n\t} );\n\n\tconst imageClasses = classnames( borderProps.className, {\n\t\t[ `wp-image-${ id }` ]: !! id,\n\t} );\n\n\tconst image = (\n\t\t<img\n\t\t\tsrc={ url }\n\t\t\talt={ alt }\n\t\t\tclassName={ imageClasses || undefined }\n\t\t\tstyle={ {\n\t\t\t\t...borderProps.style,\n\t\t\t\taspectRatio,\n\t\t\t\tobjectFit: scale,\n\t\t\t\twidth,\n\t\t\t\theight,\n\t\t\t} }\n\t\t\ttitle={ title }\n\t\t/>\n\t);\n\n\tconst figure = (\n\t\t<>\n\t\t\t{ href ? (\n\t\t\t\t<a\n\t\t\t\t\tclassName={ linkClass }\n\t\t\t\t\thref={ href }\n\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\trel={ newRel }\n\t\t\t\t>\n\t\t\t\t\t{ image }\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\timage\n\t\t\t) }\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\tclassName={ __experimentalGetElementClassName( 'caption' ) }\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className: classes } ) }>\n\t\t\t{ figure }\n\t\t</figure>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,QAAQ,EACRC,aAAa,EACbC,iCAAiC,EACjCC,uCAAuC,IAAIC,yBAAyB,QAC9D,yBAAyB;AAEhC,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IACLC,GAAG;IACHC,GAAG;IACHC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,GAAG;IACHC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,EAAE;IACFC,UAAU;IACVC,QAAQ;IACRC;EACD,CAAC,GAAGf,UAAU;EAEd,MAAMgB,MAAM,GAAG,CAAEV,GAAG,GAAGW,SAAS,GAAGX,GAAG;EACtC,MAAMY,WAAW,GAAGpB,yBAAyB,CAAEE,UAAW,CAAC;EAE3D,MAAMmB,OAAO,GAAG1B,UAAU,CAAE;IAC3B;IACA;IACA2B,SAAS,EAAE,MAAM,KAAKhB,KAAK;IAC3B,CAAG,QAAQU,QAAU,EAAC,GAAIA,QAAQ;IAClC,YAAY,EAAEN,KAAK,IAAIC,MAAM;IAC7B,mBAAmB,EAClB,CAAC,CAAES,WAAW,CAACG,SAAS,IACtBH,WAAW,CAACI,KAAK,IAClBC,MAAM,CAACC,IAAI,CAAEN,WAAW,CAACI,KAAM,CAAC,CAACG,MAAM,GAAG;EAC7C,CAAE,CAAC;EAEH,MAAMC,YAAY,GAAGjC,UAAU,CAAEyB,WAAW,CAACG,SAAS,EAAE;IACvD,CAAG,YAAYT,EAAI,EAAC,GAAI,CAAC,CAAEA;EAC5B,CAAE,CAAC;EAEH,MAAMe,KAAK,GACVC,aAAA;IACCC,GAAG,EAAG5B,GAAK;IACXC,GAAG,EAAGA,GAAK;IACXmB,SAAS,EAAGK,YAAY,IAAIT,SAAW;IACvCK,KAAK,EAAG;MACP,GAAGJ,WAAW,CAACI,KAAK;MACpBZ,WAAW;MACXoB,SAAS,EAAEnB,KAAK;MAChBH,KAAK;MACLC;IACD,CAAG;IACHM,KAAK,EAAGA;EAAO,CACf,CACD;EAED,MAAMgB,MAAM,GACXH,aAAA,CAAAI,QAAA,QACG3B,IAAI,GACLuB,aAAA;IACCP,SAAS,EAAGd,SAAW;IACvBF,IAAI,EAAGA,IAAM;IACb4B,MAAM,EAAGpB,UAAY;IACrBP,GAAG,EAAGU;EAAQ,GAEZW,KACA,CAAC,GAEJA,KACA,EACC,CAAEjC,QAAQ,CAACwC,OAAO,CAAE/B,OAAQ,CAAC,IAC9ByB,aAAA,CAAClC,QAAQ,CAACyC,OAAO;IAChBd,SAAS,EAAGzB,iCAAiC,CAAE,SAAU,CAAG;IAC5DwC,OAAO,EAAC,YAAY;IACpBC,KAAK,EAAGlC;EAAS,CACjB,CAED,CACF;EAED,OACCyB,aAAA;IAAA,GAAajC,aAAa,CAACI,IAAI,CAAE;MAAEsB,SAAS,EAAEF;IAAQ,CAAE;EAAC,GACtDY,MACK,CAAC;AAEX"}

package/build-module/image/view.js

@@ -208,12 +208,18 @@ const {
         ref
       } = getElement();
       ctx.imageRef = ref;
-      ctx.lightboxTriggerRef = ref.parentElement.querySelector('.lightbox-trigger');
       if (ref.complete) {
         ctx.imageLoaded = true;
         ctx.imageCurrentSrc = ref.currentSrc;
       }
     },
+    initTriggerButton() {
+      const ctx = getContext();
+      const {
+        ref
+      } = getElement();
+      ctx.lightboxTriggerRef = ref;
+    },
     initLightbox() {
       const ctx = getContext();
       const {