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

Block library for the WordPress editor.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = useGetMedia;

var _data = require("@wordpress/data");

var _coreData = require("@wordpress/core-data");

/**
 * WordPress dependencies
 */
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.
 */

function useGetMedia(innerBlockImages) {
  return (0, _data.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(_coreData.store).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