@mindhive/documents/src/DropDownMenuItem.js

Standard document viewing, editing, listing etc

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _styles = require('@mindhive/styles');

var _compose = require('recompose/compose');

var _compose2 = _interopRequireDefault(_compose);

var _MenuItem = require('material-ui/MenuItem');

var _MenuItem2 = _interopRequireDefault(_MenuItem);

var _withProps = require('recompose/withProps');

var _withProps2 = _interopRequireDefault(_withProps);

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

var DropDownMenuItem = function DropDownMenuItem(_ref) {
  var primaryText = _ref.primaryText,
      _leftIcon = _ref._leftIcon,
      onTouchTap = _ref.onTouchTap,
      disabled = _ref.disabled,
      textStyle = _ref.textStyle;
  return _react2.default.createElement(_MenuItem2.default, {
    primaryText: primaryText,
    leftIcon: _leftIcon,
    onTouchTap: onTouchTap,
    disabled: disabled,
    style: textStyle
  });
};

var mapThemeToStyles = function mapThemeToStyles(_ref2) {
  var docDropDownMenu = _ref2.docDropDownMenu;
  return {
    disabled: {
      color: docDropDownMenu.disabledColor
    },
    enabled: {
      color: docDropDownMenu.iconColor
    }
  };
};

var buildStyle = function buildStyle(disabled, style) {
  var styleOverride = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
  return disabled ? Object.assign({}, style.disabled, styleOverride.disabled) : Object.assign({}, style.enabled, styleOverride.enabled);
};

exports.default = (0, _compose2.default)((0, _styles.withStyles)(mapThemeToStyles), (0, _withProps2.default)(function (_ref3) {
  var disabled = _ref3.disabled,
      leftIcon = _ref3.leftIcon,
      styles = _ref3.styles,
      iconStyle = _ref3.iconStyle,
      textStyle = _ref3.textStyle;
  return {
    _leftIcon: _react2.default.cloneElement(leftIcon, { style: buildStyle(disabled, styles, iconStyle) }),
    textStyle: buildStyle(disabled, styles, textStyle)
  };
}))(DropDownMenuItem);