botframework-webchat-component/lib/Utils/CroppedImage.js

React component of botframework-webchat

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

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

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

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

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

var _useStyleToEmotionObject = _interopRequireDefault(require("../hooks/internal/useStyleToEmotionObject"));

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

var ROOT_STYLE = {
  overflow: 'hidden',
  position: 'relative',
  '& > img': {
    height: 'auto',
    left: '50%',
    position: 'absolute',
    top: '50%',
    transform: 'translate(-50%, -50%)',
    width: '100%'
  }
};

var CroppedImage = function CroppedImage(_ref) {
  var alt = _ref.alt,
      className = _ref.className,
      height = _ref.height,
      src = _ref.src,
      width = _ref.width;
  var rootClassName = (0, _useStyleToEmotionObject.default)()(ROOT_STYLE) + '';
  var sizeStyle = (0, _react.useMemo)(function () {
    return {
      height: height,
      width: width
    };
  }, [height, width]);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)(rootClassName, (className || '') + ''),
    style: sizeStyle
  }, /*#__PURE__*/_react.default.createElement("img", {
    alt: alt,
    src: src
  }));
};

CroppedImage.defaultProps = {
  alt: '',
  className: ''
};
CroppedImage.propTypes = {
  alt: _propTypes.default.string,
  className: _propTypes.default.string,
  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
  src: _propTypes.default.string.isRequired,
  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
};
var _default = CroppedImage;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9VdGlscy9Dcm9wcGVkSW1hZ2UuanMiXSwibmFtZXMiOlsiUk9PVF9TVFlMRSIsIm92ZXJmbG93IiwicG9zaXRpb24iLCJoZWlnaHQiLCJsZWZ0IiwidG9wIiwidHJhbnNmb3JtIiwid2lkdGgiLCJDcm9wcGVkSW1hZ2UiLCJhbHQiLCJjbGFzc05hbWUiLCJzcmMiLCJyb290Q2xhc3NOYW1lIiwic2l6ZVN0eWxlIiwiZGVmYXVsdFByb3BzIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwic3RyaW5nIiwib25lT2ZUeXBlIiwibnVtYmVyIiwiaXNSZXF1aXJlZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBRUE7Ozs7Ozs7O0FBRUEsSUFBTUEsVUFBVSxHQUFHO0FBQ2pCQyxFQUFBQSxRQUFRLEVBQUUsUUFETztBQUVqQkMsRUFBQUEsUUFBUSxFQUFFLFVBRk87QUFJakIsYUFBVztBQUNUQyxJQUFBQSxNQUFNLEVBQUUsTUFEQztBQUVUQyxJQUFBQSxJQUFJLEVBQUUsS0FGRztBQUdURixJQUFBQSxRQUFRLEVBQUUsVUFIRDtBQUlURyxJQUFBQSxHQUFHLEVBQUUsS0FKSTtBQUtUQyxJQUFBQSxTQUFTLEVBQUUsdUJBTEY7QUFNVEMsSUFBQUEsS0FBSyxFQUFFO0FBTkU7QUFKTSxDQUFuQjs7QUFjQSxJQUFNQyxZQUFZLEdBQUcsU0FBZkEsWUFBZSxPQUE0QztBQUFBLE1BQXpDQyxHQUF5QyxRQUF6Q0EsR0FBeUM7QUFBQSxNQUFwQ0MsU0FBb0MsUUFBcENBLFNBQW9DO0FBQUEsTUFBekJQLE1BQXlCLFFBQXpCQSxNQUF5QjtBQUFBLE1BQWpCUSxHQUFpQixRQUFqQkEsR0FBaUI7QUFBQSxNQUFaSixLQUFZLFFBQVpBLEtBQVk7QUFDL0QsTUFBTUssYUFBYSxHQUFHLHdDQUEwQlosVUFBMUIsSUFBd0MsRUFBOUQ7QUFDQSxNQUFNYSxTQUFTLEdBQUcsb0JBQVE7QUFBQSxXQUFPO0FBQUVWLE1BQUFBLE1BQU0sRUFBTkEsTUFBRjtBQUFVSSxNQUFBQSxLQUFLLEVBQUxBO0FBQVYsS0FBUDtBQUFBLEdBQVIsRUFBbUMsQ0FBQ0osTUFBRCxFQUFTSSxLQUFULENBQW5DLENBQWxCO0FBRUEsc0JBQ0U7QUFBSyxJQUFBLFNBQVMsRUFBRSx5QkFBV0ssYUFBWCxFQUEwQixDQUFDRixTQUFTLElBQUksRUFBZCxJQUFvQixFQUE5QyxDQUFoQjtBQUFtRSxJQUFBLEtBQUssRUFBRUc7QUFBMUUsa0JBQ0U7QUFBSyxJQUFBLEdBQUcsRUFBRUosR0FBVjtBQUFlLElBQUEsR0FBRyxFQUFFRTtBQUFwQixJQURGLENBREY7QUFLRCxDQVREOztBQVdBSCxZQUFZLENBQUNNLFlBQWIsR0FBNEI7QUFDMUJMLEVBQUFBLEdBQUcsRUFBRSxFQURxQjtBQUUxQkMsRUFBQUEsU0FBUyxFQUFFO0FBRmUsQ0FBNUI7QUFLQUYsWUFBWSxDQUFDTyxTQUFiLEdBQXlCO0FBQ3ZCTixFQUFBQSxHQUFHLEVBQUVPLG1CQUFVQyxNQURRO0FBRXZCUCxFQUFBQSxTQUFTLEVBQUVNLG1CQUFVQyxNQUZFO0FBR3ZCZCxFQUFBQSxNQUFNLEVBQUVhLG1CQUFVRSxTQUFWLENBQW9CLENBQUNGLG1CQUFVRyxNQUFYLEVBQW1CSCxtQkFBVUMsTUFBN0IsQ0FBcEIsRUFBMERHLFVBSDNDO0FBSXZCVCxFQUFBQSxHQUFHLEVBQUVLLG1CQUFVQyxNQUFWLENBQWlCRyxVQUpDO0FBS3ZCYixFQUFBQSxLQUFLLEVBQUVTLG1CQUFVRSxTQUFWLENBQW9CLENBQUNGLG1CQUFVRyxNQUFYLEVBQW1CSCxtQkFBVUMsTUFBN0IsQ0FBcEIsRUFBMERHO0FBTDFDLENBQXpCO2VBUWVaLFkiLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QgZnJvbSAnLi4vaG9va3MvaW50ZXJuYWwvdXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QnO1xuXG5jb25zdCBST09UX1NUWUxFID0ge1xuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuXG4gICcmID4gaW1nJzoge1xuICAgIGhlaWdodDogJ2F1dG8nLFxuICAgIGxlZnQ6ICc1MCUnLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogJzUwJScsXG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlKC01MCUsIC01MCUpJyxcbiAgICB3aWR0aDogJzEwMCUnXG4gIH1cbn07XG5cbmNvbnN0IENyb3BwZWRJbWFnZSA9ICh7IGFsdCwgY2xhc3NOYW1lLCBoZWlnaHQsIHNyYywgd2lkdGggfSkgPT4ge1xuICBjb25zdCByb290Q2xhc3NOYW1lID0gdXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QoKShST09UX1NUWUxFKSArICcnO1xuICBjb25zdCBzaXplU3R5bGUgPSB1c2VNZW1vKCgpID0+ICh7IGhlaWdodCwgd2lkdGggfSksIFtoZWlnaHQsIHdpZHRoXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhyb290Q2xhc3NOYW1lLCAoY2xhc3NOYW1lIHx8ICcnKSArICcnKX0gc3R5bGU9e3NpemVTdHlsZX0+XG4gICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e3NyY30gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkNyb3BwZWRJbWFnZS5kZWZhdWx0UHJvcHMgPSB7XG4gIGFsdDogJycsXG4gIGNsYXNzTmFtZTogJydcbn07XG5cbkNyb3BwZWRJbWFnZS5wcm9wVHlwZXMgPSB7XG4gIGFsdDogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoZWlnaHQ6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5udW1iZXIsIFByb3BUeXBlcy5zdHJpbmddKS5pc1JlcXVpcmVkLFxuICBzcmM6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgd2lkdGg6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5udW1iZXIsIFByb3BUeXBlcy5zdHJpbmddKS5pc1JlcXVpcmVkXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDcm9wcGVkSW1hZ2U7XG4iXX0=