@wordpress/block-library 8.14.0 → 8.16.0

package/build/file/view.js

@@ -1,23 +1,9 @@
 "use strict";
 
-var _interactivity = require("@wordpress/interactivity");
-
 var _utils = require("./utils");
 
-/**
- * WordPress dependencies
- */
-
 /**
  * Internal dependencies
  */
-(0, _interactivity.store)({
-  selectors: {
-    core: {
-      file: {
-        hasPdfPreview: _utils.browserSupportsPdfs
-      }
-    }
-  }
-});
+document.addEventListener('DOMContentLoaded', _utils.hidePdfEmbedsOnUnsupportedBrowsers);
 //# sourceMappingURL=view.js.map

package/build/file/view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/file/view.js"],"names":["selectors","core","file","hasPdfPreview"],"mappings":";;AAGA;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,0BAAO;AACNA,EAAAA,SAAS,EAAE;AACVC,IAAAA,IAAI,EAAE;AACLC,MAAAA,IAAI,EAAE;AACLC,QAAAA,aAAa,EAAbA;AADK;AADD;AADI;AADL,CAAP","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store } from '@wordpress/interactivity';\n/**\n * Internal dependencies\n */\nimport { browserSupportsPdfs as hasPdfPreview } from './utils';\n\nstore( {\n\tselectors: {\n\t\tcore: {\n\t\t\tfile: {\n\t\t\t\thasPdfPreview,\n\t\t\t},\n\t\t},\n\t},\n} );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/file/view.js"],"names":["document","addEventListener","hidePdfEmbedsOnUnsupportedBrowsers"],"mappings":";;AAGA;;AAHA;AACA;AACA;AAGAA,QAAQ,CAACC,gBAAT,CACC,kBADD,EAECC,yCAFD","sourcesContent":["/**\n * Internal dependencies\n */\nimport { hidePdfEmbedsOnUnsupportedBrowsers } from './utils';\n\ndocument.addEventListener(\n\t'DOMContentLoaded',\n\thidePdfEmbedsOnUnsupportedBrowsers\n);\n"]}

package/build/footnotes/edit.js

@@ -11,6 +11,12 @@ var _blockEditor = require("@wordpress/block-editor");
 
 var _coreData = require("@wordpress/core-data");
 
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _icons = require("@wordpress/icons");
+
 /**
  * WordPress dependencies
  */
