@entando/menu/dist/js/menu-item/FirstLevelMenuItem.js

react components used to render menus in entando projects

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var FirstLevelMenuItem = function FirstLevelMenuItem(_ref) {
  var id = _ref.id,
      active = _ref.active,
      label = _ref.label,
      children = _ref.children,
      className = _ref.className,
      _onClick = _ref.onClick,
      pullRight = _ref.pullRight;

  var liClassName = 'FirstLevelMenuItem';
  liClassName += className ? ' ' + className : '';
  if (active) {
    liClassName += ' active';
  }
  if (pullRight) {
    liClassName += ' pull-right';
  }

  return _react2.default.createElement(
    'li',
    { className: liClassName, 'data-id': id },
    _react2.default.createElement(
      'a',
      {
        href: '',
        onClick: function onClick(ev) {
          ev.preventDefault();_onClick();
        }
      },
      label
    ),
    _react2.default.createElement(
      'ul',
      { className: 'BrandMenu__submenu nav navbar-nav navbar-persistent' },
      children
    )
  );
};

FirstLevelMenuItem.propTypes = {
  id: _propTypes2.default.string.isRequired,
  children: _propTypes2.default.node.isRequired,
  label: _propTypes2.default.node.isRequired,
  active: _propTypes2.default.bool,
  pullRight: _propTypes2.default.bool,
  className: _propTypes2.default.string,
  onClick: _propTypes2.default.func
};

FirstLevelMenuItem.defaultProps = {
  pullRight: false,
  onClick: function onClick() {},
  active: false,
  className: ''
};

exports.default = FirstLevelMenuItem;