patternplate-client/application/components/content/shortcuts.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);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _markdown = require('../../containers/markdown');

var _markdown2 = _interopRequireDefault(_markdown);

var _lightbox = require('../lightbox');

var _lightbox2 = _interopRequireDefault(_lightbox);

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

var source = '\n> Better living through keyboard controls. :tada:\n\n`patternplate-client` provides a number of keyboard shortcuts for your convenience.\nMost links reveal attached keyboard shortcuts when hovered, complementing the table below.\n\n| Combination         | Scope      | Effect                                         |\n|:-------------------:|:----------:|:-----------------------------------------------|\n|`Ctrl+Alt+k`       | Global     | Show this reference                            |\n|`Ctrl+Alt+c`       | Global     | Toggle the debug console                       |\n|`Ctrl+Alt+d`       | Global     | Open the documentation                         |\n|`Ctrl+Alt+e`       | Global     | Toggle expansion of the sidebar                |\n|`Ctrl+Alt+enter`   | Console    | Apply changes to application state             |\n|`Ctrl+Alt+f`       | Pattern    | Open current pattern in new tab                |\n|`Ctrl+Alt+h`       | Global     | Toggle visibility of hidden patterns           |\n|`Ctrl+Alt+i`       | Global     | Toggle issue reportng helper                   |\n|`Ctrl+Alt+l`       | Pattern    | Toggle pattern rulers                          |\n|`Ctrl+Alt+o`       | Global     | Show/hide opacity indicators                   |\n|`Ctrl+Alt+r`       | Pattern    | Reload the current pattern                     |\n|`Ctrl+Alt+space`   | Global     | Toggle search focus                            |\n|`Ctrl+Alt+t`       | Global     | Toggle active theme                            |\n|`Esc`              | Global     | Close everything that could be considered open |\n';

exports.default = ShortcutsLightbox;


function ShortcutsLightbox(props) {
	var buttons = [_react2.default.createElement(
		_reactRouter.Link,
		{
			key: '0',
			to: (0, _extends3.default)({}, props.location, {
				query: (0, _extends3.default)({}, props.location.query, {
					lightbox: false
				})
			}),
			title: 'Close this lightbox [esc]',
			className: 'button lightbox__button'
		},
		'Close'
	)];
	return _react2.default.createElement(
		_lightbox2.default,
		{
			title: 'Keyboard shortcuts',
			backdrop: true,
			buttons: buttons
		},
		_react2.default.createElement(_markdown2.default, {
			base: props.base,
			className: 'lightbox__instructions',
			source: source
		})
	);
}

