@mindhive/documents/src/DocDropDownMenu.js

Standard document viewing, editing, listing etc

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _compose2 = _interopRequireDefault(_compose);

var _mapProps = require('recompose/mapProps');

var _mapProps2 = _interopRequireDefault(_mapProps);

var _IconButton = require('material-ui/IconButton');

var _IconButton2 = _interopRequireDefault(_IconButton);

var _moreVert = require('material-ui/svg-icons/navigation/more-vert');

var _moreVert2 = _interopRequireDefault(_moreVert);

var _IconMenu = require('material-ui/IconMenu');

var _IconMenu2 = _interopRequireDefault(_IconMenu);

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

var _MenuItem2 = _interopRequireDefault(_MenuItem);

var _muiUtils = require('@mindhive/components/muiUtils');

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

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

var hiddenItemForEscKey = function hiddenItemForEscKey() {
  return _react2.default.createElement(_MenuItem2.default, {
    style: {
      minHeight: 0,
      lineHeight: 0,
      height: 0
    }
  });
};

var DocDropDownMenu = function DocDropDownMenu(_ref) {
  var _ref$stateIcons = _ref.stateIcons,
      stateIcons = _ref$stateIcons === undefined ? [] : _ref$stateIcons,
      _ref$menuItems = _ref.menuItems,
      menuItems = _ref$menuItems === undefined ? [] : _ref$menuItems,
      selectorId = _ref.selectorId,
      iconColor = _ref.iconColor,
      menuStyle = _ref.menuStyle,
      other = (0, _objectWithoutProperties3.default)(_ref, ['stateIcons', 'menuItems', 'selectorId', 'iconColor', 'menuStyle']);
  return _react2.default.createElement(
    _muiUtils.PassPropsWrapper,
    other,
    stateIcons.map(function (icon) {
      return icon;
    }),
    menuItems && _react2.default.createElement(
      _IconMenu2.default,
      (0, _extends3.default)({
        iconButtonElement: _react2.default.createElement(
          _IconButton2.default,
          {
            id: 'doc-list-item-icon-menu-' + selectorId + '-selector'
          },
          _react2.default.createElement(_moreVert2.default, { color: iconColor })
        ),
        useLayerForClickAway: true,
        anchorOrigin: { horizontal: 'right', vertical: 'top' },
        targetOrigin: { horizontal: 'right', vertical: 'top' },
        menuStyle: menuStyle
      }, other),
      menuItems.map(function (item) {
        return item;
      }),
      hiddenItemForEscKey()
    )
  );
};

var mapThemeToStyles = function mapThemeToStyles(_ref2) {
  var _ref2$docDropDownMenu = _ref2.docDropDownMenu,
      iconColor = _ref2$docDropDownMenu.iconColor,
      backgroundColor = _ref2$docDropDownMenu.backgroundColor;
  return {
    icon: {
      color: iconColor
    },
    menu: {
      backgroundColor: backgroundColor
    }
  };
};

exports.default = (0, _compose2.default)((0, _styles.withStyles)(mapThemeToStyles), (0, _mapProps2.default)(function (_ref3) {
  var theme = _ref3.theme,
      prepareStyles = _ref3.prepareStyles,
      styles = _ref3.styles,
      other = (0, _objectWithoutProperties3.default)(_ref3, ['theme', 'prepareStyles', 'styles']);
  return (0, _extends3.default)({
    iconColor: styles.icon.color,
    menuStyle: styles.menu
  }, other);
}))(DocDropDownMenu);