sophia-components/build/elements/Image.js

Sophia React Components based on bulma.io

'use strict';

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var _compose2 = _interopRequireDefault(_compose);

var _withAttrs = require('../base/withAttrs');

var _withAttrs2 = _interopRequireDefault(_withAttrs);

var _withIsHas = require('../base/withIsHas');

var _withIsHas2 = _interopRequireDefault(_withIsHas);

var _helpers = require('../utils/helpers');

var _withEvents = require('../base/withEvents');

var _withEvents2 = _interopRequireDefault(_withEvents);

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } /* eslint-disable no-nested-ternary */


var Image = function Image(_ref) {
  var src = _ref.src,
      alt = _ref.alt,
      imgClassName = _ref.imgClassName,
      _ref$attrs = _ref.attrs,
      className = _ref$attrs.className,
      restAttrs = _objectWithoutProperties(_ref$attrs, ['className']),
      square = _ref.square,
      ratio = _ref.ratio,
      events = _ref.events;

  var squareParsed = !square ? null : square.length > 3 ? 'is-' + square : 'is-' + square + 'x' + square;
  var ratioParsed = !ratio ? null : 'is-' + ratio;
  return _react2.default.createElement(
    'figure',
    _extends({ className: (0, _helpers.classNameJoiner)('image', squareParsed, ratioParsed, className) }, restAttrs, events),
    _react2.default.createElement('img', { src: src, alt: alt, className: imgClassName })
  );
};

Image.propTypes = {
  src: _propTypes2.default.string.isRequired,
  alt: _propTypes2.default.string.isRequired,
  imgClassName: _propTypes2.default.string,
  attrs: _propTypes2.default.shape().isRequired,
  events: _propTypes2.default.shape().isRequired,
  square: _propTypes2.default.oneOf(['16x16', '24x24', '32x32', '48x48', '64x64', '96x96', '128x128', '16', '24', '32', '48', '64', '96', '128']),
  ratio: _propTypes2.default.oneOf(['square', '1by1', '5by4', '4by3', '3by2', '5by3', '16by9', '2by1', '3by1', '4by5', '3by4', '2by3', '3by5', '9by16', '1by2', '1by3'])
};

Image.defaultProps = {
  square: null,
  ratio: null,
  imgClassName: null
};

exports.default = (0, _compose2.default)((0, _withEvents2.default)(), (0, _withIsHas2.default)(_withIsHas.helpersIsKeys, _withIsHas.helpersHasKeys), (0, _withAttrs2.default)((0, _helpers.combineSets)(_withAttrs.defaultAttrs, ['title'])))(Image);