@wordpress/block-library 6.0.2 → 6.0.3

package/build/heading/autogenerate-anchors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateAnchor = void 0;
+exports.setAnchor = exports.generateAnchor = void 0;
 
 var _lodash = require("lodash");
 
@@ -11,6 +11,12 @@ var _lodash = require("lodash");
  * External dependencies
  */
 
+/**
+ * Object map tracking anchors.
+ *
+ * @type {Record<string, string | null>}
+ */
+const anchors = {};
 /**
  * Returns the text without markup.
  *
@@ -18,6 +24,7 @@ var _lodash = require("lodash");
  *
  * @return {string} The text without markup.
  */
+
 const getTextWithoutMarkup = text => {
   const dummyElement = document.createElement('div');
   dummyElement.innerHTML = text;
@@ -39,15 +46,14 @@ const getSlug = content => {
 /**
  * Generate the anchor for a heading.
  *
- * @param {string}   clientId          The block ID.
- * @param {string}   content           The block content.
- * @param {string[]} allHeadingAnchors An array containing all headings anchors.
+ * @param {string} clientId The block ID.
+ * @param {string} content  The block content.
  *
  * @return {string|null} Return the heading anchor.
  */
 
 
-const generateAnchor = (clientId, content, allHeadingAnchors) => {
+const generateAnchor = (clientId, content) => {
   const slug = getSlug(content); // If slug is empty, then return null.
   // Returning null instead of an empty string allows us to check again when the content changes.
 
@@ -55,17 +61,30 @@ const generateAnchor = (clientId, content, allHeadingAnchors) => {
     return null;
   }
 
-  delete allHeadingAnchors[clientId];
+  delete anchors[clientId];
   let anchor = slug;
   let i = 0; // If the anchor already exists in another heading, append -i.
 
-  while (Object.values(allHeadingAnchors).includes(anchor)) {
+  while (Object.values(anchors).includes(anchor)) {
     i += 1;
     anchor = slug + '-' + i;
   }
 
   return anchor;
 };
+/**
+ * Set the anchor for a heading.
+ *
+ * @param {string}      clientId The block ID.
+ * @param {string|null} anchor   The block anchor.
+ */
+
 
 exports.generateAnchor = generateAnchor;
+
+const setAnchor = (clientId, anchor) => {
+  anchors[clientId] = anchor;
+};
+
+exports.setAnchor = setAnchor;
 //# sourceMappingURL=autogenerate-anchors.js.map

package/build/heading/autogenerate-anchors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/autogenerate-anchors.js"],"names":["getTextWithoutMarkup","text","dummyElement","document","createElement","innerHTML","innerText","getSlug","content","replace","toLowerCase","generateAnchor","clientId","allHeadingAnchors","slug","anchor","i","Object","values","includes"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,GAAKC,IAAF,IAAY;AACxC,QAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAT,CAAwB,KAAxB,CAArB;AACAF,EAAAA,YAAY,CAACG,SAAb,GAAyBJ,IAAzB;AACA,SAAOC,YAAY,CAACI,SAApB;AACA,CAJD;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,OAAO,GAAKC,OAAF,IAAe;AAC9B;AACA,SAAO,kBACN,oBAAQR,oBAAoB,CAAEQ,OAAF,CAA5B,EACEC,OADF,CACW,kBADX,EAC+B,GAD/B,EAEEC,WAFF,EADM,EAIN,GAJM,CAAP;AAMA,CARD;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMC,cAAc,GAAG,CAAEC,QAAF,EAAYJ,OAAZ,EAAqBK,iBAArB,KAA4C;AACzE,QAAMC,IAAI,GAAGP,OAAO,CAAEC,OAAF,CAApB,CADyE,CAEzE;AACA;;AACA,MAAK,OAAOM,IAAZ,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,SAAOD,iBAAiB,CAAED,QAAF,CAAxB;AAEA,MAAIG,MAAM,GAAGD,IAAb;AACA,MAAIE,CAAC,GAAG,CAAR,CAXyE,CAazE;;AACA,SAAQC,MAAM,CAACC,MAAP,CAAeL,iBAAf,EAAmCM,QAAnC,CAA6CJ,MAA7C,CAAR,EAAgE;AAC/DC,IAAAA,CAAC,IAAI,CAAL;AACAD,IAAAA,MAAM,GAAGD,IAAI,GAAG,GAAP,GAAaE,CAAtB;AACA;;AAED,SAAOD,MAAP;AACA,CApBM","sourcesContent":["/**\n * External dependencies\n */\nimport { deburr, trim } from 'lodash';\n\n/**\n * Returns the text without markup.\n *\n * @param {string} text The text.\n *\n * @return {string} The text without markup.\n */\nconst getTextWithoutMarkup = ( text ) => {\n\tconst dummyElement = document.createElement( 'div' );\n\tdummyElement.innerHTML = text;\n\treturn dummyElement.innerText;\n};\n\n/**\n * Get the slug from the content.\n *\n * @param {string} content The block content.\n *\n * @return {string} Returns the slug.\n */\nconst getSlug = ( content ) => {\n\t// Get the slug.\n\treturn trim(\n\t\tdeburr( getTextWithoutMarkup( content ) )\n\t\t\t.replace( /[^\\p{L}\\p{N}]+/gu, '-' )\n\t\t\t.toLowerCase(),\n\t\t'-'\n\t);\n};\n\n/**\n * Generate the anchor for a heading.\n *\n * @param {string}   clientId          The block ID.\n * @param {string}   content           The block content.\n * @param {string[]} allHeadingAnchors An array containing all headings anchors.\n *\n * @return {string|null} Return the heading anchor.\n */\nexport const generateAnchor = ( clientId, content, allHeadingAnchors ) => {\n\tconst slug = getSlug( content );\n\t// If slug is empty, then return null.\n\t// Returning null instead of an empty string allows us to check again when the content changes.\n\tif ( '' === slug ) {\n\t\treturn null;\n\t}\n\n\tdelete allHeadingAnchors[ clientId ];\n\n\tlet anchor = slug;\n\tlet i = 0;\n\n\t// If the anchor already exists in another heading, append -i.\n\twhile ( Object.values( allHeadingAnchors ).includes( anchor ) ) {\n\t\ti += 1;\n\t\tanchor = slug + '-' + i;\n\t}\n\n\treturn anchor;\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/heading/autogenerate-anchors.js"],"names":["anchors","getTextWithoutMarkup","text","dummyElement","document","createElement","innerHTML","innerText","getSlug","content","replace","toLowerCase","generateAnchor","clientId","slug","anchor","i","Object","values","includes","setAnchor"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA,MAAMA,OAAO,GAAG,EAAhB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,oBAAoB,GAAKC,IAAF,IAAY;AACxC,QAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAT,CAAwB,KAAxB,CAArB;AACAF,EAAAA,YAAY,CAACG,SAAb,GAAyBJ,IAAzB;AACA,SAAOC,YAAY,CAACI,SAApB;AACA,CAJD;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,OAAO,GAAKC,OAAF,IAAe;AAC9B;AACA,SAAO,kBACN,oBAAQR,oBAAoB,CAAEQ,OAAF,CAA5B,EACEC,OADF,CACW,kBADX,EAC+B,GAD/B,EAEEC,WAFF,EADM,EAIN,GAJM,CAAP;AAMA,CARD;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMC,cAAc,GAAG,CAAEC,QAAF,EAAYJ,OAAZ,KAAyB;AACtD,QAAMK,IAAI,GAAGN,OAAO,CAAEC,OAAF,CAApB,CADsD,CAEtD;AACA;;AACA,MAAK,OAAOK,IAAZ,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,SAAOd,OAAO,CAAEa,QAAF,CAAd;AAEA,MAAIE,MAAM,GAAGD,IAAb;AACA,MAAIE,CAAC,GAAG,CAAR,CAXsD,CAatD;;AACA,SAAQC,MAAM,CAACC,MAAP,CAAelB,OAAf,EAAyBmB,QAAzB,CAAmCJ,MAAnC,CAAR,EAAsD;AACrDC,IAAAA,CAAC,IAAI,CAAL;AACAD,IAAAA,MAAM,GAAGD,IAAI,GAAG,GAAP,GAAaE,CAAtB;AACA;;AAED,SAAOD,MAAP;AACA,CApBM;AAsBP;AACA;AACA;AACA;AACA;AACA;;;;;AACO,MAAMK,SAAS,GAAG,CAAEP,QAAF,EAAYE,MAAZ,KAAwB;AAChDf,EAAAA,OAAO,CAAEa,QAAF,CAAP,GAAsBE,MAAtB;AACA,CAFM","sourcesContent":["/**\n * External dependencies\n */\nimport { deburr, trim } from 'lodash';\n\n/**\n * Object map tracking anchors.\n *\n * @type {Record<string, string | null>}\n */\nconst anchors = {};\n\n/**\n * Returns the text without markup.\n *\n * @param {string} text The text.\n *\n * @return {string} The text without markup.\n */\nconst getTextWithoutMarkup = ( text ) => {\n\tconst dummyElement = document.createElement( 'div' );\n\tdummyElement.innerHTML = text;\n\treturn dummyElement.innerText;\n};\n\n/**\n * Get the slug from the content.\n *\n * @param {string} content The block content.\n *\n * @return {string} Returns the slug.\n */\nconst getSlug = ( content ) => {\n\t// Get the slug.\n\treturn trim(\n\t\tdeburr( getTextWithoutMarkup( content ) )\n\t\t\t.replace( /[^\\p{L}\\p{N}]+/gu, '-' )\n\t\t\t.toLowerCase(),\n\t\t'-'\n\t);\n};\n\n/**\n * Generate the anchor for a heading.\n *\n * @param {string} clientId The block ID.\n * @param {string} content  The block content.\n *\n * @return {string|null} Return the heading anchor.\n */\nexport const generateAnchor = ( clientId, content ) => {\n\tconst slug = getSlug( content );\n\t// If slug is empty, then return null.\n\t// Returning null instead of an empty string allows us to check again when the content changes.\n\tif ( '' === slug ) {\n\t\treturn null;\n\t}\n\n\tdelete anchors[ clientId ];\n\n\tlet anchor = slug;\n\tlet i = 0;\n\n\t// If the anchor already exists in another heading, append -i.\n\twhile ( Object.values( anchors ).includes( anchor ) ) {\n\t\ti += 1;\n\t\tanchor = slug + '-' + i;\n\t}\n\n\treturn anchor;\n};\n\n/**\n * Set the anchor for a heading.\n *\n * @param {string}      clientId The block ID.\n * @param {string|null} anchor   The block anchor.\n */\nexport const setAnchor = ( clientId, anchor ) => {\n\tanchors[ clientId ] = anchor;\n};\n"]}

package/build/heading/edit.js

@@ -36,8 +36,6 @@ var _autogenerateAnchors = require("./autogenerate-anchors");
 /**
  * Internal dependencies
  */
-const allHeadingAnchors = {};
-
 function HeadingEdit({
   attributes,
   setAttributes,
@@ -71,14 +69,13 @@ function HeadingEdit({
       __unstableMarkNextChangeAsNotPersistent();
 
       setAttributes({
-        anchor: (0, _autogenerateAnchors.generateAnchor)(clientId, content, allHeadingAnchors)
+        anchor: (0, _autogenerateAnchors.generateAnchor)(clientId, content)
       });
     }
 
-    allHeadingAnchors[clientId] = anchor;
-    return () => {
-      delete allHeadingAnchors[clientId];
-    };
+    (0, _autogenerateAnchors.setAnchor)(clientId, anchor); // Remove anchor map when block unmounts.
+
+    return () => (0, _autogenerateAnchors.setAnchor)(clientId, null);
   }, [content, anchor]);
 
   const onContentChange = value => {
@@ -86,8 +83,8 @@ function HeadingEdit({
       content: value
     };
 
-    if (!anchor || !value || (0, _autogenerateAnchors.generateAnchor)(clientId, content, allHeadingAnchors) === anchor) {
-      newAttrs.anchor = (0, _autogenerateAnchors.generateAnchor)(clientId, value, allHeadingAnchors);
+    if (!anchor || !value || (0, _autogenerateAnchors.generateAnchor)(clientId, content) === anchor) {
+      newAttrs.anchor = (0, _autogenerateAnchors.generateAnchor)(clientId, value);
     }
 
     setAttributes(newAttrs);
@@ -121,7 +118,9 @@ function HeadingEdit({
           content: value
         });
       } else {
-        block = (0, _blocks.createBlock)('core/paragraph');
+        var _getDefaultBlockName;
+
+        block = (0, _blocks.createBlock)((_getDefaultBlockName = (0, _blocks.getDefaultBlockName)()) !== null && _getDefaultBlockName !== void 0 ? _getDefaultBlockName : 'core/heading');
       }
 
       if (isOriginal) {

package/build/heading/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/edit.js"],"names":["allHeadingAnchors","HeadingEdit","attributes","setAttributes","mergeBlocks","onReplace","style","clientId","textAlign","content","level","placeholder","anchor","tagName","blockProps","className","__unstableMarkNextChangeAsNotPersistent","blockEditorStore","onContentChange","value","newAttrs","newLevel","nextAlign","isOriginal","block"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport HeadingLevelDropdown from './heading-level-dropdown';\nimport { generateAnchor } from './autogenerate-anchors';\n\nconst allHeadingAnchors = {};\n\nfunction HeadingEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonReplace,\n\tstyle,\n\tclientId,\n} ) {\n\tconst { textAlign, content, level, placeholder, anchor } = attributes;\n\tconst tagName = 'h' + level;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\tstyle,\n\t} );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } = useDispatch(\n\t\tblockEditorStore\n\t);\n\n\t// Initially set anchor for headings that have content but no anchor set.\n\t// This is used when transforming a block to heading, or for legacy anchors.\n\tuseEffect( () => {\n\t\tif ( ! anchor && content ) {\n\t\t\t// This side-effect should not create an undo level.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( {\n\t\t\t\tanchor: generateAnchor( clientId, content, allHeadingAnchors ),\n\t\t\t} );\n\t\t}\n\n\t\tallHeadingAnchors[ clientId ] = anchor;\n\t\treturn () => {\n\t\t\tdelete allHeadingAnchors[ clientId ];\n\t\t};\n\t}, [ content, anchor ] );\n\n\tconst onContentChange = ( value ) => {\n\t\tconst newAttrs = { content: value };\n\t\tif (\n\t\t\t! anchor ||\n\t\t\t! value ||\n\t\t\tgenerateAnchor( clientId, content, allHeadingAnchors ) === anchor\n\t\t) {\n\t\t\tnewAttrs.anchor = generateAnchor(\n\t\t\t\tclientId,\n\t\t\t\tvalue,\n\t\t\t\tallHeadingAnchors\n\t\t\t);\n\t\t}\n\t\tsetAttributes( newAttrs );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<HeadingLevelDropdown\n\t\t\t\t\tselectedLevel={ level }\n\t\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<RichText\n\t\t\t\tidentifier=\"content\"\n\t\t\t\ttagName={ tagName }\n\t\t\t\tvalue={ content }\n\t\t\t\tonChange={ onContentChange }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tonSplit={ ( value, isOriginal ) => {\n\t\t\t\t\tlet block;\n\n\t\t\t\t\tif ( isOriginal || value ) {\n\t\t\t\t\t\tblock = createBlock( 'core/heading', {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tblock = createBlock( 'core/paragraph' );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( isOriginal ) {\n\t\t\t\t\t\tblock.clientId = clientId;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn block;\n\t\t\t\t} }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonRemove={ () => onReplace( [] ) }\n\t\t\t\taria-label={ __( 'Heading text' ) }\n\t\t\t\tplaceholder={ placeholder || __( 'Heading' ) }\n\t\t\t\ttextAlign={ textAlign }\n\t\t\t\t{ ...blockProps }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default HeadingEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/heading/edit.js"],"names":["HeadingEdit","attributes","setAttributes","mergeBlocks","onReplace","style","clientId","textAlign","content","level","placeholder","anchor","tagName","blockProps","className","__unstableMarkNextChangeAsNotPersistent","blockEditorStore","onContentChange","value","newAttrs","newLevel","nextAlign","isOriginal","block"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport HeadingLevelDropdown from './heading-level-dropdown';\nimport { generateAnchor, setAnchor } from './autogenerate-anchors';\n\nfunction HeadingEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonReplace,\n\tstyle,\n\tclientId,\n} ) {\n\tconst { textAlign, content, level, placeholder, anchor } = attributes;\n\tconst tagName = 'h' + level;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\tstyle,\n\t} );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } = useDispatch(\n\t\tblockEditorStore\n\t);\n\n\t// Initially set anchor for headings that have content but no anchor set.\n\t// This is used when transforming a block to heading, or for legacy anchors.\n\tuseEffect( () => {\n\t\tif ( ! anchor && content ) {\n\t\t\t// This side-effect should not create an undo level.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( {\n\t\t\t\tanchor: generateAnchor( clientId, content ),\n\t\t\t} );\n\t\t}\n\t\tsetAnchor( clientId, anchor );\n\n\t\t// Remove anchor map when block unmounts.\n\t\treturn () => setAnchor( clientId, null );\n\t}, [ content, anchor ] );\n\n\tconst onContentChange = ( value ) => {\n\t\tconst newAttrs = { content: value };\n\t\tif (\n\t\t\t! anchor ||\n\t\t\t! value ||\n\t\t\tgenerateAnchor( clientId, content ) === anchor\n\t\t) {\n\t\t\tnewAttrs.anchor = generateAnchor( clientId, value );\n\t\t}\n\t\tsetAttributes( newAttrs );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<HeadingLevelDropdown\n\t\t\t\t\tselectedLevel={ level }\n\t\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<RichText\n\t\t\t\tidentifier=\"content\"\n\t\t\t\ttagName={ tagName }\n\t\t\t\tvalue={ content }\n\t\t\t\tonChange={ onContentChange }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tonSplit={ ( value, isOriginal ) => {\n\t\t\t\t\tlet block;\n\n\t\t\t\t\tif ( isOriginal || value ) {\n\t\t\t\t\t\tblock = createBlock( 'core/heading', {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tblock = createBlock(\n\t\t\t\t\t\t\tgetDefaultBlockName() ?? 'core/heading'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( isOriginal ) {\n\t\t\t\t\t\tblock.clientId = clientId;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn block;\n\t\t\t\t} }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonRemove={ () => onReplace( [] ) }\n\t\t\t\taria-label={ __( 'Heading text' ) }\n\t\t\t\tplaceholder={ placeholder || __( 'Heading' ) }\n\t\t\t\ttextAlign={ textAlign }\n\t\t\t\t{ ...blockProps }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default HeadingEdit;\n"]}

package/build/heading/index.js

@@ -72,7 +72,15 @@ const metadata = {
     typography: {
       fontSize: true,
       lineHeight: true,
-      __experimentalFontWeight: true
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true,
+        fontAppearance: true,
+        textTransform: true
+      }
     },
     __experimentalSelector: "h1,h2,h3,h4,h5,h6",
     __unstablePasteTextInline: true,

package/build/heading/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/index.js"],"names":["name","metadata","settings","icon","example","attributes","content","level","__experimentalLabel","context","transforms","deprecated","merge","attributesToMerge","edit","save"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,cAAI,gBAAJ,CADE;AAEXC,MAAAA,KAAK,EAAE;AAFI;AADJ,GAFc;;AAQvBC,EAAAA,mBAAmB,CAAEH,UAAF,EAAc;AAAEI,IAAAA;AAAF,GAAd,EAA4B;AAC9C,QAAKA,OAAO,KAAK,eAAjB,EAAmC;AAClC,YAAM;AAAEH,QAAAA,OAAF;AAAWC,QAAAA;AAAX,UAAqBF,UAA3B;AAEA,aAAO,qBAASC,OAAT,IACJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAC,KAHA,CADI,GAMJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAA,KAHA,EAIAD,OAJA,CANH;AAYA;AACD,GAzBsB;;AA0BvBI,EAAAA,UAAU,EAAVA,mBA1BuB;AA2BvBC,EAAAA,UAAU,EAAVA,mBA3BuB;;AA4BvBC,EAAAA,KAAK,CAAEP,UAAF,EAAcQ,iBAAd,EAAkC;AACtC,WAAO;AACNP,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEO,iBAAiB,CAACP,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GAlCsB;;AAmCvBQ,EAAAA,IAAI,EAAJA,aAnCuB;AAoCvBC,EAAAA,IAAI,EAAJA;AApCuB,CAAjB","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { heading as icon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcontent: __( 'Code is Poetry' ),\n\t\t\tlevel: 2,\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tif ( context === 'accessibility' ) {\n\t\t\tconst { content, level } = attributes;\n\n\t\t\treturn isEmpty( content )\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. %s: heading level. */\n\t\t\t\t\t\t__( 'Level %s. Empty.' ),\n\t\t\t\t\t\tlevel\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. 1: heading level. 2: heading content. */\n\t\t\t\t\t\t__( 'Level %1$s. %2$s' ),\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tcontent\n\t\t\t\t  );\n\t\t}\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent:\n\t\t\t\t( attributes.content || '' ) +\n\t\t\t\t( attributesToMerge.content || '' ),\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/heading/index.js"],"names":["name","metadata","settings","icon","example","attributes","content","level","__experimentalLabel","context","transforms","deprecated","merge","attributesToMerge","edit","save"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,cAAI,gBAAJ,CADE;AAEXC,MAAAA,KAAK,EAAE;AAFI;AADJ,GAFc;;AAQvBC,EAAAA,mBAAmB,CAAEH,UAAF,EAAc;AAAEI,IAAAA;AAAF,GAAd,EAA4B;AAC9C,QAAKA,OAAO,KAAK,eAAjB,EAAmC;AAClC,YAAM;AAAEH,QAAAA,OAAF;AAAWC,QAAAA;AAAX,UAAqBF,UAA3B;AAEA,aAAO,qBAASC,OAAT,IACJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAC,KAHA,CADI,GAMJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAA,KAHA,EAIAD,OAJA,CANH;AAYA;AACD,GAzBsB;;AA0BvBI,EAAAA,UAAU,EAAVA,mBA1BuB;AA2BvBC,EAAAA,UAAU,EAAVA,mBA3BuB;;AA4BvBC,EAAAA,KAAK,CAAEP,UAAF,EAAcQ,iBAAd,EAAkC;AACtC,WAAO;AACNP,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEO,iBAAiB,CAACP,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GAlCsB;;AAmCvBQ,EAAAA,IAAI,EAAJA,aAnCuB;AAoCvBC,EAAAA,IAAI,EAAJA;AApCuB,CAAjB","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { heading as icon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcontent: __( 'Code is Poetry' ),\n\t\t\tlevel: 2,\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tif ( context === 'accessibility' ) {\n\t\t\tconst { content, level } = attributes;\n\n\t\t\treturn isEmpty( content )\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. %s: heading level. */\n\t\t\t\t\t\t__( 'Level %s. Empty.' ),\n\t\t\t\t\t\tlevel\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. 1: heading level. 2: heading content. */\n\t\t\t\t\t\t__( 'Level %1$s. %2$s' ),\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tcontent\n\t\t\t\t  );\n\t\t}\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent:\n\t\t\t\t( attributes.content || '' ) +\n\t\t\t\t( attributesToMerge.content || '' ),\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n"]}

package/build/heading/transforms.js

@@ -58,7 +58,15 @@ const {
     typography: {
       fontSize: true,
       lineHeight: true,
-      __experimentalFontWeight: true
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true,
+        fontAppearance: true,
+        textTransform: true
+      }
     },
     __experimentalSelector: "h1,h2,h3,h4,h5,h6",
     __unstablePasteTextInline: true,

package/build/heading/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/transforms.js"],"names":["transforms","from","type","isMultiBlock","blocks","transform","attributes","map","content","anchor","name","selector","schema","phrasingContentSchema","isPaste","children","h1","h2","h3","h4","h5","h6","node","outerHTML","textAlign","style","level","nodeName","align","prefix","Array","join","regExp","RegExp","to"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, getBlockAttributes } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { getLevelFromHeadingNodeName } from './shared';\nimport { name } from './block.json';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( attributes ) =>\n\t\t\t\tattributes.map( ( { content, anchor } ) =>\n\t\t\t\t\tcreateBlock( name, {\n\t\t\t\t\t\tcontent,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tselector: 'h1,h2,h3,h4,h5,h6',\n\t\t\tschema: ( { phrasingContentSchema, isPaste } ) => {\n\t\t\t\tconst schema = {\n\t\t\t\t\tchildren: phrasingContentSchema,\n\t\t\t\t\tattributes: isPaste ? [] : [ 'style', 'id' ],\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\th1: schema,\n\t\t\t\t\th2: schema,\n\t\t\t\t\th3: schema,\n\t\t\t\t\th4: schema,\n\t\t\t\t\th5: schema,\n\t\t\t\t\th6: schema,\n\t\t\t\t};\n\t\t\t},\n\t\t\ttransform( node ) {\n\t\t\t\tconst attributes = getBlockAttributes( name, node.outerHTML );\n\t\t\t\tconst { textAlign } = node.style || {};\n\n\t\t\t\tattributes.level = getLevelFromHeadingNodeName( node.nodeName );\n\n\t\t\t\tif (\n\t\t\t\t\ttextAlign === 'left' ||\n\t\t\t\t\ttextAlign === 'center' ||\n\t\t\t\t\ttextAlign === 'right'\n\t\t\t\t) {\n\t\t\t\t\tattributes.align = textAlign;\n\t\t\t\t}\n\n\t\t\t\treturn createBlock( name, attributes );\n\t\t\t},\n\t\t},\n\t\t...[ 1, 2, 3, 4, 5, 6 ].map( ( level ) => ( {\n\t\t\ttype: 'prefix',\n\t\t\tprefix: Array( level + 1 ).join( '#' ),\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock( name, {\n\t\t\t\t\tlevel,\n\t\t\t\t\tcontent,\n\t\t\t\t} );\n\t\t\t},\n\t\t} ) ),\n\t\t...[ 1, 2, 3, 4, 5, 6 ].map( ( level ) => ( {\n\t\t\ttype: 'enter',\n\t\t\tregExp: new RegExp( `^/(h|H)${ level }$` ),\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock( name, {\n\t\t\t\t\tlevel,\n\t\t\t\t\tcontent,\n\t\t\t\t} );\n\t\t\t},\n\t\t} ) ),\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( attributes ) =>\n\t\t\t\tattributes.map( ( { content, anchor } ) =>\n\t\t\t\t\tcreateBlock( 'core/paragraph', {\n\t\t\t\t\t\tcontent,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/heading/transforms.js"],"names":["transforms","from","type","isMultiBlock","blocks","transform","attributes","map","content","anchor","name","selector","schema","phrasingContentSchema","isPaste","children","h1","h2","h3","h4","h5","h6","node","outerHTML","textAlign","style","level","nodeName","align","prefix","Array","join","regExp","RegExp","to"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,YAAY,EAAE,IAFf;AAGCC,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAHT;AAICC,IAAAA,SAAS,EAAIC,UAAF,IACVA,UAAU,CAACC,GAAX,CAAgB,CAAE;AAAEC,MAAAA,OAAF;AAAWC,MAAAA;AAAX,KAAF,KACf,yBAAaC,IAAb,EAAmB;AAClBF,MAAAA,OADkB;AAElBC,MAAAA;AAFkB,KAAnB,CADD;AALF,GADK,EAaL;AACCP,IAAAA,IAAI,EAAE,KADP;AAECS,IAAAA,QAAQ,EAAE,mBAFX;AAGCC,IAAAA,MAAM,EAAE,CAAE;AAAEC,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,KAAF,KAA0C;AACjD,YAAMF,MAAM,GAAG;AACdG,QAAAA,QAAQ,EAAEF,qBADI;AAEdP,QAAAA,UAAU,EAAEQ,OAAO,GAAG,EAAH,GAAQ,CAAE,OAAF,EAAW,IAAX;AAFb,OAAf;AAIA,aAAO;AACNE,QAAAA,EAAE,EAAEJ,MADE;AAENK,QAAAA,EAAE,EAAEL,MAFE;AAGNM,QAAAA,EAAE,EAAEN,MAHE;AAINO,QAAAA,EAAE,EAAEP,MAJE;AAKNQ,QAAAA,EAAE,EAAER,MALE;AAMNS,QAAAA,EAAE,EAAET;AANE,OAAP;AAQA,KAhBF;;AAiBCP,IAAAA,SAAS,CAAEiB,IAAF,EAAS;AACjB,YAAMhB,UAAU,GAAG,gCAAoBI,IAApB,EAA0BY,IAAI,CAACC,SAA/B,CAAnB;AACA,YAAM;AAAEC,QAAAA;AAAF,UAAgBF,IAAI,CAACG,KAAL,IAAc,EAApC;AAEAnB,MAAAA,UAAU,CAACoB,KAAX,GAAmB,yCAA6BJ,IAAI,CAACK,QAAlC,CAAnB;;AAEA,UACCH,SAAS,KAAK,MAAd,IACAA,SAAS,KAAK,QADd,IAEAA,SAAS,KAAK,OAHf,EAIE;AACDlB,QAAAA,UAAU,CAACsB,KAAX,GAAmBJ,SAAnB;AACA;;AAED,aAAO,yBAAad,IAAb,EAAmBJ,UAAnB,CAAP;AACA;;AAhCF,GAbK,EA+CL,GAAG,CAAE,CAAF,EAAK,CAAL,EAAQ,CAAR,EAAW,CAAX,EAAc,CAAd,EAAiB,CAAjB,EAAqBC,GAArB,CAA4BmB,KAAF,KAAe;AAC3CxB,IAAAA,IAAI,EAAE,QADqC;AAE3C2B,IAAAA,MAAM,EAAEC,KAAK,CAAEJ,KAAK,GAAG,CAAV,CAAL,CAAmBK,IAAnB,CAAyB,GAAzB,CAFmC;;AAG3C1B,IAAAA,SAAS,CAAEG,OAAF,EAAY;AACpB,aAAO,yBAAaE,IAAb,EAAmB;AACzBgB,QAAAA,KADyB;AAEzBlB,QAAAA;AAFyB,OAAnB,CAAP;AAIA;;AAR0C,GAAf,CAA1B,CA/CE,EAyDL,GAAG,CAAE,CAAF,EAAK,CAAL,EAAQ,CAAR,EAAW,CAAX,EAAc,CAAd,EAAiB,CAAjB,EAAqBD,GAArB,CAA4BmB,KAAF,KAAe;AAC3CxB,IAAAA,IAAI,EAAE,OADqC;AAE3C8B,IAAAA,MAAM,EAAE,IAAIC,MAAJ,CAAa,UAAUP,KAAO,GAA9B,CAFmC;;AAG3CrB,IAAAA,SAAS,CAAEG,OAAF,EAAY;AACpB,aAAO,yBAAaE,IAAb,EAAmB;AACzBgB,QAAAA,KADyB;AAEzBlB,QAAAA;AAFyB,OAAnB,CAAP;AAIA;;AAR0C,GAAf,CAA1B,CAzDE,CADY;AAqElB0B,EAAAA,EAAE,EAAE,CACH;AACChC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,YAAY,EAAE,IAFf;AAGCC,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAHT;AAICC,IAAAA,SAAS,EAAIC,UAAF,IACVA,UAAU,CAACC,GAAX,CAAgB,CAAE;AAAEC,MAAAA,OAAF;AAAWC,MAAAA;AAAX,KAAF,KACf,yBAAa,gBAAb,EAA+B;AAC9BD,MAAAA,OAD8B;AAE9BC,MAAAA;AAF8B,KAA/B,CADD;AALF,GADG;AArEc,CAAnB;eAqFeT,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, getBlockAttributes } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { getLevelFromHeadingNodeName } from './shared';\nimport { name } from './block.json';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( attributes ) =>\n\t\t\t\tattributes.map( ( { content, anchor } ) =>\n\t\t\t\t\tcreateBlock( name, {\n\t\t\t\t\t\tcontent,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tselector: 'h1,h2,h3,h4,h5,h6',\n\t\t\tschema: ( { phrasingContentSchema, isPaste } ) => {\n\t\t\t\tconst schema = {\n\t\t\t\t\tchildren: phrasingContentSchema,\n\t\t\t\t\tattributes: isPaste ? [] : [ 'style', 'id' ],\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\th1: schema,\n\t\t\t\t\th2: schema,\n\t\t\t\t\th3: schema,\n\t\t\t\t\th4: schema,\n\t\t\t\t\th5: schema,\n\t\t\t\t\th6: schema,\n\t\t\t\t};\n\t\t\t},\n\t\t\ttransform( node ) {\n\t\t\t\tconst attributes = getBlockAttributes( name, node.outerHTML );\n\t\t\t\tconst { textAlign } = node.style || {};\n\n\t\t\t\tattributes.level = getLevelFromHeadingNodeName( node.nodeName );\n\n\t\t\t\tif (\n\t\t\t\t\ttextAlign === 'left' ||\n\t\t\t\t\ttextAlign === 'center' ||\n\t\t\t\t\ttextAlign === 'right'\n\t\t\t\t) {\n\t\t\t\t\tattributes.align = textAlign;\n\t\t\t\t}\n\n\t\t\t\treturn createBlock( name, attributes );\n\t\t\t},\n\t\t},\n\t\t...[ 1, 2, 3, 4, 5, 6 ].map( ( level ) => ( {\n\t\t\ttype: 'prefix',\n\t\t\tprefix: Array( level + 1 ).join( '#' ),\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock( name, {\n\t\t\t\t\tlevel,\n\t\t\t\t\tcontent,\n\t\t\t\t} );\n\t\t\t},\n\t\t} ) ),\n\t\t...[ 1, 2, 3, 4, 5, 6 ].map( ( level ) => ( {\n\t\t\ttype: 'enter',\n\t\t\tregExp: new RegExp( `^/(h|H)${ level }$` ),\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock( name, {\n\t\t\t\t\tlevel,\n\t\t\t\t\tcontent,\n\t\t\t\t} );\n\t\t\t},\n\t\t} ) ),\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( attributes ) =>\n\t\t\t\tattributes.map( ( { content, anchor } ) =>\n\t\t\t\t\tcreateBlock( 'core/paragraph', {\n\t\t\t\t\t\tcontent,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t},\n\t],\n};\n\nexport default transforms;\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._x)('None', 'Link rel attribute value placeholder')
-      }
-    };
   }
 
   componentDidMount() {
@@ -265,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);
@@ -374,44 +459,22 @@ class ImageEdit extends _element.Component {
 
   setMappedAttributes({
     url: href,
+    linkDestination,
     ...restAttributes
   }) {
     const {
       setAttributes
     } = this.props;
-    return href === undefined ? setAttributes({ ...restAttributes,
-      linkDestination: _constants.LINK_DESTINATION_CUSTOM
-    }) : setAttributes({ ...restAttributes,
-      href,
-      linkDestination: _constants.LINK_DESTINATION_CUSTOM
-    });
-  }
 
-  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
     });
   }
 
@@ -551,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, {
@@ -584,7 +650,7 @@ class ImageEdit extends _element.Component {
       height: '100%',
       resizeMode: context !== null && context !== void 0 && context.imageCrop ? 'cover' : 'contain'
     };
-    const imageContainerStyles = [hasImageContext && _styles.default.fixedHeight];
+    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'),