@wordpress/block-library 5.0.1 → 6.0.1

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

@@ -0,0 +1,58 @@
+"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;
+    }
+
+    const getMedia = select(_coreData.store).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/gallery/use-get-media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/use-get-media.js"],"names":["useGetMedia","innerBlockImages","currentImageMedia","setCurrentImageMedia","imageMedia","select","length","imageIds","map","imageBlock","attributes","id","filter","undefined","getMedia","coreStore","newImageMedia","img","some","newImage","find","currentImage"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,WAAT,CAAsBC,gBAAtB,EAAyC;AACvD,QAAM,CAAEC,iBAAF,EAAqBC,oBAArB,IAA8C,uBAAU,EAAV,CAApD;AAEA,QAAMC,UAAU,GAAG,qBAChBC,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,CAAEU,eAAF,CAAN,CAAoBD,QAArC;AACA,UAAME,aAAa,GAAGT,QAAQ,CAACC,GAAT,CAAgBS,GAAF,IAAW;AAC9C,aAAOH,QAAQ,CAAEG,GAAF,CAAf;AACA,KAFqB,CAAtB;;AAIA,QAAKD,aAAa,CAACE,IAAd,CAAsBD,GAAF,IAAW,CAAEA,GAAjC,CAAL,EAA8C;AAC7C,aAAOf,iBAAP;AACA;;AAED,WAAOc,aAAP;AACA,GAvBiB,EAwBlB,CAAEf,gBAAF,CAxBkB,CAAnB;;AA2BA,MACC,CAAAG,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEE,MAAZ,MAAuBJ,iBAAiB,CAACI,MAAzC,IACAF,UAAU,CAACc,IAAX,CACGC,QAAF,IACC,CAAEjB,iBAAiB,CAACkB,IAAlB,CACCC,YAAF,IAAoBA,YAAY,CAACV,EAAb,KAAoBQ,QAAQ,CAACR,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"]}

package/build/gallery/use-get-new-images.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useGetNewImages;
+
+var _element = require("@wordpress/element");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Keeps track of images already in the gallery to allow new innerBlocks to be identified. This
+ * is required so default gallery attributes can be applied without overwriting any custom
+ * attributes applied to existing images.
+ *
+ * @param {Array} images    Basic image block data taken from current gallery innerBlock
+ * @param {Array} imageData The related image data for each of the current gallery images.
+ *
+ * @return {Array} An array of any new images that have been added to the gallery.
+ */
+function useGetNewImages(images, imageData) {
+  const [currentImages, setCurrentImages] = (0, _element.useState)([]);
+  return (0, _element.useMemo)(() => getNewImages(), [images, imageData]);
+
+  function getNewImages() {
+    let imagesUpdated = false; // First lets check if any images have been deleted.
+
+    const newCurrentImages = currentImages.filter(currentImg => images.find(img => {
+      return currentImg.clientId === img.clientId;
+    }));
+
+    if (newCurrentImages.length < currentImages.length) {
+      imagesUpdated = true;
+    } // Now lets see if we have any images hydrated from saved content and if so
+    // add them to currentImages state.
+
+
+    images.forEach(image => {
+      if (image.fromSavedContent && !newCurrentImages.find(currentImage => currentImage.id === image.id)) {
+        imagesUpdated = true;
+        newCurrentImages.push(image);
+      }
+    }); // Now check for any new images that have been added to InnerBlocks and for which
+    // we have the imageData we need for setting default block attributes.
+
+    const newImages = images.filter(image => !newCurrentImages.find(currentImage => image.clientId && currentImage.clientId === image.clientId) && (imageData === null || imageData === void 0 ? void 0 : imageData.find(img => img.id === image.id)) && !image.fromSavedConent);
+
+    if (imagesUpdated || (newImages === null || newImages === void 0 ? void 0 : newImages.length) > 0) {
+      setCurrentImages([...newCurrentImages, ...newImages]);
+    }
+
+    return newImages.length > 0 ? newImages : null;
+  }
+}
+//# sourceMappingURL=use-get-new-images.js.map

