patternplate-client/application/components/navigation/navigation-toggle.js

Universal javascript client application for patternplate

'use strict';

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

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

var _extends3 = _interopRequireDefault(_extends2);

exports.default = NavigationToggle;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _icon = require('../common/icon');

var _icon2 = _interopRequireDefault(_icon);

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

function NavigationToggle(props) {
	var iconClassName = (0, _classnames2.default)({
		'icon--mirrored': props.expanded
	});

	return _react2.default.createElement(
		_reactRouter.Link,
		{
			to: {
				pathname: props.pathname,
				query: (0, _extends3.default)({}, props.query, { expanded: !props.expanded })
			},
			className: 'toggleMode',
			title: props.expanded ? 'Collapse navigation [ctrl+e]' : 'Expand navigation [ctrl+e]'
		},
		_react2.default.createElement(_icon2.default, { base: props.base, className: iconClassName, symbol: 'arrow-double-right' })
	);
}

module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi10b2dnbGUuanMiXSwibmFtZXMiOlsiTmF2aWdhdGlvblRvZ2dsZSIsInByb3BzIiwiaWNvbkNsYXNzTmFtZSIsImV4cGFuZGVkIiwicGF0aG5hbWUiLCJxdWVyeSIsImJhc2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7a0JBTXdCQSxnQjs7QUFOeEI7Ozs7QUFDQTs7QUFDQTs7OztBQUVBOzs7Ozs7QUFFZSxTQUFTQSxnQkFBVCxDQUEwQkMsS0FBMUIsRUFBaUM7QUFDL0MsS0FBTUMsZ0JBQWdCLDBCQUFLO0FBQzFCLG9CQUFrQkQsTUFBTUU7QUFERSxFQUFMLENBQXRCOztBQUlBLFFBQ0M7QUFBQTtBQUFBO0FBQ0MsT0FBSTtBQUNIQyxjQUFVSCxNQUFNRyxRQURiO0FBRUhDLHNDQUFXSixNQUFNSSxLQUFqQixFQUEyQixFQUFDRixVQUFVLENBQUNGLE1BQU1FLFFBQWxCLEVBQTNCO0FBRkcsSUFETDtBQUtDLGNBQVUsWUFMWDtBQU1DLFVBQU9GLE1BQU1FLFFBQU4sR0FBaUIsOEJBQWpCLEdBQWtEO0FBTjFEO0FBUUMsa0RBQU0sTUFBTUYsTUFBTUssSUFBbEIsRUFBd0IsV0FBV0osYUFBbkMsRUFBa0QsUUFBTyxvQkFBekQ7QUFSRCxFQUREO0FBWUEiLCJmaWxlIjoibmF2aWdhdGlvbi10b2dnbGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtMaW5rfSBmcm9tICdAbWFyaW9uZWJsL3JlYWN0LXJvdXRlcic7XG5pbXBvcnQgam9pbiBmcm9tICdjbGFzc25hbWVzJztcblxuaW1wb3J0IEljb24gZnJvbSAnLi4vY29tbW9uL2ljb24nO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBOYXZpZ2F0aW9uVG9nZ2xlKHByb3BzKSB7XG5cdGNvbnN0IGljb25DbGFzc05hbWUgPSBqb2luKHtcblx0XHQnaWNvbi0tbWlycm9yZWQnOiBwcm9wcy5leHBhbmRlZFxuXHR9KTtcblxuXHRyZXR1cm4gKFxuXHRcdDxMaW5rXG5cdFx0XHR0bz17e1xuXHRcdFx0XHRwYXRobmFtZTogcHJvcHMucGF0aG5hbWUsXG5cdFx0XHRcdHF1ZXJ5OiB7Li4ucHJvcHMucXVlcnksIC4uLntleHBhbmRlZDogIXByb3BzLmV4cGFuZGVkfX1cblx0XHRcdH19XG5cdFx0XHRjbGFzc05hbWU9XCJ0b2dnbGVNb2RlXCJcblx0XHRcdHRpdGxlPXtwcm9wcy5leHBhbmRlZCA/ICdDb2xsYXBzZSBuYXZpZ2F0aW9uIFtjdHJsK2VdJyA6ICdFeHBhbmQgbmF2aWdhdGlvbiBbY3RybCtlXSd9XG5cdFx0XHQ+XG5cdFx0XHQ8SWNvbiBiYXNlPXtwcm9wcy5iYXNlfSBjbGFzc05hbWU9e2ljb25DbGFzc05hbWV9IHN5bWJvbD1cImFycm93LWRvdWJsZS1yaWdodFwiLz5cblx0XHQ8L0xpbms+XG5cdCk7XG59XG5cbk5hdmlnYXRpb25Ub2dnbGUucHJvcFR5cGVzID0ge1xuXHRiYXNlOiB0LnN0cmluZy5pc1JlcXVpcmVkLFxuXHRleHBhbmRlZDogdC5ib29sLmlzUmVxdWlyZWQsXG5cdHBhdGhuYW1lOiB0LnN0cmluZy5pc1JlcXVpcmVkLFxuXHRxdWVyeTogdC5vYmplY3QuaXNSZXF1aXJlZFxufTtcbiJdfQ==