@wordpress/block-library 6.0.1 → 6.0.5

package/build-module/group/variations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/group/variations.js"],"names":["__","variations","name","title","description","attributes","layout","type","scope","isActive","blockAttributes"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,WADP;AAECC,EAAAA,KAAK,EAAEH,EAAE,CAAE,KAAF,CAFV;AAGCI,EAAAA,WAAW,EAAEJ,EAAE,CAAE,wBAAF,CAHhB;AAICK,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AAAV,GAJb;AAKCC,EAAAA,KAAK,EAAE,CAAE,UAAF,CALR;AAMCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,0BAAAA,eAAe,CAACJ,MAAhB,gFAAwBC,IAAxB,MAAiC,MADxB;AAAA;AANX,CADkB,CAAnB;AAYA,eAAeN,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'group-row',\n\t\ttitle: __( 'Row' ),\n\t\tdescription: __( 'Blocks shown in a row.' ),\n\t\tattributes: { layout: { type: 'flex' } },\n\t\tscope: [ 'inserter' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\tblockAttributes.layout?.type === 'flex',\n\t},\n];\n\nexport default variations;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/group/variations.js"],"names":["__","variations","name","title","description","attributes","layout","type","allowOrientation","scope","isActive","blockAttributes"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,WADP;AAECC,EAAAA,KAAK,EAAEH,EAAE,CAAE,KAAF,CAFV;AAGCI,EAAAA,WAAW,EAAEJ,EAAE,CAAE,wBAAF,CAHhB;AAICK,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,gBAAgB,EAAE;AAAlC;AAAV,GAJb;AAKCC,EAAAA,KAAK,EAAE,CAAE,UAAF,CALR;AAMCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,0BAAAA,eAAe,CAACL,MAAhB,gFAAwBC,IAAxB,MAAiC,MADxB;AAAA;AANX,CADkB,CAAnB;AAYA,eAAeN,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'group-row',\n\t\ttitle: __( 'Row' ),\n\t\tdescription: __( 'Blocks shown in a row.' ),\n\t\tattributes: { layout: { type: 'flex', allowOrientation: false } },\n\t\tscope: [ 'inserter' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\tblockAttributes.layout?.type === 'flex',\n\t},\n];\n\nexport default variations;\n"]}

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

@@ -0,0 +1,77 @@
+/**
+ * External dependencies
+ */
+import { deburr, trim } from 'lodash';
+/**
+ * Object map tracking anchors.
+ *
+ * @type {Record<string, string | null>}
+ */
+
+const anchors = {};
+/**
+ * Returns the text without markup.
+ *
+ * @param {string} text The text.
+ *
+ * @return {string} The text without markup.
+ */
+
+const getTextWithoutMarkup = text => {
+  const dummyElement = document.createElement('div');
+  dummyElement.innerHTML = text;
+  return dummyElement.innerText;
+};
+/**
+ * Get the slug from the content.
+ *
+ * @param {string} content The block content.
+ *
+ * @return {string} Returns the slug.
+ */
+
+
+const getSlug = content => {
+  // Get the slug.
+  return trim(deburr(getTextWithoutMarkup(content)).replace(/[^\p{L}\p{N}]+/gu, '-').toLowerCase(), '-');
+};
+/**
+ * Generate the anchor for a heading.
+ *
+ * @param {string} clientId The block ID.
+ * @param {string} content  The block content.
+ *
+ * @return {string|null} Return the heading anchor.
+ */
+
+
+export 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.
+
+  if ('' === slug) {
+    return null;
+  }
+
+  delete anchors[clientId];
+  let anchor = slug;
+  let i = 0; // If the anchor already exists in another heading, append -i.
+
+  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.
+ */
+
+export const setAnchor = (clientId, anchor) => {
+  anchors[clientId] = anchor;
+};
+//# sourceMappingURL=autogenerate-anchors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/heading/autogenerate-anchors.js"],"names":["deburr","trim","anchors","getTextWithoutMarkup","text","dummyElement","document","createElement","innerHTML","innerText","getSlug","content","replace","toLowerCase","generateAnchor","clientId","slug","anchor","i","Object","values","includes","setAnchor"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,IAAjB,QAA6B,QAA7B;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,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,SAAOV,IAAI,CACVD,MAAM,CAAEG,oBAAoB,CAAEQ,OAAF,CAAtB,CAAN,CACEC,OADF,CACW,kBADX,EAC+B,GAD/B,EAEEC,WAFF,EADU,EAIV,GAJU,CAAX;AAMA,CARD;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,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;;AACA,OAAO,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-module/heading/edit.js

