thinkful-ui/lib/AppBar/MenuList.js

Shared UI resources for Thinkful.

"use strict";

var _lodash = _interopRequireDefault(require("lodash"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

var _NavLink = _interopRequireDefault(require("./NavLink"));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var MenuList = function MenuList(_ref) {
  var EnrollmentView = _ref.EnrollmentView,
      linkSet = _ref.linkSet,
      onMouseEnter = _ref.onMouseEnter;
  return /*#__PURE__*/_react["default"].createElement("ul", {
    onMouseEnter: onMouseEnter,
    className: "tui-app-nav-list"
  }, EnrollmentView, linkSet.main.map(function (link) {
    return /*#__PURE__*/_react["default"].createElement("li", {
      className: "nav-li__mobile-only",
      key: _lodash["default"].uniqueId('link_')
    }, /*#__PURE__*/_react["default"].createElement(_NavLink["default"], link));
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "tui-app-nav-list-sub"
  }, linkSet.menu.map(function (link) {
    return /*#__PURE__*/_react["default"].createElement("li", {
      key: _lodash["default"].uniqueId('link_')
    }, /*#__PURE__*/_react["default"].createElement(_NavLink["default"], _extends({
      className: "tui-app-nav-link__in-menu"
    }, link)));
  })));
};

MenuList.propTypes = {
  EnrollmentView: _propTypes["default"].object,
  linkSet: _propTypes["default"].shape({
    main: _propTypes["default"].arrayOf(_propTypes["default"].object),
    menu: _propTypes["default"].arrayOf(_propTypes["default"].object)
  }).isRequired,
  onMouseEnter: _propTypes["default"].func.isRequired
};
MenuList.defaultProps = {
  EnrollmentView: null
};
module.exports = MenuList;