@wordpress/block-library 8.35.0 → 9.0.0

package/build/image/edit.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ImageEdit = ImageEdit;
 exports.pickRelevantMediaFiles = exports.isExternalImage = exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blob = require("@wordpress/blob");
 var _blocks = require("@wordpress/blocks");
@@ -21,6 +20,7 @@ var _lockUnlock = require("../lock-unlock");
 var _hooks = require("../utils/hooks");
 var _image = _interopRequireDefault(require("./image"));
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -128,7 +128,7 @@ function ImageEdit({
         scale: undefined
       });
     }
-  }, [align]);
+  }, [__unstableMarkNextChangeAsNotPersistent, align, setAttributes]);
   const {
     getSettings
   } = (0, _data.useSelect)(_blockEditor.store);
@@ -258,10 +258,10 @@ function ImageEdit({
   });
   const isExternal = isExternalImage(id, url);
   const src = isExternal ? url : undefined;
-  const mediaPreview = !!url && (0, _react.createElement)("img", {
+  const mediaPreview = !!url && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     alt: (0, _i18n.__)('Edit image'),
     title: (0, _i18n.__)('Edit image'),
-    className: 'edit-image-preview',
+    className: "edit-image-preview",
     src: url
   });
   const borderProps = (0, _blockEditor.__experimentalUseBorderProps)(attributes);
@@ -286,13 +286,17 @@ function ImageEdit({
     }
     const blockBindingsSource = (0, _lockUnlock.unlock)(select(_blocks.store)).getBlockBindingsSource(metadata?.bindings?.url?.source);
     return {
-      lockUrlControls: !!metadata?.bindings?.url && (!blockBindingsSource || blockBindingsSource?.lockAttributesEditing),
+      lockUrlControls: !!metadata?.bindings?.url && !blockBindingsSource?.canUserEditValue({
+        select,
+        context,
+        args: metadata?.bindings?.url?.args
+      }),
       lockUrlControlsMessage: blockBindingsSource?.label ? (0, _i18n.sprintf)( /* translators: %s: Label of the bindings source. */
       (0, _i18n.__)('Connected to %s'), blockBindingsSource.label) : (0, _i18n.__)('Connected to dynamic data')
     };
-  }, [isSingleSelected]);
+  }, [isSingleSelected, metadata?.bindings?.url]);
   const placeholder = content => {
-    return (0, _react.createElement)(_components.Placeholder, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
       className: (0, _clsx.default)('block-editor-media-placeholder', {
         [borderProps.className]: !!borderProps.className && !isSingleSelected
       }),
@@ -307,44 +311,47 @@ function ImageEdit({
         objectFit: scale,
         ...borderProps.style,
         ...shadowProps.style
-      }
-    }, lockUrlControls ? (0, _react.createElement)("span", {
-      className: 'block-bindings-media-placeholder-message'
-    }, lockUrlControlsMessage) : content);
+      },
+      children: lockUrlControls ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "block-bindings-media-placeholder-message",
+        children: lockUrlControlsMessage
+      }) : content
+    });
   };
-  return (0, _react.createElement)("figure", {
-    ...blockProps
-  }, (0, _react.createElement)(_image.default, {
-    temporaryURL: temporaryURL,
-    attributes: attributes,
-    setAttributes: setAttributes,
-    isSingleSelected: isSingleSelected,
-    insertBlocksAfter: insertBlocksAfter,
-    onReplace: onReplace,
-    onSelectImage: onSelectImage,
-    onSelectURL: onSelectURL,
-    onUploadError: onUploadError,
-    context: context,
-    clientId: clientId,
-    blockEditingMode: blockEditingMode,
-    parentLayoutType: parentLayout?.type
-  }), (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
-    icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
-      icon: _icons.image
-    }),
-    onSelect: onSelectImage,
-    onSelectURL: onSelectURL,
-    onError: onUploadError,
-    placeholder: placeholder,
-    accept: "image/*",
-    allowedTypes: _constants.ALLOWED_MEDIA_TYPES,
-    value: {
-      id,
-      src
-    },
-    mediaPreview: mediaPreview,
-    disableMediaButtons: temporaryURL || url
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+    ...blockProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
+      temporaryURL: temporaryURL,
+      attributes: attributes,
+      setAttributes: setAttributes,
+      isSingleSelected: isSingleSelected,
+      insertBlocksAfter: insertBlocksAfter,
+      onReplace: onReplace,
+      onSelectImage: onSelectImage,
+      onSelectURL: onSelectURL,
+      onUploadError: onUploadError,
+      context: context,
+      clientId: clientId,
+      blockEditingMode: blockEditingMode,
+      parentLayoutType: parentLayout?.type
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaPlaceholder, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
+        icon: _icons.image
+      }),
+      onSelect: onSelectImage,
+      onSelectURL: onSelectURL,
+      onError: onUploadError,
+      placeholder: placeholder,
+      accept: "image/*",
+      allowedTypes: _constants.ALLOWED_MEDIA_TYPES,
+      value: {
+        id,
+        src
+      },
+      mediaPreview: mediaPreview,
+      disableMediaButtons: temporaryURL || url
+    })]
+  });
 }
 var _default = exports.default = ImageEdit;
 //# sourceMappingURL=edit.js.map