@@ -10,13 +10,16 @@ import classnames from 'classnames';
  */
 
 import { __ } from '@wordpress/i18n';
-import { createBlock } from '@wordpress/blocks';
-import { AlignmentControl, BlockControls, RichText, useBlockProps } from '@wordpress/block-editor';
+import { useEffect } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
+import { AlignmentControl, BlockControls, RichText, useBlockProps, store as blockEditorStore } from '@wordpress/block-editor';
 /**
  * Internal dependencies
  */
 
 import HeadingLevelDropdown from './heading-level-dropdown';
+import { generateAnchor, setAnchor } from './autogenerate-anchors';
 
 function HeadingEdit({
   attributes,
@@ -30,7 +33,8 @@ function HeadingEdit({
     textAlign,
     content,
     level,
-    placeholder
+    placeholder,
+    anchor
   } = attributes;
   const tagName = 'h' + level;
   const blockProps = useBlockProps({
@@ -39,6 +43,38 @@ function HeadingEdit({
     }),
     style
   });
+  const {
+    __unstableMarkNextChangeAsNotPersistent
+  } = useDispatch(blockEditorStore); // Initially set anchor for headings that have content but no anchor set.
+  // This is used when transforming a block to heading, or for legacy anchors.
+
+  useEffect(() => {
+    if (!anchor && content) {
+      // This side-effect should not create an undo level.
+      __unstableMarkNextChangeAsNotPersistent();
+
+      setAttributes({
+        anchor: generateAnchor(clientId, content)
+      });
+    }
+
+    setAnchor(clientId, anchor); // Remove anchor map when block unmounts.
+
+    return () => setAnchor(clientId, null);
+  }, [content, anchor]);
+
+  const onContentChange = value => {
+    const newAttrs = {
+      content: value
+    };
+
+    if (!anchor || !value || generateAnchor(clientId, content) === anchor) {
+      newAttrs.anchor = generateAnchor(clientId, value);
+    }
+
+    setAttributes(newAttrs);
+  };
+
   return createElement(Fragment, null, createElement(BlockControls, {
     group: "block"
   }, createElement(HeadingLevelDropdown, {
@@ -57,9 +93,7 @@ function HeadingEdit({
     identifier: "content",
     tagName: tagName,
     value: content,
-    onChange: value => setAttributes({
-      content: value
-    }),
+    onChange: onContentChange,
     onMerge: mergeBlocks,
     onSplit: (value, isOriginal) => {
       let block;
@@ -69,7 +103,9 @@ function HeadingEdit({
           content: value
         });
       } else {
-        block = createBlock('core/paragraph');
+        var _getDefaultBlockName;
+
+        block = createBlock((_getDefaultBlockName = getDefaultBlockName()) !== null && _getDefaultBlockName !== void 0 ? _getDefaultBlockName : 'core/heading');
       }
 
       if (isOriginal) {

package/build-module/heading/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/edit.js"],"names":["classnames","__","createBlock","AlignmentControl","BlockControls","RichText","useBlockProps","HeadingLevelDropdown","HeadingEdit","attributes","setAttributes","mergeBlocks","onReplace","style","clientId","textAlign","content","level","placeholder","tagName","blockProps","className","newLevel","nextAlign","value","isOriginal","block"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SACCC,gBADD,EAECC,aAFD,EAGCC,QAHD,EAICC,aAJD,QAKO,yBALP;AAOA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;;AAEA,SAASC,WAAT,CAAsB;AACrBC,EAAAA,UADqB;AAErBC,EAAAA,aAFqB;AAGrBC,EAAAA,WAHqB;AAIrBC,EAAAA,SAJqB;AAKrBC,EAAAA,KALqB;AAMrBC,EAAAA;AANqB,CAAtB,EAOI;AACH,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,KAAtB;AAA6BC,IAAAA;AAA7B,MAA6CT,UAAnD;AACA,QAAMU,OAAO,GAAG,MAAMF,KAAtB;AACA,QAAMG,UAAU,GAAGd,aAAa,CAAE;AACjCe,IAAAA,SAAS,EAAErB,UAAU,CAAE;AACtB,OAAG,kBAAkBe,SAAW,EAAhC,GAAqCA;AADf,KAAF,CADY;AAIjCF,IAAAA;AAJiC,GAAF,CAAhC;AAOA,SACC,8BACC,cAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,cAAC,oBAAD;AACC,IAAA,aAAa,EAAGI,KADjB;AAEC,IAAA,QAAQ,EAAKK,QAAF,IACVZ,aAAa,CAAE;AAAEO,MAAAA,KAAK,EAAEK;AAAT,KAAF;AAHf,IADD,EAOC,cAAC,gBAAD;AACC,IAAA,KAAK,EAAGP,SADT;AAEC,IAAA,QAAQ,EAAKQ,SAAF,IAAiB;AAC3Bb,MAAAA,aAAa,CAAE;AAAEK,QAAAA,SAAS,EAAEQ;AAAb,OAAF,CAAb;AACA;AAJF,IAPD,CADD,EAeC,cAAC,QAAD;AACC,IAAA,UAAU,EAAC,SADZ;AAEC,IAAA,OAAO,EAAGJ,OAFX;AAGC,IAAA,KAAK,EAAGH,OAHT;AAIC,IAAA,QAAQ,EAAKQ,KAAF,IAAad,aAAa,CAAE;AAAEM,MAAAA,OAAO,EAAEQ;AAAX,KAAF,CAJtC;AAKC,IAAA,OAAO,EAAGb,WALX;AAMC,IAAA,OAAO,EAAG,CAAEa,KAAF,EAASC,UAAT,KAAyB;AAClC,UAAIC,KAAJ;;AAEA,UAAKD,UAAU,IAAID,KAAnB,EAA2B;AAC1BE,QAAAA,KAAK,GAAGxB,WAAW,CAAE,cAAF,EAAkB,EACpC,GAAGO,UADiC;AAEpCO,UAAAA,OAAO,EAAEQ;AAF2B,SAAlB,CAAnB;AAIA,OALD,MAKO;AACNE,QAAAA,KAAK,GAAGxB,WAAW,CAAE,gBAAF,CAAnB;AACA;;AAED,UAAKuB,UAAL,EAAkB;AACjBC,QAAAA,KAAK,CAACZ,QAAN,GAAiBA,QAAjB;AACA;;AAED,aAAOY,KAAP;AACA,KAvBF;AAwBC,IAAA,SAAS,EAAGd,SAxBb;AAyBC,IAAA,QAAQ,EAAG,MAAMA,SAAS,CAAE,EAAF,CAzB3B;AA0BC,kBAAaX,EAAE,CAAE,cAAF,CA1BhB;AA2BC,IAAA,WAAW,EAAGiB,WAAW,IAAIjB,EAAE,CAAE,SAAF,CA3BhC;AA4BC,IAAA,SAAS,EAAGc;AA5Bb,KA6BMK,UA7BN,EAfD,CADD;AAiDA;;AAED,eAAeZ,WAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tRichText,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport HeadingLevelDropdown from './heading-level-dropdown';\n\nfunction HeadingEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonReplace,\n\tstyle,\n\tclientId,\n} ) {\n\tconst { textAlign, content, level, placeholder } = 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\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={ ( value ) => setAttributes( { content: value } ) }\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":["classnames","__","useEffect","useDispatch","createBlock","getDefaultBlockName","AlignmentControl","BlockControls","RichText","useBlockProps","store","blockEditorStore","HeadingLevelDropdown","generateAnchor","setAnchor","HeadingEdit","attributes","setAttributes","mergeBlocks","onReplace","style","clientId","textAlign","content","level","placeholder","anchor","tagName","blockProps","className","__unstableMarkNextChangeAsNotPersistent","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-module/heading/index.js

@@ -48,13 +48,25 @@ const metadata = {
     color: {
       link: true
     },
+    spacing: {
+      margin: true
+    },
     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
+    __unstablePasteTextInline: true,
+    __experimentalSlashInserter: true
   },
   editorStyle: "wp-block-heading-editor",
   style: "wp-block-heading"

package/build-module/heading/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/index.js"],"names":["isEmpty","heading","icon","__","sprintf","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","content","level","__experimentalLabel","context","merge","attributesToMerge"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,OAAO,IAAIC,IAApB,QAAgC,kBAAhC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBT,EAAAA,IADuB;AAEvBU,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAEX,EAAE,CAAE,gBAAF,CADA;AAEXY,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,aAAOb,OAAO,CAAEc,OAAF,CAAP,GACJV,OAAO;AACP;AACAD,MAAAA,EAAE,CAAE,kBAAF,CAFK,EAGPY,KAHO,CADH,GAMJX,OAAO;AACP;AACAD,MAAAA,EAAE,CAAE,kBAAF,CAFK,EAGPY,KAHO,EAIPD,OAJO,CANV;AAYA;AACD,GAzBsB;;AA0BvBN,EAAAA,UA1BuB;AA2BvBH,EAAAA,UA3BuB;;AA4BvBa,EAAAA,KAAK,CAAEL,UAAF,EAAcM,iBAAd,EAAkC;AACtC,WAAO;AACNL,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEK,iBAAiB,CAACL,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GAlCsB;;AAmCvBR,EAAAA,IAnCuB;AAoCvBC,EAAAA;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":["isEmpty","heading","icon","__","sprintf","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","content","level","__experimentalLabel","context","merge","attributesToMerge"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,OAAO,IAAIC,IAApB,QAAgC,kBAAhC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBT,EAAAA,IADuB;AAEvBU,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAEX,EAAE,CAAE,gBAAF,CADA;AAEXY,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,aAAOb,OAAO,CAAEc,OAAF,CAAP,GACJV,OAAO;AACP;AACAD,MAAAA,EAAE,CAAE,kBAAF,CAFK,EAGPY,KAHO,CADH,GAMJX,OAAO;AACP;AACAD,MAAAA,EAAE,CAAE,kBAAF,CAFK,EAGPY,KAHO,EAIPD,OAJO,CANV;AAYA;AACD,GAzBsB;;AA0BvBN,EAAAA,UA1BuB;AA2BvBH,EAAAA,UA3BuB;;AA4BvBa,EAAAA,KAAK,CAAEL,UAAF,EAAcM,iBAAd,EAAkC;AACtC,WAAO;AACNL,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEK,iBAAiB,CAACL,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GAlCsB;;AAmCvBR,EAAAA,IAnCuB;AAoCvBC,EAAAA;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-module/heading/transforms.js

@@ -43,13 +43,25 @@ const {
     color: {
       link: true
     },
+    spacing: {
+      margin: true
+    },
     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
+    __unstablePasteTextInline: true,
+    __experimentalSlashInserter: true
   },
   editorStyle: "wp-block-heading-editor",
   style: "wp-block-heading"

package/build-module/heading/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/transforms.js"],"names":["createBlock","getBlockAttributes","getLevelFromHeadingNodeName","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":["createBlock","getBlockAttributes","getLevelFromHeadingNodeName","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"]}

package/build-module/image/edit.native.js

@@ -5,14 +5,15 @@ import { createElement, Fragment } from "@wordpress/element";
  * External dependencies
  */
 import { View, TouchableWithoutFeedback } from 'react-native';
+import { useRoute } from '@react-navigation/native';
 /**
  * WordPress dependencies
  */
 
-import { Component } from '@wordpress/element';
+import { Component, useEffect } from '@wordpress/element';
 import { requestMediaImport, mediaUploadSync, requestImageFailedRetryDialog, requestImageUploadCancelDialog, requestImageFullscreenPreview, setFeaturedImage } from '@wordpress/react-native-bridge';
 import { Icon, PanelBody, ToolbarButton, ToolbarGroup, Image, WIDE_ALIGNMENTS, LinkSettingsNavigation, BottomSheet, BottomSheetTextControl, BottomSheetSelectControl, FooterMessageControl, FooterMessageLink, Badge } from '@wordpress/components';
-import { BlockCaption, MediaPlaceholder, MediaUpload, MediaUploadProgress, MEDIA_TYPE_IMAGE, BlockControls, InspectorControls, BlockAlignmentToolbar, BlockStyles, store as blockEditorStore } from '@wordpress/block-editor';
+import { BlockCaption, MediaPlaceholder, MediaUpload, MediaUploadProgress, MEDIA_TYPE_IMAGE, BlockControls, InspectorControls, BlockAlignmentToolbar, BlockStyles, store as blockEditorStore, blockSettingsScreens } from '@wordpress/block-editor';
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { getProtocol, hasQueryArg } from '@wordpress/url';
 import { doAction, hasAction } from '@wordpress/hooks';
@@ -27,7 +28,7 @@ import { store as editPostStore } from '@wordpress/edit-post';
 
 import styles from './styles.scss';
 import { getUpdatedLinkTargetSettings } from './utils';
-import { LINK_DESTINATION_CUSTOM, LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA, MEDIA_ID_NO_FEATURED_IMAGE_SET } from './constants';
+import { LINK_DESTINATION_NONE, LINK_DESTINATION_CUSTOM, LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA, MEDIA_ID_NO_FEATURED_IMAGE_SET } from './constants';
 
 const getUrlForSlug = (image, sizeSlug) => {
   var _image$media_details, _image$media_details$, _image$media_details$2;
@@ -39,6 +40,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 = useRoute();
+  const {
+    href: url,
+    label,
+    linkDestination,
+    linkTarget,
+    rel
+  } = attributes; // Persist attributes passed from child screen
+
+  useEffect(() => {
+    const {
+      inputValue: newUrl
+    } = route.params || {};
+    let newLinkDestination;
+
+    switch (newUrl) {
+      case attributes.url:
+        newLinkDestination = LINK_DESTINATION_MEDIA;
+        break;
+
+      case image === null || image === void 0 ? void 0 : image.link:
+        newLinkDestination = LINK_DESTINATION_ATTACHMENT;
+        break;
+
+      case '':
+        newLinkDestination = LINK_DESTINATION_NONE;
+        break;
+
+      default:
+        newLinkDestination = 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 LINK_DESTINATION_MEDIA:
+      valueMask = __('Media File');
+      break;
+
+    case LINK_DESTINATION_ATTACHMENT:
+      valueMask = __('Attachment Page');
+      break;
+
+    case LINK_DESTINATION_CUSTOM:
+      valueMask = __('Custom URL');
+      break;
+
+    default:
+      valueMask = __('None');
+      break;
+  }
+
+  const linkSettingsOptions = {
+    url: {
+      valueMask,
+      autoFocus: false,
+      autoFill: true
+    },
+    openInNewTab: {
+      label: __('Open in new tab')
+    },
+    linkRel: {
+      label: __('Link Rel'),
+      placeholder: _x('None', 'Link rel attribute value placeholder')
+    }
+  };
+  return createElement(PanelBody, {
+    title: __('Link Settings')
+  }, createElement(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(blockSettingsScreens.imageLinkDestinations, {
+        inputValue: attributes.href,
+        linkDestination: attributes.linkDestination,
+        imageUrl: attributes.url,
+        attachmentPageUrl: image === null || image === void 0 ? void 0 : image.link
+      });
+    }
+  }));
+}
+
 export class ImageEdit extends Component {
   constructor(props) {
     super(props);
@@ -51,7 +158,6 @@ export class ImageEdit extends 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);
@@ -61,21 +167,6 @@ export class ImageEdit extends Component {
     this.accessibilityLabelCreator = this.accessibilityLabelCreator.bind(this);
     this.setMappedAttributes = this.setMappedAttributes.bind(this);
     this.onSizeChangeValue = this.onSizeChangeValue.bind(this);
-    this.linkSettingsOptions = {
-      url: {
-        label: __('Image Link URL'),
-        placeholder: __('Add URL'),
-        autoFocus: false,
-        autoFill: true
-      },
-      openInNewTab: {
-        label: __('Open in new tab')
-      },
-      linkRel: {
-        label: __('Link Rel'),
-        placeholder: _x('None', 'Link rel attribute value placeholder')
-      }
-    };
   }
 
   componentDidMount() {
@@ -242,13 +333,6 @@ export class ImageEdit extends Component {
     });
   }
 
-  onSetLinkDestination(href) {
-    this.props.setAttributes({
-      linkDestination: LINK_DESTINATION_CUSTOM,
-      href
-    });
-  }
-
   onSetNewTab(value) {
     const updatedLinkTarget = getUpdatedLinkTargetSettings(value, this.props.attributes);
     this.props.setAttributes(updatedLinkTarget);
@@ -351,44 +435,22 @@ export class ImageEdit extends Component {
 
   setMappedAttributes({
     url: href,
+    linkDestination,
     ...restAttributes
   }) {
     const {
       setAttributes
     } = this.props;
-    return href === undefined ? setAttributes({ ...restAttributes,
-      linkDestination: LINK_DESTINATION_CUSTOM
-    }) : setAttributes({ ...restAttributes,
-      href,
-      linkDestination: LINK_DESTINATION_CUSTOM
-    });
-  }
 
-  getLinkSettings() {
-    const {
-      isLinkSheetVisible
-    } = this.state;
-    const {
-      attributes: {
-        href: url,
-        ...unMappedAttributes
-      }
-    } = this.props;
-    const mappedAttributes = { ...unMappedAttributes,
-      url
-    };
-    return createElement(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 = LINK_DESTINATION_NONE;
+    } else if (!linkDestination) {
+      linkDestination = LINK_DESTINATION_CUSTOM;
+    }
+
+    return href === undefined || href === this.props.attributes.href ? setAttributes(restAttributes) : setAttributes({ ...restAttributes,
+      linkDestination,
+      href
     });
   }
 
@@ -528,9 +590,12 @@ export class ImageEdit extends Component {
       options: sizeOptions,
       onChange: this.onSizeChangeValue,
       value: selectedSizeOption
-    }), this.getAltTextSettings()), createElement(PanelBody, {
-      title: __('Link Settings')
-    }, this.getLinkSettings(true)), createElement(PanelBody, {
+    }), this.getAltTextSettings()), createElement(LinkSettings, {
+      attributes: this.props.attributes,
+      image: this.props.image,
+      isLinkSheetVisible: this.state.isLinkSheetVisible,
+      setMappedAttributes: this.setMappedAttributes
+    }), createElement(PanelBody, {
       title: __('Featured Image'),
       titleStyle: styles.featuredImagePanelTitle
     }, canImageBeFeatured && this.getFeaturedButtonPanel(isFeaturedImage), createElement(FooterMessageControl, {
@@ -561,7 +626,7 @@ export class ImageEdit extends Component {
       height: '100%',
       resizeMode: context !== null && context !== void 0 && context.imageCrop ? 'cover' : 'contain'
     };
-    const imageContainerStyles = [hasImageContext && styles.fixedHeight];
+    const imageContainerStyles = [(context === null || context === void 0 ? void 0 : context.fixedHeight) && styles.fixedHeight];
 
     const getImageComponent = (openMediaOptions, getMediaOptions) => createElement(Badge, {
       label: __('Featured'),
@@ -597,7 +662,7 @@ export class ImageEdit extends Component {
           openMediaOptions: openMediaOptions,
           retryMessage: retryMessage,
           url: url,
-          shapeStyle: styles[className],
+          shapeStyle: styles[className] || className,
           width: this.getWidth()
         }, hasImageContext ? additionalImageProps : {})));
       }