patternplate-client/application/components/pattern/pattern-control.js

Universal javascript client application for patternplate

'use strict';

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

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _extends4 = require('babel-runtime/helpers/extends');

var _extends5 = _interopRequireDefault(_extends4);

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, _class2, _temp;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactRouter = require('@marionebl/react-router');

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _pureRenderDecorator = require('pure-render-decorator');

var _pureRenderDecorator2 = _interopRequireDefault(_pureRenderDecorator);

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

var _autobindDecorator2 = _interopRequireDefault(_autobindDecorator);

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

var PatternControl = (0, _pureRenderDecorator2.default)(_class = (0, _autobindDecorator2.default)(_class = (_temp = _class2 = function (_Component) {
	(0, _inherits3.default)(PatternControl, _Component);

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

	(0, _createClass3.default)(PatternControl, [{
		key: 'handleClick',
		value: function handleClick(e) {
			e.preventDefault();
			var _props = this.props,
			    active = _props.active,
			    expand = _props.expand,
			    location = _props.location,
			    shortid = _props.shortid;

			var source = active ? null : shortid;
			var route = {
				pathname: location.pathname,
				query: (0, _extends5.default)({}, location.query, (0, _defineProperty3.default)({
					source: source
				}, 'source-expanded', expand))
			};
			this.context.router.replace(route);
		}
	}, {
		key: 'render',
		value: function render() {
			var props = this.props;
			var active = props.active,
			    location = props.location;

			var className = (0, _classnames2.default)('pattern-control', { active: active });
			var source = props.active ? null : props.shortid;

			var to = {
				pathname: location.pathname,
				query: (0, _extends5.default)({}, location.query, (0, _defineProperty3.default)({
					source: source
				}, 'source-expanded', props.expand))
			};

			return _react2.default.createElement(
				_reactRouter.Link,
				{
					to: to,
					className: className,
					disabled: props.disabled,
					onClick: this.handleClick,
					title: props.title
				},
				props.children || props.name
			);
		}
	}]);
	return PatternControl;
}(_react.Component), _class2.contextTypes = {
	router: _react.PropTypes.any
}, _temp)) || _class) || _class;

