@brightleaf/elements/lib/image/image.js

React UI elements styled with Bulma CSS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Image = void 0;

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _propTypes = _interopRequireDefault(require("prop-types"));

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

function _extends() { _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; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var Image = function Image(_ref) {
  var src = _ref.src,
      alt = _ref.alt,
      className = _ref.className,
      is = _ref.is,
      isRounded = _ref.isRounded,
      isSquare = _ref.isSquare,
      is5by4 = _ref.is5by4,
      is1by1 = _ref.is1by1,
      is4by3 = _ref.is4by3,
      is3by2 = _ref.is3by2,
      is5by3 = _ref.is5by3,
      is16by9 = _ref.is16by9,
      is2by1 = _ref.is2by1,
      is3by1 = _ref.is3by1,
      is4by5 = _ref.is4by5,
      is3by4 = _ref.is3by4,
      is2by3 = _ref.is2by3,
      is3by5 = _ref.is3by5,
      is9by16 = _ref.is9by16,
      is1by2 = _ref.is1by2,
      is1by3 = _ref.is1by3,
      is16 = _ref.is16,
      is24 = _ref.is24,
      is32 = _ref.is32,
      is48 = _ref.is48,
      is64 = _ref.is64,
      is96 = _ref.is96,
      is128 = _ref.is128,
      Element = _ref.as,
      props = _objectWithoutProperties(_ref, ["src", "alt", "className", "is", "isRounded", "isSquare", "is5by4", "is1by1", "is4by3", "is3by2", "is5by3", "is16by9", "is2by1", "is3by1", "is4by5", "is3by4", "is2by3", "is3by5", "is9by16", "is1by2", "is1by3", "is16", "is24", "is32", "is48", "is64", "is96", "is128", "as"]);

  var classes = {
    'is-square': isSquare,
    'is-5by4': is5by4,
    'is-1by1': is1by1,
    'is-4by3': is4by3,
    'is-3by2': is3by2,
    'is-5by3': is5by3,
    'is-16by9': is16by9,
    'is-2by1': is2by1,
    'is-3by1': is3by1,
    'is-4by5': is4by5,
    'is-3by4': is3by4,
    'is-2by3': is2by3,
    'is-3by5': is3by5,
    'is-9by16': is9by16,
    'is-1by2': is1by2,
    'is-1by3': is1by3,
    'is-16x16': is16,
    'is-24x24': is24,
    'is-32x32': is32,
    'is-48x48': is48,
    'is-64x64': is64,
    'is-96x96': is96,
    'is-128x128': is128
  };

  if (is) {
    classes["is-".concat(is, "x").concat(is)] = true;
  }

  return _react.default.createElement(Element, {
    className: (0, _classnames.default)('image', className, classes)
  }, _react.default.createElement("img", _extends({
    src: src,
    alt: alt
  }, props, {
    className: (0, _classnames.default)({
      'is-rounded': isRounded
    })
  })));
};

exports.Image = Image;
Image.propTypes = {
  as: _propTypes.default.node
};
Image.defaultProps = {
  as: 'figure'
};