patternplate-client/application/components/common/frame/handles.js

Universal javascript client application for patternplate

'use strict';

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

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _class;

var _autobindDecorator = require('autobind-decorator');

var _autobindDecorator2 = _interopRequireDefault(_autobindDecorator);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _handle = require('./handle');

var _handle2 = _interopRequireDefault(_handle);

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

var Handles = (0, _autobindDecorator2.default)(_class = function (_Component) {
	(0, _inherits3.default)(Handles, _Component);

	function Handles() {
		(0, _classCallCheck3.default)(this, Handles);
		return (0, _possibleConstructorReturn3.default)(this, (Handles.__proto__ || (0, _getPrototypeOf2.default)(Handles)).apply(this, arguments));
	}

	(0, _createClass3.default)(Handles, [{
		key: 'render',
		value: function render() {
			var props = this.props;


			return _react2.default.createElement(
				'div',
				{ className: 'frame__handles' },
				_react2.default.createElement(_handle2.default, {
					className: 'frame-handle frame-handle--horizontal',
					onClear: props.onClearHorizontal,
					onDrag: props.onDragHorizontal,
					onSubmit: props.onSubmitHorizontal,
					pathname: props.pathname,
					query: props.query,
					value: props.heightValue,
					width: props.width
				}),
				_react2.default.createElement(_handle2.default, {
					className: 'frame-handle frame-handle--vertical',
					height: props.height,
					onClear: props.onClearVertical,
					onDrag: props.onDragVertical,
					onSubmit: props.onSubmitVertical,
					pathname: props.pathname,
					query: props.query,
					value: props.widthValue
				}),
				_react2.default.createElement(_handle2.default, {
					className: 'frame-handle frame-handle--diagonal',
					onDrag: props.onDragDiagonal
				})
			);
		}
	}]);
	return Handles;
}(_react.Component)) || _class;