exports.default = PatternControl;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL3BhdHRlcm4vcGF0dGVybi1jb250cm9sLmpzIl0sIm5hbWVzIjpbIlBhdHRlcm5Db250cm9sIiwiZSIsInByZXZlbnREZWZhdWx0IiwicHJvcHMiLCJhY3RpdmUiLCJleHBhbmQiLCJsb2NhdGlvbiIsInNob3J0aWQiLCJzb3VyY2UiLCJyb3V0ZSIsInBhdGhuYW1lIiwicXVlcnkiLCJjb250ZXh0Iiwicm91dGVyIiwicmVwbGFjZSIsImNsYXNzTmFtZSIsInRvIiwiZGlzYWJsZWQiLCJoYW5kbGVDbGljayIsInRpdGxlIiwiY2hpbGRyZW4iLCJuYW1lIiwiY29udGV4dFR5cGVzIiwiYW55Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7OztBQUNBOztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7Ozs7O0lBSU1BLGM7Ozs7Ozs7Ozs7OEJBa0JPQyxDLEVBQUc7QUFDZEEsS0FBRUMsY0FBRjtBQURjLGdCQUU4QixLQUFLQyxLQUZuQztBQUFBLE9BRVBDLE1BRk8sVUFFUEEsTUFGTztBQUFBLE9BRUNDLE1BRkQsVUFFQ0EsTUFGRDtBQUFBLE9BRVNDLFFBRlQsVUFFU0EsUUFGVDtBQUFBLE9BRW1CQyxPQUZuQixVQUVtQkEsT0FGbkI7O0FBR2QsT0FBTUMsU0FBU0osU0FBUyxJQUFULEdBQWdCRyxPQUEvQjtBQUNBLE9BQU1FLFFBQVE7QUFDYkMsY0FBVUosU0FBU0ksUUFETjtBQUViQyxzQ0FDSUwsU0FBU0ssS0FEYjtBQUVDSDtBQUZELDBCQUdzQkgsTUFIdEI7QUFGYSxJQUFkO0FBUUEsUUFBS08sT0FBTCxDQUFhQyxNQUFiLENBQW9CQyxPQUFwQixDQUE0QkwsS0FBNUI7QUFDQTs7OzJCQUVRO0FBQUEsT0FDRE4sS0FEQyxHQUNRLElBRFIsQ0FDREEsS0FEQztBQUFBLE9BRURDLE1BRkMsR0FFbUJELEtBRm5CLENBRURDLE1BRkM7QUFBQSxPQUVPRSxRQUZQLEdBRW1CSCxLQUZuQixDQUVPRyxRQUZQOztBQUdSLE9BQU1TLFlBQVksMEJBQVcsaUJBQVgsRUFBOEIsRUFBQ1gsY0FBRCxFQUE5QixDQUFsQjtBQUNBLE9BQU1JLFNBQVNMLE1BQU1DLE1BQU4sR0FBZSxJQUFmLEdBQXNCRCxNQUFNSSxPQUEzQzs7QUFFQSxPQUFNUyxLQUFLO0FBQ1ZOLGNBQVVKLFNBQVNJLFFBRFQ7QUFFVkMsc0NBQ0lMLFNBQVNLLEtBRGI7QUFFQ0g7QUFGRCwwQkFHc0JMLE1BQU1FLE1BSDVCO0FBRlUsSUFBWDs7QUFTQSxVQUNDO0FBQUE7QUFBQTtBQUNDLFNBQUlXLEVBREw7QUFFQyxnQkFBV0QsU0FGWjtBQUdDLGVBQVVaLE1BQU1jLFFBSGpCO0FBSUMsY0FBUyxLQUFLQyxXQUpmO0FBS0MsWUFBT2YsTUFBTWdCO0FBTGQ7QUFPRWhCLFVBQU1pQixRQUFOLElBQWtCakIsTUFBTWtCO0FBUDFCLElBREQ7QUFXQTs7OzZCQTdDTUMsWSxHQUFlO0FBQ3JCVCxTQUFRLGlCQUFFVTtBQURXLEM7O2tCQWdEUnZCLGMiLCJmaWxlIjoicGF0dGVybi1jb250cm9sLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHQsIENvbXBvbmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtMaW5rfSBmcm9tICdAbWFyaW9uZWJsL3JlYWN0LXJvdXRlcic7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBwdXJlIGZyb20gJ3B1cmUtcmVuZGVyLWRlY29yYXRvcic7XG5pbXBvcnQgYXV0b2JpbmQgZnJvbSAnYXV0b2JpbmQtZGVjb3JhdG9yJztcblxuQHB1cmVcbkBhdXRvYmluZFxuY2xhc3MgUGF0dGVybkNvbnRyb2wgZXh0ZW5kcyBDb21wb25lbnQge1xuXHRzdGF0aWMgcHJvcFR5cGVzID0ge1xuXHRcdGFjdGl2ZTogdC5ib29sLmlzUmVxdWlyZWQsXG5cdFx0YmFzZTogdC5zdHJpbmcuaXNSZXF1aXJlZCxcblx0XHRjaGlsZHJlbjogdC5hbnksXG5cdFx0ZGlzYWJsZWQ6IHQuYm9vbCxcblx0XHRleHBhbmQ6IHQuYm9vbCxcblx0XHRpY29uRGVzY3JpcHRpb246IHQuc3RyaW5nLFxuXHRcdGxvY2F0aW9uOiB0Lm9iamVjdC5pc1JlcXVpcmVkLFxuXHRcdG5hbWU6IHQuYW55LmlzUmVxdWlyZWQsXG5cdFx0c2hvcnRpZDogdC5zdHJpbmcuaXNSZXF1aXJlZCxcblx0XHR0aXRsZTogdC5zdHJpbmdcblx0fVxuXG5cdHN0YXRpYyBjb250ZXh0VHlwZXMgPSB7XG5cdFx0cm91dGVyOiB0LmFueVxuXHR9O1xuXG5cdGhhbmRsZUNsaWNrKGUpIHtcblx0XHRlLnByZXZlbnREZWZhdWx0KCk7XG5cdFx0Y29uc3Qge2FjdGl2ZSwgZXhwYW5kLCBsb2NhdGlvbiwgc2hvcnRpZH0gPSB0aGlzLnByb3BzO1xuXHRcdGNvbnN0IHNvdXJjZSA9IGFjdGl2ZSA/IG51bGwgOiBzaG9ydGlkO1xuXHRcdGNvbnN0IHJvdXRlID0ge1xuXHRcdFx0cGF0aG5hbWU6IGxvY2F0aW9uLnBhdGhuYW1lLFxuXHRcdFx0cXVlcnk6IHtcblx0XHRcdFx0Li4ubG9jYXRpb24ucXVlcnksXG5cdFx0XHRcdHNvdXJjZSxcblx0XHRcdFx0W2Bzb3VyY2UtZXhwYW5kZWRgXTogZXhwYW5kXG5cdFx0XHR9XG5cdFx0fTtcblx0XHR0aGlzLmNvbnRleHQucm91dGVyLnJlcGxhY2Uocm91dGUpO1xuXHR9XG5cblx0cmVuZGVyKCkge1xuXHRcdGNvbnN0IHtwcm9wc30gPSB0aGlzO1xuXHRcdGNvbnN0IHthY3RpdmUsIGxvY2F0aW9ufSA9IHByb3BzO1xuXHRcdGNvbnN0IGNsYXNzTmFtZSA9IGNsYXNzbmFtZXMoJ3BhdHRlcm4tY29udHJvbCcsIHthY3RpdmV9KTtcblx0XHRjb25zdCBzb3VyY2UgPSBwcm9wcy5hY3RpdmUgPyBudWxsIDogcHJvcHMuc2hvcnRpZDtcblxuXHRcdGNvbnN0IHRvID0ge1xuXHRcdFx0cGF0aG5hbWU6IGxvY2F0aW9uLnBhdGhuYW1lLFxuXHRcdFx0cXVlcnk6IHtcblx0XHRcdFx0Li4ubG9jYXRpb24ucXVlcnksXG5cdFx0XHRcdHNvdXJjZSxcblx0XHRcdFx0W2Bzb3VyY2UtZXhwYW5kZWRgXTogcHJvcHMuZXhwYW5kXG5cdFx0XHR9XG5cdFx0fTtcblxuXHRcdHJldHVybiAoXG5cdFx0XHQ8TGlua1xuXHRcdFx0XHR0bz17dG99XG5cdFx0XHRcdGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuXHRcdFx0XHRkaXNhYmxlZD17cHJvcHMuZGlzYWJsZWR9XG5cdFx0XHRcdG9uQ2xpY2s9e3RoaXMuaGFuZGxlQ2xpY2t9XG5cdFx0XHRcdHRpdGxlPXtwcm9wcy50aXRsZX1cblx0XHRcdFx0PlxuXHRcdFx0XHR7cHJvcHMuY2hpbGRyZW4gfHwgcHJvcHMubmFtZX1cblx0XHRcdDwvTGluaz5cblx0XHQpO1xuXHR9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhdHRlcm5Db250cm9sO1xuIl19