package/build/gallery/use-get-new-images.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/use-get-new-images.js"],"names":["useGetNewImages","images","imageData","currentImages","setCurrentImages","getNewImages","imagesUpdated","newCurrentImages","filter","currentImg","find","img","clientId","length","forEach","image","fromSavedContent","currentImage","id","push","newImages","fromSavedConent"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,eAAT,CAA0BC,MAA1B,EAAkCC,SAAlC,EAA8C;AAC5D,QAAM,CAAEC,aAAF,EAAiBC,gBAAjB,IAAsC,uBAAU,EAAV,CAA5C;AAEA,SAAO,sBAAS,MAAMC,YAAY,EAA3B,EAA+B,CAAEJ,MAAF,EAAUC,SAAV,CAA/B,CAAP;;AAEA,WAASG,YAAT,GAAwB;AACvB,QAAIC,aAAa,GAAG,KAApB,CADuB,CAGvB;;AACA,UAAMC,gBAAgB,GAAGJ,aAAa,CAACK,MAAd,CAAwBC,UAAF,IAC9CR,MAAM,CAACS,IAAP,CAAeC,GAAF,IAAW;AACvB,aAAOF,UAAU,CAACG,QAAX,KAAwBD,GAAG,CAACC,QAAnC;AACA,KAFD,CADwB,CAAzB;;AAMA,QAAKL,gBAAgB,CAACM,MAAjB,GAA0BV,aAAa,CAACU,MAA7C,EAAsD;AACrDP,MAAAA,aAAa,GAAG,IAAhB;AACA,KAZsB,CAcvB;AACA;;;AACAL,IAAAA,MAAM,CAACa,OAAP,CAAkBC,KAAF,IAAa;AAC5B,UACCA,KAAK,CAACC,gBAAN,IACA,CAAET,gBAAgB,CAACG,IAAjB,CACCO,YAAF,IAAoBA,YAAY,CAACC,EAAb,KAAoBH,KAAK,CAACG,EAD7C,CAFH,EAKE;AACDZ,QAAAA,aAAa,GAAG,IAAhB;AACAC,QAAAA,gBAAgB,CAACY,IAAjB,CAAuBJ,KAAvB;AACA;AACD,KAVD,EAhBuB,CA4BvB;AACA;;AACA,UAAMK,SAAS,GAAGnB,MAAM,CAACO,MAAP,CACfO,KAAF,IACC,CAAER,gBAAgB,CAACG,IAAjB,CACCO,YAAF,IACCF,KAAK,CAACH,QAAN,IACAK,YAAY,CAACL,QAAb,KAA0BG,KAAK,CAACH,QAHhC,CAAF,KAKAV,SALA,aAKAA,SALA,uBAKAA,SAAS,CAAEQ,IAAX,CAAmBC,GAAF,IAAWA,GAAG,CAACO,EAAJ,KAAWH,KAAK,CAACG,EAA7C,CALA,KAMA,CAAEH,KAAK,CAACM,eARQ,CAAlB;;AAWA,QAAKf,aAAa,IAAI,CAAAc,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEP,MAAX,IAAoB,CAA1C,EAA8C;AAC7CT,MAAAA,gBAAgB,CAAE,CAAE,GAAGG,gBAAL,EAAuB,GAAGa,SAA1B,CAAF,CAAhB;AACA;;AAED,WAAOA,SAAS,CAACP,MAAV,GAAmB,CAAnB,GAAuBO,SAAvB,GAAmC,IAA1C;AACA;AACD","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\n\n/**\n * Keeps track of images already in the gallery to allow new innerBlocks to be identified. This\n * is required so default gallery attributes can be applied without overwriting any custom\n * attributes applied to existing images.\n *\n * @param {Array} images    Basic image block data taken from current gallery innerBlock\n * @param {Array} imageData The related image data for each of the current gallery images.\n *\n * @return {Array} An array of any new images that have been added to the gallery.\n */\nexport default function useGetNewImages( images, imageData ) {\n\tconst [ currentImages, setCurrentImages ] = useState( [] );\n\n\treturn useMemo( () => getNewImages(), [ images, imageData ] );\n\n\tfunction getNewImages() {\n\t\tlet imagesUpdated = false;\n\n\t\t// First lets check if any images have been deleted.\n\t\tconst newCurrentImages = currentImages.filter( ( currentImg ) =>\n\t\t\timages.find( ( img ) => {\n\t\t\t\treturn currentImg.clientId === img.clientId;\n\t\t\t} )\n\t\t);\n\n\t\tif ( newCurrentImages.length < currentImages.length ) {\n\t\t\timagesUpdated = true;\n\t\t}\n\n\t\t// Now lets see if we have any images hydrated from saved content and if so\n\t\t// add them to currentImages state.\n\t\timages.forEach( ( image ) => {\n\t\t\tif (\n\t\t\t\timage.fromSavedContent &&\n\t\t\t\t! newCurrentImages.find(\n\t\t\t\t\t( currentImage ) => currentImage.id === image.id\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\timagesUpdated = true;\n\t\t\t\tnewCurrentImages.push( image );\n\t\t\t}\n\t\t} );\n\n\t\t// Now check for any new images that have been added to InnerBlocks and for which\n\t\t// we have the imageData we need for setting default block attributes.\n\t\tconst newImages = images.filter(\n\t\t\t( image ) =>\n\t\t\t\t! newCurrentImages.find(\n\t\t\t\t\t( currentImage ) =>\n\t\t\t\t\t\timage.clientId &&\n\t\t\t\t\t\tcurrentImage.clientId === image.clientId\n\t\t\t\t) &&\n\t\t\t\timageData?.find( ( img ) => img.id === image.id ) &&\n\t\t\t\t! image.fromSavedConent\n\t\t);\n\n\t\tif ( imagesUpdated || newImages?.length > 0 ) {\n\t\t\tsetCurrentImages( [ ...newCurrentImages, ...newImages ] );\n\t\t}\n\n\t\treturn newImages.length > 0 ? newImages : null;\n\t}\n}\n"]}

