@mindhive/documents/src/DocView.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 _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _List = require('material-ui/List');

var _withHover = require('@mindhive/components/withHover');

var _withHover2 = _interopRequireDefault(_withHover);

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

var _DocListIcon = require('./DocListIcon');

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

var DocView = function DocView(_ref) {
  var leftIcon = _ref.leftIcon,
      disabled = _ref.disabled,
      hovered = _ref.hovered,
      primaryText = _ref.primaryText,
      secondaryText = _ref.secondaryText,
      leftAvatar = _ref.leftAvatar,
      rightAvatar = _ref.rightAvatar,
      rightIconButton = _ref.rightIconButton,
      onTouchTap = _ref.onTouchTap,
      styles = _ref.styles,
      children = _ref.children;
  return _react2.default.createElement(
    _List.ListItem,
    {
      disableTouchRipple: true,
      disableFocusRipple: true,

      leftIcon: leftIcon && (0, _DocListIcon.renderDocListIcon)(leftIcon, { hovered: hovered, disabled: disabled }),
      primaryText: primaryText && _react2.default.createElement(
        'div',
        { style: styles.primaryText },
        primaryText
      ),
      secondaryText: secondaryText && _react2.default.createElement(
        'div',
        { style: styles.secondaryText },
        secondaryText
      ),
      leftAvatar: leftAvatar,
      rightAvatar: rightAvatar,
      rightIconButton: rightIconButton,
      onTouchTap: onTouchTap,
      style: styles.listItemStyle
    },
    children
  );
};

var mapThemeToStyles = function mapThemeToStyles(_ref2, _ref3) {
  var _ref2$docList = _ref2.docList,
      primaryTextHoveredColor = _ref2$docList.primaryTextHoveredColor,
      primaryTextDisabledColor = _ref2$docList.primaryTextDisabledColor,
      secondaryTextDisabledColor = _ref2$docList.secondaryTextDisabledColor,
      paper = _ref2.paper;
  var disabled = _ref3.disabled,
      hovered = _ref3.hovered,
      containerStyle = _ref3.containerStyle;

  var hoverStyles = (0, _extends3.default)({
    zDepth: 1
  }, paper, {
    boxShadow: paper.zDepthShadows[0],
    borderRadius: '2px',
    transform: 'scale(1.015, 1)',
    position: 'relative'
  });
  return {
    listItemStyle: (0, _extends3.default)({}, hovered ? hoverStyles : {}, containerStyle),
    primaryText: {
      color: disabled ? primaryTextDisabledColor : hovered ? primaryTextHoveredColor : 'inherit'
    },
    secondaryText: {
      color: disabled ? secondaryTextDisabledColor : 'inherit'
    }
  };
};

exports.default = (0, _withHover2.default)()((0, _styles.withStyles)(mapThemeToStyles)(DocView));