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

package/build/gallery/index.js

@@ -11,7 +11,7 @@ var _icons = require("@wordpress/icons");
 
 var _deprecated = _interopRequireDefault(require("./deprecated"));
 
-var _edit = _interopRequireDefault(require("./edit"));
+var _editWrapper = _interopRequireDefault(require("./edit-wrapper"));
 
 var _save = _interopRequireDefault(require("./save"));
 
@@ -84,6 +84,13 @@ const metadata = {
       },
       "default": []
     },
+    shortCodeTransforms: {
+      type: "array",
+      "default": [],
+      items: {
+        type: "object"
+      }
+    },
     columns: {
       type: "number",
       minimum: 1,
@@ -98,14 +105,30 @@ const metadata = {
       type: "boolean",
       "default": true
     },
+    fixedHeight: {
+      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",
+    fixedHeight: "fixedHeight"
+  },
   supports: {
     anchor: true,
     align: true
@@ -122,16 +145,22 @@ const settings = {
   icon: _icons.gallery,
   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: _transforms.default,
-  edit: _edit.default,
+  edit: _editWrapper.default,
   save: _save.default,
   deprecated: _deprecated.default
 };

package/build/gallery/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/index.js"],"names":["name","metadata","settings","icon","example","attributes","columns","images","url","transforms","edit","save","deprecated"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAEA;;AACA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,CADE;AAEXC,MAAAA,MAAM,EAAE,CACP;AACCC,QAAAA,GAAG,EACF;AAFF,OADO,EAKP;AACCA,QAAAA,GAAG,EACF;AAFF,OALO;AAFG;AADJ,GAFc;AAiBvBC,EAAAA,UAAU,EAAVA,mBAjBuB;AAkBvBC,EAAAA,IAAI,EAAJA,aAlBuB;AAmBvBC,EAAAA,IAAI,EAAJA,aAnBuB;AAoBvBC,EAAAA,UAAU,EAAVA;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":["name","metadata","settings","icon","example","attributes","columns","innerBlocks","url","transforms","edit","save","deprecated"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAEA;;AACA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE;AADE,KADJ;AAIRC,IAAAA,WAAW,EAAE,CACZ;AACCP,MAAAA,IAAI,EAAE,YADP;AAECK,MAAAA,UAAU,EAAE;AACXG,QAAAA,GAAG,EACF;AAFU;AAFb,KADY,EAQZ;AACCR,MAAAA,IAAI,EAAE,YADP;AAECK,MAAAA,UAAU,EAAE;AACXG,QAAAA,GAAG,EACF;AAFU;AAFb,KARY;AAJL,GAFc;AAuBvBC,EAAAA,UAAU,EAAVA,mBAvBuB;AAwBvBC,EAAAA,IAAI,EAAJA,oBAxBuB;AAyBvBC,EAAAA,IAAI,EAAJA,aAzBuB;AA0BvBC,EAAAA,UAAU,EAAVA;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/gallery/save.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = save;
+exports.default = saveWithInnerBlocks;
 
 var _element = require("@wordpress/element");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _blockEditor = require("@wordpress/block-editor");
 
-var _shared = require("./shared");
+var _save = _interopRequireDefault(require("./v1/save"));
 
-var _constants = require("./constants");
+/**
+ * External dependencies
+ */
 
 /**
  * WordPress dependencies
@@ -20,53 +26,35 @@ var _constants = require("./constants");
 /**
  * Internal dependencies
  */
-function save({
+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 (0, _save.default)({
+      attributes
+    });
+  }
+
   const {
-    images,
-    columns = (0, _shared.defaultColumnsNumber)(attributes),
-    imageCrop,
     caption,
-    linkTo
+    columns,
+    imageCrop
   } = attributes;
-  const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
-  return (0, _element.createElement)("figure", _blockEditor.useBlockProps.save({
-    className
-  }), (0, _element.createElement)("ul", {
-    className: "blocks-gallery-grid"
-  }, images.map(image => {
-    let href;
+  const className = (0, _classnames.default)('has-nested-images', {
+    [`columns-${columns}`]: columns !== undefined,
+    [`columns-default`]: columns === undefined,
+    'is-cropped': imageCrop
+  });
 
-    switch (linkTo) {
-      case _constants.LINK_DESTINATION_MEDIA:
-        href = image.fullUrl || image.url;
-        break;
+  const blockProps = _blockEditor.useBlockProps.save({
+    className
+  });
 
-      case _constants.LINK_DESTINATION_ATTACHMENT:
-        href = image.link;
-        break;
-    }
+  const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
 
-    const img = (0, _element.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 (0, _element.createElement)("li", {
-      key: image.id || image.url,
-      className: "blocks-gallery-item"
-    }, (0, _element.createElement)("figure", null, href ? (0, _element.createElement)("a", {
-      href: href
-    }, img) : img, !_blockEditor.RichText.isEmpty(image.caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
-      tagName: "figcaption",
-      className: "blocks-gallery-item__caption",
-      value: image.caption
-    })));
-  })), !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+  return (0, _element.createElement)("figure", innerBlocksProps, innerBlocksProps.children, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
     tagName: "figcaption",
     className: "blocks-gallery-caption",
     value: caption

package/build/gallery/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/save.js"],"names":["save","attributes","images","columns","imageCrop","caption","linkTo","className","useBlockProps","map","image","href","LINK_DESTINATION_MEDIA","fullUrl","url","LINK_DESTINATION_ATTACHMENT","link","img","alt","id","RichText","isEmpty"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAOe,SAASA,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,QAAM;AACLC,IAAAA,MADK;AAELC,IAAAA,OAAO,GAAG,kCAAsBF,UAAtB,CAFL;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,sCAAaI,2BAAcR,IAAd,CAAoB;AAAEO,IAAAA;AAAF,GAApB,CAAb,EACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGL,MAAM,CAACO,GAAP,CAAcC,KAAF,IAAa;AAC1B,QAAIC,IAAJ;;AAEA,YAASL,MAAT;AACC,WAAKM,iCAAL;AACCD,QAAAA,IAAI,GAAGD,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACI,GAA9B;AACA;;AACD,WAAKC,sCAAL;AACCJ,QAAAA,IAAI,GAAGD,KAAK,CAACM,IAAb;AACA;AANF;;AASA,UAAMC,GAAG,GACR;AACC,MAAA,GAAG,EAAGP,KAAK,CAACI,GADb;AAEC,MAAA,GAAG,EAAGJ,KAAK,CAACQ,GAFb;AAGC,iBAAUR,KAAK,CAACS,EAHjB;AAIC,uBAAgBT,KAAK,CAACG,OAJvB;AAKC,mBAAYH,KAAK,CAACM,IALnB;AAMC,MAAA,SAAS,EACRN,KAAK,CAACS,EAAN,GAAY,YAAYT,KAAK,CAACS,EAAI,EAAlC,GAAsC;AAPxC,MADD;AAaA,WACC;AACC,MAAA,GAAG,EAAGT,KAAK,CAACS,EAAN,IAAYT,KAAK,CAACI,GADzB;AAEC,MAAA,SAAS,EAAC;AAFX,OAIC,4CACGH,IAAI,GAAG;AAAG,MAAA,IAAI,EAAGA;AAAV,OAAmBM,GAAnB,CAAH,GAAkCA,GADzC,EAEG,CAAEG,sBAASC,OAAT,CAAkBX,KAAK,CAACL,OAAxB,CAAF,IACD,4BAAC,qBAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,SAAS,EAAC,8BAFX;AAGC,MAAA,KAAK,EAAGK,KAAK,CAACL;AAHf,MAHF,CAJD,CADD;AAiBA,GA1CC,CADH,CADD,EA8CG,CAAEe,sBAASC,OAAT,CAAkBhB,OAAlB,CAAF,IACD,4BAAC,qBAAD,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":["saveWithInnerBlocks","attributes","ids","length","images","caption","columns","imageCrop","className","undefined","blockProps","useBlockProps","save","innerBlocksProps","useInnerBlocksProps","children","RichText","isEmpty"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AASA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAGe,SAASA,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,WAAO,mBAAwB;AAAEF,MAAAA;AAAF,KAAxB,CAAP;AACA;;AAED,QAAM;AAAEI,IAAAA,OAAF;AAAWC,IAAAA,OAAX;AAAoBC,IAAAA;AAApB,MAAkCN,UAAxC;AAEA,QAAMO,SAAS,GAAG,yBAAY,mBAAZ,EAAiC;AAClD,KAAG,WAAWF,OAAS,EAAvB,GAA4BA,OAAO,KAAKG,SADU;AAElD,KAAG,iBAAH,GAAuBH,OAAO,KAAKG,SAFe;AAGlD,kBAAcF;AAHoC,GAAjC,CAAlB;;AAKA,QAAMG,UAAU,GAAGC,2BAAcC,IAAd,CAAoB;AAAEJ,IAAAA;AAAF,GAApB,CAAnB;;AACA,QAAMK,gBAAgB,GAAGC,iCAAoBF,IAApB,CAA0BF,UAA1B,CAAzB;;AAEA,SACC,sCAAaG,gBAAb,EACGA,gBAAgB,CAACE,QADpB,EAEG,CAAEC,sBAASC,OAAT,CAAkBZ,OAAlB,CAAF,IACD,4BAAC,qBAAD,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 {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n} 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\tconst blockProps = useBlockProps.save( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn (\n\t\t<figure { ...innerBlocksProps }>\n\t\t\t{ innerBlocksProps.children }\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/gallery/shared.js

@@ -11,8 +11,8 @@ var _lodash = require("lodash");
 /**
  * External dependencies
  */
-function defaultColumnsNumber(attributes) {
-  return Math.min(3, attributes.images.length);
+function defaultColumnsNumber(imageCount) {
+  return imageCount ? Math.min(3, imageCount) : 3;
 }
 
 const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {

package/build/gallery/shared.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/shared.js"],"names":["defaultColumnsNumber","attributes","Math","min","images","length","pickRelevantMediaFiles","image","sizeSlug","imageProps","url","fullUrl"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,SAASA,oBAAT,CAA+BC,UAA/B,EAA4C;AAClD,SAAOC,IAAI,CAACC,GAAL,CAAU,CAAV,EAAaF,UAAU,CAACG,MAAX,CAAkBC,MAA/B,CAAP;AACA;;AAEM,MAAMC,sBAAsB,GAAG,CAAEC,KAAF,EAASC,QAAQ,GAAG,OAApB,KAAiC;AACtE,QAAMC,UAAU,GAAG,kBAAMF,KAAN,EAAa,CAAE,KAAF,EAAS,IAAT,EAAe,MAAf,EAAuB,SAAvB,CAAb,CAAnB;AACAE,EAAAA,UAAU,CAACC,GAAX,GACC,iBAAKH,KAAL,EAAY,CAAE,OAAF,EAAWC,QAAX,EAAqB,KAArB,CAAZ,KACA,iBAAKD,KAAL,EAAY,CAAE,eAAF,EAAmB,OAAnB,EAA4BC,QAA5B,EAAsC,YAAtC,CAAZ,CADA,IAEAD,KAAK,CAACG,GAHP;AAIA,QAAMC,OAAO,GACZ,iBAAKJ,KAAL,EAAY,CAAE,OAAF,EAAW,MAAX,EAAmB,KAAnB,CAAZ,KACA,iBAAKA,KAAL,EAAY,CAAE,eAAF,EAAmB,OAAnB,EAA4B,MAA5B,EAAoC,YAApC,CAAZ,CAFD;;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":["defaultColumnsNumber","imageCount","Math","min","pickRelevantMediaFiles","image","sizeSlug","imageProps","url","fullUrl"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,SAASA,oBAAT,CAA+BC,UAA/B,EAA4C;AAClD,SAAOA,UAAU,GAAGC,IAAI,CAACC,GAAL,CAAU,CAAV,EAAaF,UAAb,CAAH,GAA+B,CAAhD;AACA;;AAEM,MAAMG,sBAAsB,GAAG,CAAEC,KAAF,EAASC,QAAQ,GAAG,OAApB,KAAiC;AACtE,QAAMC,UAAU,GAAG,kBAAMF,KAAN,EAAa,CAAE,KAAF,EAAS,IAAT,EAAe,MAAf,EAAuB,SAAvB,CAAb,CAAnB;AACAE,EAAAA,UAAU,CAACC,GAAX,GACC,iBAAKH,KAAL,EAAY,CAAE,OAAF,EAAWC,QAAX,EAAqB,KAArB,CAAZ,KACA,iBAAKD,KAAL,EAAY,CAAE,eAAF,EAAmB,OAAnB,EAA4BC,QAA5B,EAAsC,YAAtC,CAAZ,CADA,IAEAD,KAAK,CAACG,GAHP;AAIA,QAAMC,OAAO,GACZ,iBAAKJ,KAAL,EAAY,CAAE,OAAF,EAAW,MAAX,EAAmB,KAAnB,CAAZ,KACA,iBAAKA,KAAL,EAAY,CAAE,eAAF,EAAmB,OAAnB,EAA4B,MAA5B,EAAoC,YAApC,CAAZ,CAFD;;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( 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\treturn imageProps;\n};\n"]}

package/build/gallery/transforms.js

@@ -11,10 +11,18 @@ var _blocks = require("@wordpress/blocks");
 
 var _blob = require("@wordpress/blob");
 
-var _shared = require("./shared");
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _hooks = require("@wordpress/hooks");
 
 var _constants = require("./constants");
 
+var _constants2 = require("./v1/constants");
+
+var _shared = require("./shared");
+
 /**
  * External dependencies
  */
@@ -33,7 +41,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 = (0, _data.select)(_blockEditor.store).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 (0, _blocks.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;
+}
 
+(0, _hooks.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;
+}
+
+(0, _hooks.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/gallery/update-third-party-transform-from', updateThirdPartyTransformFromGallery);
 const transforms = {
   from: [{
     type: 'block',
@@ -51,6 +149,18 @@ const transforms = {
       const validImages = (0, _lodash.filter)(attributes, ({
         url
       }) => url);
+      const settings = (0, _data.select)(_blockEditor.store).getSettings();
+
+      if (settings.__unstableGalleryWithImageBlocks) {
+        const innerBlocks = validImages.map(image => {
+          return (0, _blocks.createBlock)('core/image', image);
+        });
+        return (0, _blocks.createBlock)('core/gallery', {
+          align,
+          sizeSlug
+        }, innerBlocks);
+      }
+
       return (0, _blocks.createBlock)('core/gallery', {
         images: validImages.map(({
           id,
@@ -81,9 +191,13 @@ const transforms = {
             ids
           }
         }) => {
-          return parseShortcodeIds(ids).map(id => ({
-            id: (0, _lodash.toString)(id)
-          }));
+          const settings = (0, _data.select)(_blockEditor.store).getSettings();
+
+          if (!settings.__unstableGalleryWithImageBlocks) {
+            return parseShortcodeIds(ids).map(id => ({
+              id: (0, _lodash.toString)(id)
+            }));
+          }
         }
       },
       ids: {
@@ -93,7 +207,27 @@ const transforms = {
             ids
           }
         }) => {
-          return parseShortcodeIds(ids);
+          const settings = (0, _data.select)(_blockEditor.store).getSettings();
+
+          if (!settings.__unstableGalleryWithImageBlocks) {
+            return parseShortcodeIds(ids);
+          }
+        }
+      },
+      shortCodeTransforms: {
+        type: 'array',
+        shortcode: ({
+          named: {
+            ids
+          }
+        }) => {
+          const settings = (0, _data.select)(_blockEditor.store).getSettings();
+
+          if (settings.__unstableGalleryWithImageBlocks) {
+            return parseShortcodeIds(ids).map(id => ({
+              id: parseInt(id)
+            }));
+          }
         }
       },
       columns: {
@@ -110,10 +244,34 @@ const transforms = {
         type: 'string',
         shortcode: ({
           named: {
-            link = _constants.LINK_DESTINATION_ATTACHMENT
+            link
           }
         }) => {
-          return link;
+          const settings = (0, _data.select)(_blockEditor.store).getSettings();
+
+          if (!settings.__unstableGalleryWithImageBlocks) {
+            switch (link) {
+              case 'post':
+                return _constants2.LINK_DESTINATION_ATTACHMENT;
+
+              case 'file':
+                return _constants2.LINK_DESTINATION_MEDIA;
+
+              default:
+                return _constants2.LINK_DESTINATION_ATTACHMENT;
+            }
+          }
+
+          switch (link) {
+            case 'post':
+              return _constants.LINK_DESTINATION_ATTACHMENT;
+
+            case 'file':
+              return _constants.LINK_DESTINATION_MEDIA;
+
+            default:
+              return _constants.LINK_DESTINATION_NONE;
+          }
         }
       }
     },
@@ -125,14 +283,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 && (0, _lodash.every)(files, file => file.type.indexOf('image/') === 0);
     },
 
     transform(files) {
+      const settings = (0, _data.select)(_blockEditor.store).getSettings();
+
+      if (settings.__unstableGalleryWithImageBlocks) {
+        const innerBlocks = files.map(file => (0, _blocks.createBlock)('core/image', {
+          url: (0, _blob.createBlobURL)(file)
+        }));
+        return (0, _blocks.createBlock)('core/gallery', {}, innerBlocks);
+      }
+
       const block = (0, _blocks.createBlock)('core/gallery', {
         images: files.map(file => (0, _shared.pickRelevantMediaFiles)({
           url: (0, _blob.createBlobURL)(file)
@@ -146,11 +318,38 @@ const transforms = {
     type: 'block',
     blocks: ['core/image'],
     transform: ({
-      images,
       align,
-      sizeSlug,
-      ids
-    }) => {
+      images,
+      ids,
+      sizeSlug
+    }, innerBlocks) => {
+      const settings = (0, _data.select)(_blockEditor.store).getSettings();
+
+      if (settings.__unstableGalleryWithImageBlocks) {
+        if (innerBlocks.length > 0) {
+          return innerBlocks.map(({
+            attributes: {
+              id,
+              url,
+              alt,
+              caption,
+              imageSizeSlug
+            }
+          }) => (0, _blocks.createBlock)('core/image', {
+            id,
+            url,
+            alt,
+            caption,
+            sizeSlug: imageSizeSlug,
+            align
+          }));
+        }
+
+        return (0, _blocks.createBlock)('core/image', {
+          align
+        });
+      }
+
       if (images.length > 0) {
         return images.map(({
           url,

package/build/gallery/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/transforms.js"],"names":["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","LINK_DESTINATION_ATTACHMENT","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":["parseShortcodeIds","ids","split","map","id","parseInt","updateThirdPartyTransformToGallery","block","settings","blockEditorStore","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","DEPRECATED_LINK_DESTINATION_ATTACHMENT","DEPRECATED_LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA","LINK_DESTINATION_NONE","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/gallery/use-get-media.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useGetMedia;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * 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.
+ */
+function useGetMedia(innerBlockImages) {
+  const [currentImageMedia, setCurrentImageMedia] = (0, _element.useState)([]);
+  const imageMedia = (0, _data.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;
+    }
+
+    return select(_coreData.store).getMediaItems({
+      include: imageIds.join(','),
+      per_page: -1
+    });
+  }, [innerBlockImages]);
+
+  if ((imageMedia === null || imageMedia === void 0 ? void 0 : imageMedia.length) !== (currentImageMedia === null || currentImageMedia === void 0 ? void 0 : currentImageMedia.length) || imageMedia !== null && imageMedia !== void 0 && imageMedia.some(newImage => !currentImageMedia.find(currentImage => currentImage.id === newImage.id))) {
+    setCurrentImageMedia(imageMedia);
+    return imageMedia;
+  }
+
+  return currentImageMedia;
+}
+//# sourceMappingURL=use-get-media.js.map