@wordpress/block-library 5.0.1 → 6.0.1

package/build-module/gallery/index.js

@@ -7,7 +7,7 @@ import { gallery as icon } from '@wordpress/icons';
  */
 
 import deprecated from './deprecated';
-import edit from './edit';
+import edit from './edit-wrapper';
 const metadata = {
   apiVersion: 2,
   name: "core/gallery",
@@ -68,6 +68,13 @@ const metadata = {
       },
       "default": []
     },
+    shortCodeTransforms: {
+      type: "array",
+      "default": [],
+      items: {
+        type: "object"
+      }
+    },
     columns: {
       type: "number",
       minimum: 1,
@@ -82,14 +89,25 @@ const metadata = {
       type: "boolean",
       "default": true
     },
+    linkTarget: {
+      type: "string"
+    },
     linkTo: {
       type: "string"
     },
     sizeSlug: {
       type: "string",
       "default": "large"
+    },
+    allowResize: {
+      type: "boolean",
+      "default": false
     }
   },
+  providesContext: {
+    allowResize: "allowResize",
+    imageCrop: "imageCrop"
+  },
   supports: {
     anchor: true,
     align: true
@@ -107,13 +125,19 @@ export const settings = {
   icon,
   example: {
     attributes: {
-      columns: 2,
-      images: [{
+      columns: 2
+    },
+    innerBlocks: [{
+      name: 'core/image',
+      attributes: {
         url: 'https://s.w.org/images/core/5.3/Glacial_lakes%2C_Bhutan.jpg'
-      }, {
+      }
+    }, {
+      name: 'core/image',
+      attributes: {
         url: 'https://s.w.org/images/core/5.3/Sediment_off_the_Yucatan_Peninsula.jpg'
-      }]
-    }
+      }
+    }]
   },
   transforms,
   edit,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/index.js"],"names":["gallery","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","columns","images","url"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,IAApB,QAAgC,kBAAhC;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;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,CADE;AAEXC,MAAAA,MAAM,EAAE,CACP;AACCC,QAAAA,GAAG,EACF;AAFF,OADO,EAKP;AACCA,QAAAA,GAAG,EACF;AAFF,OALO;AAFG;AADJ,GAFc;AAiBvBR,EAAAA,UAjBuB;AAkBvBF,EAAAA,IAlBuB;AAmBvBC,EAAAA,IAnBuB;AAoBvBF,EAAAA;AApBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { gallery as icon } from '@wordpress/icons';\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\tcolumns: 2,\n\t\t\timages: [\n\t\t\t\t{\n\t\t\t\t\turl:\n\t\t\t\t\t\t'https://s.w.org/images/core/5.3/Glacial_lakes%2C_Bhutan.jpg',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\turl:\n\t\t\t\t\t\t'https://s.w.org/images/core/5.3/Sediment_off_the_Yucatan_Peninsula.jpg',\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/gallery/index.js"],"names":["gallery","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","columns","innerBlocks","url"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,IAApB,QAAgC,kBAAhC;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE;AADE,KADJ;AAIRC,IAAAA,WAAW,EAAE,CACZ;AACCN,MAAAA,IAAI,EAAE,YADP;AAECI,MAAAA,UAAU,EAAE;AACXG,QAAAA,GAAG,EACF;AAFU;AAFb,KADY,EAQZ;AACCP,MAAAA,IAAI,EAAE,YADP;AAECI,MAAAA,UAAU,EAAE;AACXG,QAAAA,GAAG,EACF;AAFU;AAFb,KARY;AAJL,GAFc;AAuBvBR,EAAAA,UAvBuB;AAwBvBF,EAAAA,IAxBuB;AAyBvBC,EAAAA,IAzBuB;AA0BvBF,EAAAA;AA1BuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { gallery as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit-wrapper';\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\tcolumns: 2,\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/image',\n\t\t\t\tattributes: {\n\t\t\t\t\turl:\n\t\t\t\t\t\t'https://s.w.org/images/core/5.3/Glacial_lakes%2C_Bhutan.jpg',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/image',\n\t\t\t\tattributes: {\n\t\t\t\t\turl:\n\t\t\t\t\t\t'https://s.w.org/images/core/5.3/Sediment_off_the_Yucatan_Peninsula.jpg',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n"]}

package/build-module/gallery/save.js

@@ -1,62 +1,43 @@
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { RichText, useBlockProps } from '@wordpress/block-editor';
+
+import { RichText, useBlockProps, InnerBlocks } from '@wordpress/block-editor';
 /**
  * Internal dependencies
  */
 
-import { defaultColumnsNumber } from './shared';
-import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA } from './constants';
-export default function save({
+import saveWithoutInnerBlocks from './v1/save';
+export default function saveWithInnerBlocks({
   attributes
 }) {
+  var _attributes$ids, _attributes$images;
+
+  if ((attributes === null || attributes === void 0 ? void 0 : (_attributes$ids = attributes.ids) === null || _attributes$ids === void 0 ? void 0 : _attributes$ids.length) > 0 || (attributes === null || attributes === void 0 ? void 0 : (_attributes$images = attributes.images) === null || _attributes$images === void 0 ? void 0 : _attributes$images.length) > 0) {
+    return saveWithoutInnerBlocks({
+      attributes
+    });
+  }
+
   const {
-    images,
-    columns = defaultColumnsNumber(attributes),
-    imageCrop,
     caption,
-    linkTo
+    columns,
+    imageCrop
   } = attributes;
-  const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
+  const className = classnames('has-nested-images', {
+    [`columns-${columns}`]: columns !== undefined,
+    [`columns-default`]: columns === undefined,
+    'is-cropped': imageCrop
+  });
   return createElement("figure", useBlockProps.save({
     className
-  }), createElement("ul", {
-    className: "blocks-gallery-grid"
-  }, images.map(image => {
-    let href;
-
-    switch (linkTo) {
-      case LINK_DESTINATION_MEDIA:
-        href = image.fullUrl || image.url;
-        break;
-
-      case LINK_DESTINATION_ATTACHMENT:
-        href = image.link;
-        break;
-    }
-
-    const img = createElement("img", {
-      src: image.url,
-      alt: image.alt,
-      "data-id": image.id,
-      "data-full-url": image.fullUrl,
-      "data-link": image.link,
-      className: image.id ? `wp-image-${image.id}` : null
-    });
-    return createElement("li", {
-      key: image.id || image.url,
-      className: "blocks-gallery-item"
-    }, createElement("figure", null, href ? createElement("a", {
-      href: href
-    }, img) : img, !RichText.isEmpty(image.caption) && createElement(RichText.Content, {
-      tagName: "figcaption",
-      className: "blocks-gallery-item__caption",
-      value: image.caption
-    })));
-  })), !RichText.isEmpty(caption) && createElement(RichText.Content, {
+  }), createElement(InnerBlocks.Content, null), !RichText.isEmpty(caption) && createElement(RichText.Content, {
     tagName: "figcaption",
     className: "blocks-gallery-caption",
     value: caption

package/build-module/gallery/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/save.js"],"names":["RichText","useBlockProps","defaultColumnsNumber","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA","save","attributes","images","columns","imageCrop","caption","linkTo","className","map","image","href","fullUrl","url","link","img","alt","id","isEmpty"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,yBAAxC;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,SACCC,2BADD,EAECC,sBAFD,QAGO,aAHP;AAKA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,QAAM;AACLC,IAAAA,MADK;AAELC,IAAAA,OAAO,GAAGN,oBAAoB,CAAEI,UAAF,CAFzB;AAGLG,IAAAA,SAHK;AAILC,IAAAA,OAJK;AAKLC,IAAAA;AALK,MAMFL,UANJ;AAOA,QAAMM,SAAS,GAAI,WAAWJ,OAAS,IAAIC,SAAS,GAAG,YAAH,GAAkB,EAAI,EAA1E;AAEA,SACC,wBAAaR,aAAa,CAACI,IAAd,CAAoB;AAAEO,IAAAA;AAAF,GAApB,CAAb,EACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGL,MAAM,CAACM,GAAP,CAAcC,KAAF,IAAa;AAC1B,QAAIC,IAAJ;;AAEA,YAASJ,MAAT;AACC,WAAKP,sBAAL;AACCW,QAAAA,IAAI,GAAGD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,GAA9B;AACA;;AACD,WAAKd,2BAAL;AACCY,QAAAA,IAAI,GAAGD,KAAK,CAACI,IAAb;AACA;AANF;;AASA,UAAMC,GAAG,GACR;AACC,MAAA,GAAG,EAAGL,KAAK,CAACG,GADb;AAEC,MAAA,GAAG,EAAGH,KAAK,CAACM,GAFb;AAGC,iBAAUN,KAAK,CAACO,EAHjB;AAIC,uBAAgBP,KAAK,CAACE,OAJvB;AAKC,mBAAYF,KAAK,CAACI,IALnB;AAMC,MAAA,SAAS,EACRJ,KAAK,CAACO,EAAN,GAAY,YAAYP,KAAK,CAACO,EAAI,EAAlC,GAAsC;AAPxC,MADD;AAaA,WACC;AACC,MAAA,GAAG,EAAGP,KAAK,CAACO,EAAN,IAAYP,KAAK,CAACG,GADzB;AAEC,MAAA,SAAS,EAAC;AAFX,OAIC,8BACGF,IAAI,GAAG;AAAG,MAAA,IAAI,EAAGA;AAAV,OAAmBI,GAAnB,CAAH,GAAkCA,GADzC,EAEG,CAAEnB,QAAQ,CAACsB,OAAT,CAAkBR,KAAK,CAACJ,OAAxB,CAAF,IACD,cAAC,QAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,SAAS,EAAC,8BAFX;AAGC,MAAA,KAAK,EAAGI,KAAK,CAACJ;AAHf,MAHF,CAJD,CADD;AAiBA,GA1CC,CADH,CADD,EA8CG,CAAEV,QAAQ,CAACsB,OAAT,CAAkBZ,OAAlB,CAAF,IACD,cAAC,QAAD,CAAU,OAAV;AACC,IAAA,OAAO,EAAC,YADT;AAEC,IAAA,SAAS,EAAC,wBAFX;AAGC,IAAA,KAAK,EAAGA;AAHT,IA/CF,CADD;AAwDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { defaultColumnsNumber } from './shared';\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\timages,\n\t\tcolumns = defaultColumnsNumber( attributes ),\n\t\timageCrop,\n\t\tcaption,\n\t\tlinkTo,\n\t} = attributes;\n\tconst className = `columns-${ columns } ${ imageCrop ? 'is-cropped' : '' }`;\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( image ) => {\n\t\t\t\t\tlet href;\n\n\t\t\t\t\tswitch ( linkTo ) {\n\t\t\t\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\t\t\t\thref = image.fullUrl || image.url;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\t\t\t\thref = image.link;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst img = (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={ image.url }\n\t\t\t\t\t\t\talt={ image.alt }\n\t\t\t\t\t\t\tdata-id={ image.id }\n\t\t\t\t\t\t\tdata-full-url={ image.fullUrl }\n\t\t\t\t\t\t\tdata-link={ image.link }\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\timage.id ? `wp-image-${ image.id }` : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={ image.id || image.url }\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t{ href ? <a href={ href }>{ img }</a> : img }\n\t\t\t\t\t\t\t\t{ ! RichText.isEmpty( image.caption ) && (\n\t\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"blocks-gallery-item__caption\"\n\t\t\t\t\t\t\t\t\t\tvalue={ image.caption }\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</figure>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tclassName=\"blocks-gallery-caption\"\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/gallery/save.js"],"names":["classnames","RichText","useBlockProps","InnerBlocks","saveWithoutInnerBlocks","saveWithInnerBlocks","attributes","ids","length","images","caption","columns","imageCrop","className","undefined","save","isEmpty"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,WAAlC,QAAqD,yBAArD;AAEA;AACA;AACA;;AACA,OAAOC,sBAAP,MAAmC,WAAnC;AAEA,eAAe,SAASC,mBAAT,CAA8B;AAAEC,EAAAA;AAAF,CAA9B,EAA+C;AAAA;;AAC7D,MAAK,CAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,+BAAAA,UAAU,CAAEC,GAAZ,oEAAiBC,MAAjB,IAA0B,CAA1B,IAA+B,CAAAF,UAAU,SAAV,IAAAA,UAAU,WAAV,kCAAAA,UAAU,CAAEG,MAAZ,0EAAoBD,MAApB,IAA6B,CAAjE,EAAqE;AACpE,WAAOJ,sBAAsB,CAAE;AAAEE,MAAAA;AAAF,KAAF,CAA7B;AACA;;AAED,QAAM;AAAEI,IAAAA,OAAF;AAAWC,IAAAA,OAAX;AAAoBC,IAAAA;AAApB,MAAkCN,UAAxC;AAEA,QAAMO,SAAS,GAAGb,UAAU,CAAE,mBAAF,EAAuB;AAClD,KAAG,WAAWW,OAAS,EAAvB,GAA4BA,OAAO,KAAKG,SADU;AAElD,KAAG,iBAAH,GAAuBH,OAAO,KAAKG,SAFe;AAGlD,kBAAcF;AAHoC,GAAvB,CAA5B;AAMA,SACC,wBAAaV,aAAa,CAACa,IAAd,CAAoB;AAAEF,IAAAA;AAAF,GAApB,CAAb,EACC,cAAC,WAAD,CAAa,OAAb,OADD,EAEG,CAAEZ,QAAQ,CAACe,OAAT,CAAkBN,OAAlB,CAAF,IACD,cAAC,QAAD,CAAU,OAAV;AACC,IAAA,OAAO,EAAC,YADT;AAEC,IAAA,SAAS,EAAC,wBAFX;AAGC,IAAA,KAAK,EAAGA;AAHT,IAHF,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps, InnerBlocks } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport saveWithoutInnerBlocks from './v1/save';\n\nexport default function saveWithInnerBlocks( { attributes } ) {\n\tif ( attributes?.ids?.length > 0 || attributes?.images?.length > 0 ) {\n\t\treturn saveWithoutInnerBlocks( { attributes } );\n\t}\n\n\tconst { caption, columns, imageCrop } = attributes;\n\n\tconst className = classnames( 'has-nested-images', {\n\t\t[ `columns-${ columns }` ]: columns !== undefined,\n\t\t[ `columns-default` ]: columns === undefined,\n\t\t'is-cropped': imageCrop,\n\t} );\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<InnerBlocks.Content />\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tclassName=\"blocks-gallery-caption\"\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"]}

package/build-module/gallery/shared.js

@@ -2,8 +2,13 @@
  * External dependencies
  */
 import { get, pick } from 'lodash';
-export function defaultColumnsNumber(attributes) {
-  return Math.min(3, attributes.images.length);
+/**
+ * WordPress dependencies
+ */
+
+import { __ } from '@wordpress/i18n';
+export function defaultColumnsNumber(imageCount) {
+  return imageCount ? Math.min(3, imageCount) : 3;
 }
 export const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
   const imageProps = pick(image, ['alt', 'id', 'link', 'caption']);
@@ -14,6 +19,7 @@ export const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
     imageProps.fullUrl = fullUrl;
   }
 
+  imageProps.alt = imageProps.alt !== '' ? imageProps.alt : __('Image gallery image');
   return imageProps;
 };
 //# sourceMappingURL=shared.js.map

package/build-module/gallery/shared.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/shared.js"],"names":["get","pick","defaultColumnsNumber","attributes","Math","min","images","length","pickRelevantMediaFiles","image","sizeSlug","imageProps","url","fullUrl"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,IAAd,QAA0B,QAA1B;AAEA,OAAO,SAASC,oBAAT,CAA+BC,UAA/B,EAA4C;AAClD,SAAOC,IAAI,CAACC,GAAL,CAAU,CAAV,EAAaF,UAAU,CAACG,MAAX,CAAkBC,MAA/B,CAAP;AACA;AAED,OAAO,MAAMC,sBAAsB,GAAG,CAAEC,KAAF,EAASC,QAAQ,GAAG,OAApB,KAAiC;AACtE,QAAMC,UAAU,GAAGV,IAAI,CAAEQ,KAAF,EAAS,CAAE,KAAF,EAAS,IAAT,EAAe,MAAf,EAAuB,SAAvB,CAAT,CAAvB;AACAE,EAAAA,UAAU,CAACC,GAAX,GACCZ,GAAG,CAAES,KAAF,EAAS,CAAE,OAAF,EAAWC,QAAX,EAAqB,KAArB,CAAT,CAAH,IACAV,GAAG,CAAES,KAAF,EAAS,CAAE,eAAF,EAAmB,OAAnB,EAA4BC,QAA5B,EAAsC,YAAtC,CAAT,CADH,IAEAD,KAAK,CAACG,GAHP;AAIA,QAAMC,OAAO,GACZb,GAAG,CAAES,KAAF,EAAS,CAAE,OAAF,EAAW,MAAX,EAAmB,KAAnB,CAAT,CAAH,IACAT,GAAG,CAAES,KAAF,EAAS,CAAE,eAAF,EAAmB,OAAnB,EAA4B,MAA5B,EAAoC,YAApC,CAAT,CAFJ;;AAGA,MAAKI,OAAL,EAAe;AACdF,IAAAA,UAAU,CAACE,OAAX,GAAqBA,OAArB;AACA;;AACD,SAAOF,UAAP;AACA,CAbM","sourcesContent":["/**\n * External dependencies\n */\nimport { get, pick } from 'lodash';\n\nexport function defaultColumnsNumber( attributes ) {\n\treturn Math.min( 3, attributes.images.length );\n}\n\nexport const pickRelevantMediaFiles = ( image, sizeSlug = 'large' ) => {\n\tconst imageProps = pick( image, [ 'alt', 'id', 'link', 'caption' ] );\n\timageProps.url =\n\t\tget( image, [ 'sizes', sizeSlug, 'url' ] ) ||\n\t\tget( image, [ 'media_details', 'sizes', sizeSlug, 'source_url' ] ) ||\n\t\timage.url;\n\tconst fullUrl =\n\t\tget( image, [ 'sizes', 'full', 'url' ] ) ||\n\t\tget( image, [ 'media_details', 'sizes', 'full', 'source_url' ] );\n\tif ( fullUrl ) {\n\t\timageProps.fullUrl = fullUrl;\n\t}\n\treturn imageProps;\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/gallery/shared.js"],"names":["get","pick","__","defaultColumnsNumber","imageCount","Math","min","pickRelevantMediaFiles","image","sizeSlug","imageProps","url","fullUrl","alt"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,IAAd,QAA0B,QAA1B;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,OAAO,SAASC,oBAAT,CAA+BC,UAA/B,EAA4C;AAClD,SAAOA,UAAU,GAAGC,IAAI,CAACC,GAAL,CAAU,CAAV,EAAaF,UAAb,CAAH,GAA+B,CAAhD;AACA;AAED,OAAO,MAAMG,sBAAsB,GAAG,CAAEC,KAAF,EAASC,QAAQ,GAAG,OAApB,KAAiC;AACtE,QAAMC,UAAU,GAAGT,IAAI,CAAEO,KAAF,EAAS,CAAE,KAAF,EAAS,IAAT,EAAe,MAAf,EAAuB,SAAvB,CAAT,CAAvB;AACAE,EAAAA,UAAU,CAACC,GAAX,GACCX,GAAG,CAAEQ,KAAF,EAAS,CAAE,OAAF,EAAWC,QAAX,EAAqB,KAArB,CAAT,CAAH,IACAT,GAAG,CAAEQ,KAAF,EAAS,CAAE,eAAF,EAAmB,OAAnB,EAA4BC,QAA5B,EAAsC,YAAtC,CAAT,CADH,IAEAD,KAAK,CAACG,GAHP;AAIA,QAAMC,OAAO,GACZZ,GAAG,CAAEQ,KAAF,EAAS,CAAE,OAAF,EAAW,MAAX,EAAmB,KAAnB,CAAT,CAAH,IACAR,GAAG,CAAEQ,KAAF,EAAS,CAAE,eAAF,EAAmB,OAAnB,EAA4B,MAA5B,EAAoC,YAApC,CAAT,CAFJ;;AAGA,MAAKI,OAAL,EAAe;AACdF,IAAAA,UAAU,CAACE,OAAX,GAAqBA,OAArB;AACA;;AACDF,EAAAA,UAAU,CAACG,GAAX,GACCH,UAAU,CAACG,GAAX,KAAmB,EAAnB,GAAwBH,UAAU,CAACG,GAAnC,GAAyCX,EAAE,CAAE,qBAAF,CAD5C;AAEA,SAAOQ,UAAP;AACA,CAfM","sourcesContent":["/**\n * External dependencies\n */\nimport { get, pick } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport function defaultColumnsNumber( imageCount ) {\n\treturn imageCount ? Math.min( 3, imageCount ) : 3;\n}\n\nexport const pickRelevantMediaFiles = ( image, sizeSlug = 'large' ) => {\n\tconst imageProps = pick( image, [ 'alt', 'id', 'link', 'caption' ] );\n\timageProps.url =\n\t\tget( image, [ 'sizes', sizeSlug, 'url' ] ) ||\n\t\tget( image, [ 'media_details', 'sizes', sizeSlug, 'source_url' ] ) ||\n\t\timage.url;\n\tconst fullUrl =\n\t\tget( image, [ 'sizes', 'full', 'url' ] ) ||\n\t\tget( image, [ 'media_details', 'sizes', 'full', 'source_url' ] );\n\tif ( fullUrl ) {\n\t\timageProps.fullUrl = fullUrl;\n\t}\n\timageProps.alt =\n\t\timageProps.alt !== '' ? imageProps.alt : __( 'Image gallery image' );\n\treturn imageProps;\n};\n"]}

package/build-module/gallery/transforms.js

@@ -8,12 +8,16 @@ import { filter, every, toString } from 'lodash';
 
 import { createBlock } from '@wordpress/blocks';
 import { createBlobURL } from '@wordpress/blob';
+import { select } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { addFilter } from '@wordpress/hooks';
 /**
  * Internal dependencies
  */
 
+import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_NONE, LINK_DESTINATION_MEDIA } from './constants';
+import { LINK_DESTINATION_ATTACHMENT as DEPRECATED_LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA as DEPRECATED_LINK_DESTINATION_MEDIA } from './v1/constants';
 import { pickRelevantMediaFiles } from './shared';
-import { LINK_DESTINATION_ATTACHMENT } from './constants';
 
 const parseShortcodeIds = ids => {
   if (!ids) {
@@ -22,7 +26,97 @@ const parseShortcodeIds = ids => {
 
   return ids.split(',').map(id => parseInt(id, 10));
 };
+/**
+ * Third party block plugins don't have an easy way to detect if the
+ * innerBlocks version of the Gallery is running when they run a
+ * 3rdPartyBlock -> GalleryBlock transform so this tranform filter
+ * will handle this. Once the innerBlocks version is the default
+ * in a core release, this could be deprecated and removed after
+ * plugin authors have been given time to update transforms.
+ *
+ * @typedef  {Object} Attributes
+ * @typedef  {Object} Block
+ * @property {Attributes} attributes The attributes of the block.
+ * @param    {Block}      block      The transformed block.
+ * @return   {Block}                 The transformed block.
+ */
+
+
+function updateThirdPartyTransformToGallery(block) {
+  var _block$attributes;
+
+  const settings = select(blockEditorStore).getSettings();
+
+  if (settings.__unstableGalleryWithImageBlocks && block.name === 'core/gallery' && ((_block$attributes = block.attributes) === null || _block$attributes === void 0 ? void 0 : _block$attributes.images.length) > 0) {
+    const innerBlocks = block.attributes.images.map(({
+      url,
+      id,
+      alt
+    }) => {
+      return createBlock('core/image', {
+        url,
+        id: id ? parseInt(id, 10) : null,
+        alt,
+        sizeSlug: block.attributes.sizeSlug,
+        linkDestination: block.attributes.linkDestination
+      });
+    });
+    delete block.attributes.ids;
+    delete block.attributes.images;
+    block.innerBlocks = innerBlocks;
+  }
+
+  return block;
+}
+
+addFilter('blocks.switchToBlockType.transformedBlock', 'core/gallery/update-third-party-transform-to', updateThirdPartyTransformToGallery);
+/**
+ * Third party block plugins don't have an easy way to detect if the
+ * innerBlocks version of the Gallery is running when they run a
+ * GalleryBlock -> 3rdPartyBlock transform so this transform filter
+ * will handle this. Once the innerBlocks version is the default
+ * in a core release, this could be deprecated and removed after
+ * plugin authors have been given time to update transforms.
+ *
+ * @typedef  {Object} Attributes
+ * @typedef  {Object} Block
+ * @property {Attributes} attributes The attributes of the block.
+ * @param    {Block}      toBlock    The block to transform to.
+ * @param    {Block[]}    fromBlocks The blocks to transform from.
+ * @return   {Block}                 The transformed block.
+ */
+
+function updateThirdPartyTransformFromGallery(toBlock, fromBlocks) {
+  const from = Array.isArray(fromBlocks) ? fromBlocks : [fromBlocks];
+  const galleryBlock = from.find(transformedBlock => {
+    var _transformedBlock$att;
+
+    return transformedBlock.name === 'core/gallery' && transformedBlock.innerBlocks.length > 0 && !((_transformedBlock$att = transformedBlock.attributes.images) !== null && _transformedBlock$att !== void 0 && _transformedBlock$att.length) > 0 && !toBlock.name.includes('core/');
+  });
 
+  if (galleryBlock) {
+    const images = galleryBlock.innerBlocks.map(({
+      attributes: {
+        url,
+        id,
+        alt
+      }
+    }) => ({
+      url,
+      id: id ? parseInt(id, 10) : null,
+      alt
+    }));
+    const ids = images.map(({
+      id
+    }) => id);
+    galleryBlock.attributes.images = images;
+    galleryBlock.attributes.ids = ids;
+  }
+
+  return toBlock;
+}
+
+addFilter('blocks.switchToBlockType.transformedBlock', 'core/gallery/update-third-party-transform-from', updateThirdPartyTransformFromGallery);
 const transforms = {
   from: [{
     type: 'block',
@@ -40,6 +134,18 @@ const transforms = {
       const validImages = filter(attributes, ({
         url
       }) => url);
+      const settings = select(blockEditorStore).getSettings();
+
+      if (settings.__unstableGalleryWithImageBlocks) {
+        const innerBlocks = validImages.map(image => {
+          return createBlock('core/image', image);
+        });
+        return createBlock('core/gallery', {
+          align,
+          sizeSlug
+        }, innerBlocks);
+      }
+
       return createBlock('core/gallery', {
         images: validImages.map(({
           id,
@@ -70,9 +176,13 @@ const transforms = {
             ids
           }
         }) => {
-          return parseShortcodeIds(ids).map(id => ({
-            id: toString(id)
-          }));
+          const settings = select(blockEditorStore).getSettings();
+
+          if (!settings.__unstableGalleryWithImageBlocks) {
+            return parseShortcodeIds(ids).map(id => ({
+              id: toString(id)
+            }));
+          }
         }
       },
       ids: {
@@ -82,7 +192,27 @@ const transforms = {
             ids
           }
         }) => {
-          return parseShortcodeIds(ids);
+          const settings = select(blockEditorStore).getSettings();
+
+          if (!settings.__unstableGalleryWithImageBlocks) {
+            return parseShortcodeIds(ids);
+          }
+        }
+      },
+      shortCodeTransforms: {
+        type: 'array',
+        shortcode: ({
+          named: {
+            ids
+          }
+        }) => {
+          const settings = select(blockEditorStore).getSettings();
+
+          if (settings.__unstableGalleryWithImageBlocks) {
+            return parseShortcodeIds(ids).map(id => ({
+              id: parseInt(id)
+            }));
+          }
         }
       },
       columns: {
@@ -99,10 +229,34 @@ const transforms = {
         type: 'string',
         shortcode: ({
           named: {
-            link = LINK_DESTINATION_ATTACHMENT
+            link
           }
         }) => {
-          return link;
+          const settings = select(blockEditorStore).getSettings();
+
+          if (!settings.__unstableGalleryWithImageBlocks) {
+            switch (link) {
+              case 'post':
+                return DEPRECATED_LINK_DESTINATION_ATTACHMENT;
+
+              case 'file':
+                return DEPRECATED_LINK_DESTINATION_MEDIA;
+
+              default:
+                return DEPRECATED_LINK_DESTINATION_ATTACHMENT;
+            }
+          }
+
+          switch (link) {
+            case 'post':
+              return LINK_DESTINATION_ATTACHMENT;
+
+            case 'file':
+              return LINK_DESTINATION_MEDIA;
+
+            default:
+              return LINK_DESTINATION_NONE;
+          }
         }
       }
     },
@@ -114,14 +268,28 @@ const transforms = {
     }
 
   }, {
-    // When created by drag and dropping multiple files on an insertion point
+    // When created by drag and dropping multiple files on an insertion point. Because multiple
+    // files must not be transformed to a gallery when dropped within a gallery there is another transform
+    // within the image block to handle that case. Therefore this transform has to have priority 1
+    // set so that it overrrides the image block transformation when mulitple images are dropped outside
+    // of a gallery block.
     type: 'files',
+    priority: 1,
 
     isMatch(files) {
       return files.length !== 1 && every(files, file => file.type.indexOf('image/') === 0);
     },
 
     transform(files) {
+      const settings = select(blockEditorStore).getSettings();
+
+      if (settings.__unstableGalleryWithImageBlocks) {
+        const innerBlocks = files.map(file => createBlock('core/image', {
+          url: createBlobURL(file)
+        }));
+        return createBlock('core/gallery', {}, innerBlocks);
+      }
+
       const block = createBlock('core/gallery', {
         images: files.map(file => pickRelevantMediaFiles({
           url: createBlobURL(file)
@@ -135,11 +303,38 @@ const transforms = {
     type: 'block',
     blocks: ['core/image'],
     transform: ({
-      images,
       align,
-      sizeSlug,
-      ids
-    }) => {
+      images,
+      ids,
+      sizeSlug
+    }, innerBlocks) => {
+      const settings = select(blockEditorStore).getSettings();
+
+      if (settings.__unstableGalleryWithImageBlocks) {
+        if (innerBlocks.length > 0) {
+          return innerBlocks.map(({
+            attributes: {
+              id,
+              url,
+              alt,
+              caption,
+              imageSizeSlug
+            }
+          }) => createBlock('core/image', {
+            id,
+            url,
+            alt,
+            caption,
+            sizeSlug: imageSizeSlug,
+            align
+          }));
+        }
+
+        return createBlock('core/image', {
+          align
+        });
+      }
+
       if (images.length > 0) {
         return images.map(({
           url,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/transforms.js"],"names":["filter","every","toString","createBlock","createBlobURL","pickRelevantMediaFiles","LINK_DESTINATION_ATTACHMENT","parseShortcodeIds","ids","split","map","id","parseInt","transforms","from","type","isMultiBlock","blocks","transform","attributes","align","sizeSlug","undefined","validImages","url","images","alt","caption","tag","shortcode","named","columns","linkTo","link","isMatch","files","length","file","indexOf","block","to","index"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { filter, every, toString } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { createBlobURL } from '@wordpress/blob';\n\n/**\n * Internal dependencies\n */\nimport { pickRelevantMediaFiles } from './shared';\nimport { LINK_DESTINATION_ATTACHMENT } from './constants';\n\nconst parseShortcodeIds = ( ids ) => {\n\tif ( ! ids ) {\n\t\treturn [];\n\t}\n\n\treturn ids.split( ',' ).map( ( id ) => parseInt( id, 10 ) );\n};\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/image' ],\n\t\t\ttransform: ( attributes ) => {\n\t\t\t\t// Init the align and size from the first item which may be either the placeholder or an image.\n\t\t\t\tlet { align, sizeSlug } = attributes[ 0 ];\n\t\t\t\t// Loop through all the images and check if they have the same align and size.\n\t\t\t\talign = every( attributes, [ 'align', align ] )\n\t\t\t\t\t? align\n\t\t\t\t\t: undefined;\n\t\t\t\tsizeSlug = every( attributes, [ 'sizeSlug', sizeSlug ] )\n\t\t\t\t\t? sizeSlug\n\t\t\t\t\t: undefined;\n\n\t\t\t\tconst validImages = filter( attributes, ( { url } ) => url );\n\n\t\t\t\treturn createBlock( 'core/gallery', {\n\t\t\t\t\timages: validImages.map(\n\t\t\t\t\t\t( { id, url, alt, caption } ) => ( {\n\t\t\t\t\t\t\tid: toString( id ),\n\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\tcaption,\n\t\t\t\t\t\t} )\n\t\t\t\t\t),\n\t\t\t\t\tids: validImages.map( ( { id } ) => parseInt( id, 10 ) ),\n\t\t\t\t\talign,\n\t\t\t\t\tsizeSlug,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'shortcode',\n\t\t\ttag: 'gallery',\n\t\t\tattributes: {\n\t\t\t\timages: {\n\t\t\t\t\ttype: 'array',\n\t\t\t\t\tshortcode: ( { named: { ids } } ) => {\n\t\t\t\t\t\treturn parseShortcodeIds( ids ).map( ( id ) => ( {\n\t\t\t\t\t\t\tid: toString( id ),\n\t\t\t\t\t\t} ) );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tids: {\n\t\t\t\t\ttype: 'array',\n\t\t\t\t\tshortcode: ( { named: { ids } } ) => {\n\t\t\t\t\t\treturn parseShortcodeIds( ids );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tcolumns: {\n\t\t\t\t\ttype: 'number',\n\t\t\t\t\tshortcode: ( { named: { columns = '3' } } ) => {\n\t\t\t\t\t\treturn parseInt( columns, 10 );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlinkTo: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( {\n\t\t\t\t\t\tnamed: { link = LINK_DESTINATION_ATTACHMENT },\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\treturn link;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\tisMatch( { named } ) {\n\t\t\t\treturn undefined !== named.ids;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\t// When created by drag and dropping multiple files on an insertion point\n\t\t\ttype: 'files',\n\t\t\tisMatch( files ) {\n\t\t\t\treturn (\n\t\t\t\t\tfiles.length !== 1 &&\n\t\t\t\t\tevery(\n\t\t\t\t\t\tfiles,\n\t\t\t\t\t\t( file ) => file.type.indexOf( 'image/' ) === 0\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform( files ) {\n\t\t\t\tconst block = createBlock( 'core/gallery', {\n\t\t\t\t\timages: files.map( ( file ) =>\n\t\t\t\t\t\tpickRelevantMediaFiles( {\n\t\t\t\t\t\t\turl: createBlobURL( file ),\n\t\t\t\t\t\t} )\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t\t\treturn block;\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/image' ],\n\t\t\ttransform: ( { images, align, sizeSlug, ids } ) => {\n\t\t\t\tif ( images.length > 0 ) {\n\t\t\t\t\treturn images.map( ( { url, alt, caption }, index ) =>\n\t\t\t\t\t\tcreateBlock( 'core/image', {\n\t\t\t\t\t\t\tid: ids[ index ],\n\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\tcaption,\n\t\t\t\t\t\t\talign,\n\t\t\t\t\t\t\tsizeSlug,\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn createBlock( 'core/image', { align } );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/gallery/transforms.js"],"names":["filter","every","toString","createBlock","createBlobURL","select","store","blockEditorStore","addFilter","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","DEPRECATED_LINK_DESTINATION_ATTACHMENT","DEPRECATED_LINK_DESTINATION_MEDIA","pickRelevantMediaFiles","parseShortcodeIds","ids","split","map","id","parseInt","updateThirdPartyTransformToGallery","block","settings","getSettings","__unstableGalleryWithImageBlocks","name","attributes","images","length","innerBlocks","url","alt","sizeSlug","linkDestination","updateThirdPartyTransformFromGallery","toBlock","fromBlocks","from","Array","isArray","galleryBlock","find","transformedBlock","includes","transforms","type","isMultiBlock","blocks","transform","align","undefined","validImages","image","caption","tag","shortcode","named","shortCodeTransforms","columns","linkTo","link","isMatch","priority","files","file","indexOf","to","imageSizeSlug","index"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { filter, every, toString } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { createBlobURL } from '@wordpress/blob';\nimport { select } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addFilter } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_NONE,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\nimport {\n\tLINK_DESTINATION_ATTACHMENT as DEPRECATED_LINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA as DEPRECATED_LINK_DESTINATION_MEDIA,\n} from './v1/constants';\nimport { pickRelevantMediaFiles } from './shared';\n\nconst parseShortcodeIds = ( ids ) => {\n\tif ( ! ids ) {\n\t\treturn [];\n\t}\n\n\treturn ids.split( ',' ).map( ( id ) => parseInt( id, 10 ) );\n};\n\n/**\n * Third party block plugins don't have an easy way to detect if the\n * innerBlocks version of the Gallery is running when they run a\n * 3rdPartyBlock -> GalleryBlock transform so this tranform filter\n * will handle this. Once the innerBlocks version is the default\n * in a core release, this could be deprecated and removed after\n * plugin authors have been given time to update transforms.\n *\n * @typedef  {Object} Attributes\n * @typedef  {Object} Block\n * @property {Attributes} attributes The attributes of the block.\n * @param    {Block}      block      The transformed block.\n * @return   {Block}                 The transformed block.\n */\nfunction updateThirdPartyTransformToGallery( block ) {\n\tconst settings = select( blockEditorStore ).getSettings();\n\tif (\n\t\tsettings.__unstableGalleryWithImageBlocks &&\n\t\tblock.name === 'core/gallery' &&\n\t\tblock.attributes?.images.length > 0\n\t) {\n\t\tconst innerBlocks = block.attributes.images.map(\n\t\t\t( { url, id, alt } ) => {\n\t\t\t\treturn createBlock( 'core/image', {\n\t\t\t\t\turl,\n\t\t\t\t\tid: id ? parseInt( id, 10 ) : null,\n\t\t\t\t\talt,\n\t\t\t\t\tsizeSlug: block.attributes.sizeSlug,\n\t\t\t\t\tlinkDestination: block.attributes.linkDestination,\n\t\t\t\t} );\n\t\t\t}\n\t\t);\n\n\t\tdelete block.attributes.ids;\n\t\tdelete block.attributes.images;\n\t\tblock.innerBlocks = innerBlocks;\n\t}\n\n\treturn block;\n}\naddFilter(\n\t'blocks.switchToBlockType.transformedBlock',\n\t'core/gallery/update-third-party-transform-to',\n\tupdateThirdPartyTransformToGallery\n);\n\n/**\n * Third party block plugins don't have an easy way to detect if the\n * innerBlocks version of the Gallery is running when they run a\n * GalleryBlock -> 3rdPartyBlock transform so this transform filter\n * will handle this. Once the innerBlocks version is the default\n * in a core release, this could be deprecated and removed after\n * plugin authors have been given time to update transforms.\n *\n * @typedef  {Object} Attributes\n * @typedef  {Object} Block\n * @property {Attributes} attributes The attributes of the block.\n * @param    {Block}      toBlock    The block to transform to.\n * @param    {Block[]}    fromBlocks The blocks to transform from.\n * @return   {Block}                 The transformed block.\n */\nfunction updateThirdPartyTransformFromGallery( toBlock, fromBlocks ) {\n\tconst from = Array.isArray( fromBlocks ) ? fromBlocks : [ fromBlocks ];\n\tconst galleryBlock = from.find(\n\t\t( transformedBlock ) =>\n\t\t\ttransformedBlock.name === 'core/gallery' &&\n\t\t\ttransformedBlock.innerBlocks.length > 0 &&\n\t\t\t! transformedBlock.attributes.images?.length > 0 &&\n\t\t\t! toBlock.name.includes( 'core/' )\n\t);\n\n\tif ( galleryBlock ) {\n\t\tconst images = galleryBlock.innerBlocks.map(\n\t\t\t( { attributes: { url, id, alt } } ) => ( {\n\t\t\t\turl,\n\t\t\t\tid: id ? parseInt( id, 10 ) : null,\n\t\t\t\talt,\n\t\t\t} )\n\t\t);\n\t\tconst ids = images.map( ( { id } ) => id );\n\t\tgalleryBlock.attributes.images = images;\n\t\tgalleryBlock.attributes.ids = ids;\n\t}\n\n\treturn toBlock;\n}\naddFilter(\n\t'blocks.switchToBlockType.transformedBlock',\n\t'core/gallery/update-third-party-transform-from',\n\tupdateThirdPartyTransformFromGallery\n);\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/image' ],\n\t\t\ttransform: ( attributes ) => {\n\t\t\t\t// Init the align and size from the first item which may be either the placeholder or an image.\n\t\t\t\tlet { align, sizeSlug } = attributes[ 0 ];\n\t\t\t\t// Loop through all the images and check if they have the same align and size.\n\t\t\t\talign = every( attributes, [ 'align', align ] )\n\t\t\t\t\t? align\n\t\t\t\t\t: undefined;\n\t\t\t\tsizeSlug = every( attributes, [ 'sizeSlug', sizeSlug ] )\n\t\t\t\t\t? sizeSlug\n\t\t\t\t\t: undefined;\n\n\t\t\t\tconst validImages = filter( attributes, ( { url } ) => url );\n\n\t\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\t\tif ( settings.__unstableGalleryWithImageBlocks ) {\n\t\t\t\t\tconst innerBlocks = validImages.map( ( image ) => {\n\t\t\t\t\t\treturn createBlock( 'core/image', image );\n\t\t\t\t\t} );\n\n\t\t\t\t\treturn createBlock(\n\t\t\t\t\t\t'core/gallery',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\talign,\n\t\t\t\t\t\t\tsizeSlug,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tinnerBlocks\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn createBlock( 'core/gallery', {\n\t\t\t\t\timages: validImages.map(\n\t\t\t\t\t\t( { id, url, alt, caption } ) => ( {\n\t\t\t\t\t\t\tid: toString( id ),\n\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\tcaption,\n\t\t\t\t\t\t} )\n\t\t\t\t\t),\n\t\t\t\t\tids: validImages.map( ( { id } ) => parseInt( id, 10 ) ),\n\t\t\t\t\talign,\n\t\t\t\t\tsizeSlug,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'shortcode',\n\t\t\ttag: 'gallery',\n\n\t\t\tattributes: {\n\t\t\t\timages: {\n\t\t\t\t\ttype: 'array',\n\t\t\t\t\tshortcode: ( { named: { ids } } ) => {\n\t\t\t\t\t\tconst settings = select(\n\t\t\t\t\t\t\tblockEditorStore\n\t\t\t\t\t\t).getSettings();\n\t\t\t\t\t\tif ( ! settings.__unstableGalleryWithImageBlocks ) {\n\t\t\t\t\t\t\treturn parseShortcodeIds( ids ).map( ( id ) => ( {\n\t\t\t\t\t\t\t\tid: toString( id ),\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},\n\t\t\t\tids: {\n\t\t\t\t\ttype: 'array',\n\t\t\t\t\tshortcode: ( { named: { ids } } ) => {\n\t\t\t\t\t\tconst settings = select(\n\t\t\t\t\t\t\tblockEditorStore\n\t\t\t\t\t\t).getSettings();\n\t\t\t\t\t\tif ( ! settings.__unstableGalleryWithImageBlocks ) {\n\t\t\t\t\t\t\treturn parseShortcodeIds( ids );\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tshortCodeTransforms: {\n\t\t\t\t\ttype: 'array',\n\t\t\t\t\tshortcode: ( { named: { ids } } ) => {\n\t\t\t\t\t\tconst settings = select(\n\t\t\t\t\t\t\tblockEditorStore\n\t\t\t\t\t\t).getSettings();\n\t\t\t\t\t\tif ( settings.__unstableGalleryWithImageBlocks ) {\n\t\t\t\t\t\t\treturn parseShortcodeIds( ids ).map( ( id ) => ( {\n\t\t\t\t\t\t\t\tid: parseInt( id ),\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},\n\t\t\t\tcolumns: {\n\t\t\t\t\ttype: 'number',\n\t\t\t\t\tshortcode: ( { named: { columns = '3' } } ) => {\n\t\t\t\t\t\treturn parseInt( columns, 10 );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlinkTo: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { link } } ) => {\n\t\t\t\t\t\tconst settings = select(\n\t\t\t\t\t\t\tblockEditorStore\n\t\t\t\t\t\t).getSettings();\n\t\t\t\t\t\tif ( ! settings.__unstableGalleryWithImageBlocks ) {\n\t\t\t\t\t\t\tswitch ( link ) {\n\t\t\t\t\t\t\t\tcase 'post':\n\t\t\t\t\t\t\t\t\treturn DEPRECATED_LINK_DESTINATION_ATTACHMENT;\n\t\t\t\t\t\t\t\tcase 'file':\n\t\t\t\t\t\t\t\t\treturn DEPRECATED_LINK_DESTINATION_MEDIA;\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn DEPRECATED_LINK_DESTINATION_ATTACHMENT;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tswitch ( link ) {\n\t\t\t\t\t\t\tcase 'post':\n\t\t\t\t\t\t\t\treturn LINK_DESTINATION_ATTACHMENT;\n\t\t\t\t\t\t\tcase 'file':\n\t\t\t\t\t\t\t\treturn LINK_DESTINATION_MEDIA;\n\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\treturn LINK_DESTINATION_NONE;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\tisMatch( { named } ) {\n\t\t\t\treturn undefined !== named.ids;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\t// When created by drag and dropping multiple files on an insertion point. Because multiple\n\t\t\t// files must not be transformed to a gallery when dropped within a gallery there is another transform\n\t\t\t// within the image block to handle that case. Therefore this transform has to have priority 1\n\t\t\t// set so that it overrrides the image block transformation when mulitple images are dropped outside\n\t\t\t// of a gallery block.\n\t\t\ttype: 'files',\n\t\t\tpriority: 1,\n\t\t\tisMatch( files ) {\n\t\t\t\treturn (\n\t\t\t\t\tfiles.length !== 1 &&\n\t\t\t\t\tevery(\n\t\t\t\t\t\tfiles,\n\t\t\t\t\t\t( file ) => file.type.indexOf( 'image/' ) === 0\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform( files ) {\n\t\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\t\tif ( settings.__unstableGalleryWithImageBlocks ) {\n\t\t\t\t\tconst innerBlocks = files.map( ( file ) =>\n\t\t\t\t\t\tcreateBlock( 'core/image', {\n\t\t\t\t\t\t\turl: createBlobURL( file ),\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\n\t\t\t\t\treturn createBlock( 'core/gallery', {}, innerBlocks );\n\t\t\t\t}\n\t\t\t\tconst block = createBlock( 'core/gallery', {\n\t\t\t\t\timages: files.map( ( file ) =>\n\t\t\t\t\t\tpickRelevantMediaFiles( {\n\t\t\t\t\t\t\turl: createBlobURL( file ),\n\t\t\t\t\t\t} )\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t\t\treturn block;\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/image' ],\n\t\t\ttransform: ( { align, images, ids, sizeSlug }, innerBlocks ) => {\n\t\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\t\tif ( settings.__unstableGalleryWithImageBlocks ) {\n\t\t\t\t\tif ( innerBlocks.length > 0 ) {\n\t\t\t\t\t\treturn innerBlocks.map(\n\t\t\t\t\t\t\t( {\n\t\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\t\t\tcaption,\n\t\t\t\t\t\t\t\t\timageSizeSlug,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} ) =>\n\t\t\t\t\t\t\t\tcreateBlock( 'core/image', {\n\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\t\t\tcaption,\n\t\t\t\t\t\t\t\t\tsizeSlug: imageSizeSlug,\n\t\t\t\t\t\t\t\t\talign,\n\t\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\treturn createBlock( 'core/image', { align } );\n\t\t\t\t}\n\t\t\t\tif ( images.length > 0 ) {\n\t\t\t\t\treturn images.map( ( { url, alt, caption }, index ) =>\n\t\t\t\t\t\tcreateBlock( 'core/image', {\n\t\t\t\t\t\t\tid: ids[ index ],\n\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\tcaption,\n\t\t\t\t\t\t\talign,\n\t\t\t\t\t\t\tsizeSlug,\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn createBlock( 'core/image', { align } );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}

package/build-module/gallery/use-get-media.js

@@ -0,0 +1,48 @@
+/**
+ * WordPress dependencies
+ */
+import { useState } from '@wordpress/element';
+import { useSelect } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+/**
+ * Retrieves the extended media info for each gallery image from the store. This is used to
+ * determine which image size options are available for the current gallery.
+ *
+ * @param {Array} innerBlockImages An array of the innerBlock images currently in the gallery.
+ *
+ * @return {Array} An array of media info options for each gallery image.
+ */
+
+export default function useGetMedia(innerBlockImages) {
+  const [currentImageMedia, setCurrentImageMedia] = useState([]);
+  const imageMedia = useSelect(select => {
+    if (!(innerBlockImages !== null && innerBlockImages !== void 0 && innerBlockImages.length)) {
+      return currentImageMedia;
+    }
+
+    const imageIds = innerBlockImages.map(imageBlock => imageBlock.attributes.id).filter(id => id !== undefined);
+
+    if (imageIds.length === 0) {
+      return currentImageMedia;
+    }
+
+    const getMedia = select(coreStore).getMedia;
+    const newImageMedia = imageIds.map(img => {
+      return getMedia(img);
+    });
+
+    if (newImageMedia.some(img => !img)) {
+      return currentImageMedia;
+    }
+
+    return newImageMedia;
+  }, [innerBlockImages]);
+
+  if ((imageMedia === null || imageMedia === void 0 ? void 0 : imageMedia.length) !== currentImageMedia.length || imageMedia.some(newImage => !currentImageMedia.find(currentImage => currentImage.id === newImage.id))) {
+    setCurrentImageMedia(imageMedia);
+    return imageMedia;
+  }
+
+  return currentImageMedia;
+}
+//# sourceMappingURL=use-get-media.js.map

package/build-module/gallery/use-get-media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/use-get-media.js"],"names":["useState","useSelect","store","coreStore","useGetMedia","innerBlockImages","currentImageMedia","setCurrentImageMedia","imageMedia","select","length","imageIds","map","imageBlock","attributes","id","filter","undefined","getMedia","newImageMedia","img","some","newImage","find","currentImage"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,oBAAzB;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,WAAT,CAAsBC,gBAAtB,EAAyC;AACvD,QAAM,CAAEC,iBAAF,EAAqBC,oBAArB,IAA8CP,QAAQ,CAAE,EAAF,CAA5D;AAEA,QAAMQ,UAAU,GAAGP,SAAS,CACzBQ,MAAF,IAAc;AACb,QAAK,EAAEJ,gBAAF,aAAEA,gBAAF,eAAEA,gBAAgB,CAAEK,MAApB,CAAL,EAAkC;AACjC,aAAOJ,iBAAP;AACA;;AAED,UAAMK,QAAQ,GAAGN,gBAAgB,CAC/BO,GADe,CACRC,UAAF,IAAkBA,UAAU,CAACC,UAAX,CAAsBC,EAD9B,EAEfC,MAFe,CAELD,EAAF,IAAUA,EAAE,KAAKE,SAFV,CAAjB;;AAIA,QAAKN,QAAQ,CAACD,MAAT,KAAoB,CAAzB,EAA6B;AAC5B,aAAOJ,iBAAP;AACA;;AACD,UAAMY,QAAQ,GAAGT,MAAM,CAAEN,SAAF,CAAN,CAAoBe,QAArC;AACA,UAAMC,aAAa,GAAGR,QAAQ,CAACC,GAAT,CAAgBQ,GAAF,IAAW;AAC9C,aAAOF,QAAQ,CAAEE,GAAF,CAAf;AACA,KAFqB,CAAtB;;AAIA,QAAKD,aAAa,CAACE,IAAd,CAAsBD,GAAF,IAAW,CAAEA,GAAjC,CAAL,EAA8C;AAC7C,aAAOd,iBAAP;AACA;;AAED,WAAOa,aAAP;AACA,GAvB0B,EAwB3B,CAAEd,gBAAF,CAxB2B,CAA5B;;AA2BA,MACC,CAAAG,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEE,MAAZ,MAAuBJ,iBAAiB,CAACI,MAAzC,IACAF,UAAU,CAACa,IAAX,CACGC,QAAF,IACC,CAAEhB,iBAAiB,CAACiB,IAAlB,CACCC,YAAF,IAAoBA,YAAY,CAACT,EAAb,KAAoBO,QAAQ,CAACP,EADhD,CAFJ,CAFD,EAQE;AACDR,IAAAA,oBAAoB,CAAEC,UAAF,CAApB;AACA,WAAOA,UAAP;AACA;;AACD,SAAOF,iBAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Retrieves the extended media info for each gallery image from the store. This is used to\n * determine which image size options are available for the current gallery.\n *\n * @param {Array} innerBlockImages An array of the innerBlock images currently in the gallery.\n *\n * @return {Array} An array of media info options for each gallery image.\n */\nexport default function useGetMedia( innerBlockImages ) {\n\tconst [ currentImageMedia, setCurrentImageMedia ] = useState( [] );\n\n\tconst imageMedia = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! innerBlockImages?.length ) {\n\t\t\t\treturn currentImageMedia;\n\t\t\t}\n\n\t\t\tconst imageIds = innerBlockImages\n\t\t\t\t.map( ( imageBlock ) => imageBlock.attributes.id )\n\t\t\t\t.filter( ( id ) => id !== undefined );\n\n\t\t\tif ( imageIds.length === 0 ) {\n\t\t\t\treturn currentImageMedia;\n\t\t\t}\n\t\t\tconst getMedia = select( coreStore ).getMedia;\n\t\t\tconst newImageMedia = imageIds.map( ( img ) => {\n\t\t\t\treturn getMedia( img );\n\t\t\t} );\n\n\t\t\tif ( newImageMedia.some( ( img ) => ! img ) ) {\n\t\t\t\treturn currentImageMedia;\n\t\t\t}\n\n\t\t\treturn newImageMedia;\n\t\t},\n\t\t[ innerBlockImages ]\n\t);\n\n\tif (\n\t\timageMedia?.length !== currentImageMedia.length ||\n\t\timageMedia.some(\n\t\t\t( newImage ) =>\n\t\t\t\t! currentImageMedia.find(\n\t\t\t\t\t( currentImage ) => currentImage.id === newImage.id\n\t\t\t\t)\n\t\t)\n\t) {\n\t\tsetCurrentImageMedia( imageMedia );\n\t\treturn imageMedia;\n\t}\n\treturn currentImageMedia;\n}\n"]}