package/build/image/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blob","_blocks","_components","_data","_blockEditor","_element","_i18n","_icons","_notices","_lockUnlock","_hooks","_image","_constants","pickRelevantMediaFiles","image","size","imageProps","Object","fromEntries","entries","filter","key","includes","url","sizes","media_details","source_url","exports","isTemporaryImage","id","isBlobURL","isExternalImage","hasSize","_image$sizes$size","_image$media_details$","ImageEdit","attributes","setAttributes","isSelected","isSingleSelected","className","insertBlocksAfter","onReplace","context","clientId","__unstableParentLayout","parentLayout","alt","caption","width","height","sizeSlug","aspectRatio","scale","align","metadata","temporaryURL","setTemporaryURL","useState","undefined","altRef","useRef","useEffect","current","captionRef","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","getSettings","useSelect","blockEditingMode","useBlockEditingMode","createErrorNotice","noticesStore","onUploadError","message","type","src","onSelectImage","media","title","imageDefaultSize","newSize","mediaAttributes","omittedCaption","restMediaAttributes","additionalAttributes","linkDestination","window","wp","view","settings","defaultProps","link","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","href","onSelectURL","newURL","useUploadMediaFromBlobURL","allowedTypes","ALLOWED_MEDIA_TYPES","onChange","onError","isExternal","mediaPreview","_react","createElement","__","borderProps","useBorderProps","shadowProps","getShadowClassesAndStyles","classes","clsx","style","keys","length","blockProps","useBlockProps","lockUrlControls","lockUrlControlsMessage","select","blockBindingsSource","unlock","blocksStore","getBlockBindingsSource","bindings","source","lockAttributesEditing","label","sprintf","placeholder","content","Placeholder","withIllustration","icon","pluginsIcon","instructions","objectFit","default","parentLayoutType","MediaPlaceholder","BlockIcon","onSelect","accept","value","disableMediaButtons","_default"],"sources":["@wordpress/block-library/src/image/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { Placeholder } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tBlockIcon,\n\tMediaPlaceholder,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { image as icon, plugins as pluginsIcon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { useUploadMediaFromBlobURL } from '../utils/hooks';\nimport Image from './image';\n\n/**\n * Module constants\n */\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_CUSTOM,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_NONE,\n\tALLOWED_MEDIA_TYPES,\n} from './constants';\n\nexport const pickRelevantMediaFiles = ( image, size ) => {\n\tconst imageProps = Object.fromEntries(\n\t\tObject.entries( image ?? {} ).filter( ( [ key ] ) =>\n\t\t\t[ 'alt', 'id', 'link', 'caption' ].includes( key )\n\t\t)\n\t);\n\n\timageProps.url =\n\t\timage?.sizes?.[ size ]?.url ||\n\t\timage?.media_details?.sizes?.[ size ]?.source_url ||\n\t\timage.url;\n\treturn imageProps;\n};\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily\n * while the image is being uploaded and will not have an id yet allocated.\n *\n * @param {number=} id  The id of the image.\n * @param {string=} url The url of the image.\n *\n * @return {boolean} Is the URL a Blob URL\n */\nconst isTemporaryImage = ( id, url ) => ! id && isBlobURL( url );\n\n/**\n * Is the url for the image hosted externally. An externally hosted image has no\n * id and is not a blob url.\n *\n * @param {number=} id  The id of the image.\n * @param {string=} url The url of the image.\n *\n * @return {boolean} Is the url an externally hosted url?\n */\nexport const isExternalImage = ( id, url ) => url && ! id && ! isBlobURL( url );\n\n/**\n * Checks if WP generated the specified image size. Size generation is skipped\n * when the image is smaller than the said size.\n *\n * @param {Object} image\n * @param {string} size\n *\n * @return {boolean} Whether or not it has default image size.\n */\nfunction hasSize( image, size ) {\n\treturn (\n\t\t'url' in ( image?.sizes?.[ size ] ?? {} ) ||\n\t\t'source_url' in ( image?.media_details?.sizes?.[ size ] ?? {} )\n\t);\n}\n\nexport function ImageEdit( {\n\tattributes,\n\tsetAttributes,\n\tisSelected: isSingleSelected,\n\tclassName,\n\tinsertBlocksAfter,\n\tonReplace,\n\tcontext,\n\tclientId,\n\t__unstableParentLayout: parentLayout,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\n\t\tid,\n\t\twidth,\n\t\theight,\n\t\tsizeSlug,\n\t\taspectRatio,\n\t\tscale,\n\t\talign,\n\t\tmetadata,\n\t} = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState( () => {\n\t\treturn isTemporaryImage( id, url ) ? url : undefined;\n\t} );\n\n\tconst altRef = useRef();\n\tuseEffect( () => {\n\t\taltRef.current = alt;\n\t}, [ alt ] );\n\n\tconst captionRef = useRef();\n\tuseEffect( () => {\n\t\tcaptionRef.current = caption;\n\t}, [ caption ] );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( [ 'wide', 'full' ].includes( align ) ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( {\n\t\t\t\twidth: undefined,\n\t\t\t\theight: undefined,\n\t\t\t\taspectRatio: undefined,\n\t\t\t\tscale: undefined,\n\t\t\t} );\n\t\t}\n\t}, [ align ] );\n\n\tconst { getSettings } = useSelect( blockEditorStore );\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\tsetAttributes( {\n\t\t\tsrc: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tsetTemporaryURL( undefined );\n\t}\n\n\tfunction onSelectImage( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: undefined,\n\t\t\t\talt: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\ttitle: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tsetTemporaryURL( media.url );\n\t\t\treturn;\n\t\t}\n\n\t\tsetTemporaryURL();\n\n\t\tconst { imageDefaultSize } = getSettings();\n\n\t\t// Try to use the previous selected image size if its available\n\t\t// otherwise try the default image size or fallback to \"full\"\n\t\tlet newSize = 'full';\n\t\tif ( sizeSlug && hasSize( media, sizeSlug ) ) {\n\t\t\tnewSize = sizeSlug;\n\t\t} else if ( hasSize( media, imageDefaultSize ) ) {\n\t\t\tnewSize = imageDefaultSize;\n\t\t}\n\n\t\tlet mediaAttributes = pickRelevantMediaFiles( media, newSize );\n\n\t\t// If a caption text was meanwhile written by the user,\n\t\t// make sure the text is not overwritten by empty captions.\n\t\tif ( captionRef.current && ! mediaAttributes.caption ) {\n\t\t\tconst { caption: omittedCaption, ...restMediaAttributes } =\n\t\t\t\tmediaAttributes;\n\t\t\tmediaAttributes = restMediaAttributes;\n\t\t}\n\n\t\tlet additionalAttributes;\n\t\t// Reset the dimension attributes if changing to a different image.\n\t\tif ( ! media.id || media.id !== id ) {\n\t\t\tadditionalAttributes = {\n\t\t\t\tsizeSlug: newSize,\n\t\t\t};\n\t\t} else {\n\t\t\t// Keep the same url when selecting the same file, so \"Resolution\"\n\t\t\t// option is not changed.\n\t\t\tadditionalAttributes = { url };\n\t\t}\n\n\t\t// Check if default link setting should be used.\n\t\tlet linkDestination = attributes.linkDestination;\n\t\tif ( ! linkDestination ) {\n\t\t\t// Use the WordPress option to determine the proper default.\n\t\t\t// The constants used in Gutenberg do not match WP options so a little more complicated than ideal.\n\t\t\t// TODO: fix this in a follow up PR, requires updating media-text and ui component.\n\t\t\tswitch (\n\t\t\t\twindow?.wp?.media?.view?.settings?.defaultProps?.link ||\n\t\t\t\tLINK_DESTINATION_NONE\n\t\t\t) {\n\t\t\t\tcase 'file':\n\t\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_MEDIA;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'post':\n\t\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_ATTACHMENT;\n\t\t\t\t\tbreak;\n\t\t\t\tcase LINK_DESTINATION_CUSTOM:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_CUSTOM;\n\t\t\t\t\tbreak;\n\t\t\t\tcase LINK_DESTINATION_NONE:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_NONE;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Check if the image is linked to it's media.\n\t\tlet href;\n\t\tswitch ( linkDestination ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\thref = media.url;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\thref = media.link;\n\t\t\t\tbreak;\n\t\t}\n\t\tmediaAttributes.href = href;\n\n\t\tsetAttributes( {\n\t\t\t...mediaAttributes,\n\t\t\t...additionalAttributes,\n\t\t\tlinkDestination,\n\t\t} );\n\t}\n\n\tfunction onSelectURL( newURL ) {\n\t\tif ( newURL !== url ) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: newURL,\n\t\t\t\tid: undefined,\n\t\t\t\tsizeSlug: getSettings().imageDefaultSize,\n\t\t\t} );\n\t\t}\n\t}\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectImage,\n\t\tonError: onUploadError,\n\t} );\n\n\tconst isExternal = isExternalImage( id, url );\n\tconst src = isExternal ? url : undefined;\n\tconst mediaPreview = !! url && (\n\t\t<img\n\t\t\talt={ __( 'Edit image' ) }\n\t\t\ttitle={ __( 'Edit image' ) }\n\t\t\tclassName={ 'edit-image-preview' }\n\t\t\tsrc={ url }\n\t\t/>\n\t);\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst shadowProps = getShadowClassesAndStyles( attributes );\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': temporaryURL,\n\t\t'is-resized': !! width || !! height,\n\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\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 blockProps = useBlockProps( { className: classes } );\n\n\t// Much of this description is duplicated from MediaPlaceholder.\n\tconst { lockUrlControls = false, lockUrlControlsMessage } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isSingleSelected ) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\tconst blockBindingsSource = unlock(\n\t\t\t\tselect( blocksStore )\n\t\t\t).getBlockBindingsSource( metadata?.bindings?.url?.source );\n\n\t\t\treturn {\n\t\t\t\tlockUrlControls:\n\t\t\t\t\t!! metadata?.bindings?.url &&\n\t\t\t\t\t( ! blockBindingsSource ||\n\t\t\t\t\t\tblockBindingsSource?.lockAttributesEditing ),\n\t\t\t\tlockUrlControlsMessage: blockBindingsSource?.label\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the bindings source. */\n\t\t\t\t\t\t\t__( 'Connected to %s' ),\n\t\t\t\t\t\t\tblockBindingsSource.label\n\t\t\t\t\t  )\n\t\t\t\t\t: __( 'Connected to dynamic data' ),\n\t\t\t};\n\t\t},\n\t\t[ isSingleSelected ]\n\t);\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ clsx( 'block-editor-media-placeholder', {\n\t\t\t\t\t[ borderProps.className ]:\n\t\t\t\t\t\t!! borderProps.className && ! isSingleSelected,\n\t\t\t\t} ) }\n\t\t\t\twithIllustration\n\t\t\t\ticon={ lockUrlControls ? pluginsIcon : icon }\n\t\t\t\tlabel={ __( 'Image' ) }\n\t\t\t\tinstructions={\n\t\t\t\t\t! lockUrlControls &&\n\t\t\t\t\t__(\n\t\t\t\t\t\t'Upload an image file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tstyle={ {\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\twidth: height && aspectRatio ? '100%' : width,\n\t\t\t\t\theight: width && aspectRatio ? '100%' : height,\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t...shadowProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ lockUrlControls ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ 'block-bindings-media-placeholder-message' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ lockUrlControlsMessage }\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t) }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\treturn (\n\t\t<figure { ...blockProps }>\n\t\t\t<Image\n\t\t\t\ttemporaryURL={ temporaryURL }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSingleSelected={ isSingleSelected }\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonSelectImage={ onSelectImage }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\tonUploadError={ onUploadError }\n\t\t\t\tcontext={ context }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tblockEditingMode={ blockEditingMode }\n\t\t\t\tparentLayoutType={ parentLayout?.type }\n\t\t\t/>\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\tonError={ onUploadError }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\taccept=\"image/*\"\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tvalue={ { id, src } }\n\t\t\t\tmediaPreview={ mediaPreview }\n\t\t\t\tdisableMediaButtons={ temporaryURL || url }\n\t\t\t/>\n\t\t</figure>\n\t);\n}\n\nexport default ImageEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blob","_blocks","_components","_data","_blockEditor","_element","_i18n","_icons","_notices","_lockUnlock","_hooks","_image","_constants","_jsxRuntime","pickRelevantMediaFiles","image","size","imageProps","Object","fromEntries","entries","filter","key","includes","url","sizes","media_details","source_url","exports","isTemporaryImage","id","isBlobURL","isExternalImage","hasSize","_image$sizes$size","_image$media_details$","ImageEdit","attributes","setAttributes","isSelected","isSingleSelected","className","insertBlocksAfter","onReplace","context","clientId","__unstableParentLayout","parentLayout","alt","caption","width","height","sizeSlug","aspectRatio","scale","align","metadata","temporaryURL","setTemporaryURL","useState","undefined","altRef","useRef","useEffect","current","captionRef","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","getSettings","useSelect","blockEditingMode","useBlockEditingMode","createErrorNotice","noticesStore","onUploadError","message","type","src","onSelectImage","media","title","imageDefaultSize","newSize","mediaAttributes","omittedCaption","restMediaAttributes","additionalAttributes","linkDestination","window","wp","view","settings","defaultProps","link","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","href","onSelectURL","newURL","useUploadMediaFromBlobURL","allowedTypes","ALLOWED_MEDIA_TYPES","onChange","onError","isExternal","mediaPreview","jsx","__","borderProps","useBorderProps","shadowProps","getShadowClassesAndStyles","classes","clsx","style","keys","length","blockProps","useBlockProps","lockUrlControls","lockUrlControlsMessage","select","blockBindingsSource","unlock","blocksStore","getBlockBindingsSource","bindings","source","canUserEditValue","args","label","sprintf","placeholder","content","Placeholder","withIllustration","icon","pluginsIcon","instructions","objectFit","children","jsxs","default","parentLayoutType","MediaPlaceholder","BlockIcon","onSelect","accept","value","disableMediaButtons","_default"],"sources":["@wordpress/block-library/src/image/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { Placeholder } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tBlockIcon,\n\tMediaPlaceholder,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { image as icon, plugins as pluginsIcon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { useUploadMediaFromBlobURL } from '../utils/hooks';\nimport Image from './image';\n\n/**\n * Module constants\n */\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_CUSTOM,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_NONE,\n\tALLOWED_MEDIA_TYPES,\n} from './constants';\n\nexport const pickRelevantMediaFiles = ( image, size ) => {\n\tconst imageProps = Object.fromEntries(\n\t\tObject.entries( image ?? {} ).filter( ( [ key ] ) =>\n\t\t\t[ 'alt', 'id', 'link', 'caption' ].includes( key )\n\t\t)\n\t);\n\n\timageProps.url =\n\t\timage?.sizes?.[ size ]?.url ||\n\t\timage?.media_details?.sizes?.[ size ]?.source_url ||\n\t\timage.url;\n\treturn imageProps;\n};\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily\n * while the image is being uploaded and will not have an id yet allocated.\n *\n * @param {number=} id  The id of the image.\n * @param {string=} url The url of the image.\n *\n * @return {boolean} Is the URL a Blob URL\n */\nconst isTemporaryImage = ( id, url ) => ! id && isBlobURL( url );\n\n/**\n * Is the url for the image hosted externally. An externally hosted image has no\n * id and is not a blob url.\n *\n * @param {number=} id  The id of the image.\n * @param {string=} url The url of the image.\n *\n * @return {boolean} Is the url an externally hosted url?\n */\nexport const isExternalImage = ( id, url ) => url && ! id && ! isBlobURL( url );\n\n/**\n * Checks if WP generated the specified image size. Size generation is skipped\n * when the image is smaller than the said size.\n *\n * @param {Object} image\n * @param {string} size\n *\n * @return {boolean} Whether or not it has default image size.\n */\nfunction hasSize( image, size ) {\n\treturn (\n\t\t'url' in ( image?.sizes?.[ size ] ?? {} ) ||\n\t\t'source_url' in ( image?.media_details?.sizes?.[ size ] ?? {} )\n\t);\n}\n\nexport function ImageEdit( {\n\tattributes,\n\tsetAttributes,\n\tisSelected: isSingleSelected,\n\tclassName,\n\tinsertBlocksAfter,\n\tonReplace,\n\tcontext,\n\tclientId,\n\t__unstableParentLayout: parentLayout,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\n\t\tid,\n\t\twidth,\n\t\theight,\n\t\tsizeSlug,\n\t\taspectRatio,\n\t\tscale,\n\t\talign,\n\t\tmetadata,\n\t} = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState( () => {\n\t\treturn isTemporaryImage( id, url ) ? url : undefined;\n\t} );\n\n\tconst altRef = useRef();\n\tuseEffect( () => {\n\t\taltRef.current = alt;\n\t}, [ alt ] );\n\n\tconst captionRef = useRef();\n\tuseEffect( () => {\n\t\tcaptionRef.current = caption;\n\t}, [ caption ] );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( [ 'wide', 'full' ].includes( align ) ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( {\n\t\t\t\twidth: undefined,\n\t\t\t\theight: undefined,\n\t\t\t\taspectRatio: undefined,\n\t\t\t\tscale: undefined,\n\t\t\t} );\n\t\t}\n\t}, [ __unstableMarkNextChangeAsNotPersistent, align, setAttributes ] );\n\n\tconst { getSettings } = useSelect( blockEditorStore );\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\tsetAttributes( {\n\t\t\tsrc: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tsetTemporaryURL( undefined );\n\t}\n\n\tfunction onSelectImage( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: undefined,\n\t\t\t\talt: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\ttitle: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tsetTemporaryURL( media.url );\n\t\t\treturn;\n\t\t}\n\n\t\tsetTemporaryURL();\n\n\t\tconst { imageDefaultSize } = getSettings();\n\n\t\t// Try to use the previous selected image size if its available\n\t\t// otherwise try the default image size or fallback to \"full\"\n\t\tlet newSize = 'full';\n\t\tif ( sizeSlug && hasSize( media, sizeSlug ) ) {\n\t\t\tnewSize = sizeSlug;\n\t\t} else if ( hasSize( media, imageDefaultSize ) ) {\n\t\t\tnewSize = imageDefaultSize;\n\t\t}\n\n\t\tlet mediaAttributes = pickRelevantMediaFiles( media, newSize );\n\n\t\t// If a caption text was meanwhile written by the user,\n\t\t// make sure the text is not overwritten by empty captions.\n\t\tif ( captionRef.current && ! mediaAttributes.caption ) {\n\t\t\tconst { caption: omittedCaption, ...restMediaAttributes } =\n\t\t\t\tmediaAttributes;\n\t\t\tmediaAttributes = restMediaAttributes;\n\t\t}\n\n\t\tlet additionalAttributes;\n\t\t// Reset the dimension attributes if changing to a different image.\n\t\tif ( ! media.id || media.id !== id ) {\n\t\t\tadditionalAttributes = {\n\t\t\t\tsizeSlug: newSize,\n\t\t\t};\n\t\t} else {\n\t\t\t// Keep the same url when selecting the same file, so \"Resolution\"\n\t\t\t// option is not changed.\n\t\t\tadditionalAttributes = { url };\n\t\t}\n\n\t\t// Check if default link setting should be used.\n\t\tlet linkDestination = attributes.linkDestination;\n\t\tif ( ! linkDestination ) {\n\t\t\t// Use the WordPress option to determine the proper default.\n\t\t\t// The constants used in Gutenberg do not match WP options so a little more complicated than ideal.\n\t\t\t// TODO: fix this in a follow up PR, requires updating media-text and ui component.\n\t\t\tswitch (\n\t\t\t\twindow?.wp?.media?.view?.settings?.defaultProps?.link ||\n\t\t\t\tLINK_DESTINATION_NONE\n\t\t\t) {\n\t\t\t\tcase 'file':\n\t\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_MEDIA;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'post':\n\t\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_ATTACHMENT;\n\t\t\t\t\tbreak;\n\t\t\t\tcase LINK_DESTINATION_CUSTOM:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_CUSTOM;\n\t\t\t\t\tbreak;\n\t\t\t\tcase LINK_DESTINATION_NONE:\n\t\t\t\t\tlinkDestination = LINK_DESTINATION_NONE;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Check if the image is linked to it's media.\n\t\tlet href;\n\t\tswitch ( linkDestination ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\thref = media.url;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\thref = media.link;\n\t\t\t\tbreak;\n\t\t}\n\t\tmediaAttributes.href = href;\n\n\t\tsetAttributes( {\n\t\t\t...mediaAttributes,\n\t\t\t...additionalAttributes,\n\t\t\tlinkDestination,\n\t\t} );\n\t}\n\n\tfunction onSelectURL( newURL ) {\n\t\tif ( newURL !== url ) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: newURL,\n\t\t\t\tid: undefined,\n\t\t\t\tsizeSlug: getSettings().imageDefaultSize,\n\t\t\t} );\n\t\t}\n\t}\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectImage,\n\t\tonError: onUploadError,\n\t} );\n\n\tconst isExternal = isExternalImage( id, url );\n\tconst src = isExternal ? url : undefined;\n\tconst mediaPreview = !! url && (\n\t\t<img\n\t\t\talt={ __( 'Edit image' ) }\n\t\t\ttitle={ __( 'Edit image' ) }\n\t\t\tclassName=\"edit-image-preview\"\n\t\t\tsrc={ url }\n\t\t/>\n\t);\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst shadowProps = getShadowClassesAndStyles( attributes );\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': temporaryURL,\n\t\t'is-resized': !! width || !! height,\n\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\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 blockProps = useBlockProps( { className: classes } );\n\n\t// Much of this description is duplicated from MediaPlaceholder.\n\tconst { lockUrlControls = false, lockUrlControlsMessage } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isSingleSelected ) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\tconst blockBindingsSource = unlock(\n\t\t\t\tselect( blocksStore )\n\t\t\t).getBlockBindingsSource( metadata?.bindings?.url?.source );\n\n\t\t\treturn {\n\t\t\t\tlockUrlControls:\n\t\t\t\t\t!! metadata?.bindings?.url &&\n\t\t\t\t\t! blockBindingsSource?.canUserEditValue( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: metadata?.bindings?.url?.args,\n\t\t\t\t\t} ),\n\t\t\t\tlockUrlControlsMessage: blockBindingsSource?.label\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the bindings source. */\n\t\t\t\t\t\t\t__( 'Connected to %s' ),\n\t\t\t\t\t\t\tblockBindingsSource.label\n\t\t\t\t\t  )\n\t\t\t\t\t: __( 'Connected to dynamic data' ),\n\t\t\t};\n\t\t},\n\t\t[ isSingleSelected, metadata?.bindings?.url ]\n\t);\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ clsx( 'block-editor-media-placeholder', {\n\t\t\t\t\t[ borderProps.className ]:\n\t\t\t\t\t\t!! borderProps.className && ! isSingleSelected,\n\t\t\t\t} ) }\n\t\t\t\twithIllustration\n\t\t\t\ticon={ lockUrlControls ? pluginsIcon : icon }\n\t\t\t\tlabel={ __( 'Image' ) }\n\t\t\t\tinstructions={\n\t\t\t\t\t! lockUrlControls &&\n\t\t\t\t\t__(\n\t\t\t\t\t\t'Upload an image file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tstyle={ {\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\twidth: height && aspectRatio ? '100%' : width,\n\t\t\t\t\theight: width && aspectRatio ? '100%' : height,\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t...shadowProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ lockUrlControls ? (\n\t\t\t\t\t<span className=\"block-bindings-media-placeholder-message\">\n\t\t\t\t\t\t{ lockUrlControlsMessage }\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t) }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\treturn (\n\t\t<figure { ...blockProps }>\n\t\t\t<Image\n\t\t\t\ttemporaryURL={ temporaryURL }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSingleSelected={ isSingleSelected }\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonSelectImage={ onSelectImage }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\tonUploadError={ onUploadError }\n\t\t\t\tcontext={ context }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tblockEditingMode={ blockEditingMode }\n\t\t\t\tparentLayoutType={ parentLayout?.type }\n\t\t\t/>\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\tonError={ onUploadError }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\taccept=\"image/*\"\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tvalue={ { id, src } }\n\t\t\t\tmediaPreview={ mediaPreview }\n\t\t\t\tdisableMediaButtons={ temporaryURL || url }\n\t\t\t/>\n\t\t</figure>\n\t);\n}\n\nexport default ImageEdit;\n"],"mappings":"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","ignoreList":[]}

package/build/image/edit.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageEdit = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
 var _element = require("@wordpress/element");
@@ -24,6 +23,7 @@ var _editPost = require("@wordpress/edit-post");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 var _utils = require("./utils");
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -113,30 +113,31 @@ function LinkSettings({
       placeholder: (0, _i18n._x)('None', 'Link rel attribute value placeholder')
     }
   };
-  return (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Link Settings')
-  }, (0, _react.createElement)(_components.LinkSettingsNavigation, {
-    isVisible: isLinkSheetVisible,
-    url: url,
-    rel: rel,
-    label: label,
-    linkTarget: linkTarget,
-    setAttributes: setMappedAttributes,
-    withBottomSheet: false,
-    hasPicker: true,
-    options: linkSettingsOptions,
-    showIcon: false,
-    onLinkCellPressed: ({
-      navigation
-    }) => {
-      navigation.navigate(_blockEditor.blockSettingsScreens.imageLinkDestinations, {
-        inputValue: attributes.href,
-        linkDestination: attributes.linkDestination,
-        imageUrl: attributes.url,
-        attachmentPageUrl: image?.link
-      });
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+    title: (0, _i18n.__)('Link Settings'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.LinkSettingsNavigation, {
+      isVisible: isLinkSheetVisible,
+      url: url,
+      rel: rel,
+      label: label,
+      linkTarget: linkTarget,
+      setAttributes: setMappedAttributes,
+      withBottomSheet: false,
+      hasPicker: true,
+      options: linkSettingsOptions,
+      showIcon: false,
+      onLinkCellPressed: ({
+        navigation
+      }) => {
+        navigation.navigate(_blockEditor.blockSettingsScreens.imageLinkDestinations, {
+          inputValue: attributes.href,
+          linkDestination: attributes.linkDestination,
+          imageUrl: attributes.url,
+          attachmentPageUrl: image?.link
+        });
+      }
+    })
+  });
 }
 const UPLOAD_STATE_IDLE = 0;
 const UPLOAD_STATE_UPLOADING = 1;
@@ -453,17 +454,18 @@ class ImageEdit extends _element.Component {
     }
   }
   getPlaceholderIcon() {
-    return (0, _react.createElement)(_components.Icon, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
       icon: _icons.image,
       ...this.props.getStylesFromColorScheme(_styles.default.iconPlaceholder, _styles.default.iconPlaceholderDark)
     });
   }
   showLoadingIndicator() {
-    return (0, _react.createElement)(_reactNative.View, {
-      style: _styles.default.image__loading
-    }, (0, _react.createElement)(_reactNative.ActivityIndicator, {
-      animating: true
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _styles.default.image__loading,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        animating: true
+      })
+    });
   }
   getWidth() {
     const {
@@ -505,16 +507,20 @@ class ImageEdit extends _element.Component {
         alt: newAlt
       });
     };
