apeman-react-photo/lib/ap_paper_photo.js

apeman react package for photo components.

/**
 * @class ApPaperPhoto
 */

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _ap_photo = require('./ap_photo');

var _ap_photo2 = _interopRequireDefault(_ap_photo);

var _apemanReactMixins = require('apeman-react-mixins');

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

/** @lends ApPaperPhoto */
var ApPaperPhoto = _react2.default.createClass({
  displayName: 'ApPaperPhoto',


  // --------------------
  // Specs
  // --------------------

  propTypes: {
    /** Image source URL */
    imgSrc: _react.PropTypes.string.isRequired,
    /** Image width */
    imgWidth: _react.PropTypes.number,
    /** Image height */
    imgHeight: _react.PropTypes.number,
    /** Image scale policy */
    imgScale: _react.PropTypes.string,
    /** Handler for tap event */
    onTap: _react.PropTypes.func
  },

  mixins: [_apemanReactMixins.ApPureMixin],

  statics: {},

  getInitialState: function getInitialState() {
    return {};
  },
  getDefaultProps: function getDefaultProps() {
    return {
      imgSrc: null,
      imgWidth: 256,
      imgHeight: 192,
      imgScale: 'fill',
      onTap: null
    };
  },
  render: function render() {
    var s = this;
    var props = s.props;
    var imgWidth = props.imgWidth;
    var imgHeight = props.imgHeight;


    return _react2.default.createElement(
      _ap_photo2.default,
      { className: (0, _classnames2.default)('ap-paper-photo', props.className),
        imgSrc: props.imgSrc,
        imgWidth: imgWidth,
        imgHeight: imgHeight,
        imgScale: props.imgScale,
        onTap: props.onTap },
      _react2.default.createElement('div', { className: 'ap-paper-photo-shadow ap-paper-photo-shadow-left' }),
      _react2.default.createElement('div', { className: 'ap-paper-photo-shadow ap-paper-photo-shadow-right' }),
      _react2.default.createElement(
        'div',
        { className: 'ap-paper-photo-text' },
        props.children
      )
    );
  }
});

