cspace-ui/lib/components/media/BlobImage.js

CollectionSpace user interface for browsers

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = BlobImage;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactIntl = require("react-intl");
var _ImageContainer = _interopRequireDefault(require("../../containers/media/ImageContainer"));
var _blobHelpers = require("../../helpers/blobHelpers");
var _Image = _interopRequireDefault(require("../../../styles/cspace-ui/Image.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const propTypes = {
  alt: _propTypes.default.string,
  csid: _propTypes.default.string,
  derivative: _propTypes.default.string
};
const defaultProps = {
  alt: '',
  derivative: 'Thumbnail'
};
const messages = (0, _reactIntl.defineMessages)({
  notFound: {
    "id": "blob.notFound",
    "defaultMessage": "No Preview Image Available"
  }
});
const renderError = () => /*#__PURE__*/_react.default.createElement("div", {
  className: _Image.default.noimage
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.notFound));
function BlobImage(props) {
  const {
    alt,
    csid,
    derivative
  } = props;
  if (!csid) {
    return renderError();
  }
  const path = (0, _blobHelpers.getDerivativePath)(csid, derivative);
  return /*#__PURE__*/_react.default.createElement(_ImageContainer.default, {
    alt: alt,
    src: path,
    renderError: renderError
  });
}
BlobImage.propTypes = propTypes;
BlobImage.defaultProps = defaultProps;