ndla-ui/es/Subject/SubjectConcepts.js

UI component library for NDLA.

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

import SubjectConcept from './SubjectConcept';

import { SubjectSectionTitle } from './Subject';

var classes = BEMHelper('c-subject-concepts');

var SubjectConcepts = function SubjectConcepts(_ref) {
  var concepts = _ref.concepts,
      title = _ref.title;
  return React.createElement(
    'section',
    classes(''),
    React.createElement(
      SubjectSectionTitle,
      null,
      title
    ),
    React.createElement(
      'ul',
      classes('list'),
      concepts.map(function (concept) {
        return React.createElement(SubjectConcept, {
          key: 'subjectconcept-' + concept.id,
          concept: concept
        });
      })
    )
  );
};

SubjectConcepts.propTypes = {
  concepts: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    title: PropTypes.string.isRequired,
    authors: PropTypes.arrayOf(PropTypes.string),
    source: PropTypes.string,
    content: PropTypes.string.isRequired,
    messages: PropTypes.shape({
      ariaLabel: PropTypes.string.isRequired,
      close: PropTypes.string.isRequired
    }),
    license: PropTypes.string,
    children: PropTypes.string,
    visible: PropTypes.bool,
    closeCallback: PropTypes.func,
    dialogRef: PropTypes.func
  })),
  title: PropTypes.string
};

SubjectConcepts.defaultProps = {
  concepts: [],
  title: ''
};

export default SubjectConcepts;