@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

package/build/home-link/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/home-link/edit.js"],"names":["preventDefault","event","HomeEdit","attributes","setAttributes","context","clientId","homeUrl","select","getUnstableBase","coreStore","home","textColor","backgroundColor","style","blockProps","className","color","text","background","label","undefined","labelValue"],"mappings":";;;;;;;;;AAYA;;AATA;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAOA,MAAMA,cAAc,GAAKC,KAAF,IAAaA,KAAK,CAACD,cAAN,EAApC;;AAEe,SAASE,QAAT,CAAmB;AACjCC,EAAAA,UADiC;AAEjCC,EAAAA,aAFiC;AAGjCC,EAAAA,OAHiC;AAIjCC,EAAAA;AAJiC,CAAnB,EAKX;AAAA;;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAc,qBACjBC,MAAF,IAAc;AAAA;;AACb,UAAM;AACLC,MAAAA,eADK,CACY;;AADZ,QAEFD,MAAM,CAAEE,eAAF,CAFV;AAGA,WAAO;AACNH,MAAAA,OAAO,sBAAEE,eAAe,EAAjB,qDAAE,iBAAmBE;AADtB,KAAP;AAGA,GARkB,EASnB,CAAEL,QAAF,CATmB,CAApB;AAYA,QAAM;AAAEM,IAAAA,SAAF;AAAaC,IAAAA,eAAb;AAA8BC,IAAAA;AAA9B,MAAwCT,OAA9C;AACA,QAAMU,UAAU,GAAG,gCAAe;AACjCC,IAAAA,SAAS,EAAE,yBAAY;AACtB,wBAAkB,CAAC,CAAEJ,SAAH,IAAgB,CAAC,EAAEE,KAAF,aAAEA,KAAF,+BAAEA,KAAK,CAAEG,KAAT,yCAAE,aAAcC,IAAhB,CADb;AAEtB,OAAG,OAAON,SAAW,QAArB,GAAgC,CAAC,CAAEA,SAFb;AAGtB,wBAAkB,CAAC,CAAEC,eAAH,IAAsB,CAAC,EAAEC,KAAF,aAAEA,KAAF,gCAAEA,KAAK,CAAEG,KAAT,0CAAE,cAAcE,UAAhB,CAHnB;AAItB,OAAG,OAAON,eAAiB,mBAA3B,GAAiD,CAAC,CAAEA;AAJ9B,KAAZ,CADsB;AAOjCC,IAAAA,KAAK,EAAE;AACNG,MAAAA,KAAK,EAAEH,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEG,KAAT,kDAAE,cAAcC,IADf;AAENL,MAAAA,eAAe,EAAEC,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEG,KAAT,kDAAE,cAAcE;AAFzB;AAP0B,GAAf,CAAnB;AAaA,QAAM;AAAEC,IAAAA;AAAF,MAAYjB,UAAlB;AAEA,0BAAW,MAAM;AAChB,QAAKiB,KAAK,KAAKC,SAAf,EAA2B;AAC1BjB,MAAAA,aAAa,CAAE;AAAEgB,QAAAA,KAAK,EAAE,cAAI,MAAJ;AAAT,OAAF,CAAb;AACA;AACD,GAJD,EAIG,CAAEd,QAAF,EAAYc,KAAZ,CAJH;AAMA,SACC,qDACC,mCAAUL,UAAV,EACC;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,IAAI,EAAGR,OAFR;AAGC,IAAA,OAAO,EAAGP;AAHX,KAKC,4BAAC,qBAAD;AACC,IAAA,UAAU,EAAC,OADZ;AAEC,IAAA,SAAS,EAAC,2BAFX;AAGC,IAAA,KAAK,EAAGoB,KAHT;AAIC,IAAA,QAAQ,EAAKE,UAAF,IAAkB;AAC5BlB,MAAAA,aAAa,CAAE;AAAEgB,QAAAA,KAAK,EAAEE;AAAT,OAAF,CAAb;AACA,KANF;AAOC,kBAAa,cAAI,gBAAJ,CAPd;AAQC,IAAA,WAAW,EAAG,cAAI,eAAJ,CARf;AASC,IAAA,4BAA4B,MAT7B;AAUC,IAAA,cAAc,EAAG,CAChB,WADgB,EAEhB,aAFgB,EAGhB,YAHgB,EAIhB,oBAJgB;AAVlB,IALD,CADD,CADD,CADD;AA6BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\nconst preventDefault = ( event ) => event.preventDefault();\n\nexport default function HomeEdit( {\n\tattributes,\n\tsetAttributes,\n\tcontext,\n\tclientId,\n} ) {\n\tconst { homeUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetUnstableBase, //site index\n\t\t\t} = select( coreStore );\n\t\t\treturn {\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { textColor, backgroundColor, style } = context;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t'has-text-color': !! textColor || !! style?.color?.text,\n\t\t\t[ `has-${ textColor }-color` ]: !! textColor,\n\t\t\t'has-background': !! backgroundColor || !! style?.color?.background,\n\t\t\t[ `has-${ backgroundColor }-background-color` ]: !! backgroundColor,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: style?.color?.text,\n\t\t\tbackgroundColor: style?.color?.background,\n\t\t},\n\t} );\n\n\tconst { label } = attributes;\n\n\tuseEffect( () => {\n\t\tif ( label === undefined ) {\n\t\t\tsetAttributes( { label: __( 'Home' ) } );\n\t\t}\n\t}, [ clientId, label ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\tclassName=\"wp-block-home-link__content\"\n\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\tonClick={ preventDefault }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\t\tclassName=\"wp-block-home-link__label\"\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( labelValue ) => {\n\t\t\t\t\t\t\tsetAttributes( { label: labelValue } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label={ __( 'Home link text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add home link' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tallowedFormats={ [\n\t\t\t\t\t\t\t'core/bold',\n\t\t\t\t\t\t\t'core/italic',\n\t\t\t\t\t\t\t'core/image',\n\t\t\t\t\t\t\t'core/strikethrough',\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/home-link/edit.js"],"names":["preventDefault","event","HomeEdit","attributes","setAttributes","context","clientId","homeUrl","select","getUnstableBase","coreStore","home","textColor","backgroundColor","style","blockProps","className","color","text","background","label","undefined","labelValue"],"mappings":";;;;;;;;;AAYA;;AATA;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAOA,MAAMA,cAAc,GAAKC,KAAF,IAAaA,KAAK,CAACD,cAAN,EAApC;;AAEe,SAASE,QAAT,CAAmB;AACjCC,EAAAA,UADiC;AAEjCC,EAAAA,aAFiC;AAGjCC,EAAAA,OAHiC;AAIjCC,EAAAA;AAJiC,CAAnB,EAKX;AAAA;;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAc,qBACjBC,MAAF,IAAc;AAAA;;AACb,UAAM;AACLC,MAAAA,eADK,CACY;;AADZ,QAEFD,MAAM,CAAEE,eAAF,CAFV;AAGA,WAAO;AACNH,MAAAA,OAAO,sBAAEE,eAAe,EAAjB,qDAAE,iBAAmBE;AADtB,KAAP;AAGA,GARkB,EASnB,CAAEL,QAAF,CATmB,CAApB;AAYA,QAAM;AAAEM,IAAAA,SAAF;AAAaC,IAAAA,eAAb;AAA8BC,IAAAA;AAA9B,MAAwCT,OAA9C;AACA,QAAMU,UAAU,GAAG,gCAAe;AACjCC,IAAAA,SAAS,EAAE,yBAAY,0BAAZ,EAAwC;AAClD,wBAAkB,CAAC,CAAEJ,SAAH,IAAgB,CAAC,EAAEE,KAAF,aAAEA,KAAF,+BAAEA,KAAK,CAAEG,KAAT,yCAAE,aAAcC,IAAhB,CADe;AAElD,OAAG,OAAON,SAAW,QAArB,GAAgC,CAAC,CAAEA,SAFe;AAGlD,wBAAkB,CAAC,CAAEC,eAAH,IAAsB,CAAC,EAAEC,KAAF,aAAEA,KAAF,gCAAEA,KAAK,CAAEG,KAAT,0CAAE,cAAcE,UAAhB,CAHS;AAIlD,OAAG,OAAON,eAAiB,mBAA3B,GAAiD,CAAC,CAAEA;AAJF,KAAxC,CADsB;AAOjCC,IAAAA,KAAK,EAAE;AACNG,MAAAA,KAAK,EAAEH,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEG,KAAT,kDAAE,cAAcC,IADf;AAENL,MAAAA,eAAe,EAAEC,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEG,KAAT,kDAAE,cAAcE;AAFzB;AAP0B,GAAf,CAAnB;AAaA,QAAM;AAAEC,IAAAA;AAAF,MAAYjB,UAAlB;AAEA,0BAAW,MAAM;AAChB,QAAKiB,KAAK,KAAKC,SAAf,EAA2B;AAC1BjB,MAAAA,aAAa,CAAE;AAAEgB,QAAAA,KAAK,EAAE,cAAI,MAAJ;AAAT,OAAF,CAAb;AACA;AACD,GAJD,EAIG,CAAEd,QAAF,EAAYc,KAAZ,CAJH;AAMA,SACC,qDACC,mCAAUL,UAAV,EACC;AACC,IAAA,SAAS,EAAC,+DADX;AAEC,IAAA,IAAI,EAAGR,OAFR;AAGC,IAAA,OAAO,EAAGP;AAHX,KAKC,4BAAC,qBAAD;AACC,IAAA,UAAU,EAAC,OADZ;AAEC,IAAA,SAAS,EAAC,2BAFX;AAGC,IAAA,KAAK,EAAGoB,KAHT;AAIC,IAAA,QAAQ,EAAKE,UAAF,IAAkB;AAC5BlB,MAAAA,aAAa,CAAE;AAAEgB,QAAAA,KAAK,EAAEE;AAAT,OAAF,CAAb;AACA,KANF;AAOC,kBAAa,cAAI,gBAAJ,CAPd;AAQC,IAAA,WAAW,EAAG,cAAI,eAAJ,CARf;AASC,IAAA,4BAA4B,MAT7B;AAUC,IAAA,cAAc,EAAG,CAChB,WADgB,EAEhB,aAFgB,EAGhB,YAHgB,EAIhB,oBAJgB;AAVlB,IALD,CADD,CADD,CADD;AA6BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\nconst preventDefault = ( event ) => event.preventDefault();\n\nexport default function HomeEdit( {\n\tattributes,\n\tsetAttributes,\n\tcontext,\n\tclientId,\n} ) {\n\tconst { homeUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetUnstableBase, //site index\n\t\t\t} = select( coreStore );\n\t\t\treturn {\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { textColor, backgroundColor, style } = context;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( 'wp-block-navigation-item', {\n\t\t\t'has-text-color': !! textColor || !! style?.color?.text,\n\t\t\t[ `has-${ textColor }-color` ]: !! textColor,\n\t\t\t'has-background': !! backgroundColor || !! style?.color?.background,\n\t\t\t[ `has-${ backgroundColor }-background-color` ]: !! backgroundColor,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: style?.color?.text,\n\t\t\tbackgroundColor: style?.color?.background,\n\t\t},\n\t} );\n\n\tconst { label } = attributes;\n\n\tuseEffect( () => {\n\t\tif ( label === undefined ) {\n\t\t\tsetAttributes( { label: __( 'Home' ) } );\n\t\t}\n\t}, [ clientId, label ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\tclassName=\"wp-block-home-link__content wp-block-navigation-item__content\"\n\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\tonClick={ preventDefault }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\t\tclassName=\"wp-block-home-link__label\"\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( labelValue ) => {\n\t\t\t\t\t\t\tsetAttributes( { label: labelValue } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label={ __( 'Home link text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add home link' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tallowedFormats={ [\n\t\t\t\t\t\t\t'core/bold',\n\t\t\t\t\t\t\t'core/italic',\n\t\t\t\t\t\t\t'core/image',\n\t\t\t\t\t\t\t'core/strikethrough',\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build/image/edit.js

@@ -104,6 +104,7 @@ function ImageEdit({
   insertBlocksAfter,
   noticeOperations,
   onReplace,
+  context,
   clientId
 }) {
   const {
@@ -256,7 +257,7 @@ function ImageEdit({
     });
   }
 
-  const isTemp = isTemporaryImage(id, url); // Upload a temporary image on mount.
+  let isTemp = isTemporaryImage(id, url); // Upload a temporary image on mount.
 
   (0, _element.useEffect)(() => {
     if (!isTemp) {
@@ -273,6 +274,7 @@ function ImageEdit({
         },
         allowedTypes: _constants.ALLOWED_MEDIA_TYPES,
         onError: message => {
+          isTemp = false;
           noticeOperations.createErrorNotice(message);
           setAttributes({
             src: undefined,
@@ -286,14 +288,13 @@ function ImageEdit({
   // no longer temporary).
 
   (0, _element.useEffect)(() => {
-    if (!temporaryURL) {
+    if (isTemp) {
+      setTemporaryURL(url);
       return;
     }
 
-    return () => {
-      (0, _blob.revokeBlobURL)(temporaryURL);
-    };
-  }, [temporaryURL]);
+    (0, _blob.revokeBlobURL)(temporaryURL);
+  }, [isTemp, url]);
   const isExternal = isExternalImage(id, url);
   const src = isExternal ? url : undefined;
   const mediaPreview = !!url && (0, _element.createElement)("img", {
@@ -322,6 +323,7 @@ function ImageEdit({
     onSelectURL: onSelectURL,
     onUploadError: onUploadError,
     containerRef: ref,
+    context: context,
     clientId: clientId
   }), !url && (0, _element.createElement)(_blockEditor.BlockControls, {
     group: "block"

package/build/image/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/edit.js"],"names":["pickRelevantMediaFiles","image","size","imageProps","url","isTemporaryImage","id","isExternalImage","hasDefaultSize","defaultSize","ImageEdit","attributes","setAttributes","isSelected","className","noticeUI","insertBlocksAfter","noticeOperations","onReplace","clientId","alt","caption","align","width","height","sizeSlug","temporaryURL","setTemporaryURL","altRef","current","captionRef","ref","imageDefaultSize","mediaUpload","select","getSettings","blockEditorStore","onUploadError","message","removeAllNotices","createErrorNotice","onSelectImage","media","undefined","title","mediaAttributes","additionalAttributes","linkDestination","wp","view","settings","defaultProps","link","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","href","onSelectURL","newURL","updateAlignment","nextAlign","extraUpdatedAttributes","includes","isTemp","file","filesList","onFileChange","img","allowedTypes","ALLOWED_MEDIA_TYPES","onError","src","isExternal","mediaPreview","classes","blockProps","icon"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { get, has, omit, pick } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { withNotices } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tBlockAlignmentControl,\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { image as icon } from '@wordpress/icons';\n\n/* global wp */\n\n/**\n * Internal dependencies\n */\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 = pick( image, [ 'alt', 'id', 'link', 'caption' ] );\n\timageProps.url =\n\t\tget( image, [ 'sizes', size, 'url' ] ) ||\n\t\tget( image, [ '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 default image size. Size generation is skipped\n * when the image is smaller than the said size.\n *\n * @param {Object} image\n * @param {string} defaultSize\n *\n * @return {boolean} Whether or not it has default image size.\n */\nfunction hasDefaultSize( image, defaultSize ) {\n\treturn (\n\t\thas( image, [ 'sizes', defaultSize, 'url' ] ) ||\n\t\thas( image, [ 'media_details', 'sizes', defaultSize, 'source_url' ] )\n\t);\n}\n\nexport function ImageEdit( {\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tclassName,\n\tnoticeUI,\n\tinsertBlocksAfter,\n\tnoticeOperations,\n\tonReplace,\n\tclientId,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\n\t\talign,\n\t\tid,\n\t\twidth,\n\t\theight,\n\t\tsizeSlug,\n\t} = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState();\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 ref = useRef();\n\tconst { imageDefaultSize, mediaUpload } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn pick( getSettings(), [ 'imageDefaultSize', 'mediaUpload' ] );\n\t}, [] );\n\n\tfunction onUploadError( message ) {\n\t\tnoticeOperations.removeAllNotices();\n\t\tnoticeOperations.createErrorNotice( message );\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\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\tlet mediaAttributes = pickRelevantMediaFiles( media, imageDefaultSize );\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 && ! get( mediaAttributes, [ 'caption' ] ) ) {\n\t\t\tmediaAttributes = omit( mediaAttributes, [ 'caption' ] );\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\twidth: undefined,\n\t\t\t\theight: undefined,\n\t\t\t\t// Fallback to size \"full\" if there's no default image size.\n\t\t\t\t// It means the image is smaller, and the block will use a full-size URL.\n\t\t\t\tsizeSlug: hasDefaultSize( media, imageDefaultSize )\n\t\t\t\t\t? imageDefaultSize\n\t\t\t\t\t: 'full',\n\t\t\t};\n\t\t} else {\n\t\t\t// Keep the same url when selecting the same file, so \"Image Size\"\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\twp?.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\twidth: undefined,\n\t\t\t\theight: undefined,\n\t\t\t\tsizeSlug: imageDefaultSize,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction updateAlignment( nextAlign ) {\n\t\tconst extraUpdatedAttributes = [ 'wide', 'full' ].includes( nextAlign )\n\t\t\t? { width: undefined, height: undefined }\n\t\t\t: {};\n\t\tsetAttributes( {\n\t\t\t...extraUpdatedAttributes,\n\t\t\talign: nextAlign,\n\t\t} );\n\t}\n\n\tconst isTemp = isTemporaryImage( id, url );\n\n\t// Upload a temporary image on mount.\n\tuseEffect( () => {\n\t\tif ( ! isTemp ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( url );\n\n\t\tif ( file ) {\n\t\t\tmediaUpload( {\n\t\t\t\tfilesList: [ file ],\n\t\t\t\tonFileChange: ( [ img ] ) => {\n\t\t\t\t\tonSelectImage( img );\n\t\t\t\t},\n\t\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\t\tonError: ( message ) => {\n\t\t\t\t\tnoticeOperations.createErrorNotice( message );\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsrc: undefined,\n\t\t\t\t\t\tid: undefined,\n\t\t\t\t\t\turl: undefined,\n\t\t\t\t\t} );\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\t// If an image is temporary, revoke the Blob url when it is uploaded (and is\n\t// no longer temporary).\n\tuseEffect( () => {\n\t\tif ( ! temporaryURL ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn () => {\n\t\t\trevokeBlobURL( temporaryURL );\n\t\t};\n\t}, [ temporaryURL ] );\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 classes = classnames( className, {\n\t\t'is-transient': temporaryURL,\n\t\t'is-resized': !! width || !! height,\n\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tref,\n\t\tclassName: classes,\n\t} );\n\n\treturn (\n\t\t<figure { ...blockProps }>\n\t\t\t{ ( temporaryURL || url ) && (\n\t\t\t\t<Image\n\t\t\t\t\ttemporaryURL={ temporaryURL }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\tonSelectImage={ onSelectImage }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\tonUploadError={ onUploadError }\n\t\t\t\t\tcontainerRef={ ref }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! url && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\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\tnotices={ noticeUI }\n\t\t\t\tonError={ onUploadError }\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 withNotices( ImageEdit );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/image/edit.js"],"names":["pickRelevantMediaFiles","image","size","imageProps","url","isTemporaryImage","id","isExternalImage","hasDefaultSize","defaultSize","ImageEdit","attributes","setAttributes","isSelected","className","noticeUI","insertBlocksAfter","noticeOperations","onReplace","context","clientId","alt","caption","align","width","height","sizeSlug","temporaryURL","setTemporaryURL","altRef","current","captionRef","ref","imageDefaultSize","mediaUpload","select","getSettings","blockEditorStore","onUploadError","message","removeAllNotices","createErrorNotice","onSelectImage","media","undefined","title","mediaAttributes","additionalAttributes","linkDestination","wp","view","settings","defaultProps","link","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","href","onSelectURL","newURL","updateAlignment","nextAlign","extraUpdatedAttributes","includes","isTemp","file","filesList","onFileChange","img","allowedTypes","ALLOWED_MEDIA_TYPES","onError","src","isExternal","mediaPreview","classes","blockProps","icon"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { get, has, omit, pick } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { withNotices } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tBlockAlignmentControl,\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { image as icon } from '@wordpress/icons';\n\n/* global wp */\n\n/**\n * Internal dependencies\n */\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 = pick( image, [ 'alt', 'id', 'link', 'caption' ] );\n\timageProps.url =\n\t\tget( image, [ 'sizes', size, 'url' ] ) ||\n\t\tget( image, [ '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 default image size. Size generation is skipped\n * when the image is smaller than the said size.\n *\n * @param {Object} image\n * @param {string} defaultSize\n *\n * @return {boolean} Whether or not it has default image size.\n */\nfunction hasDefaultSize( image, defaultSize ) {\n\treturn (\n\t\thas( image, [ 'sizes', defaultSize, 'url' ] ) ||\n\t\thas( image, [ 'media_details', 'sizes', defaultSize, 'source_url' ] )\n\t);\n}\n\nexport function ImageEdit( {\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tclassName,\n\tnoticeUI,\n\tinsertBlocksAfter,\n\tnoticeOperations,\n\tonReplace,\n\tcontext,\n\tclientId,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\n\t\talign,\n\t\tid,\n\t\twidth,\n\t\theight,\n\t\tsizeSlug,\n\t} = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState();\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 ref = useRef();\n\tconst { imageDefaultSize, mediaUpload } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn pick( getSettings(), [ 'imageDefaultSize', 'mediaUpload' ] );\n\t}, [] );\n\n\tfunction onUploadError( message ) {\n\t\tnoticeOperations.removeAllNotices();\n\t\tnoticeOperations.createErrorNotice( message );\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\tlet mediaAttributes = pickRelevantMediaFiles( media, imageDefaultSize );\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 && ! get( mediaAttributes, [ 'caption' ] ) ) {\n\t\t\tmediaAttributes = omit( mediaAttributes, [ 'caption' ] );\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\twidth: undefined,\n\t\t\t\theight: undefined,\n\t\t\t\t// Fallback to size \"full\" if there's no default image size.\n\t\t\t\t// It means the image is smaller, and the block will use a full-size URL.\n\t\t\t\tsizeSlug: hasDefaultSize( media, imageDefaultSize )\n\t\t\t\t\t? imageDefaultSize\n\t\t\t\t\t: 'full',\n\t\t\t};\n\t\t} else {\n\t\t\t// Keep the same url when selecting the same file, so \"Image Size\"\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\twp?.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\twidth: undefined,\n\t\t\t\theight: undefined,\n\t\t\t\tsizeSlug: imageDefaultSize,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction updateAlignment( nextAlign ) {\n\t\tconst extraUpdatedAttributes = [ 'wide', 'full' ].includes( nextAlign )\n\t\t\t? { width: undefined, height: undefined }\n\t\t\t: {};\n\t\tsetAttributes( {\n\t\t\t...extraUpdatedAttributes,\n\t\t\talign: nextAlign,\n\t\t} );\n\t}\n\n\tlet isTemp = isTemporaryImage( id, url );\n\n\t// Upload a temporary image on mount.\n\tuseEffect( () => {\n\t\tif ( ! isTemp ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( url );\n\n\t\tif ( file ) {\n\t\t\tmediaUpload( {\n\t\t\t\tfilesList: [ file ],\n\t\t\t\tonFileChange: ( [ img ] ) => {\n\t\t\t\t\tonSelectImage( img );\n\t\t\t\t},\n\t\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\t\tonError: ( message ) => {\n\t\t\t\t\tisTemp = false;\n\t\t\t\t\tnoticeOperations.createErrorNotice( message );\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsrc: undefined,\n\t\t\t\t\t\tid: undefined,\n\t\t\t\t\t\turl: undefined,\n\t\t\t\t\t} );\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\t// If an image is temporary, revoke the Blob url when it is uploaded (and is\n\t// no longer temporary).\n\tuseEffect( () => {\n\t\tif ( isTemp ) {\n\t\t\tsetTemporaryURL( url );\n\t\t\treturn;\n\t\t}\n\t\trevokeBlobURL( temporaryURL );\n\t}, [ isTemp, url ] );\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 classes = classnames( className, {\n\t\t'is-transient': temporaryURL,\n\t\t'is-resized': !! width || !! height,\n\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tref,\n\t\tclassName: classes,\n\t} );\n\n\treturn (\n\t\t<figure { ...blockProps }>\n\t\t\t{ ( temporaryURL || url ) && (\n\t\t\t\t<Image\n\t\t\t\t\ttemporaryURL={ temporaryURL }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\tonSelectImage={ onSelectImage }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\tonUploadError={ onUploadError }\n\t\t\t\t\tcontainerRef={ ref }\n\t\t\t\t\tcontext={ context }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! url && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\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\tnotices={ noticeUI }\n\t\t\t\tonError={ onUploadError }\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 withNotices( ImageEdit );\n"]}

package/build/image/edit.native.js

@@ -13,6 +13,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _reactNative = require("react-native");
 
+var _native = require("@react-navigation/native");
+
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 
 var _components = require("@wordpress/components");
@@ -62,6 +64,112 @@ const getUrlForSlug = (image, sizeSlug) => {
   return image === null || image === void 0 ? void 0 : (_image$media_details = image.media_details) === null || _image$media_details === void 0 ? void 0 : (_image$media_details$ = _image$media_details.sizes) === null || _image$media_details$ === void 0 ? void 0 : (_image$media_details$2 = _image$media_details$[sizeSlug]) === null || _image$media_details$2 === void 0 ? void 0 : _image$media_details$2.source_url;
 };
 
+function LinkSettings({
+  attributes,
+  image,
+  isLinkSheetVisible,
+  setMappedAttributes
+}) {
+  var _route$params;
+
+  const route = (0, _native.useRoute)();
+  const {
+    href: url,
+    label,
+    linkDestination,
+    linkTarget,
+    rel
+  } = attributes; // Persist attributes passed from child screen
+
+  (0, _element.useEffect)(() => {
+    const {
+      inputValue: newUrl
+    } = route.params || {};
+    let newLinkDestination;
+
+    switch (newUrl) {
+      case attributes.url:
+        newLinkDestination = _constants.LINK_DESTINATION_MEDIA;
+        break;
+
+      case image === null || image === void 0 ? void 0 : image.link:
+        newLinkDestination = _constants.LINK_DESTINATION_ATTACHMENT;
+        break;
+
+      case '':
+        newLinkDestination = _constants.LINK_DESTINATION_NONE;
+        break;
+
+      default:
+        newLinkDestination = _constants.LINK_DESTINATION_CUSTOM;
+        break;
+    }
+
+    setMappedAttributes({
+      url: newUrl,
+      linkDestination: newLinkDestination
+    });
+  }, [(_route$params = route.params) === null || _route$params === void 0 ? void 0 : _route$params.inputValue]);
+  let valueMask;
+
+  switch (linkDestination) {
+    case _constants.LINK_DESTINATION_MEDIA:
+      valueMask = (0, _i18n.__)('Media File');
+      break;
+
+    case _constants.LINK_DESTINATION_ATTACHMENT:
+      valueMask = (0, _i18n.__)('Attachment Page');
+      break;
+
+    case _constants.LINK_DESTINATION_CUSTOM:
+      valueMask = (0, _i18n.__)('Custom URL');
+      break;
+
+    default:
+      valueMask = (0, _i18n.__)('None');
+      break;
+  }
+
+  const linkSettingsOptions = {
+    url: {
+      valueMask,
+      autoFocus: false,
+      autoFill: true
+    },
+    openInNewTab: {
+      label: (0, _i18n.__)('Open in new tab')
+    },
+    linkRel: {
+      label: (0, _i18n.__)('Link Rel'),
+      placeholder: (0, _i18n._x)('None', 'Link rel attribute value placeholder')
+    }
+  };
+  return (0, _element.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Link Settings')
+  }, (0, _element.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 === null || image === void 0 ? void 0 : image.link
+      });
+    }
+  }));
+}
+
 class ImageEdit extends _element.Component {
   constructor(props) {
     super(props);
@@ -74,7 +182,6 @@ class ImageEdit extends _element.Component {
     this.onSelectMediaUploadOption = this.onSelectMediaUploadOption.bind(this);
     this.updateMediaProgress = this.updateMediaProgress.bind(this);
     this.updateImageURL = this.updateImageURL.bind(this);
-    this.onSetLinkDestination = this.onSetLinkDestination.bind(this);
     this.onSetNewTab = this.onSetNewTab.bind(this);
     this.onSetSizeSlug = this.onSetSizeSlug.bind(this);
     this.onImagePressed = this.onImagePressed.bind(this);
@@ -84,21 +191,6 @@ class ImageEdit extends _element.Component {
     this.accessibilityLabelCreator = this.accessibilityLabelCreator.bind(this);
     this.setMappedAttributes = this.setMappedAttributes.bind(this);
     this.onSizeChangeValue = this.onSizeChangeValue.bind(this);
-    this.linkSettingsOptions = {
-      url: {
-        label: (0, _i18n.__)('Image Link URL'),
-        placeholder: (0, _i18n.__)('Add URL'),
-        autoFocus: false,
-        autoFill: true
-      },
-      openInNewTab: {
-        label: (0, _i18n.__)('Open in new tab')
-      },
-      linkRel: {
-        label: (0, _i18n.__)('Link Rel'),
-        placeholder: (0, _i18n.__)('None')
-      }
-    };
   }
 
   componentDidMount() {
@@ -141,13 +233,15 @@ class ImageEdit extends _element.Component {
   }
 
   componentDidUpdate(previousProps) {
-    if (!previousProps.image && this.props.image) {
-      const {
-        image,
-        attributes
-      } = this.props;
+    const {
+      image,
+      attributes,
+      setAttributes
+    } = this.props;
+
+    if (!previousProps.image && image) {
       const url = getUrlForSlug(image, attributes === null || attributes === void 0 ? void 0 : attributes.sizeSlug) || image.source_url;
-      this.props.setAttributes({
+      setAttributes({
         url
       });
     }
@@ -263,13 +357,6 @@ class ImageEdit extends _element.Component {
     });
   }
 
-  onSetLinkDestination(href) {
-    this.props.setAttributes({
-      linkDestination: _constants.LINK_DESTINATION_CUSTOM,
-      href
-    });
-  }
-
   onSetNewTab(value) {
     const updatedLinkTarget = (0, _utils.getUpdatedLinkTargetSettings)(value, this.props.attributes);
     this.props.setAttributes(updatedLinkTarget);
@@ -277,7 +364,8 @@ class ImageEdit extends _element.Component {
 
   onSetSizeSlug(sizeSlug) {
     const {
-      image
+      image,
+      setAttributes
     } = this.props;
     const url = getUrlForSlug(image, sizeSlug);
 
@@ -285,7 +373,7 @@ class ImageEdit extends _element.Component {
       return null;
     }
 
-    this.props.setAttributes({
+    setAttributes({
       url,
       width: undefined,
       height: undefined,
@@ -295,12 +383,13 @@ class ImageEdit extends _element.Component {
 
   onSelectMediaUploadOption(media) {
     const {
-      attributes: {
-        id,
-        url
-      },
       imageDefaultSize
     } = this.props;
+    const {
+      id,
+      url,
+      destination
+    } = this.props.attributes;
     const mediaAttributes = {
       id: media.id,
       url: media.url,
@@ -321,6 +410,19 @@ class ImageEdit extends _element.Component {
       };
     }
 
+    let href;
+
+    switch (destination) {
+      case _constants.LINK_DESTINATION_MEDIA:
+        href = media.url;
+        break;
+
+      case _constants.LINK_DESTINATION_ATTACHMENT:
+        href = media.link;
+        break;
+    }
+
+    mediaAttributes.href = href;
     this.props.setAttributes({ ...mediaAttributes,
       ...additionalAttributes
     });
@@ -357,41 +459,22 @@ class ImageEdit extends _element.Component {
 
   setMappedAttributes({
     url: href,
+    linkDestination,
     ...restAttributes
   }) {
     const {
       setAttributes
     } = this.props;
-    return href === undefined ? setAttributes(restAttributes) : setAttributes({ ...restAttributes,
-      href
-    });
-  }
 
-  getLinkSettings() {
-    const {
-      isLinkSheetVisible
-    } = this.state;
-    const {
-      attributes: {
-        href: url,
-        ...unMappedAttributes
-      }
-    } = this.props;
-    const mappedAttributes = { ...unMappedAttributes,
-      url
-    };
-    return (0, _element.createElement)(_components.LinkSettingsNavigation, {
-      isVisible: isLinkSheetVisible,
-      url: mappedAttributes.url,
-      rel: mappedAttributes.rel,
-      label: mappedAttributes.label,
-      linkTarget: mappedAttributes.linkTarget,
-      onClose: this.dismissSheet,
-      setAttributes: this.setMappedAttributes,
-      withBottomSheet: false,
-      hasPicker: true,
-      options: this.linkSettingsOptions,
-      showIcon: false
+    if (!href && !linkDestination) {
+      linkDestination = _constants.LINK_DESTINATION_NONE;
+    } else if (!linkDestination) {
+      linkDestination = _constants.LINK_DESTINATION_CUSTOM;
+    }
+
+    return href === undefined || href === this.props.attributes.href ? setAttributes(restAttributes) : setAttributes({ ...restAttributes,
+      linkDestination,
+      href
     });
   }
 
@@ -469,6 +552,7 @@ class ImageEdit extends _element.Component {
       image,
       clientId,
       imageDefaultSize,
+      context,
       featuredImageId,
       wasBlockJustInserted
     } = this.props;
@@ -480,6 +564,7 @@ class ImageEdit extends _element.Component {
       sizeSlug,
       className
     } = attributes;
+    const hasImageContext = context ? Object.keys(context).length > 0 : false;
     const imageSizes = Array.isArray(this.props.imageSizes) ? this.props.imageSizes : []; // Only map available image sizes for the user to choose.
 
     const sizeOptions = imageSizes.filter(({
@@ -529,9 +614,12 @@ class ImageEdit extends _element.Component {
       options: sizeOptions,
       onChange: this.onSizeChangeValue,
       value: selectedSizeOption
-    }), this.getAltTextSettings()), (0, _element.createElement)(_components.PanelBody, {
-      title: (0, _i18n.__)('Link Settings')
-    }, this.getLinkSettings(true)), (0, _element.createElement)(_components.PanelBody, {
+    }), this.getAltTextSettings()), (0, _element.createElement)(LinkSettings, {
+      attributes: this.props.attributes,
+      image: this.props.image,
+      isLinkSheetVisible: this.state.isLinkSheetVisible,
+      setMappedAttributes: this.setMappedAttributes
+    }), (0, _element.createElement)(_components.PanelBody, {
       title: (0, _i18n.__)('Featured Image'),
       titleStyle: _styles.default.featuredImagePanelTitle
     }, canImageBeFeatured && this.getFeaturedButtonPanel(isFeaturedImage), (0, _element.createElement)(_components.FooterMessageControl, {
@@ -558,6 +646,11 @@ class ImageEdit extends _element.Component {
       full: 'center',
       wide: 'center'
     };
+    const additionalImageProps = {
+      height: '100%',
+      resizeMode: context !== null && context !== void 0 && context.imageCrop ? 'cover' : 'contain'
+    };
+    const imageContainerStyles = [(context === null || context === void 0 ? void 0 : context.fixedHeight) && _styles.default.fixedHeight];
 
     const getImageComponent = (openMediaOptions, getMediaOptions) => (0, _element.createElement)(_components.Badge, {
       label: (0, _i18n.__)('Featured'),
@@ -581,7 +674,9 @@ class ImageEdit extends _element.Component {
         isUploadFailed,
         retryMessage
       }) => {
-        return (0, _element.createElement)(_components.Image, {
+        return (0, _element.createElement)(_reactNative.View, {
+          style: imageContainerStyles
+        }, (0, _element.createElement)(_components.Image, (0, _extends2.default)({
           align: align && alignToFlex[align],
           alt: alt,
           isSelected: isSelected && !isCaptionSelected,
@@ -591,9 +686,9 @@ class ImageEdit extends _element.Component {
           openMediaOptions: openMediaOptions,
           retryMessage: retryMessage,
           url: url,
-          shapeStyle: _styles.default[className],
+          shapeStyle: _styles.default[className] || className,
           width: this.getWidth()
-        });
+        }, hasImageContext ? additionalImageProps : {})));
       }
     }))), (0, _element.createElement)(_blockEditor.BlockCaption, {
       clientId: this.props.clientId,