package/build/gallery/use-image-sizes.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useImageSizes;
+
+var _lodash = require("lodash");
+
+var _element = require("@wordpress/element");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Calculates the image sizes that are avaible for the current gallery images in order to
+ * populate the 'Image size' selector.
+ *
+ * @param {Array}    images      Basic image block data taken from current gallery innerBlock
+ * @param {boolean}  isSelected  Is the block currently selected in the editor.
+ * @param {Function} getSettings Block editor store selector.
+ *
+ * @return {Array} An array of image size options.
+ */
+function useImageSizes(images, isSelected, getSettings) {
+  return (0, _element.useMemo)(() => getImageSizing(), [images, isSelected]);
+
+  function getImageSizing() {
+    if (!images || images.length === 0) {
+      return;
+    }
+
+    const {
+      imageSizes
+    } = getSettings();
+    let resizedImages = {};
+
+    if (isSelected) {
+      resizedImages = images.reduce((currentResizedImages, img) => {
+        if (!img.id) {
+          return currentResizedImages;
+        }
+
+        const sizes = imageSizes.reduce((currentSizes, size) => {
+          const defaultUrl = (0, _lodash.get)(img, ['sizes', size.slug, 'url']);
+          const mediaDetailsUrl = (0, _lodash.get)(img, ['media_details', 'sizes', size.slug, 'source_url']);
+          return { ...currentSizes,
+            [size.slug]: defaultUrl || mediaDetailsUrl
+          };
+        }, {});
+        return { ...currentResizedImages,
+          [parseInt(img.id, 10)]: sizes
+        };
+      }, {});
+    }
+
+    return imageSizes.filter(({
+      slug
+    }) => (0, _lodash.some)(resizedImages, sizes => sizes[slug])).map(({
+      name,
+      slug
+    }) => ({
+      value: slug,
+      label: name
+    }));
+  }
+}
+//# sourceMappingURL=use-image-sizes.js.map

