@doopage/react-ui-kit/dist/cjs/MenuItem/index.js

UI-kit for DooPage project

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

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

var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));

var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));

var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));

var _styles = _interopRequireDefault(require("./styles"));

var _index = require("../index");

var MenuItem = function (props) {
  var classes = (0, _styles["default"])(props);
  var hide = props.hide,
      endIcon = props.endIcon,
      icon = props.icon,
      description = props.description,
      name = props.name,
      id = props.id,
      justContent = props.justContent,
      avatar = props.avatar,
      image = props.image,
      rest = (0, _objectWithoutPropertiesLoose2["default"])(props, ["hide", "endIcon", "icon", "description", "name", "id", "justContent", "avatar", "image"]);
  if (hide) return null;

  if (justContent) {
    return (
      /*#__PURE__*/
      // @ts-ignore
      _react["default"].createElement("div", (0, _extends2["default"])({
        key: id,
        style: {
          display: 'flex',
          alignItems: 'center'
        }
      }, rest, {
        className: classes.root
      }), !!icon && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, icon), !!avatar && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, /*#__PURE__*/_react["default"].createElement(_index.Avatar, {
        src: avatar,
        size: 'small'
      })), !!image && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, /*#__PURE__*/_react["default"].createElement(_index.Avatar, {
        src: image,
        size: 'small',
        rounded: true
      })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
        primary: name,
        secondary: description
      }), endIcon && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, endIcon))
    );
  }

  return (
    /*#__PURE__*/
    // @ts-ignore
    _react["default"].createElement(_MenuItem["default"], (0, _extends2["default"])({
      key: id,
      classes: classes
    }, rest), !!icon && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, icon), !!avatar && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, /*#__PURE__*/_react["default"].createElement(_index.Avatar, {
      src: avatar,
      size: 'small'
    })), !!image && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, /*#__PURE__*/_react["default"].createElement(_index.Avatar, {
      src: image,
      size: 'small',
      rounded: true
    })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
      primary: name,
      secondary: description
    }), !!endIcon && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, endIcon))
  );
};

var _default = /*#__PURE__*/(0, _react.memo)(MenuItem);

exports["default"] = _default;