@wordpress/block-editor/build/components/inserter/media-tab/media-list.js

Generic block editor.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _components = require("@wordpress/components");

var _i18n = require("@wordpress/i18n");

var _mediaPreview = require("./media-preview");

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function MediaList({
  mediaList,
  category,
  onClick,
  label = (0, _i18n.__)('Media List')
}) {
  const composite = (0, _components.__unstableUseCompositeState)();
  return (0, _element.createElement)(_components.__unstableComposite, (0, _extends2.default)({}, composite, {
    role: "listbox",
    className: "block-editor-inserter__media-list",
    "aria-label": label
  }), mediaList.map((media, index) => (0, _element.createElement)(_mediaPreview.MediaPreview, {
    key: media.id || media.sourceId || index,
    media: media,
    category: category,
    onClick: onClick,
    composite: composite
  })));
}

var _default = MediaList;
exports.default = _default;
//# sourceMappingURL=media-list.js.map