package/build/gallery/use-image-sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/use-image-sizes.js"],"names":["useImageSizes","images","isSelected","getSettings","getImageSizing","length","imageSizes","resizedImages","reduce","currentResizedImages","img","id","sizes","currentSizes","size","defaultUrl","slug","mediaDetailsUrl","parseInt","filter","map","name","value","label"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,aAAT,CAAwBC,MAAxB,EAAgCC,UAAhC,EAA4CC,WAA5C,EAA0D;AACxE,SAAO,sBAAS,MAAMC,cAAc,EAA7B,EAAiC,CAAEH,MAAF,EAAUC,UAAV,CAAjC,CAAP;;AAEA,WAASE,cAAT,GAA0B;AACzB,QAAK,CAAEH,MAAF,IAAYA,MAAM,CAACI,MAAP,KAAkB,CAAnC,EAAuC;AACtC;AACA;;AACD,UAAM;AAAEC,MAAAA;AAAF,QAAiBH,WAAW,EAAlC;AACA,QAAII,aAAa,GAAG,EAApB;;AAEA,QAAKL,UAAL,EAAkB;AACjBK,MAAAA,aAAa,GAAGN,MAAM,CAACO,MAAP,CAAe,CAAEC,oBAAF,EAAwBC,GAAxB,KAAiC;AAC/D,YAAK,CAAEA,GAAG,CAACC,EAAX,EAAgB;AACf,iBAAOF,oBAAP;AACA;;AAED,cAAMG,KAAK,GAAGN,UAAU,CAACE,MAAX,CAAmB,CAAEK,YAAF,EAAgBC,IAAhB,KAA0B;AAC1D,gBAAMC,UAAU,GAAG,iBAAKL,GAAL,EAAU,CAC5B,OAD4B,EAE5BI,IAAI,CAACE,IAFuB,EAG5B,KAH4B,CAAV,CAAnB;AAKA,gBAAMC,eAAe,GAAG,iBAAKP,GAAL,EAAU,CACjC,eADiC,EAEjC,OAFiC,EAGjCI,IAAI,CAACE,IAH4B,EAIjC,YAJiC,CAAV,CAAxB;AAMA,iBAAO,EACN,GAAGH,YADG;AAEN,aAAEC,IAAI,CAACE,IAAP,GAAeD,UAAU,IAAIE;AAFvB,WAAP;AAIA,SAhBa,EAgBX,EAhBW,CAAd;AAiBA,eAAO,EACN,GAAGR,oBADG;AAEN,WAAES,QAAQ,CAAER,GAAG,CAACC,EAAN,EAAU,EAAV,CAAV,GAA4BC;AAFtB,SAAP;AAIA,OA1Be,EA0Bb,EA1Ba,CAAhB;AA2BA;;AACD,WAAON,UAAU,CACfa,MADK,CACG,CAAE;AAAEH,MAAAA;AAAF,KAAF,KACR,kBAAMT,aAAN,EAAuBK,KAAF,IAAaA,KAAK,CAAEI,IAAF,CAAvC,CAFK,EAILI,GAJK,CAIA,CAAE;AAAEC,MAAAA,IAAF;AAAQL,MAAAA;AAAR,KAAF,MAAwB;AAAEM,MAAAA,KAAK,EAAEN,IAAT;AAAeO,MAAAA,KAAK,EAAEF;AAAtB,KAAxB,CAJA,CAAP;AAKA;AACD","sourcesContent":["/**\n * External dependencies\n */\nimport { get, some } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Calculates the image sizes that are avaible for the current gallery images in order to\n * populate the 'Image size' selector.\n *\n * @param {Array}    images      Basic image block data taken from current gallery innerBlock\n * @param {boolean}  isSelected  Is the block currently selected in the editor.\n * @param {Function} getSettings Block editor store selector.\n *\n * @return {Array} An array of image size options.\n */\nexport default function useImageSizes( images, isSelected, getSettings ) {\n\treturn useMemo( () => getImageSizing(), [ images, isSelected ] );\n\n\tfunction getImageSizing() {\n\t\tif ( ! images || images.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { imageSizes } = getSettings();\n\t\tlet resizedImages = {};\n\n\t\tif ( isSelected ) {\n\t\t\tresizedImages = images.reduce( ( currentResizedImages, img ) => {\n\t\t\t\tif ( ! img.id ) {\n\t\t\t\t\treturn currentResizedImages;\n\t\t\t\t}\n\n\t\t\t\tconst sizes = imageSizes.reduce( ( currentSizes, size ) => {\n\t\t\t\t\tconst defaultUrl = get( img, [\n\t\t\t\t\t\t'sizes',\n\t\t\t\t\t\tsize.slug,\n\t\t\t\t\t\t'url',\n\t\t\t\t\t] );\n\t\t\t\t\tconst mediaDetailsUrl = get( img, [\n\t\t\t\t\t\t'media_details',\n\t\t\t\t\t\t'sizes',\n\t\t\t\t\t\tsize.slug,\n\t\t\t\t\t\t'source_url',\n\t\t\t\t\t] );\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...currentSizes,\n\t\t\t\t\t\t[ size.slug ]: defaultUrl || mediaDetailsUrl,\n\t\t\t\t\t};\n\t\t\t\t}, {} );\n\t\t\t\treturn {\n\t\t\t\t\t...currentResizedImages,\n\t\t\t\t\t[ parseInt( img.id, 10 ) ]: sizes,\n\t\t\t\t};\n\t\t\t}, {} );\n\t\t}\n\t\treturn imageSizes\n\t\t\t.filter( ( { slug } ) =>\n\t\t\t\tsome( resizedImages, ( sizes ) => sizes[ slug ] )\n\t\t\t)\n\t\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\t}\n}\n"]}

