apeman-react-photo/shim/node/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 _apemanReactMixinPure = require('apeman-react-mixin-pure');

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: [_apemanReactMixinPure.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3BhcGVyX3Bob3RvLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztBQUlBOzs7Ozs7QUFFQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUVBO0FBQ0EsSUFBTSxlQUFlLGdCQUFNLFdBQU4sQ0FBa0I7QUFBQTs7O0FBRXJDO0FBQ0E7QUFDQTs7QUFFQSxhQUFXO0FBQ1Q7QUFDQSxZQUFRLGlCQUFNLE1BQU4sQ0FBYSxVQUZaO0FBR1Q7QUFDQSxjQUFVLGlCQUFNLE1BSlA7QUFLVDtBQUNBLGVBQVcsaUJBQU0sTUFOUjtBQU9UO0FBQ0EsY0FBVSxpQkFBTSxNQVJQO0FBU1Q7QUFDQSxXQUFPLGlCQUFNO0FBVkosR0FOMEI7O0FBbUJyQyxVQUFRLG1DQW5CNkI7O0FBdUJyQyxXQUFTLEVBdkI0Qjs7QUF5QnJDLGlCQXpCcUMsNkJBeUJsQjtBQUNqQixXQUFPLEVBQVA7QUFDRCxHQTNCb0M7QUE2QnJDLGlCQTdCcUMsNkJBNkJsQjtBQUNqQixXQUFPO0FBQ0wsY0FBUSxJQURIO0FBRUwsZ0JBQVUsR0FGTDtBQUdMLGlCQUFXLEdBSE47QUFJTCxnQkFBVSxNQUpMO0FBS0wsYUFBTztBQUxGLEtBQVA7QUFPRCxHQXJDb0M7QUF1Q3JDLFFBdkNxQyxvQkF1QzNCO0FBQ1IsUUFBTSxJQUFJLElBQVY7QUFEUSxRQUVGLEtBRkUsR0FFUSxDQUZSLENBRUYsS0FGRTtBQUFBLFFBSUYsUUFKRSxHQUlzQixLQUp0QixDQUlGLFFBSkU7QUFBQSxRQUlRLFNBSlIsR0FJc0IsS0FKdEIsQ0FJUSxTQUpSOzs7QUFNUixXQUNFO0FBQUE7QUFBQSxRQUFTLFdBQVksMEJBQVcsZ0JBQVgsRUFBNkIsTUFBTSxTQUFuQyxDQUFyQjtBQUNTLGdCQUFTLE1BQU0sTUFEeEI7QUFFUyxrQkFBVyxRQUZwQjtBQUdTLG1CQUFZLFNBSHJCO0FBSVMsa0JBQVcsTUFBTSxRQUoxQjtBQUtTLGVBQVEsTUFBTSxLQUx2QjtBQU1FLDZDQUFLLFdBQVUsa0RBQWYsR0FORjtBQU9FLDZDQUFLLFdBQVUsbURBQWYsR0FQRjtBQVFFO0FBQUE7QUFBQSxVQUFLLFdBQVUscUJBQWY7QUFDSSxjQUFNO0FBRFY7QUFSRixLQURGO0FBY0Q7QUEzRG9DLENBQWxCLENBQXJCOztrQkE4RGUsWSIsImZpbGUiOiJhcF9wYXBlcl9waG90by5qc3giLCJzb3VyY2VSb290IjoiL1VzZXJzL29rdW5pc2hpbmlzaGkvUHJvamVjdHMvYXBlbWFuLXByb2plY3RzL2FwZW1hbi1yZWFjdC1waG90by9jaS8uLi9saWIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBjbGFzcyBBcFBhcGVyUGhvdG9cbiAqL1xuXG4ndXNlIHN0cmljdCdcblxuaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHR5cGVzfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgQXBQaG90byBmcm9tICcuL2FwX3Bob3RvJ1xuaW1wb3J0IHtBcFB1cmVNaXhpbn0gZnJvbSAnYXBlbWFuLXJlYWN0LW1peGluLXB1cmUnXG5cbi8qKiBAbGVuZHMgQXBQYXBlclBob3RvICovXG5jb25zdCBBcFBhcGVyUGhvdG8gPSBSZWFjdC5jcmVhdGVDbGFzcyh7XG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gU3BlY3NcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICBwcm9wVHlwZXM6IHtcbiAgICAvKiogSW1hZ2Ugc291cmNlIFVSTCAqL1xuICAgIGltZ1NyYzogdHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgLyoqIEltYWdlIHdpZHRoICovXG4gICAgaW1nV2lkdGg6IHR5cGVzLm51bWJlcixcbiAgICAvKiogSW1hZ2UgaGVpZ2h0ICovXG4gICAgaW1nSGVpZ2h0OiB0eXBlcy5udW1iZXIsXG4gICAgLyoqIEltYWdlIHNjYWxlIHBvbGljeSAqL1xuICAgIGltZ1NjYWxlOiB0eXBlcy5zdHJpbmcsXG4gICAgLyoqIEhhbmRsZXIgZm9yIHRhcCBldmVudCAqL1xuICAgIG9uVGFwOiB0eXBlcy5mdW5jXG4gIH0sXG5cbiAgbWl4aW5zOiBbXG4gICAgQXBQdXJlTWl4aW5cbiAgXSxcblxuICBzdGF0aWNzOiB7fSxcblxuICBnZXRJbml0aWFsU3RhdGUgKCkge1xuICAgIHJldHVybiB7fVxuICB9LFxuXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGltZ1NyYzogbnVsbCxcbiAgICAgIGltZ1dpZHRoOiAyNTYsXG4gICAgICBpbWdIZWlnaHQ6IDE5MixcbiAgICAgIGltZ1NjYWxlOiAnZmlsbCcsXG4gICAgICBvblRhcDogbnVsbFxuICAgIH1cbiAgfSxcblxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcblxuICAgIGxldCB7IGltZ1dpZHRoLCBpbWdIZWlnaHQgfSA9IHByb3BzXG5cbiAgICByZXR1cm4gKFxuICAgICAgPEFwUGhvdG8gY2xhc3NOYW1lPXsgY2xhc3NuYW1lcygnYXAtcGFwZXItcGhvdG8nLCBwcm9wcy5jbGFzc05hbWUpfVxuICAgICAgICAgICAgICAgaW1nU3JjPXsgcHJvcHMuaW1nU3JjIH1cbiAgICAgICAgICAgICAgIGltZ1dpZHRoPXsgaW1nV2lkdGggfVxuICAgICAgICAgICAgICAgaW1nSGVpZ2h0PXsgaW1nSGVpZ2h0IH1cbiAgICAgICAgICAgICAgIGltZ1NjYWxlPXsgcHJvcHMuaW1nU2NhbGUgfVxuICAgICAgICAgICAgICAgb25UYXA9eyBwcm9wcy5vblRhcCB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFwLXBhcGVyLXBob3RvLXNoYWRvdyBhcC1wYXBlci1waG90by1zaGFkb3ctbGVmdFwiLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJhcC1wYXBlci1waG90by1zaGFkb3cgYXAtcGFwZXItcGhvdG8tc2hhZG93LXJpZ2h0XCIvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFwLXBhcGVyLXBob3RvLXRleHRcIj5cbiAgICAgICAgICB7IHByb3BzLmNoaWxkcmVuIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0FwUGhvdG8+XG4gICAgKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcFBhcGVyUGhvdG9cbiJdfQ==