-    return (0, _react.createElement)(_components.BottomSheetTextControl, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheetTextControl, {
       initialValue: alt,
       onChange: updateAlt,
       placeholder: (0, _i18n.__)('Add alt text'),
       label: (0, _i18n.__)('Alt Text'),
       icon: _icons.textColor,
-      footerNote: (0, _react.createElement)(_react.Fragment, null, (0, _i18n.__)('Describe the purpose of the image. Leave empty if decorative.'), ' ', (0, _react.createElement)(_components.FooterMessageLink, {
-        href: 'https://www.w3.org/WAI/tutorials/images/decision-tree/',
-        value: (0, _i18n.__)('What is alt text?')
-      }))
+      footerNote: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _i18n.__)('Describe the purpose of the image. Leave empty if decorative.'), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FooterMessageLink, {
+          href:
+          // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+          (0, _i18n.__)('https://www.w3.org/WAI/tutorials/images/decision-tree/'),
+          value: (0, _i18n.__)('What is alt text?')
+        })]
+      })
     });
   }
   onSizeChangeValue(newValue) {
@@ -533,18 +539,18 @@ class ImageEdit extends _element.Component {
       getStylesFromColorScheme
     } = this.props;
     const setFeaturedButtonStyle = getStylesFromColorScheme(_styles.default.setFeaturedButton, _styles.default.setFeaturedButtonDark);
-    const removeFeaturedButton = () => (0, _react.createElement)(_components.BottomSheet.Cell, {
+    const removeFeaturedButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.Cell, {
       label: (0, _i18n.__)('Remove as Featured Image'),
       labelStyle: [setFeaturedButtonStyle, _styles.default.removeFeaturedButton],
       cellContainerStyle: _styles.default.setFeaturedButtonCellContainer,
-      separatorType: 'none',
+      separatorType: "none",
       onPress: () => this.onSetFeatured(_constants.MEDIA_ID_NO_FEATURED_IMAGE_SET)
     });
-    const setFeaturedButton = () => (0, _react.createElement)(_components.BottomSheet.Cell, {
+    const setFeaturedButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.Cell, {
       label: (0, _i18n.__)('Set as Featured Image'),
       labelStyle: setFeaturedButtonStyle,
       cellContainerStyle: _styles.default.setFeaturedButtonCellContainer,
-      separatorType: 'none',
+      separatorType: "none",
       onPress: () => this.onSetFeatured(attributes.id)
     });
     return isFeaturedImage ? removeFeaturedButton() : setFeaturedButton();
@@ -612,47 +618,58 @@ class ImageEdit extends _element.Component {
     }
     const canImageBeFeatured = this.canImageBeFeatured();
     const isFeaturedImage = canImageBeFeatured && featuredImageId === attributes.id;
-    const getToolbarEditButton = open => (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
-      title: (0, _i18n.__)('Edit image'),
-      icon: _icons.replace,
-      onClick: open
-    })));
-    const getInspectorControls = () => (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-      title: (0, _i18n.__)('Settings')
-    }), (0, _react.createElement)(_components.PanelBody, {
-      style: _styles.default.panelBody
-    }, (0, _react.createElement)(_blockEditor.BlockStyles, {
-      clientId: clientId,
-      url: url
-    })), (0, _react.createElement)(_components.PanelBody, null, image && sizeOptionsValid && (0, _react.createElement)(_components.BottomSheetSelectControl, {
-      icon: _icons.fullscreen,
-      label: (0, _i18n.__)('Size'),
-      options: sizeOptions,
-      onChange: this.onSizeChangeValue,
-      value: selectedSizeOption
-    }), this.getAltTextSettings()), (0, _react.createElement)(LinkSettings, {
-      attributes: this.props.attributes,
-      image: this.props.image,
-      isLinkSheetVisible: this.state.isLinkSheetVisible,
-      setMappedAttributes: this.setMappedAttributes
-    }), (0, _react.createElement)(_components.PanelBody, {
-      title: (0, _i18n.__)('Featured Image'),
-      titleStyle: _styles.default.featuredImagePanelTitle
-    }, canImageBeFeatured && this.getFeaturedButtonPanel(isFeaturedImage), (0, _react.createElement)(_components.FooterMessageControl, {
-      label: (0, _i18n.__)('Changes to featured image will not be affected by the undo/redo buttons.'),
-      cellContainerStyle: _styles.default.setFeaturedButtonCellContainer
-    })));
+    const getToolbarEditButton = open => /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+          title: (0, _i18n.__)('Edit image'),
+          icon: _icons.replace,
+          onClick: open
+        })
+      })
+    });
+    const getInspectorControls = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.InspectorControls, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+        style: _styles.default.panelBody,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockStyles, {
+          clientId: clientId,
+          url: url
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+        children: [image && sizeOptionsValid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheetSelectControl, {
+          icon: _icons.fullscreen,
+          label: (0, _i18n.__)('Size'),
+          options: sizeOptions,
+          onChange: this.onSizeChangeValue,
+          value: selectedSizeOption
+        }), this.getAltTextSettings()]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkSettings, {
+        attributes: this.props.attributes,
+        image: this.props.image,
+        isLinkSheetVisible: this.state.isLinkSheetVisible,
+        setMappedAttributes: this.setMappedAttributes
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+        title: (0, _i18n.__)('Featured Image'),
+        titleStyle: _styles.default.featuredImagePanelTitle,
+        children: [canImageBeFeatured && this.getFeaturedButtonPanel(isFeaturedImage), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FooterMessageControl, {
+          label: (0, _i18n.__)('Changes to featured image will not be affected by the undo/redo buttons.'),
+          cellContainerStyle: _styles.default.setFeaturedButtonCellContainer
+        })]
+      })]
+    });
     if (!url) {
-      return (0, _react.createElement)(_reactNative.View, {
-        style: _styles.default.content
-      }, isFetchingImage && this.showLoadingIndicator(), (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
-        allowedTypes: [_blockEditor.MEDIA_TYPE_IMAGE],
-        onSelect: this.onSelectMediaUploadOption,
-        onSelectURL: this.onSelectURL,
-        icon: this.getPlaceholderIcon(),
-        onFocus: this.props.onFocus,
-        autoOpenMediaUpload: isSelected && wasBlockJustInserted
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: _styles.default.content,
+        children: [isFetchingImage && this.showLoadingIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaPlaceholder, {
+          allowedTypes: [_blockEditor.MEDIA_TYPE_IMAGE],
+          onSelect: this.onSelectMediaUploadOption,
+          onSelectURL: this.onSelectURL,
+          icon: this.getPlaceholderIcon(),
+          onFocus: this.props.onFocus,
+          autoOpenMediaUpload: isSelected && wasBlockJustInserted
+        })]
+      });
     }
     const alignToFlex = {
       left: 'flex-start',
@@ -674,59 +691,63 @@ class ImageEdit extends _element.Component {
     } else if (isGif) {
       badgeLabelText = (0, _i18n.__)('GIF');
     }
-    const getImageComponent = (openMediaOptions, getMediaOptions) => (0, _react.createElement)(_components.Badge, {
+    const getImageComponent = (openMediaOptions, getMediaOptions) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Badge, {
       label: badgeLabelText,
-      show: badgeLabelShown
-    }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
-      accessible: !isSelected,
-      onPress: this.onImagePressed,
-      disabled: !isSelected
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: _styles.default.content
-    }, isSelected && getInspectorControls(), isSelected && getMediaOptions(), !this.state.isCaptionSelected && getToolbarEditButton(openMediaOptions), (0, _react.createElement)(_blockEditor.MediaUploadProgress, {
-      enablePausedUploads: true,
-      coverUrl: url,
-      mediaId: id,
-      onUpdateMediaProgress: this.updateMediaProgress,
-      onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
-      onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
-      onMediaUploadStateReset: this.mediaUploadStateReset,
-      renderContent: ({
-        isUploadPaused,
-        isUploadInProgress,
-        isUploadFailed,
-        retryMessage
-      }) => {
-        return (0, _react.createElement)(_reactNative.View, {
-          style: imageContainerStyles
-        }, isFetchingImage && this.showLoadingIndicator(), (0, _react.createElement)(_components.Image, {
-          align: align && alignToFlex[align],
-          alt: alt,
-          isSelected: isSelected && !isCaptionSelected,
-          isUploadFailed: isUploadFailed,
-          isUploadPaused: isUploadPaused,
-          isUploadInProgress: isUploadInProgress,
-          shouldUseFastImage: shouldUseFastImage,
-          onSelectMediaUploadOption: this.onSelectMediaUploadOption,
-          openMediaOptions: openMediaOptions,
-          retryMessage: retryMessage,
-          url: url,
-          shapeStyle: _styles.default[className] || className,
-          width: this.getWidth(),
-          ...(hasImageContext ? additionalImageProps : {})
-        }));
-      }
-    }))), (0, _react.createElement)(_blockEditor.BlockCaption, {
-      clientId: this.props.clientId,
-      isSelected: this.state.isCaptionSelected,
-      accessible: !this.state.isCaptionSelected,
-      accessibilityLabelCreator: this.accessibilityLabelCreator,
-      onFocus: this.onFocusCaption,
-      onBlur: this.props.onBlur // Always assign onBlur as props.
-      ,
-      insertBlocksAfter: this.props.insertBlocksAfter
-    }));
-    return (0, _react.createElement)(_blockEditor.MediaUpload, {
+      show: badgeLabelShown,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+        accessible: !isSelected,
+        onPress: this.onImagePressed,
+        disabled: !isSelected,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: _styles.default.content,
+          children: [isSelected && getInspectorControls(), isSelected && getMediaOptions(), !this.state.isCaptionSelected && getToolbarEditButton(openMediaOptions), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadProgress, {
+            enablePausedUploads: true,
+            coverUrl: url,
+            mediaId: id,
+            onUpdateMediaProgress: this.updateMediaProgress,
+            onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
+            onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
+            onMediaUploadStateReset: this.mediaUploadStateReset,
+            renderContent: ({
+              isUploadPaused,
+              isUploadInProgress,
+              isUploadFailed,
+              retryMessage
+            }) => {
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: imageContainerStyles,
+                children: [isFetchingImage && this.showLoadingIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Image, {
+                  align: align && alignToFlex[align],
+                  alt: alt,
+                  isSelected: isSelected && !isCaptionSelected,
+                  isUploadFailed: isUploadFailed,
+                  isUploadPaused: isUploadPaused,
+                  isUploadInProgress: isUploadInProgress,
+                  shouldUseFastImage: shouldUseFastImage,
+                  onSelectMediaUploadOption: this.onSelectMediaUploadOption,
+                  openMediaOptions: openMediaOptions,
+                  retryMessage: retryMessage,
+                  url: url,
+                  shapeStyle: _styles.default[className] || className,
+                  width: this.getWidth(),
+                  ...(hasImageContext ? additionalImageProps : {})
+                })]
+              });
+            }
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockCaption, {
+        clientId: this.props.clientId,
+        isSelected: this.state.isCaptionSelected,
+        accessible: !this.state.isCaptionSelected,
+        accessibilityLabelCreator: this.accessibilityLabelCreator,
+        onFocus: this.onFocusCaption,
+        onBlur: this.props.onBlur // Always assign onBlur as props.
+        ,
+        insertBlocksAfter: this.props.insertBlocksAfter
+      })]
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
       allowedTypes: [_blockEditor.MEDIA_TYPE_IMAGE],
       isReplacingMedia: true,
       onSelect: this.onSelectMediaUploadOption,