package/build/gallery/use-short-code-transform.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useShortCodeTransform;
+
+var _lodash = require("lodash");
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Shortcode transforms don't currently have a tranform method and so can't use a selector to
+ * retrieve the data for each image being transformer, so this selector handle this post transformation.
+ *
+ * @param {Array} shortCodeTransforms An array of image data passed from the shortcode transform.
+ *
+ * @return {Array} An array of extended image data objects for each of the shortcode transform images.
+ */
+function useShortCodeTransform(shortCodeTransforms) {
+  const newImageData = (0, _data.useSelect)(select => {
+    if (!shortCodeTransforms || shortCodeTransforms.length === 0) {
+      return;
+    }
+
+    const getMedia = select(_coreData.store).getMedia;
+    return shortCodeTransforms.map(image => {
+      const imageData = getMedia(image.id);
+
+      if (imageData) {
+        return {
+          id: imageData.id,
+          type: 'image',
+          url: imageData.source_url,
+          mime: imageData.mime_type,
+          alt: imageData.alt_text,
+          link: imageData.link
+        };
+      }
+
+      return undefined;
+    });
+  }, [shortCodeTransforms]);
+
+  if (!newImageData) {
+    return;
+  }
+
+  if ((0, _lodash.every)(newImageData, img => img && img.url)) {
+    return newImageData;
+  }
+}
+//# sourceMappingURL=use-short-code-transform.js.map