exports.default = ApPaperPhoto;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3BhcGVyX3Bob3RvLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBSUE7Ozs7OztBQUVBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7OztBQUdBLElBQU0sZUFBZSxnQkFBTSxXQUFOLENBQWtCO0FBQUE7Ozs7Ozs7QUFNckMsYUFBVzs7QUFFVCxZQUFRLGlCQUFNLE1BQU4sQ0FBYSxVQUZaOztBQUlULGNBQVUsaUJBQU0sTUFKUDs7QUFNVCxlQUFXLGlCQUFNLE1BTlI7O0FBUVQsY0FBVSxpQkFBTSxNQVJQOztBQVVULFdBQU8saUJBQU07QUFWSixHQU4wQjs7QUFtQnJDLFVBQVEsZ0NBbkI2Qjs7QUF1QnJDLFdBQVMsRUF2QjRCOztBQXlCckMsaUJBekJxQyw2QkF5QmxCO0FBQ2pCLFdBQU8sRUFBUDtBQUNELEdBM0JvQztBQTZCckMsaUJBN0JxQyw2QkE2QmxCO0FBQ2pCLFdBQU87QUFDTCxjQUFRLElBREg7QUFFTCxnQkFBVSxHQUZMO0FBR0wsaUJBQVcsR0FITjtBQUlMLGdCQUFVLE1BSkw7QUFLTCxhQUFPO0FBTEYsS0FBUDtBQU9ELEdBckNvQztBQXVDckMsUUF2Q3FDLG9CQXVDM0I7QUFDUixRQUFNLElBQUksSUFBVjtBQURRLFFBRUYsS0FGRSxHQUVRLENBRlIsQ0FFRixLQUZFO0FBQUEsUUFJRixRQUpFLEdBSXNCLEtBSnRCLENBSUYsUUFKRTtBQUFBLFFBSVEsU0FKUixHQUlzQixLQUp0QixDQUlRLFNBSlI7OztBQU1SLFdBQ0U7QUFBQTtNQUFBLEVBQVMsV0FBWSwwQkFBVyxnQkFBWCxFQUE2QixNQUFNLFNBQW5DLENBQXJCO0FBQ1MsZ0JBQVMsTUFBTSxNQUR4QjtBQUVTLGtCQUFXLFFBRnBCO0FBR1MsbUJBQVksU0FIckI7QUFJUyxrQkFBVyxNQUFNLFFBSjFCO0FBS1MsZUFBUSxNQUFNLEtBTHZCO01BTUUsdUNBQUssV0FBVSxrREFBZixHQU5GO01BT0UsdUNBQUssV0FBVSxtREFBZixHQVBGO01BUUU7QUFBQTtRQUFBLEVBQUssV0FBVSxxQkFBZjtRQUNJLE1BQU07QUFEVjtBQVJGLEtBREY7QUFjRDtBQTNEb0MsQ0FBbEIsQ0FBckI7O2tCQThEZSxZIiwiZmlsZSI6ImFwX3BhcGVyX3Bob3RvLmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9va3VuaXNoaW5pc2hpL1Byb2plY3RzL2FwZW1hbi1wcm9qZWN0cy9hcGVtYW4tcmVhY3QtcGhvdG8vbGliIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY2xhc3MgQXBQYXBlclBob3RvXG4gKi9cblxuJ3VzZSBzdHJpY3QnXG5cbmltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0eXBlc30gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IEFwUGhvdG8gZnJvbSAnLi9hcF9waG90bydcbmltcG9ydCB7QXBQdXJlTWl4aW59IGZyb20gJ2FwZW1hbi1yZWFjdC1taXhpbnMnXG5cbi8qKiBAbGVuZHMgQXBQYXBlclBob3RvICovXG5jb25zdCBBcFBhcGVyUGhvdG8gPSBSZWFjdC5jcmVhdGVDbGFzcyh7XG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gU3BlY3NcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICBwcm9wVHlwZXM6IHtcbiAgICAvKiogSW1hZ2Ugc291cmNlIFVSTCAqL1xuICAgIGltZ1NyYzogdHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgLyoqIEltYWdlIHdpZHRoICovXG4gICAgaW1nV2lkdGg6IHR5cGVzLm51bWJlcixcbiAgICAvKiogSW1hZ2UgaGVpZ2h0ICovXG4gICAgaW1nSGVpZ2h0OiB0eXBlcy5udW1iZXIsXG4gICAgLyoqIEltYWdlIHNjYWxlIHBvbGljeSAqL1xuICAgIGltZ1NjYWxlOiB0eXBlcy5zdHJpbmcsXG4gICAgLyoqIEhhbmRsZXIgZm9yIHRhcCBldmVudCAqL1xuICAgIG9uVGFwOiB0eXBlcy5mdW5jXG4gIH0sXG5cbiAgbWl4aW5zOiBbXG4gICAgQXBQdXJlTWl4aW5cbiAgXSxcblxuICBzdGF0aWNzOiB7fSxcblxuICBnZXRJbml0aWFsU3RhdGUgKCkge1xuICAgIHJldHVybiB7fVxuICB9LFxuXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGltZ1NyYzogbnVsbCxcbiAgICAgIGltZ1dpZHRoOiAyNTYsXG4gICAgICBpbWdIZWlnaHQ6IDE5MixcbiAgICAgIGltZ1NjYWxlOiAnZmlsbCcsXG4gICAgICBvblRhcDogbnVsbFxuICAgIH1cbiAgfSxcblxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcblxuICAgIGxldCB7IGltZ1dpZHRoLCBpbWdIZWlnaHQgfSA9IHByb3BzXG5cbiAgICByZXR1cm4gKFxuICAgICAgPEFwUGhvdG8gY2xhc3NOYW1lPXsgY2xhc3NuYW1lcygnYXAtcGFwZXItcGhvdG8nLCBwcm9wcy5jbGFzc05hbWUpfVxuICAgICAgICAgICAgICAgaW1nU3JjPXsgcHJvcHMuaW1nU3JjIH1cbiAgICAgICAgICAgICAgIGltZ1dpZHRoPXsgaW1nV2lkdGggfVxuICAgICAgICAgICAgICAgaW1nSGVpZ2h0PXsgaW1nSGVpZ2h0IH1cbiAgICAgICAgICAgICAgIGltZ1NjYWxlPXsgcHJvcHMuaW1nU2NhbGUgfVxuICAgICAgICAgICAgICAgb25UYXA9eyBwcm9wcy5vblRhcCB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFwLXBhcGVyLXBob3RvLXNoYWRvdyBhcC1wYXBlci1waG90by1zaGFkb3ctbGVmdFwiLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJhcC1wYXBlci1waG90by1zaGFkb3cgYXAtcGFwZXItcGhvdG8tc2hhZG93LXJpZ2h0XCIvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFwLXBhcGVyLXBob3RvLXRleHRcIj5cbiAgICAgICAgICB7IHByb3BzLmNoaWxkcmVuIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0FwUGhvdG8+XG4gICAgKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcFBhcGVyUGhvdG9cbiJdfQ==