module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL2NvbnRlbnQvc2hvcnRjdXRzLmpzIl0sIm5hbWVzIjpbInNvdXJjZSIsIlNob3J0Y3V0c0xpZ2h0Ym94IiwicHJvcHMiLCJidXR0b25zIiwibG9jYXRpb24iLCJxdWVyeSIsImxpZ2h0Ym94IiwiYmFzZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBOzs7O0FBQ0E7O0FBRUE7Ozs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEseWtEQUFOOztrQkF3QmVDLGlCOzs7QUFFZixTQUFTQSxpQkFBVCxDQUEyQkMsS0FBM0IsRUFBa0M7QUFDakMsS0FBTUMsVUFBVSxDQUNmO0FBQUE7QUFBQTtBQUNDLFFBQUksR0FETDtBQUVDLGtDQUNJRCxNQUFNRSxRQURWO0FBRUNDLHNDQUNJSCxNQUFNRSxRQUFOLENBQWVDLEtBRG5CO0FBRUNDLGVBQVU7QUFGWDtBQUZELEtBRkQ7QUFTQyxVQUFNLDJCQVRQO0FBVUMsY0FBVTtBQVZYO0FBQUE7QUFBQSxFQURlLENBQWhCO0FBZ0JBLFFBQ0M7QUFBQTtBQUFBO0FBQ0MsVUFBTSxvQkFEUDtBQUVDLGlCQUZEO0FBR0MsWUFBU0g7QUFIVjtBQUtDO0FBQ0MsU0FBTUQsTUFBTUssSUFEYjtBQUVDLGNBQVUsd0JBRlg7QUFHQyxXQUFRUDtBQUhUO0FBTEQsRUFERDtBQWFBIiwiZmlsZSI6InNob3J0Y3V0cy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0xpbmt9IGZyb20gJ0BtYXJpb25lYmwvcmVhY3Qtcm91dGVyJztcblxuaW1wb3J0IE1hcmtkb3duIGZyb20gJy4uLy4uL2NvbnRhaW5lcnMvbWFya2Rvd24nO1xuaW1wb3J0IExpZ2h0Ym94IGZyb20gJy4uL2xpZ2h0Ym94JztcblxuY29uc3Qgc291cmNlID0gYFxuPiBCZXR0ZXIgbGl2aW5nIHRocm91Z2gga2V5Ym9hcmQgY29udHJvbHMuIDp0YWRhOlxuXG5cXGBwYXR0ZXJucGxhdGUtY2xpZW50XFxgIHByb3ZpZGVzIGEgbnVtYmVyIG9mIGtleWJvYXJkIHNob3J0Y3V0cyBmb3IgeW91ciBjb252ZW5pZW5jZS5cbk1vc3QgbGlua3MgcmV2ZWFsIGF0dGFjaGVkIGtleWJvYXJkIHNob3J0Y3V0cyB3aGVuIGhvdmVyZWQsIGNvbXBsZW1lbnRpbmcgdGhlIHRhYmxlIGJlbG93LlxuXG58IENvbWJpbmF0aW9uICAgICAgICAgfCBTY29wZSAgICAgIHwgRWZmZWN0ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8XG58Oi0tLS0tLS0tLS0tLS0tLS0tLS06fDotLS0tLS0tLS0tOnw6LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS18XG58XFxgQ3RybCtBbHQra1xcYCAgICAgICB8IEdsb2JhbCAgICAgfCBTaG93IHRoaXMgcmVmZXJlbmNlICAgICAgICAgICAgICAgICAgICAgICAgICAgIHxcbnxcXGBDdHJsK0FsdCtjXFxgICAgICAgIHwgR2xvYmFsICAgICB8IFRvZ2dsZSB0aGUgZGVidWcgY29uc29sZSAgICAgICAgICAgICAgICAgICAgICAgfFxufFxcYEN0cmwrQWx0K2RcXGAgICAgICAgfCBHbG9iYWwgICAgIHwgT3BlbiB0aGUgZG9jdW1lbnRhdGlvbiAgICAgICAgICAgICAgICAgICAgICAgICB8XG58XFxgQ3RybCtBbHQrZVxcYCAgICAgICB8IEdsb2JhbCAgICAgfCBUb2dnbGUgZXhwYW5zaW9uIG9mIHRoZSBzaWRlYmFyICAgICAgICAgICAgICAgIHxcbnxcXGBDdHJsK0FsdCtlbnRlclxcYCAgIHwgQ29uc29sZSAgICB8IEFwcGx5IGNoYW5nZXMgdG8gYXBwbGljYXRpb24gc3RhdGUgICAgICAgICAgICAgfFxufFxcYEN0cmwrQWx0K2ZcXGAgICAgICAgfCBQYXR0ZXJuICAgIHwgT3BlbiBjdXJyZW50IHBhdHRlcm4gaW4gbmV3IHRhYiAgICAgICAgICAgICAgICB8XG58XFxgQ3RybCtBbHQraFxcYCAgICAgICB8IEdsb2JhbCAgICAgfCBUb2dnbGUgdmlzaWJpbGl0eSBvZiBoaWRkZW4gcGF0dGVybnMgICAgICAgICAgIHxcbnxcXGBDdHJsK0FsdCtpXFxgICAgICAgIHwgR2xvYmFsICAgICB8IFRvZ2dsZSBpc3N1ZSByZXBvcnRuZyBoZWxwZXIgICAgICAgICAgICAgICAgICAgfFxufFxcYEN0cmwrQWx0K2xcXGAgICAgICAgfCBQYXR0ZXJuICAgIHwgVG9nZ2xlIHBhdHRlcm4gcnVsZXJzICAgICAgICAgICAgICAgICAgICAgICAgICB8XG58XFxgQ3RybCtBbHQrb1xcYCAgICAgICB8IEdsb2JhbCAgICAgfCBTaG93L2hpZGUgb3BhY2l0eSBpbmRpY2F0b3JzICAgICAgICAgICAgICAgICAgIHxcbnxcXGBDdHJsK0FsdCtyXFxgICAgICAgIHwgUGF0dGVybiAgICB8IFJlbG9hZCB0aGUgY3VycmVudCBwYXR0ZXJuICAgICAgICAgICAgICAgICAgICAgfFxufFxcYEN0cmwrQWx0K3NwYWNlXFxgICAgfCBHbG9iYWwgICAgIHwgVG9nZ2xlIHNlYXJjaCBmb2N1cyAgICAgICAgICAgICAgICAgICAgICAgICAgICB8XG58XFxgQ3RybCtBbHQrdFxcYCAgICAgICB8IEdsb2JhbCAgICAgfCBUb2dnbGUgYWN0aXZlIHRoZW1lICAgICAgICAgICAgICAgICAgICAgICAgICAgIHxcbnxcXGBFc2NcXGAgICAgICAgICAgICAgIHwgR2xvYmFsICAgICB8IENsb3NlIGV2ZXJ5dGhpbmcgdGhhdCBjb3VsZCBiZSBjb25zaWRlcmVkIG9wZW4gfFxuYDtcblxuZXhwb3J0IGRlZmF1bHQgU2hvcnRjdXRzTGlnaHRib3g7XG5cbmZ1bmN0aW9uIFNob3J0Y3V0c0xpZ2h0Ym94KHByb3BzKSB7XG5cdGNvbnN0IGJ1dHRvbnMgPSBbXG5cdFx0PExpbmtcblx0XHRcdGtleT1cIjBcIlxuXHRcdFx0dG89e3tcblx0XHRcdFx0Li4ucHJvcHMubG9jYXRpb24sXG5cdFx0XHRcdHF1ZXJ5OiB7XG5cdFx0XHRcdFx0Li4ucHJvcHMubG9jYXRpb24ucXVlcnksXG5cdFx0XHRcdFx0bGlnaHRib3g6IGZhbHNlXG5cdFx0XHRcdH1cblx0XHRcdH19XG5cdFx0XHR0aXRsZT1cIkNsb3NlIHRoaXMgbGlnaHRib3ggW2VzY11cIlxuXHRcdFx0Y2xhc3NOYW1lPVwiYnV0dG9uIGxpZ2h0Ym94X19idXR0b25cIlxuXHRcdFx0PlxuXHRcdFx0Q2xvc2Vcblx0XHQ8L0xpbms+XG5cdF07XG5cdHJldHVybiAoXG5cdFx0PExpZ2h0Ym94XG5cdFx0XHR0aXRsZT1cIktleWJvYXJkIHNob3J0Y3V0c1wiXG5cdFx0XHRiYWNrZHJvcFxuXHRcdFx0YnV0dG9ucz17YnV0dG9uc31cblx0XHRcdD5cblx0XHRcdDxNYXJrZG93blxuXHRcdFx0XHRiYXNlPXtwcm9wcy5iYXNlfVxuXHRcdFx0XHRjbGFzc05hbWU9XCJsaWdodGJveF9faW5zdHJ1Y3Rpb25zXCJcblx0XHRcdFx0c291cmNlPXtzb3VyY2V9XG5cdFx0XHRcdC8+XG5cdFx0PC9MaWdodGJveD5cblx0KTtcbn1cblxuU2hvcnRjdXRzTGlnaHRib3gucHJvcFR5cGVzID0ge1xuXHRiYXNlOiB0LnN0cmluZy5pc1JlcXVpcmVkLFxuXHRsb2NhdGlvbjogdC5zaGFwZSh7XG5cdFx0cGF0aG5hbWU6IHQuc3RyaW5nLmlzUmVxdWlyZWQsXG5cdFx0cXVlcnk6IHQub2JqZWN0LmlzUmVxdWlyZWRcblx0fSlcbn07XG4iXX0=