package/build/gallery/use-short-code-transform.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/use-short-code-transform.js"],"names":["useShortCodeTransform","shortCodeTransforms","newImageData","select","length","getMedia","coreStore","map","image","imageData","id","type","url","source_url","mime","mime_type","alt","alt_text","link","undefined","img"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,qBAAT,CAAgCC,mBAAhC,EAAsD;AACpE,QAAMC,YAAY,GAAG,qBAClBC,MAAF,IAAc;AACb,QAAK,CAAEF,mBAAF,IAAyBA,mBAAmB,CAACG,MAApB,KAA+B,CAA7D,EAAiE;AAChE;AACA;;AACD,UAAMC,QAAQ,GAAGF,MAAM,CAAEG,eAAF,CAAN,CAAoBD,QAArC;AACA,WAAOJ,mBAAmB,CAACM,GAApB,CAA2BC,KAAF,IAAa;AAC5C,YAAMC,SAAS,GAAGJ,QAAQ,CAAEG,KAAK,CAACE,EAAR,CAA1B;;AACA,UAAKD,SAAL,EAAiB;AAChB,eAAO;AACNC,UAAAA,EAAE,EAAED,SAAS,CAACC,EADR;AAENC,UAAAA,IAAI,EAAE,OAFA;AAGNC,UAAAA,GAAG,EAAEH,SAAS,CAACI,UAHT;AAINC,UAAAA,IAAI,EAAEL,SAAS,CAACM,SAJV;AAKNC,UAAAA,GAAG,EAAEP,SAAS,CAACQ,QALT;AAMNC,UAAAA,IAAI,EAAET,SAAS,CAACS;AANV,SAAP;AAQA;;AACD,aAAOC,SAAP;AACA,KAbM,CAAP;AAcA,GApBmB,EAqBpB,CAAElB,mBAAF,CArBoB,CAArB;;AAwBA,MAAK,CAAEC,YAAP,EAAsB;AACrB;AACA;;AAED,MAAK,mBAAOA,YAAP,EAAuBkB,GAAF,IAAWA,GAAG,IAAIA,GAAG,CAACR,GAA3C,CAAL,EAAwD;AACvD,WAAOV,YAAP;AACA;AACD","sourcesContent":["/**\n * External dependencies\n */\nimport { every } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Shortcode transforms don't currently have a tranform method and so can't use a selector to\n * retrieve the data for each image being transformer, so this selector handle this post transformation.\n *\n * @param {Array} shortCodeTransforms An array of image data passed from the shortcode transform.\n *\n * @return {Array} An array of extended image data objects for each of the shortcode transform images.\n */\nexport default function useShortCodeTransform( shortCodeTransforms ) {\n\tconst newImageData = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! shortCodeTransforms || shortCodeTransforms.length === 0 ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst getMedia = select( coreStore ).getMedia;\n\t\t\treturn shortCodeTransforms.map( ( image ) => {\n\t\t\t\tconst imageData = getMedia( image.id );\n\t\t\t\tif ( imageData ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: imageData.id,\n\t\t\t\t\t\ttype: 'image',\n\t\t\t\t\t\turl: imageData.source_url,\n\t\t\t\t\t\tmime: imageData.mime_type,\n\t\t\t\t\t\talt: imageData.alt_text,\n\t\t\t\t\t\tlink: imageData.link,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn undefined;\n\t\t\t} );\n\t\t},\n\t\t[ shortCodeTransforms ]\n\t);\n\n\tif ( ! newImageData ) {\n\t\treturn;\n\t}\n\n\tif ( every( newImageData, ( img ) => img && img.url ) ) {\n\t\treturn newImageData;\n\t}\n}\n"]}

package/build/gallery/utils.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHrefAndDestination = getHrefAndDestination;
+
+var _constants = require("./constants");
+
+var _constants2 = require("../image/constants");
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Determines new href and linkDestination values for an image block from the
+ * supplied Gallery link destination.
+ *
+ * @param {Object} image       Gallery image.
+ * @param {string} destination Gallery's selected link destination.
+ * @return {Object}            New attributes to assign to image block.
+ */
+function getHrefAndDestination(image, destination) {
+  // Need to determine the URL that the selected destination maps to.
+  // Gutenberg and WordPress use different constants so the new link
+  // destination also needs to be tweaked.
+  switch (destination) {
+    case _constants.LINK_DESTINATION_MEDIA:
+      return {
+        href: (image === null || image === void 0 ? void 0 : image.source_url) || (image === null || image === void 0 ? void 0 : image.url),
+        // eslint-disable-line camelcase
+        linkDestination: _constants2.LINK_DESTINATION_MEDIA
+      };
+
+    case _constants.LINK_DESTINATION_ATTACHMENT:
+      return {
+        href: image === null || image === void 0 ? void 0 : image.link,
+        linkDestination: _constants2.LINK_DESTINATION_ATTACHMENT
+      };
+
+    case _constants.LINK_DESTINATION_NONE:
+      return {
+        href: undefined,
+        linkDestination: _constants2.LINK_DESTINATION_NONE
+      };
+  }
+
+  return {};
+}
+//# sourceMappingURL=utils.js.map

