ndla-ui/es/FileList/FileList.js

UI component library for NDLA.

import React from 'react';
import PropTypes from 'prop-types';
import BEMHelper from 'react-bem-helper';
import File from './File';

var classes = BEMHelper('c-file-list');

var FileList = function FileList(_ref) {
  var files = _ref.files,
      heading = _ref.heading,
      id = _ref.id;
  return React.createElement(
    'section',
    classes(),
    React.createElement(
      'h1',
      classes('heading'),
      heading
    ),
    React.createElement(
      'ul',
      classes('files'),
      files.map(function (file) {
        return React.createElement(File, { key: 'file-' + id + '-' + file.title, file: file, id: id });
      })
    )
  );
};

FileList.propTypes = {
  id: PropTypes.string.isRequired,
  heading: PropTypes.string.isRequired,
  files: PropTypes.arrayOf(PropTypes.shape({
    title: PropTypes.string.isRequired,
    formats: PropTypes.arrayOf(PropTypes.shape({
      url: PropTypes.string.isRequired,
      fileType: PropTypes.string.isRequired,
      tooltip: PropTypes.string.isRequired
    })).isRequired
  })).isRequired
};

export default FileList;