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

package/build/image/image.js

@@ -22,7 +22,9 @@ var _lockUnlock = require("../lock-unlock");
 var _util = require("../embed/util");
 var _useClientWidth = _interopRequireDefault(require("./use-client-width"));
 var _edit = require("./edit");
-var _constants = require("./constants");
+var _caption = require("../utils/caption");
+var _constants = require("../utils/constants");
+var _constants2 = require("./constants");
 var _utils = require("./utils");
 /**
  * WordPress dependencies
@@ -91,7 +93,6 @@ function Image({
   const {
     url = '',
     alt,
-    caption,
     align,
     id,
     href,
@@ -112,8 +113,6 @@ function Image({
   const numericWidth = width ? parseInt(width, 10) : undefined;
   const numericHeight = height ? parseInt(height, 10) : undefined;
   const imageRef = (0, _element.useRef)();
-  const prevCaption = (0, _compose.usePrevious)(caption);
-  const [showCaption, setShowCaption] = (0, _element.useState)(!!caption);
   const {
     allowResize = true
   } = context;
@@ -121,22 +120,15 @@ function Image({
     getBlock
   } = (0, _data.useSelect)(_blockEditor.store);
   const {
-    image,
-    multiImageSelection
+    image
   } = (0, _data.useSelect)(select => {
     const {
       getMedia
     } = select(_coreData.store);
-    const {
-      getMultiSelectedBlockClientIds,
-      getBlockName
-    } = select(_blockEditor.store);
-    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 {
@@ -144,21 +136,26 @@ function Image({
     imageEditing,
     imageSizes,
     maxWidth,
-    mediaUpload
+    mediaUpload,
+    multiImageSelection
   } = (0, _data.useSelect)(select => {
     const {
       getBlockRootClientId,
+      getMultiSelectedBlockClientIds,
+      getBlockName,
       getSettings,
       canInsertBlockType
     } = select(_blockEditor.store);
     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 {
@@ -179,7 +176,7 @@ function Image({
   const [externalBlob, setExternalBlob] = (0, _element.useState)();
   const clientWidth = (0, _useClientWidth.default)(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(({
@@ -207,21 +204,6 @@ function Image({
     .catch(() => {});
   }, [id, url, isSelected, externalBlob, canUploadMedia]);
 
-  // We need to show the caption when changes come from
-  // history navigation(undo/redo).
-  (0, _element.useEffect)(() => {
-    if (caption && !prevCaption) {
-      setShowCaption(true);
-    }
-  }, [caption, prevCaption]);
-
-  // Focus the caption when we click to add one.
-  const captionRef = (0, _element.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.
@@ -291,7 +273,7 @@ function Image({
           type: 'snackbar'
         });
       },
-      allowedTypes: _constants.ALLOWED_MEDIA_TYPES,
+      allowedTypes: _constants2.ALLOWED_MEDIA_TYPES,
       onError(message) {
         createErrorNotice(message, {
           type: 'snackbar'
@@ -302,11 +284,8 @@ function Image({
   (0, _element.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() {
@@ -357,6 +336,7 @@ function Image({
   });
   const resetAll = () => {
     setAttributes({
+      alt: undefined,
       width: undefined,
       height: undefined,
       scale: undefined,
@@ -366,23 +346,12 @@ function Image({
   };
   const sizeControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.__experimentalToolsPanel, {
     label: (0, _i18n.__)('Settings'),
-    resetAll: resetAll
+    resetAll: resetAll,
+    dropdownMenuProps: _constants.TOOLSPANEL_DROPDOWNMENU_PROPS
   }, isResizable && dimensionsControl));
   const controls = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "block"
-  }, hasNonContentControls && (0, _react.createElement)(_components.ToolbarButton, {
-    onClick: () => {
-      setShowCaption(!showCaption);
-      if (showCaption && caption) {
-        setAttributes({
-          caption: undefined
-        });
-      }
-    },
-    icon: _icons.caption,
-    isPressed: showCaption,
-    label: showCaption ? (0, _i18n.__)('Remove caption') : (0, _i18n.__)('Add caption')
-  }), !multiImageSelection && !isEditingImage && (0, _react.createElement)(_blockEditor.__experimentalImageURLInputUI, {
+  }, !multiImageSelection && !isEditingImage && (0, _react.createElement)(_blockEditor.__experimentalImageURLInputUI, {
     url: href || '',
     onChangeUrl: onSetHref,
     linkDestination: linkDestination,
@@ -404,7 +373,7 @@ function Image({
   }, (0, _react.createElement)(_blockEditor.MediaReplaceFlow, {
     mediaId: id,
     mediaURL: url,
-    allowedTypes: _constants.ALLOWED_MEDIA_TYPES,
+    allowedTypes: _constants2.ALLOWED_MEDIA_TYPES,
     accept: "image/*",
     onSelect: onSelectImage,
     onSelectURL: onSelectURL,
@@ -412,26 +381,27 @@ function Image({
   })), !multiImageSelection && externalBlob && (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
     onClick: uploadExternal,
     icon: _icons.upload,
-    label: (0, _i18n.__)('Upload external image')
+    label: (0, _i18n.__)('Upload image to media library')
   }))), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.__experimentalToolsPanel, {
     label: (0, _i18n.__)('Settings'),
-    resetAll: resetAll
+    resetAll: resetAll,
+    dropdownMenuProps: _constants.TOOLSPANEL_DROPDOWNMENU_PROPS
   }, !multiImageSelection && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     label: (0, _i18n.__)('Alternative text'),
     isShownByDefault: true,
-    hasValue: () => alt !== '',
+    hasValue: () => !!alt,
     onDeselect: () => setAttributes({
       alt: undefined
     })
   }, (0, _react.createElement)(_components.TextareaControl, {
     label: (0, _i18n.__)('Alternative text'),
-    value: alt,
+    value: alt || '',
     onChange: updateAlt,
     help: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ExternalLink, {
       href: "https://www.w3.org/WAI/tutorials/images/decision-tree"
     }, (0, _i18n.__)('Describe the purpose of the image.')), (0, _react.createElement)("br", null), (0, _i18n.__)('Leave empty if decorative.')),
     __nextHasNoMarginBottom: true
-  })), isResizable && dimensionsControl, (0, _react.createElement)(ResolutionTool, {
+  })), isResizable && dimensionsControl, !!imageSizeOptions.length && (0, _react.createElement)(ResolutionTool, {
     value: sizeSlug,
     onChange: updateImage,
     options: imageSizeOptions
@@ -541,8 +511,8 @@ function Image({
     const ratio = numericRatio || customRatio || naturalRatio || 1;
     const currentWidth = !numericWidth && numericHeight ? numericHeight * ratio : numericWidth;
     const currentHeight = !numericHeight && numericWidth ? numericWidth / ratio : numericHeight;
-    const minWidth = naturalWidth < naturalHeight ? _constants.MIN_SIZE : _constants.MIN_SIZE * ratio;
-    const minHeight = naturalHeight < naturalWidth ? _constants.MIN_SIZE : _constants.MIN_SIZE / ratio;
+    const minWidth = naturalWidth < naturalHeight ? _constants2.MIN_SIZE : _constants2.MIN_SIZE * ratio;
+    const minHeight = naturalHeight < naturalWidth ? _constants2.MIN_SIZE : _constants2.MIN_SIZE / ratio;
 
     // With the current implementation of ResizableBox, an image needs an
     // explicit pixel value for the max-width. In absence of being able to
@@ -625,19 +595,13 @@ function Image({
   if (!url && !temporaryURL) {
     return sizeControls;
   }
-  return (0, _react.createElement)(_react.Fragment, null, !temporaryURL && controls, img, showCaption && (!_blockEditor.RichText.isEmpty(caption) || isSelected) && (0, _react.createElement)(_blockEditor.RichText, {
-    identifier: "caption",
-    className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-    ref: captionRef,
-    tagName: "figcaption",
-    "aria-label": (0, _i18n.__)('Image caption text'),
-    placeholder: (0, _i18n.__)('Add caption'),
-    value: caption,
-    onChange: value => setAttributes({
-      caption: value
-    }),
-    inlineToolbar: true,
-    __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)((0, _blocks.getDefaultBlockName)()))
+  return (0, _react.createElement)(_react.Fragment, null, !temporaryURL && controls, img, (0, _react.createElement)(_caption.Caption, {
+    attributes: attributes,
+    setAttributes: setAttributes,
+    isSelected: isSelected,
+    insertBlocksAfter: insertBlocksAfter,
+    label: (0, _i18n.__)('Image caption text'),
+    showToolbarButton: !multiImageSelection && hasNonContentControls
   }));
 }
 //# sourceMappingURL=image.js.map

package/build/image/image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blob","require","_components","_compose","_data","_blockEditor","_element","_i18n","_url","_blocks","_icons","_notices","_coreData","_lockUnlock","_util","_useClientWidth","_interopRequireDefault","_edit","_constants","_utils","DimensionsTool","ResolutionTool","unlock","blockEditorPrivateApis","scaleOptions","value","label","_x","help","__","ImageWrapper","href","children","_react","createElement","onClick","event","preventDefault","style","pointerEvents","cursor","display","Image","temporaryURL","attributes","setAttributes","isSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","containerRef","context","clientId","blockEditingMode","url","alt","caption","align","id","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","numericWidth","parseInt","undefined","numericHeight","imageRef","useRef","prevCaption","usePrevious","showCaption","setShowCaption","useState","allowResize","getBlock","useSelect","blockEditorStore","image","multiImageSelection","select","getMedia","coreStore","getMultiSelectedBlockClientIds","getBlockName","multiSelectedClientIds","length","every","_clientId","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","getBlockRootClientId","getSettings","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","useDispatch","createErrorNotice","createSuccessNotice","noticesStore","isLargeViewport","useViewportMatch","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","useClientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","useEffect","isExternalImage","window","fetch","then","response","blob","catch","captionRef","useCallback","node","focus","naturalWidth","naturalHeight","useMemo","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","createUpgradedEmbedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","isBlobURL","type","allowedTypes","ALLOWED_MEDIA_TYPES","onError","message","canEditImage","allowCrop","switchToCover","switchToBlockType","dimensionsUnitsOptions","useCustomUnits","availableUnits","lightboxSetting","useSettings","showLightboxToggle","allowEditing","lightboxChecked","enabled","lightboxToggleDisabled","dimensionsControl","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","InspectorControls","__experimentalToolsPanel","controls","Fragment","BlockControls","group","ToolbarButton","icon","captionIcon","isPressed","__experimentalImageURLInputUI","onChangeUrl","mediaUrl","mediaLink","link","crop","overlayText","MediaReplaceFlow","mediaId","mediaURL","accept","onSelect","ToolbarGroup","upload","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","TextareaControl","ExternalLink","__nextHasNoMarginBottom","options","ToggleControl","checked","newValue","disabled","TextControl","filename","getFilename","defaultedAlt","sprintf","borderProps","useBorderProps","isRounded","className","src","onLoad","target","ref","objectFit","Spinner","fallbackClientWidth","__experimentalImageEditor","onSaveImage","imageAttributes","onFinishEditing","numericRatio","evalAspectRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","MIN_SIZE","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","isRTL","ResizableBox","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","RichText","isEmpty","identifier","__experimentalGetElementClassName","tagName","placeholder","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName"],"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":["_blob","require","_components","_compose","_data","_blockEditor","_element","_i18n","_url","_blocks","_icons","_notices","_coreData","_lockUnlock","_util","_useClientWidth","_interopRequireDefault","_edit","_caption","_constants","_constants2","_utils","DimensionsTool","ResolutionTool","unlock","blockEditorPrivateApis","scaleOptions","value","label","_x","help","__","ImageWrapper","href","children","_react","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","useRef","allowResize","getBlock","useSelect","blockEditorStore","image","select","getMedia","coreStore","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","multiImageSelection","getBlockRootClientId","getMultiSelectedBlockClientIds","getBlockName","getSettings","canInsertBlockType","rootClientId","settings","multiSelectedClientIds","length","every","_clientId","replaceBlocks","toggleSelection","useDispatch","createErrorNotice","createSuccessNotice","noticesStore","isLargeViewport","useViewportMatch","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","useState","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","useClientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","useEffect","isExternalImage","window","fetch","then","response","blob","catch","naturalWidth","naturalHeight","useMemo","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","createUpgradedEmbedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","isBlobURL","type","allowedTypes","ALLOWED_MEDIA_TYPES","onError","message","canEditImage","allowCrop","switchToCover","switchToBlockType","dimensionsUnitsOptions","useCustomUnits","availableUnits","lightboxSetting","useSettings","showLightboxToggle","allowEditing","lightboxChecked","enabled","lightboxToggleDisabled","dimensionsControl","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","InspectorControls","__experimentalToolsPanel","dropdownMenuProps","TOOLSPANEL_DROPDOWNMENU_PROPS","controls","Fragment","BlockControls","group","__experimentalImageURLInputUI","onChangeUrl","mediaUrl","mediaLink","link","ToolbarButton","icon","crop","overlayText","MediaReplaceFlow","mediaId","mediaURL","accept","onSelect","ToolbarGroup","upload","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","TextareaControl","ExternalLink","__nextHasNoMarginBottom","options","ToggleControl","checked","newValue","disabled","TextControl","filename","getFilename","defaultedAlt","sprintf","borderProps","useBorderProps","isRounded","className","src","onLoad","target","ref","objectFit","Spinner","fallbackClientWidth","__experimentalImageEditor","onSaveImage","imageAttributes","onFinishEditing","numericRatio","evalAspectRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","MIN_SIZE","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","isRTL","ResizableBox","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","Caption","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/image/index.js

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

package/build/image/save.js

@@ -39,7 +39,9 @@ function save({
   const newRel = !rel ? undefined : rel;
   const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
   const classes = (0, _classnames.default)({
-    [`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/image/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","attributes","url","alt","caption","align","href","rel","linkClass","width","height","aspectRatio","scale","id","linkTarget","sizeSlug","title","newRel","undefined","borderProps","getBorderClassesAndStyles","classes","classnames","className","style","Object","keys","length","imageClasses","image","_react","createElement","src","objectFit","figure","Fragment","target","RichText","isEmpty","Content","__experimentalGetElementClassName","tagName","value","useBlockProps"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAQe,SAASE,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,GAAG,IAAAC,oDAAyB,EAAEnB,UAAW,CAAC;EAE3D,MAAMoB,OAAO,GAAG,IAAAC,mBAAU,EAAE;IAC3B,CAAG,QAAQjB,KAAO,EAAC,GAAIA,KAAK;IAC5B,CAAG,QAAQU,QAAU,EAAC,GAAIA,QAAQ;IAClC,YAAY,EAAEN,KAAK,IAAIC,MAAM;IAC7B,mBAAmB,EAClB,CAAC,CAAES,WAAW,CAACI,SAAS,IACtBJ,WAAW,CAACK,KAAK,IAClBC,MAAM,CAACC,IAAI,CAAEP,WAAW,CAACK,KAAM,CAAC,CAACG,MAAM,GAAG;EAC7C,CAAE,CAAC;EAEH,MAAMC,YAAY,GAAG,IAAAN,mBAAU,EAAEH,WAAW,CAACI,SAAS,EAAE;IACvD,CAAG,YAAYV,EAAI,EAAC,GAAI,CAAC,CAAEA;EAC5B,CAAE,CAAC;EAEH,MAAMgB,KAAK,GACV,IAAAC,MAAA,CAAAC,aAAA;IACCC,GAAG,EAAG9B,GAAK;IACXC,GAAG,EAAGA,GAAK;IACXoB,SAAS,EAAGK,YAAY,IAAIV,SAAW;IACvCM,KAAK,EAAG;MACP,GAAGL,WAAW,CAACK,KAAK;MACpBb,WAAW;MACXsB,SAAS,EAAErB,KAAK;MAChBH,KAAK;MACLC;IACD,CAAG;IACHM,KAAK,EAAGA;EAAO,CACf,CACD;EAED,MAAMkB,MAAM,GACX,IAAAJ,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAK,QAAA,QACG7B,IAAI,GACL,IAAAwB,MAAA,CAAAC,aAAA;IACCR,SAAS,EAAGf,SAAW;IACvBF,IAAI,EAAGA,IAAM;IACb8B,MAAM,EAAGtB,UAAY;IACrBP,GAAG,EAAGU;EAAQ,GAEZY,KACA,CAAC,GAEJA,KACA,EACC,CAAEQ,qBAAQ,CAACC,OAAO,CAAElC,OAAQ,CAAC,IAC9B,IAAA0B,MAAA,CAAAC,aAAA,EAAChC,YAAA,CAAAsC,QAAQ,CAACE,OAAO;IAChBhB,SAAS,EAAG,IAAAiB,8CAAiC,EAAE,SAAU,CAAG;IAC5DC,OAAO,EAAC,YAAY;IACpBC,KAAK,EAAGtC;EAAS,CACjB,CAED,CACF;EAED,OACC,IAAA0B,MAAA,CAAAC,aAAA;IAAA,GAAaY,0BAAa,CAAC3C,IAAI,CAAE;MAAEuB,SAAS,EAAEF;IAAQ,CAAE;EAAC,GACtDa,MACK,CAAC;AAEX"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","attributes","url","alt","caption","align","href","rel","linkClass","width","height","aspectRatio","scale","id","linkTarget","sizeSlug","title","newRel","undefined","borderProps","getBorderClassesAndStyles","classes","classnames","alignnone","className","style","Object","keys","length","imageClasses","image","_react","createElement","src","objectFit","figure","Fragment","target","RichText","isEmpty","Content","__experimentalGetElementClassName","tagName","value","useBlockProps"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAQe,SAASE,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,GAAG,IAAAC,oDAAyB,EAAEnB,UAAW,CAAC;EAE3D,MAAMoB,OAAO,GAAG,IAAAC,mBAAU,EAAE;IAC3B;IACA;IACAC,SAAS,EAAE,MAAM,KAAKlB,KAAK;IAC3B,CAAG,QAAQU,QAAU,EAAC,GAAIA,QAAQ;IAClC,YAAY,EAAEN,KAAK,IAAIC,MAAM;IAC7B,mBAAmB,EAClB,CAAC,CAAES,WAAW,CAACK,SAAS,IACtBL,WAAW,CAACM,KAAK,IAClBC,MAAM,CAACC,IAAI,CAAER,WAAW,CAACM,KAAM,CAAC,CAACG,MAAM,GAAG;EAC7C,CAAE,CAAC;EAEH,MAAMC,YAAY,GAAG,IAAAP,mBAAU,EAAEH,WAAW,CAACK,SAAS,EAAE;IACvD,CAAG,YAAYX,EAAI,EAAC,GAAI,CAAC,CAAEA;EAC5B,CAAE,CAAC;EAEH,MAAMiB,KAAK,GACV,IAAAC,MAAA,CAAAC,aAAA;IACCC,GAAG,EAAG/B,GAAK;IACXC,GAAG,EAAGA,GAAK;IACXqB,SAAS,EAAGK,YAAY,IAAIX,SAAW;IACvCO,KAAK,EAAG;MACP,GAAGN,WAAW,CAACM,KAAK;MACpBd,WAAW;MACXuB,SAAS,EAAEtB,KAAK;MAChBH,KAAK;MACLC;IACD,CAAG;IACHM,KAAK,EAAGA;EAAO,CACf,CACD;EAED,MAAMmB,MAAM,GACX,IAAAJ,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAK,QAAA,QACG9B,IAAI,GACL,IAAAyB,MAAA,CAAAC,aAAA;IACCR,SAAS,EAAGhB,SAAW;IACvBF,IAAI,EAAGA,IAAM;IACb+B,MAAM,EAAGvB,UAAY;IACrBP,GAAG,EAAGU;EAAQ,GAEZa,KACA,CAAC,GAEJA,KACA,EACC,CAAEQ,qBAAQ,CAACC,OAAO,CAAEnC,OAAQ,CAAC,IAC9B,IAAA2B,MAAA,CAAAC,aAAA,EAACjC,YAAA,CAAAuC,QAAQ,CAACE,OAAO;IAChBhB,SAAS,EAAG,IAAAiB,8CAAiC,EAAE,SAAU,CAAG;IAC5DC,OAAO,EAAC,YAAY;IACpBC,KAAK,EAAGvC;EAAS,CACjB,CAED,CACF;EAED,OACC,IAAA2B,MAAA,CAAAC,aAAA;IAAA,GAAaY,0BAAa,CAAC5C,IAAI,CAAE;MAAEwB,SAAS,EAAEH;IAAQ,CAAE;EAAC,GACtDc,MACK,CAAC;AAEX"}

package/build/image/view.js

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