package/build/gallery/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/utils.js"],"names":["getHrefAndDestination","image","destination","LINK_DESTINATION_MEDIA","href","source_url","url","linkDestination","IMAGE_LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","link","IMAGE_LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_NONE","undefined","IMAGE_LINK_DESTINATION_NONE"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,qBAAT,CAAgCC,KAAhC,EAAuCC,WAAvC,EAAqD;AAC3D;AACA;AACA;AACA,UAASA,WAAT;AACC,SAAKC,iCAAL;AACC,aAAO;AACNC,QAAAA,IAAI,EAAE,CAAAH,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEI,UAAP,MAAqBJ,KAArB,aAAqBA,KAArB,uBAAqBA,KAAK,CAAEK,GAA5B,CADA;AACiC;AACvCC,QAAAA,eAAe,EAAEC;AAFX,OAAP;;AAID,SAAKC,sCAAL;AACC,aAAO;AACNL,QAAAA,IAAI,EAAEH,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAES,IADP;AAENH,QAAAA,eAAe,EAAEI;AAFX,OAAP;;AAID,SAAKC,gCAAL;AACC,aAAO;AACNR,QAAAA,IAAI,EAAES,SADA;AAENN,QAAAA,eAAe,EAAEO;AAFX,OAAP;AAZF;;AAkBA,SAAO,EAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_NONE,\n} from './constants';\nimport {\n\tLINK_DESTINATION_ATTACHMENT as IMAGE_LINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA as IMAGE_LINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_NONE as IMAGE_LINK_DESTINATION_NONE,\n} from '../image/constants';\n\n/**\n * Determines new href and linkDestination values for an image block from the\n * supplied Gallery link destination.\n *\n * @param {Object} image       Gallery image.\n * @param {string} destination Gallery's selected link destination.\n * @return {Object}            New attributes to assign to image block.\n */\nexport function getHrefAndDestination( image, destination ) {\n\t// Need to determine the URL that the selected destination maps to.\n\t// Gutenberg and WordPress use different constants so the new link\n\t// destination also needs to be tweaked.\n\tswitch ( destination ) {\n\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\treturn {\n\t\t\t\thref: image?.source_url || image?.url, // eslint-disable-line camelcase\n\t\t\t\tlinkDestination: IMAGE_LINK_DESTINATION_MEDIA,\n\t\t\t};\n\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\treturn {\n\t\t\t\thref: image?.link,\n\t\t\t\tlinkDestination: IMAGE_LINK_DESTINATION_ATTACHMENT,\n\t\t\t};\n\t\tcase LINK_DESTINATION_NONE:\n\t\t\treturn {\n\t\t\t\thref: undefined,\n\t\t\t\tlinkDestination: IMAGE_LINK_DESTINATION_NONE,\n\t\t\t};\n\t}\n\n\treturn {};\n}\n"]}

package/build/gallery/v1/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LINK_DESTINATION_ATTACHMENT = exports.LINK_DESTINATION_MEDIA = exports.LINK_DESTINATION_NONE = void 0;
+const LINK_DESTINATION_NONE = 'none';
+exports.LINK_DESTINATION_NONE = LINK_DESTINATION_NONE;
+const LINK_DESTINATION_MEDIA = 'file';
+exports.LINK_DESTINATION_MEDIA = LINK_DESTINATION_MEDIA;
+const LINK_DESTINATION_ATTACHMENT = 'post';
+exports.LINK_DESTINATION_ATTACHMENT = LINK_DESTINATION_ATTACHMENT;
+//# sourceMappingURL=constants.js.map

package/build/gallery/v1/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/constants.js"],"names":["LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAG,MAA9B;;AACA,MAAMC,sBAAsB,GAAG,MAA/B;;AACA,MAAMC,2BAA2B,GAAG,MAApC","sourcesContent":["export const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'file';\nexport const LINK_DESTINATION_ATTACHMENT = 'post';\n"]}