exports.default = Handles;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL2NvbW1vbi9mcmFtZS9oYW5kbGVzLmpzIl0sIm5hbWVzIjpbIkhhbmRsZXMiLCJwcm9wcyIsIm9uQ2xlYXJIb3Jpem9udGFsIiwib25EcmFnSG9yaXpvbnRhbCIsIm9uU3VibWl0SG9yaXpvbnRhbCIsInBhdGhuYW1lIiwicXVlcnkiLCJoZWlnaHRWYWx1ZSIsIndpZHRoIiwiaGVpZ2h0Iiwib25DbGVhclZlcnRpY2FsIiwib25EcmFnVmVydGljYWwiLCJvblN1Ym1pdFZlcnRpY2FsIiwid2lkdGhWYWx1ZSIsIm9uRHJhZ0RpYWdvbmFsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7Ozs7O0lBR3FCQSxPOzs7Ozs7Ozs7OzJCQUNYO0FBQUEsT0FDREMsS0FEQyxHQUNRLElBRFIsQ0FDREEsS0FEQzs7O0FBR1IsVUFDQztBQUFBO0FBQUEsTUFBSyxXQUFVLGdCQUFmO0FBQ0M7QUFDQyxnQkFBVSx1Q0FEWDtBQUVDLGNBQVNBLE1BQU1DLGlCQUZoQjtBQUdDLGFBQVFELE1BQU1FLGdCQUhmO0FBSUMsZUFBVUYsTUFBTUcsa0JBSmpCO0FBS0MsZUFBVUgsTUFBTUksUUFMakI7QUFNQyxZQUFPSixNQUFNSyxLQU5kO0FBT0MsWUFBT0wsTUFBTU0sV0FQZDtBQVFDLFlBQU9OLE1BQU1PO0FBUmQsTUFERDtBQVdDO0FBQ0MsZ0JBQVUscUNBRFg7QUFFQyxhQUFRUCxNQUFNUSxNQUZmO0FBR0MsY0FBU1IsTUFBTVMsZUFIaEI7QUFJQyxhQUFRVCxNQUFNVSxjQUpmO0FBS0MsZUFBVVYsTUFBTVcsZ0JBTGpCO0FBTUMsZUFBVVgsTUFBTUksUUFOakI7QUFPQyxZQUFPSixNQUFNSyxLQVBkO0FBUUMsWUFBT0wsTUFBTVk7QUFSZCxNQVhEO0FBcUJDO0FBQ0MsZ0JBQVUscUNBRFg7QUFFQyxhQUFRWixNQUFNYTtBQUZmO0FBckJELElBREQ7QUE0QkE7Ozs7O2tCQWhDbUJkLE8iLCJmaWxlIjoiaGFuZGxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBhdXRvYmluZCBmcm9tICdhdXRvYmluZC1kZWNvcmF0b3InO1xuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGFuZGxlIGZyb20gJy4vaGFuZGxlJztcblxuQGF1dG9iaW5kXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBIYW5kbGVzIGV4dGVuZHMgQ29tcG9uZW50IHtcblx0cmVuZGVyKCkge1xuXHRcdGNvbnN0IHtwcm9wc30gPSB0aGlzO1xuXG5cdFx0cmV0dXJuIChcblx0XHRcdDxkaXYgY2xhc3NOYW1lPVwiZnJhbWVfX2hhbmRsZXNcIj5cblx0XHRcdFx0PEhhbmRsZVxuXHRcdFx0XHRcdGNsYXNzTmFtZT1cImZyYW1lLWhhbmRsZSBmcmFtZS1oYW5kbGUtLWhvcml6b250YWxcIlxuXHRcdFx0XHRcdG9uQ2xlYXI9e3Byb3BzLm9uQ2xlYXJIb3Jpem9udGFsfVxuXHRcdFx0XHRcdG9uRHJhZz17cHJvcHMub25EcmFnSG9yaXpvbnRhbH1cblx0XHRcdFx0XHRvblN1Ym1pdD17cHJvcHMub25TdWJtaXRIb3Jpem9udGFsfVxuXHRcdFx0XHRcdHBhdGhuYW1lPXtwcm9wcy5wYXRobmFtZX1cblx0XHRcdFx0XHRxdWVyeT17cHJvcHMucXVlcnl9XG5cdFx0XHRcdFx0dmFsdWU9e3Byb3BzLmhlaWdodFZhbHVlfVxuXHRcdFx0XHRcdHdpZHRoPXtwcm9wcy53aWR0aH1cblx0XHRcdFx0XHQvPlxuXHRcdFx0XHQ8SGFuZGxlXG5cdFx0XHRcdFx0Y2xhc3NOYW1lPVwiZnJhbWUtaGFuZGxlIGZyYW1lLWhhbmRsZS0tdmVydGljYWxcIlxuXHRcdFx0XHRcdGhlaWdodD17cHJvcHMuaGVpZ2h0fVxuXHRcdFx0XHRcdG9uQ2xlYXI9e3Byb3BzLm9uQ2xlYXJWZXJ0aWNhbH1cblx0XHRcdFx0XHRvbkRyYWc9e3Byb3BzLm9uRHJhZ1ZlcnRpY2FsfVxuXHRcdFx0XHRcdG9uU3VibWl0PXtwcm9wcy5vblN1Ym1pdFZlcnRpY2FsfVxuXHRcdFx0XHRcdHBhdGhuYW1lPXtwcm9wcy5wYXRobmFtZX1cblx0XHRcdFx0XHRxdWVyeT17cHJvcHMucXVlcnl9XG5cdFx0XHRcdFx0dmFsdWU9e3Byb3BzLndpZHRoVmFsdWV9XG5cdFx0XHRcdFx0Lz5cblx0XHRcdFx0PEhhbmRsZVxuXHRcdFx0XHRcdGNsYXNzTmFtZT1cImZyYW1lLWhhbmRsZSBmcmFtZS1oYW5kbGUtLWRpYWdvbmFsXCJcblx0XHRcdFx0XHRvbkRyYWc9e3Byb3BzLm9uRHJhZ0RpYWdvbmFsfVxuXHRcdFx0XHRcdC8+XG5cdFx0XHQ8L2Rpdj5cblx0XHQpO1xuXHR9XG59XG4iXX0=