@mindhive/documents/src/DocListIcon.js

Standard document viewing, editing, listing etc

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.renderDocListIcon = undefined;

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _class, _temp;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _DocListIcon = function _DocListIcon(_ref) {
  var styles = _ref.styles,
      children = _ref.children,
      style = _ref.style;
  return _react2.default.cloneElement(_react2.default.Children.only(children), { style: Object.assign({}, style, styles) });
};

var mapThemeToStyles = function mapThemeToStyles(_ref2, _ref3) {
  var _ref2$docList = _ref2.docList,
      iconColor = _ref2$docList.iconColor,
      iconHoveredColor = _ref2$docList.iconHoveredColor,
      iconHoveredOpacity = _ref2$docList.iconHoveredOpacity;
  var hovered = _ref3.hovered,
      disabled = _ref3.disabled,
      color = _ref3.color,
      hoverColor = _ref3.hoverColor;

  var actualColor = iconColor;
  if (!disabled) {
    actualColor = hovered ? hoverColor || iconHoveredColor : color || iconColor;
  }
  return {
    color: actualColor,
    opacity: hovered ? iconHoveredOpacity : 1
  };
};

var WithStylesComponent = (0, _styles.withStyles)(mapThemeToStyles)(_DocListIcon);

var DOC_LIST_ICON = 'DocListIcon';

var renderDocListIcon = exports.renderDocListIcon = function renderDocListIcon(component, params) {
  return component.type.mindhiveName === DOC_LIST_ICON ? _react2.default.cloneElement(component, params) : component;
};

var DocListIcon = (_temp = _class = function (_React$Component) {
  (0, _inherits3.default)(DocListIcon, _React$Component);

  function DocListIcon() {
    (0, _classCallCheck3.default)(this, DocListIcon);
    return (0, _possibleConstructorReturn3.default)(this, (DocListIcon.__proto__ || Object.getPrototypeOf(DocListIcon)).apply(this, arguments));
  }

  (0, _createClass3.default)(DocListIcon, [{
    key: 'render',
    value: function render() {
      return _react2.default.createElement(WithStylesComponent, this.props);
    }
  }]);
  return DocListIcon;
}(_react2.default.Component), _class.mindhiveName = DOC_LIST_ICON, _temp);
exports.default = DocListIcon;