ndla-ui/lib/Subject/Subject.js

UI component library for NDLA.

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SubjectSectionTitle = exports.SubjectFlexChild = exports.SubjectFlexWrapper = exports.SubjectSidebarWrapper = exports.SubjectTopics = exports.SubjectChildContent = exports.SubjectSecondaryContent = exports.SubjectContent = undefined;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactBemHelper = require('react-bem-helper');

var _reactBemHelper2 = _interopRequireDefault(_reactBemHelper);

var _SectionHeading = require('../SectionHeading');

var _SectionHeading2 = _interopRequireDefault(_SectionHeading);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var classes = (0, _reactBemHelper2.default)('c-subject-content');

var SubjectContent = exports.SubjectContent = function SubjectContent(_ref) {
  var children = _ref.children,
      breadcrumb = _ref.breadcrumb,
      twoColumns = _ref.twoColumns;
  return _react2.default.createElement(
    'div',
    classes(),
    _react2.default.createElement(
      'div',
      classes('breadcrumb'),
      breadcrumb
    ),
    _react2.default.createElement(
      'div',
      classes('content', { twoColumns: twoColumns }),
      children
    )
  );
};

SubjectContent.propTypes = {
  children: _propTypes2.default.node.isRequired,
  breadcrumb: _propTypes2.default.node.isRequired,
  subjects: _propTypes2.default.node,
  twoColumns: _propTypes2.default.bool
};

var secondaryContentClass = (0, _reactBemHelper2.default)('c-subject-secondary-content');

var SubjectSecondaryContent = exports.SubjectSecondaryContent = function SubjectSecondaryContent(_ref2) {
  var children = _ref2.children;
  return _react2.default.createElement(
    'div',
    secondaryContentClass(),
    children
  );
};

SubjectSecondaryContent.propTypes = {
  children: _propTypes2.default.node.isRequired
};

var childContentClasses = (0, _reactBemHelper2.default)('c-subject-child-content');

var SubjectChildContent = exports.SubjectChildContent = function SubjectChildContent(_ref3) {
  var children = _ref3.children;
  return _react2.default.createElement(
    'div',
    childContentClasses(),
    children
  );
};

SubjectChildContent.propTypes = {
  children: _propTypes2.default.node.isRequired
};

var topicClasses = (0, _reactBemHelper2.default)('c-subject-topics');

var SubjectTopics = exports.SubjectTopics = function SubjectTopics(_ref4) {
  var messages = _ref4.messages,
      children = _ref4.children;
  return _react2.default.createElement(
    'section',
    topicClasses(),
    _react2.default.createElement(
      'header',
      topicClasses('header'),
      _react2.default.createElement(
        'h1',
        topicClasses('heading'),
        messages.heading
      )
    ),
    _react2.default.createElement(
      'div',
      topicClasses('content'),
      children
    )
  );
};

SubjectTopics.propTypes = {
  messages: _propTypes2.default.shape({
    heading: _propTypes2.default.string.isRequired
  }),
  children: _propTypes2.default.node.isRequired
};

var sidebarClasses = (0, _reactBemHelper2.default)('c-subject-sidebar-wrapper');

var SubjectSidebarWrapper = exports.SubjectSidebarWrapper = function SubjectSidebarWrapper(_ref5) {
  var children = _ref5.children;
  return _react2.default.createElement(
    'div',
    sidebarClasses(),
    children
  );
};

SubjectSidebarWrapper.propTypes = {
  children: _propTypes2.default.node.isRequired
};

var subjectFlexWrapperClasses = (0, _reactBemHelper2.default)('c-subject-flex');

var SubjectFlexWrapper = exports.SubjectFlexWrapper = function SubjectFlexWrapper(_ref6) {
  var children = _ref6.children,
      noMargin = _ref6.noMargin;
  return _react2.default.createElement(
    'div',
    subjectFlexWrapperClasses('', { noMargin: noMargin }),
    children
  );
};

SubjectFlexWrapper.propTypes = {
  children: _propTypes2.default.node.isRequired,
  noMargin: _propTypes2.default.bool
};

var SubjectFlexChild = exports.SubjectFlexChild = function SubjectFlexChild(_ref7) {
  var children = _ref7.children;
  return _react2.default.createElement(
    'div',
    { className: 'c-subject-flex__child' },
    children
  );
};

SubjectFlexChild.propTypes = {
  children: _propTypes2.default.node.isRequired
};

var SubjectSectionTitle = exports.SubjectSectionTitle = function SubjectSectionTitle(_ref8) {
  var children = _ref8.children,
      className = _ref8.className;
  return _react2.default.createElement(
    _SectionHeading2.default,
    { large: true, className: 'c-subject-section-title ' + className },
    children
  );
};

SubjectSectionTitle.propTypes = {
  children: _propTypes2.default.string.isRequired,
  className: _propTypes2.default.string
};

SubjectSectionTitle.defaultProps = {
  className: null
};