@wordpress/block-library/build-module/gallery/use-get-media.native.js

Block library for the WordPress editor.

/**
 * WordPress dependencies
 */
import { useSelect } from '@wordpress/data';
import { store as coreStore } from '@wordpress/core-data';
const EMPTY_IMAGE_MEDIA = [];
/**
 * 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) {
  return useSelect(select => {
    var _select$getMediaItems;

    const imagesUploading = innerBlockImages.some(_ref => {
      var _attributes$url;

      let {
        attributes
      } = _ref;
      return (attributes === null || attributes === void 0 ? void 0 : (_attributes$url = attributes.url) === null || _attributes$url === void 0 ? void 0 : _attributes$url.indexOf('file:')) === 0;
    });
    const imageIds = innerBlockImages.filter(_ref2 => {
      let {
        attributes
      } = _ref2;
      const {
        id,
        url
      } = attributes;
      return id !== undefined && (url === null || url === void 0 ? void 0 : url.indexOf('file:')) !== 0;
    }).map(imageBlock => imageBlock.attributes.id);

    if (imageIds.length === 0 || imagesUploading) {
      return EMPTY_IMAGE_MEDIA;
    }

    return (_select$getMediaItems = select(coreStore).getMediaItems({
      include: imageIds.join(','),
      per_page: imageIds.length,
      orderby: 'include'
    })) !== null && _select$getMediaItems !== void 0 ? _select$getMediaItems : EMPTY_IMAGE_MEDIA;
  }, [innerBlockImages]);
}
//# sourceMappingURL=use-get-media.native.js.map