@@ -22,7 +28,31 @@ function FootnotesEdit({
 }) {
   const [meta, updateMeta] = (0, _coreData.useEntityProp)('postType', postType, 'meta', postId);
   const footnotes = meta?.footnotes ? JSON.parse(meta.footnotes) : [];
-  return (0, _element.createElement)("ol", { ...(0, _blockEditor.useBlockProps)()
+  const blockProps = (0, _blockEditor.useBlockProps)();
+
+  if (postType !== 'post' && postType !== 'page') {
+    return (0, _element.createElement)("div", { ...blockProps
+    }, (0, _element.createElement)(_components.Placeholder, {
+      icon: (0, _element.createElement)(_blockEditor.BlockIcon, {
+        icon: _icons.formatListNumbered
+      }),
+      label: (0, _i18n.__)('Footnotes') // To do: add instructions. We can't add new string in RC.
+
+    }));
+  }
+
+  if (!footnotes.length) {
+    return (0, _element.createElement)("div", { ...blockProps
+    }, (0, _element.createElement)(_components.Placeholder, {
+      icon: (0, _element.createElement)(_blockEditor.BlockIcon, {
+        icon: _icons.formatListNumbered
+      }),
+      label: (0, _i18n.__)('Footnotes'),
+      instructions: (0, _i18n.__)('Footnotes found in blocks within this document will be displayed here.')
+    }));
+  }
+
+  return (0, _element.createElement)("ol", { ...blockProps
   }, footnotes.map(({
     id,
     content

package/build/footnotes/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/footnotes/edit.js"],"names":["FootnotesEdit","context","postType","postId","meta","updateMeta","footnotes","JSON","parse","map","id","content","event","target","textContent","trim","scrollIntoView","nextFootnote","stringify","footnote"],"mappings":";;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,aAAT,CAAwB;AAAEC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ;AAAX,CAAxB,EAA4D;AAC1E,QAAM,CAAEC,IAAF,EAAQC,UAAR,IAAuB,6BAC5B,UAD4B,EAE5BH,QAF4B,EAG5B,MAH4B,EAI5BC,MAJ4B,CAA7B;AAMA,QAAMG,SAAS,GAAGF,IAAI,EAAEE,SAAN,GAAkBC,IAAI,CAACC,KAAL,CAAYJ,IAAI,CAACE,SAAjB,CAAlB,GAAiD,EAAnE;AACA,SACC,uCAAS;AAAT,KACGA,SAAS,CAACG,GAAV,CAAe,CAAE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAF,KAChB;AAAI,IAAA,GAAG,EAAGD;AAAV,KACC,4BAAC,qBAAD;AACC,IAAA,EAAE,EAAGA,EADN;AAEC,IAAA,OAAO,EAAC,MAFT;AAGC,IAAA,KAAK,EAAGC,OAHT;AAIC,IAAA,UAAU,EAAGD,EAJd,CAKC;AACA;AAND;AAOC,IAAA,OAAO,EAAKE,KAAF,IAAa;AACtB,UAAK,CAAEA,KAAK,CAACC,MAAN,CAAaC,WAAb,CAAyBC,IAAzB,EAAP,EAAyC;AACxCH,QAAAA,KAAK,CAACC,MAAN,CAAaG,cAAb;AACA;AACD,KAXF;AAYC,IAAA,QAAQ,EAAKC,YAAF,IAAoB;AAC9BZ,MAAAA,UAAU,CAAE,EACX,GAAGD,IADQ;AAEXE,QAAAA,SAAS,EAAEC,IAAI,CAACW,SAAL,CACVZ,SAAS,CAACG,GAAV,CAAiBU,QAAF,IAAgB;AAC9B,iBAAOA,QAAQ,CAACT,EAAT,KAAgBA,EAAhB,GACJ;AACAC,YAAAA,OAAO,EAAEM,YADT;AAEAP,YAAAA;AAFA,WADI,GAKJS,QALH;AAMA,SAPD,CADU;AAFA,OAAF,CAAV;AAaA;AA1BF,IADD,EA4BK,GA5BL,EA6BC;AAAG,IAAA,IAAI,EAAI,IAAIT,EAAI;AAAnB,oBA7BD,CADC,CADH,CADD;AAqCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\nimport { useEntityProp } from '@wordpress/core-data';\n\nexport default function FootnotesEdit( { context: { postType, postId } } ) {\n\tconst [ meta, updateMeta ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'meta',\n\t\tpostId\n\t);\n\tconst footnotes = meta?.footnotes ? JSON.parse( meta.footnotes ) : [];\n\treturn (\n\t\t<ol { ...useBlockProps() }>\n\t\t\t{ footnotes.map( ( { id, content } ) => (\n\t\t\t\t<li key={ id }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\tvalue={ content }\n\t\t\t\t\t\tidentifier={ id }\n\t\t\t\t\t\t// To do: figure out why the browser is not scrolling\n\t\t\t\t\t\t// into view when it receives focus.\n\t\t\t\t\t\tonFocus={ ( event ) => {\n\t\t\t\t\t\t\tif ( ! event.target.textContent.trim() ) {\n\t\t\t\t\t\t\t\tevent.target.scrollIntoView();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( nextFootnote ) => {\n\t\t\t\t\t\t\tupdateMeta( {\n\t\t\t\t\t\t\t\t...meta,\n\t\t\t\t\t\t\t\tfootnotes: JSON.stringify(\n\t\t\t\t\t\t\t\t\tfootnotes.map( ( footnote ) => {\n\t\t\t\t\t\t\t\t\t\treturn footnote.id === id\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent: nextFootnote,\n\t\t\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: footnote;\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>{ ' ' }\n\t\t\t\t\t<a href={ `#${ id }-link` }>↩︎</a>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t</ol>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/footnotes/edit.js"],"names":["FootnotesEdit","context","postType","postId","meta","updateMeta","footnotes","JSON","parse","blockProps","icon","length","map","id","content","event","target","textContent","trim","scrollIntoView","nextFootnote","stringify","footnote"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAPA;AACA;AACA;AAOe,SAASA,aAAT,CAAwB;AAAEC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ;AAAX,CAAxB,EAA4D;AAC1E,QAAM,CAAEC,IAAF,EAAQC,UAAR,IAAuB,6BAC5B,UAD4B,EAE5BH,QAF4B,EAG5B,MAH4B,EAI5BC,MAJ4B,CAA7B;AAMA,QAAMG,SAAS,GAAGF,IAAI,EAAEE,SAAN,GAAkBC,IAAI,CAACC,KAAL,CAAYJ,IAAI,CAACE,SAAjB,CAAlB,GAAiD,EAAnE;AACA,QAAMG,UAAU,GAAG,iCAAnB;;AAEA,MAAKP,QAAQ,KAAK,MAAb,IAAuBA,QAAQ,KAAK,MAAzC,EAAkD;AACjD,WACC,wCAAUO;AAAV,OACC,4BAAC,uBAAD;AACC,MAAA,IAAI,EAAG,4BAAC,sBAAD;AAAW,QAAA,IAAI,EAAGC;AAAlB,QADR;AAEC,MAAA,KAAK,EAAG,cAAI,WAAJ,CAFT,CAGC;;AAHD,MADD,CADD;AASA;;AAED,MAAK,CAAEJ,SAAS,CAACK,MAAjB,EAA0B;AACzB,WACC,wCAAUF;AAAV,OACC,4BAAC,uBAAD;AACC,MAAA,IAAI,EAAG,4BAAC,sBAAD;AAAW,QAAA,IAAI,EAAGC;AAAlB,QADR;AAEC,MAAA,KAAK,EAAG,cAAI,WAAJ,CAFT;AAGC,MAAA,YAAY,EAAG,cACd,wEADc;AAHhB,MADD,CADD;AAWA;;AAED,SACC,uCAASD;AAAT,KACGH,SAAS,CAACM,GAAV,CAAe,CAAE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAF,KAChB;AAAI,IAAA,GAAG,EAAGD;AAAV,KACC,4BAAC,qBAAD;AACC,IAAA,EAAE,EAAGA,EADN;AAEC,IAAA,OAAO,EAAC,MAFT;AAGC,IAAA,KAAK,EAAGC,OAHT;AAIC,IAAA,UAAU,EAAGD,EAJd,CAKC;AACA;AAND;AAOC,IAAA,OAAO,EAAKE,KAAF,IAAa;AACtB,UAAK,CAAEA,KAAK,CAACC,MAAN,CAAaC,WAAb,CAAyBC,IAAzB,EAAP,EAAyC;AACxCH,QAAAA,KAAK,CAACC,MAAN,CAAaG,cAAb;AACA;AACD,KAXF;AAYC,IAAA,QAAQ,EAAKC,YAAF,IAAoB;AAC9Bf,MAAAA,UAAU,CAAE,EACX,GAAGD,IADQ;AAEXE,QAAAA,SAAS,EAAEC,IAAI,CAACc,SAAL,CACVf,SAAS,CAACM,GAAV,CAAiBU,QAAF,IAAgB;AAC9B,iBAAOA,QAAQ,CAACT,EAAT,KAAgBA,EAAhB,GACJ;AACAC,YAAAA,OAAO,EAAEM,YADT;AAEAP,YAAAA;AAFA,WADI,GAKJS,QALH;AAMA,SAPD,CADU;AAFA,OAAF,CAAV;AAaA;AA1BF,IADD,EA4BK,GA5BL,EA6BC;AAAG,IAAA,IAAI,EAAI,IAAIT,EAAI;AAAnB,oBA7BD,CADC,CADH,CADD;AAqCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockIcon, RichText, useBlockProps } from '@wordpress/block-editor';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\nimport { Placeholder } from '@wordpress/components';\nimport { formatListNumbered as icon } from '@wordpress/icons';\n\nexport default function FootnotesEdit( { context: { postType, postId } } ) {\n\tconst [ meta, updateMeta ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'meta',\n\t\tpostId\n\t);\n\tconst footnotes = meta?.footnotes ? JSON.parse( meta.footnotes ) : [];\n\tconst blockProps = useBlockProps();\n\n\tif ( postType !== 'post' && postType !== 'page' ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tlabel={ __( 'Footnotes' ) }\n\t\t\t\t\t// To do: add instructions. We can't add new string in RC.\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( ! footnotes.length ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tlabel={ __( 'Footnotes' ) }\n\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t'Footnotes found in blocks within this document will be displayed here.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ol { ...blockProps }>\n\t\t\t{ footnotes.map( ( { id, content } ) => (\n\t\t\t\t<li key={ id }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\tvalue={ content }\n\t\t\t\t\t\tidentifier={ id }\n\t\t\t\t\t\t// To do: figure out why the browser is not scrolling\n\t\t\t\t\t\t// into view when it receives focus.\n\t\t\t\t\t\tonFocus={ ( event ) => {\n\t\t\t\t\t\t\tif ( ! event.target.textContent.trim() ) {\n\t\t\t\t\t\t\t\tevent.target.scrollIntoView();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( nextFootnote ) => {\n\t\t\t\t\t\t\tupdateMeta( {\n\t\t\t\t\t\t\t\t...meta,\n\t\t\t\t\t\t\t\tfootnotes: JSON.stringify(\n\t\t\t\t\t\t\t\t\tfootnotes.map( ( footnote ) => {\n\t\t\t\t\t\t\t\t\t\treturn footnote.id === id\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent: nextFootnote,\n\t\t\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: footnote;\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>{ ' ' }\n\t\t\t\t\t<a href={ `#${ id }-link` }>↩︎</a>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t</ol>\n\t);\n}\n"]}

package/build/footnotes/format.js

@@ -21,6 +21,8 @@ var _data = require("@wordpress/data");
 
 var _blocks = require("@wordpress/blocks");
 
+var _lockUnlock = require("../lock-unlock");
+
 /**
  * External dependencies
  */
@@ -45,60 +47,155 @@ const {
   textdomain: "default",
   usesContext: ["postId", "postType"],
   supports: {
+    __experimentalBorder: {
+      radius: true,
+      color: true,
+      width: true,
+      style: true,
+      __experimentalDefaultControls: {
+        radius: false,
+        color: false,
+        width: false,
+        style: false
+      }
+    },
+    color: {
+      background: true,
+      link: true,
+      text: true,
+      __experimentalDefaultControls: {
+        link: true,
+        text: true
+      }
+    },
     html: false,
     multiple: false,
-    inserter: false,
-    reusable: false
+    reusable: false,
+    spacing: {
+      margin: true,
+      padding: true,
+      __experimentalDefaultControls: {
+        margin: false,
+        padding: false
+      }
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalTextDecoration: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalWritingMode: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    }
   },
   style: "wp-block-footnotes"
 };
+const {
+  usesContextKey
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const formatName = 'core/footnote';
 exports.formatName = formatName;
+const POST_CONTENT_BLOCK_NAME = 'core/post-content';
+const SYNCED_PATTERN_BLOCK_NAME = 'core/block';
 const format = {
   title: (0, _i18n.__)('Footnote'),
-  tagName: 'a',
+  tagName: 'sup',
   className: 'fn',
   attributes: {
-    id: 'id',
-    href: 'href',
     'data-fn': 'data-fn'
   },
   contentEditable: false,
+  [usesContextKey]: ['postType'],
   edit: function Edit({
     value,
     onChange,
-    isObjectActive
+    isObjectActive,
+    context: {
+      postType
+    }
   }) {
     const registry = (0, _data.useRegistry)();
     const {
       getSelectedBlockClientId,
+      getBlocks,
       getBlockRootClientId,
       getBlockName,
-      getBlocks
+      getBlockParentsByBlockName
     } = (0, _data.useSelect)(_blockEditor.store);
+    const footnotesBlockType = (0, _data.useSelect)(select => select(_blocks.store).getBlockType(name));
+    /*
+     * This useSelect exists because we need to use its return value
+     * outside the event callback.
+     */
+
+    const isBlockWithinPattern = (0, _data.useSelect)(select => {
+      const {
+        getBlockParentsByBlockName: _getBlockParentsByBlockName,
+        getSelectedBlockClientId: _getSelectedBlockClientId
+      } = select(_blockEditor.store);
+
+      const parentCoreBlocks = _getBlockParentsByBlockName(_getSelectedBlockClientId(), SYNCED_PATTERN_BLOCK_NAME);
+
+      return parentCoreBlocks && parentCoreBlocks.length > 0;
+    }, []);
     const {
       selectionChange,
       insertBlock
     } = (0, _data.useDispatch)(_blockEditor.store);
 
+    if (!footnotesBlockType) {
+      return null;
+    }
+
+    if (postType !== 'post' && postType !== 'page') {
+      return null;
+    } // Checks if the selected block lives within a pattern.
+
+
+    if (isBlockWithinPattern) {
+      return null;
+    }
+
     function onClick() {
       registry.batch(() => {
-        const id = (0, _uuid.v4)();
-        const newValue = (0, _richText.insertObject)(value, {
-          type: formatName,
-          attributes: {
-            href: '#' + id,
-            id: `${id}-link`,
-            'data-fn': id
-          },
-          innerHTML: '*'
-        }, value.end, value.end);
-        newValue.start = newValue.end - 1;
-        onChange(newValue); // BFS search to find the first footnote block.
+        let id;
+
+        if (isObjectActive) {
+          const object = value.replacements[value.start];
+          id = object?.attributes?.['data-fn'];
+        } else {
+          id = (0, _uuid.v4)();
+          const newValue = (0, _richText.insertObject)(value, {
+            type: formatName,
+            attributes: {
+              'data-fn': id
+            },
+            innerHTML: `<a href="#${id}" id="${id}-link">*</a>`
+          }, value.end, value.end);
+          newValue.start = newValue.end - 1;
+          onChange(newValue);
+        }
+
+        const selectedClientId = getSelectedBlockClientId();
+        /*
+         * Attempts to find a common parent post content block.
+         * This allows for locating blocks within a page edited in the site editor.
+         */
+
+        const parentPostContent = getBlockParentsByBlockName(selectedClientId, POST_CONTENT_BLOCK_NAME); // When called with a post content block, getBlocks will return
+        // the block with controlled inner blocks included.
+
+        const blocks = parentPostContent.length ? getBlocks(parentPostContent[0]) : getBlocks(); // BFS search to find the first footnote block.
 
         let fnBlock = null;
         {
-          const queue = [...getBlocks()];
+          const queue = [...blocks];
 
           while (queue.length) {
             const block = queue.shift();
@@ -115,10 +212,9 @@ const format = {
         // insert it at the bottom.
 
         if (!fnBlock) {
-          const clientId = getSelectedBlockClientId();
-          let rootClientId = getBlockRootClientId(clientId);
+          let rootClientId = getBlockRootClientId(selectedClientId);
 
-          while (rootClientId && getBlockName(rootClientId) !== 'core/post-content') {
+          while (rootClientId && getBlockName(rootClientId) !== POST_CONTENT_BLOCK_NAME) {
             rootClientId = getBlockRootClientId(rootClientId);
           }
 

package/build/footnotes/format.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/footnotes/format.js"],"names":["formatName","format","title","tagName","className","attributes","id","href","contentEditable","edit","Edit","value","onChange","isObjectActive","registry","getSelectedBlockClientId","getBlockRootClientId","getBlockName","getBlocks","blockEditorStore","selectionChange","insertBlock","onClick","batch","newValue","type","innerHTML","end","start","fnBlock","queue","length","block","shift","name","push","innerBlocks","clientId","rootClientId","undefined","icon"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { v4 as createId } from 'uuid';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { formatListNumbered as icon } from '@wordpress/icons';\nimport { insertObject } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name } from './block.json';\n\nexport const formatName = 'core/footnote';\nexport const format = {\n\ttitle: __( 'Footnote' ),\n\ttagName: 'a',\n\tclassName: 'fn',\n\tattributes: {\n\t\tid: 'id',\n\t\thref: 'href',\n\t\t'data-fn': 'data-fn',\n\t},\n\tcontentEditable: false,\n\tedit: function Edit( { value, onChange, isObjectActive } ) {\n\t\tconst registry = useRegistry();\n\t\tconst {\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockName,\n\t\t\tgetBlocks,\n\t\t} = useSelect( blockEditorStore );\n\t\tconst { selectionChange, insertBlock } =\n\t\t\tuseDispatch( blockEditorStore );\n\t\tfunction onClick() {\n\t\t\tregistry.batch( () => {\n\t\t\t\tconst id = createId();\n\t\t\t\tconst newValue = insertObject(\n\t\t\t\t\tvalue,\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: formatName,\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\thref: '#' + id,\n\t\t\t\t\t\t\tid: `${ id }-link`,\n\t\t\t\t\t\t\t'data-fn': id,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tinnerHTML: '*',\n\t\t\t\t\t},\n\t\t\t\t\tvalue.end,\n\t\t\t\t\tvalue.end\n\t\t\t\t);\n\t\t\t\tnewValue.start = newValue.end - 1;\n\n\t\t\t\tonChange( newValue );\n\n\t\t\t\t// BFS search to find the first footnote block.\n\t\t\t\tlet fnBlock = null;\n\t\t\t\t{\n\t\t\t\t\tconst queue = [ ...getBlocks() ];\n\t\t\t\t\twhile ( queue.length ) {\n\t\t\t\t\t\tconst block = queue.shift();\n\t\t\t\t\t\tif ( block.name === name ) {\n\t\t\t\t\t\t\tfnBlock = block;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tqueue.push( ...block.innerBlocks );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Maybe this should all also be moved to the entity provider.\n\t\t\t\t// When there is no footnotes block in the post, create one and\n\t\t\t\t// insert it at the bottom.\n\t\t\t\tif ( ! fnBlock ) {\n\t\t\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\t\t\tlet rootClientId = getBlockRootClientId( clientId );\n\n\t\t\t\t\twhile (\n\t\t\t\t\t\trootClientId &&\n\t\t\t\t\t\tgetBlockName( rootClientId ) !== 'core/post-content'\n\t\t\t\t\t) {\n\t\t\t\t\t\trootClientId = getBlockRootClientId( rootClientId );\n\t\t\t\t\t}\n\n\t\t\t\t\tfnBlock = createBlock( name );\n\n\t\t\t\t\tinsertBlock( fnBlock, undefined, rootClientId );\n\t\t\t\t}\n\n\t\t\t\tselectionChange( fnBlock.clientId, id, 0, 0 );\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ icon }\n\t\t\t\ttitle={ __( 'Footnote' ) }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive={ isObjectActive }\n\t\t\t/>\n\t\t);\n\t},\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/footnotes/format.js"],"names":["usesContextKey","privateApis","formatName","POST_CONTENT_BLOCK_NAME","SYNCED_PATTERN_BLOCK_NAME","format","title","tagName","className","attributes","contentEditable","edit","Edit","value","onChange","isObjectActive","context","postType","registry","getSelectedBlockClientId","getBlocks","getBlockRootClientId","getBlockName","getBlockParentsByBlockName","blockEditorStore","footnotesBlockType","select","blocksStore","getBlockType","name","isBlockWithinPattern","_getBlockParentsByBlockName","_getSelectedBlockClientId","parentCoreBlocks","length","selectionChange","insertBlock","onClick","batch","id","object","replacements","start","newValue","type","innerHTML","end","selectedClientId","parentPostContent","blocks","fnBlock","queue","block","shift","push","innerBlocks","rootClientId","undefined","clientId","icon"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAMA;;AAvBA;AACA;AACA;;AAGA;AACA;AACA;;AAYA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAqB,wBAAQC,wBAAR,CAA3B;AAEO,MAAMC,UAAU,GAAG,eAAnB;;AAEP,MAAMC,uBAAuB,GAAG,mBAAhC;AACA,MAAMC,yBAAyB,GAAG,YAAlC;AAEO,MAAMC,MAAM,GAAG;AACrBC,EAAAA,KAAK,EAAE,cAAI,UAAJ,CADc;AAErBC,EAAAA,OAAO,EAAE,KAFY;AAGrBC,EAAAA,SAAS,EAAE,IAHU;AAIrBC,EAAAA,UAAU,EAAE;AACX,eAAW;AADA,GAJS;AAOrBC,EAAAA,eAAe,EAAE,KAPI;AAQrB,GAAEV,cAAF,GAAoB,CAAE,UAAF,CARC;AASrBW,EAAAA,IAAI,EAAE,SAASC,IAAT,CAAe;AACpBC,IAAAA,KADoB;AAEpBC,IAAAA,QAFoB;AAGpBC,IAAAA,cAHoB;AAIpBC,IAAAA,OAAO,EAAE;AAAEC,MAAAA;AAAF;AAJW,GAAf,EAKF;AACH,UAAMC,QAAQ,GAAG,wBAAjB;AACA,UAAM;AACLC,MAAAA,wBADK;AAELC,MAAAA,SAFK;AAGLC,MAAAA,oBAHK;AAILC,MAAAA,YAJK;AAKLC,MAAAA;AALK,QAMF,qBAAWC,kBAAX,CANJ;AAOA,UAAMC,kBAAkB,GAAG,qBAAaC,MAAF,IACrCA,MAAM,CAAEC,aAAF,CAAN,CAAsBC,YAAtB,CAAoCC,IAApC,CAD0B,CAA3B;AAGA;AACF;AACA;AACA;;AACE,UAAMC,oBAAoB,GAAG,qBAAaJ,MAAF,IAAc;AACrD,YAAM;AACLH,QAAAA,0BAA0B,EAAEQ,2BADvB;AAELZ,QAAAA,wBAAwB,EAAEa;AAFrB,UAGFN,MAAM,CAAEF,kBAAF,CAHV;;AAIA,YAAMS,gBAAgB,GAAGF,2BAA2B,CACnDC,yBAAyB,EAD0B,EAEnD5B,yBAFmD,CAApD;;AAIA,aAAO6B,gBAAgB,IAAIA,gBAAgB,CAACC,MAAjB,GAA0B,CAArD;AACA,KAV4B,EAU1B,EAV0B,CAA7B;AAYA,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QACL,uBAAaZ,kBAAb,CADD;;AAGA,QAAK,CAAEC,kBAAP,EAA4B;AAC3B,aAAO,IAAP;AACA;;AAED,QAAKR,QAAQ,KAAK,MAAb,IAAuBA,QAAQ,KAAK,MAAzC,EAAkD;AACjD,aAAO,IAAP;AACA,KArCE,CAuCH;;;AACA,QAAKa,oBAAL,EAA4B;AAC3B,aAAO,IAAP;AACA;;AAED,aAASO,OAAT,GAAmB;AAClBnB,MAAAA,QAAQ,CAACoB,KAAT,CAAgB,MAAM;AACrB,YAAIC,EAAJ;;AACA,YAAKxB,cAAL,EAAsB;AACrB,gBAAMyB,MAAM,GAAG3B,KAAK,CAAC4B,YAAN,CAAoB5B,KAAK,CAAC6B,KAA1B,CAAf;AACAH,UAAAA,EAAE,GAAGC,MAAM,EAAE/B,UAAR,GAAsB,SAAtB,CAAL;AACA,SAHD,MAGO;AACN8B,UAAAA,EAAE,GAAG,eAAL;AACA,gBAAMI,QAAQ,GAAG,4BAChB9B,KADgB,EAEhB;AACC+B,YAAAA,IAAI,EAAE1C,UADP;AAECO,YAAAA,UAAU,EAAE;AACX,yBAAW8B;AADA,aAFb;AAKCM,YAAAA,SAAS,EAAG,aAAaN,EAAI,SAASA,EAAI;AAL3C,WAFgB,EAShB1B,KAAK,CAACiC,GATU,EAUhBjC,KAAK,CAACiC,GAVU,CAAjB;AAYAH,UAAAA,QAAQ,CAACD,KAAT,GAAiBC,QAAQ,CAACG,GAAT,GAAe,CAAhC;AACAhC,UAAAA,QAAQ,CAAE6B,QAAF,CAAR;AACA;;AAED,cAAMI,gBAAgB,GAAG5B,wBAAwB,EAAjD;AAEA;AACJ;AACA;AACA;;AACI,cAAM6B,iBAAiB,GAAGzB,0BAA0B,CACnDwB,gBADmD,EAEnD5C,uBAFmD,CAApD,CA7BqB,CAkCrB;AACA;;AACA,cAAM8C,MAAM,GAAGD,iBAAiB,CAACd,MAAlB,GACZd,SAAS,CAAE4B,iBAAiB,CAAE,CAAF,CAAnB,CADG,GAEZ5B,SAAS,EAFZ,CApCqB,CAwCrB;;AACA,YAAI8B,OAAO,GAAG,IAAd;AACA;AACC,gBAAMC,KAAK,GAAG,CAAE,GAAGF,MAAL,CAAd;;AACA,iBAAQE,KAAK,CAACjB,MAAd,EAAuB;AACtB,kBAAMkB,KAAK,GAAGD,KAAK,CAACE,KAAN,EAAd;;AACA,gBAAKD,KAAK,CAACvB,IAAN,KAAeA,IAApB,EAA2B;AAC1BqB,cAAAA,OAAO,GAAGE,KAAV;AACA;AACA;;AACDD,YAAAA,KAAK,CAACG,IAAN,CAAY,GAAGF,KAAK,CAACG,WAArB;AACA;AACD,SApDoB,CAsDrB;AACA;AACA;;AACA,YAAK,CAAEL,OAAP,EAAiB;AAChB,cAAIM,YAAY,GAAGnC,oBAAoB,CAAE0B,gBAAF,CAAvC;;AAEA,iBACCS,YAAY,IACZlC,YAAY,CAAEkC,YAAF,CAAZ,KAAiCrD,uBAFlC,EAGE;AACDqD,YAAAA,YAAY,GAAGnC,oBAAoB,CAAEmC,YAAF,CAAnC;AACA;;AAEDN,UAAAA,OAAO,GAAG,yBAAarB,IAAb,CAAV;AAEAO,UAAAA,WAAW,CAAEc,OAAF,EAAWO,SAAX,EAAsBD,YAAtB,CAAX;AACA;;AAEDrB,QAAAA,eAAe,CAAEe,OAAO,CAACQ,QAAV,EAAoBnB,EAApB,EAAwB,CAAxB,EAA2B,CAA3B,CAAf;AACA,OAzED;AA0EA;;AAED,WACC,4BAAC,kCAAD;AACC,MAAA,IAAI,EAAGoB,yBADR;AAEC,MAAA,KAAK,EAAG,cAAI,UAAJ,CAFT;AAGC,MAAA,OAAO,EAAGtB,OAHX;AAIC,MAAA,QAAQ,EAAGtB;AAJZ,MADD;AAQA;AA/IoB,CAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { v4 as createId } from 'uuid';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { formatListNumbered as icon } from '@wordpress/icons';\nimport { insertObject } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tstore as blockEditorStore,\n\tprivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { createBlock, store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name } from './block.json';\nimport { unlock } from '../lock-unlock';\n\nconst { usesContextKey } = unlock( privateApis );\n\nexport const formatName = 'core/footnote';\n\nconst POST_CONTENT_BLOCK_NAME = 'core/post-content';\nconst SYNCED_PATTERN_BLOCK_NAME = 'core/block';\n\nexport const format = {\n\ttitle: __( 'Footnote' ),\n\ttagName: 'sup',\n\tclassName: 'fn',\n\tattributes: {\n\t\t'data-fn': 'data-fn',\n\t},\n\tcontentEditable: false,\n\t[ usesContextKey ]: [ 'postType' ],\n\tedit: function Edit( {\n\t\tvalue,\n\t\tonChange,\n\t\tisObjectActive,\n\t\tcontext: { postType },\n\t} ) {\n\t\tconst registry = useRegistry();\n\t\tconst {\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlocks,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockName,\n\t\t\tgetBlockParentsByBlockName,\n\t\t} = useSelect( blockEditorStore );\n\t\tconst footnotesBlockType = useSelect( ( select ) =>\n\t\t\tselect( blocksStore ).getBlockType( name )\n\t\t);\n\t\t/*\n\t\t * This useSelect exists because we need to use its return value\n\t\t * outside the event callback.\n\t\t */\n\t\tconst isBlockWithinPattern = useSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockParentsByBlockName: _getBlockParentsByBlockName,\n\t\t\t\tgetSelectedBlockClientId: _getSelectedBlockClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst parentCoreBlocks = _getBlockParentsByBlockName(\n\t\t\t\t_getSelectedBlockClientId(),\n\t\t\t\tSYNCED_PATTERN_BLOCK_NAME\n\t\t\t);\n\t\t\treturn parentCoreBlocks && parentCoreBlocks.length > 0;\n\t\t}, [] );\n\n\t\tconst { selectionChange, insertBlock } =\n\t\t\tuseDispatch( blockEditorStore );\n\n\t\tif ( ! footnotesBlockType ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( postType !== 'post' && postType !== 'page' ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Checks if the selected block lives within a pattern.\n\t\tif ( isBlockWithinPattern ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tregistry.batch( () => {\n\t\t\t\tlet id;\n\t\t\t\tif ( isObjectActive ) {\n\t\t\t\t\tconst object = value.replacements[ value.start ];\n\t\t\t\t\tid = object?.attributes?.[ 'data-fn' ];\n\t\t\t\t} else {\n\t\t\t\t\tid = createId();\n\t\t\t\t\tconst newValue = insertObject(\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: formatName,\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t'data-fn': id,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinnerHTML: `<a href=\"#${ id }\" id=\"${ id }-link\">*</a>`,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue.end,\n\t\t\t\t\t\tvalue.end\n\t\t\t\t\t);\n\t\t\t\t\tnewValue.start = newValue.end - 1;\n\t\t\t\t\tonChange( newValue );\n\t\t\t\t}\n\n\t\t\t\tconst selectedClientId = getSelectedBlockClientId();\n\n\t\t\t\t/*\n\t\t\t\t * Attempts to find a common parent post content block.\n\t\t\t\t * This allows for locating blocks within a page edited in the site editor.\n\t\t\t\t */\n\t\t\t\tconst parentPostContent = getBlockParentsByBlockName(\n\t\t\t\t\tselectedClientId,\n\t\t\t\t\tPOST_CONTENT_BLOCK_NAME\n\t\t\t\t);\n\n\t\t\t\t// When called with a post content block, getBlocks will return\n\t\t\t\t// the block with controlled inner blocks included.\n\t\t\t\tconst blocks = parentPostContent.length\n\t\t\t\t\t? getBlocks( parentPostContent[ 0 ] )\n\t\t\t\t\t: getBlocks();\n\n\t\t\t\t// BFS search to find the first footnote block.\n\t\t\t\tlet fnBlock = null;\n\t\t\t\t{\n\t\t\t\t\tconst queue = [ ...blocks ];\n\t\t\t\t\twhile ( queue.length ) {\n\t\t\t\t\t\tconst block = queue.shift();\n\t\t\t\t\t\tif ( block.name === name ) {\n\t\t\t\t\t\t\tfnBlock = block;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tqueue.push( ...block.innerBlocks );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Maybe this should all also be moved to the entity provider.\n\t\t\t\t// When there is no footnotes block in the post, create one and\n\t\t\t\t// insert it at the bottom.\n\t\t\t\tif ( ! fnBlock ) {\n\t\t\t\t\tlet rootClientId = getBlockRootClientId( selectedClientId );\n\n\t\t\t\t\twhile (\n\t\t\t\t\t\trootClientId &&\n\t\t\t\t\t\tgetBlockName( rootClientId ) !== POST_CONTENT_BLOCK_NAME\n\t\t\t\t\t) {\n\t\t\t\t\t\trootClientId = getBlockRootClientId( rootClientId );\n\t\t\t\t\t}\n\n\t\t\t\t\tfnBlock = createBlock( name );\n\n\t\t\t\t\tinsertBlock( fnBlock, undefined, rootClientId );\n\t\t\t\t}\n\n\t\t\t\tselectionChange( fnBlock.clientId, id, 0, 0 );\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ icon }\n\t\t\t\ttitle={ __( 'Footnote' ) }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive={ isObjectActive }\n\t\t\t/>\n\t\t);\n\t},\n};\n"]}

package/build/footnotes/index.js

@@ -35,10 +35,52 @@ const metadata = {
   textdomain: "default",
   usesContext: ["postId", "postType"],
   supports: {
+    __experimentalBorder: {
+      radius: true,
+      color: true,
+      width: true,
+      style: true,
+      __experimentalDefaultControls: {
+        radius: false,
+        color: false,
+        width: false,
+        style: false
+      }
+    },
+    color: {
+      background: true,
+      link: true,
+      text: true,
+      __experimentalDefaultControls: {
+        link: true,
+        text: true
+      }
+    },
     html: false,
     multiple: false,
-    inserter: false,
-    reusable: false
+    reusable: false,
+    spacing: {
+      margin: true,
+      padding: true,
+      __experimentalDefaultControls: {
+        margin: false,
+        padding: false
+      }
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalTextDecoration: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalWritingMode: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    }
   },
   style: "wp-block-footnotes"
 };
@@ -50,8 +92,7 @@ exports.name = name;
 const settings = {
   icon: _icons.formatListNumbered,
   edit: _edit.default
-}; // Would be good to remove the format and HoR if the block is unregistered.
-
+};
 exports.settings = settings;
 (0, _richText.registerFormatType)(_format.formatName, _format.format);
 

package/build/footnotes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/footnotes/index.js"],"names":["name","metadata","settings","icon","edit","formatName","format","init"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;AAMA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,yBADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB,C,CAKP;;;AACA,kCAAoBC,kBAApB,EAAgCC,cAAhC;;AAEO,MAAMC,IAAI,GAAG,MAAM;AACzB,0BAAW;AAAEP,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,GAAX;AACA,CAFM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { formatListNumbered as icon } from '@wordpress/icons';\nimport { registerFormatType } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport { formatName, format } from './format';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\n// Would be good to remove the format and HoR if the block is unregistered.\nregisterFormatType( formatName, format );\n\nexport const init = () => {\n\tinitBlock( { name, metadata, settings } );\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/footnotes/index.js"],"names":["name","metadata","settings","icon","edit","formatName","format","init"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,yBADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB;;AAKP,kCAAoBC,kBAApB,EAAgCC,cAAhC;;AAEO,MAAMC,IAAI,GAAG,MAAM;AACzB,0BAAW;AAAEP,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,GAAX;AACA,CAFM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { formatListNumbered as icon } from '@wordpress/icons';\nimport { registerFormatType } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport { formatName, format } from './format';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\nregisterFormatType( formatName, format );\n\nexport const init = () => {\n\tinitBlock( { name, metadata, settings } );\n};\n"]}

package/build/gallery/edit.js

@@ -90,7 +90,8 @@ function GalleryEdit(props) {
     clientId,
     isSelected,
     insertBlocksAfter,
-    isContentLocked
+    isContentLocked,
+    onFocus
   } = props;
   const {
     columns,
@@ -391,7 +392,8 @@ function GalleryEdit(props) {
       isAppender: hasImages,
       disableMediaButtons: hasImages && !isSelected || imagesUploading,
       value: hasImageIds ? images : {},
-      autoOpenMediaUpload: !hasImages && isSelected && wasBlockJustInserted
+      autoOpenMediaUpload: !hasImages && isSelected && wasBlockJustInserted,
+      onFocus
     }
   });
 
@@ -440,7 +442,7 @@ function GalleryEdit(props) {
     max: Math.min(MAX_COLUMNS, images.length),
     ...MOBILE_CONTROL_PROPS_RANGE_CONTROL,
     required: true,
-    size: "__unstable-large"
+    __next40pxDefaultSize: true
   }), (0, _element.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Crop images'),
@@ -473,7 +475,7 @@ function GalleryEdit(props) {
     className: 'gallery-image-sizes'
   }, (0, _element.createElement)(_components.BaseControl.VisualLabel, null, (0, _i18n.__)('Resolution')), (0, _element.createElement)(_primitives.View, {
     className: 'gallery-image-sizes__loading'
-  }, (0, _element.createElement)(_components.Spinner, null), (0, _i18n.__)('Loading options…'))))), (0, _element.createElement)(_blockEditor.BlockControls, {
+  }, (0, _element.createElement)(_components.Spinner, null), (0, _i18n.__)('Loading options…'))))), _element.Platform.isWeb && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, {
     group: "block"
   }, !isContentLocked && (0, _element.createElement)(_components.ToolbarButton, {
     onClick: () => {
@@ -499,10 +501,10 @@ function GalleryEdit(props) {
     multiple: true,
     mediaIds: images.filter(image => image.id).map(image => image.id),
     addToGallery: hasImageIds
-  })), _element.Platform.isWeb && (0, _element.createElement)(_gapStyles.default, {
+  })), (0, _element.createElement)(_gapStyles.default, {
     blockGap: attributes.style?.spacing?.blockGap,
     clientId: clientId
-  }), (0, _element.createElement)(_gallery.default, { ...props,
+  })), (0, _element.createElement)(_gallery.default, { ...props,
     showCaption: showCaption,
     ref: _element.Platform.isWeb ? captionRef : undefined,
     images: images,