react-key-handler/.cache/620e87221dcd5f3c7f6d80a354b17cab.json

React component to handle keyboard events

{"id":"components/examples/decorators/key-toggle-handler.js","dependencies":[{"name":"/Users/adc/Developer/ayrton/react-key-handler/package.json","includedInParent":true,"mtime":1535648238901},{"name":"/Users/adc/Developer/ayrton/react-key-handler/.babelrc","includedInParent":true,"mtime":1535642334213},{"name":"react","loc":{"line":3,"column":18},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-toggle-handler.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/node_modules/react/index.js"},{"name":"react-syntax-highlighter/prism","loc":{"line":4,"column":30},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-toggle-handler.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/node_modules/react-syntax-highlighter/prism.js"},{"name":"react-syntax-highlighter/styles/prism","loc":{"line":5,"column":22},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-toggle-handler.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/node_modules/react-syntax-highlighter/styles/prism/index.js"},{"name":"../../../../lib","loc":{"line":7,"column":43},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-toggle-handler.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/lib/index.js"},{"name":"../ExampleBox","loc":{"line":8,"column":23},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-toggle-handler.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/ExampleBox.js"}],"generated":{"js":"'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _prism = require('react-syntax-highlighter/prism');\n\nvar _prism2 = _interopRequireDefault(_prism);\n\nvar _prism3 = require('react-syntax-highlighter/styles/prism');\n\nvar _lib = require('../../../../lib');\n\nvar _ExampleBox = require('../ExampleBox');\n\nvar _ExampleBox2 = _interopRequireDefault(_ExampleBox);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Demo(_ref) {\n  var keyValue = _ref.keyValue;\n\n  return _react2.default.createElement(\n    _ExampleBox2.default,\n    null,\n    _react2.default.createElement(\n      'h2',\n      null,\n      'Toggle Decorator example:'\n    ),\n    _react2.default.createElement(\n      'p',\n      null,\n      'Press ',\n      _react2.default.createElement(\n        'code',\n        null,\n        's'\n      ),\n      ' to ',\n      _react2.default.createElement(\n        'strong',\n        null,\n        'toggle'\n      ),\n      ' the menu.'\n    ),\n    keyValue === 's' && _react2.default.createElement(\n      'ol',\n      null,\n      _react2.default.createElement(\n        'li',\n        null,\n        'hello'\n      ),\n      _react2.default.createElement(\n        'li',\n        null,\n        'world'\n      )\n    ),\n    _react2.default.createElement(\n      'h3',\n      null,\n      'Code:'\n    ),\n    _react2.default.createElement(\n      _prism2.default,\n      { language: 'javascript', style: _prism3.light },\n      codeString\n    )\n  );\n}\n\nvar codeString = '\\nkeyToggleHandler({ keyEventName: KEYPRESS, keyValue: \\'s\\' })(\\n  Component,\\n);\\n';\n\nexports.default = (0, _lib.keyToggleHandler)({ keyEventName: _lib.KEYPRESS, keyValue: 's' })(Demo);","map":{"mappings":[{"generated":{"line":7,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":3,"column":0}},{"generated":{"line":11,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":4,"column":0}},{"generated":{"line":15,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":5,"column":0}},{"generated":{"line":17,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":7,"column":0}},{"generated":{"line":19,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":8,"column":0}},{"generated":{"line":25,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":0}},{"name":"Demo","generated":{"line":25,"column":9},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":9}},{"generated":{"line":25,"column":13},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":0}},{"generated":{"line":25,"column":20},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":35}},{"generated":{"line":26,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":35}},{"name":"keyValue","generated":{"line":26,"column":6},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":16}},{"generated":{"line":26,"column":14},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":35}},{"name":"keyValue","generated":{"line":26,"column":22},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":16}},{"generated":{"line":26,"column":30},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":14,"column":35}},{"generated":{"line":28,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":15,"column":2}},{"generated":{"line":28,"column":9},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"generated":{"line":29,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":5}},{"generated":{"line":29,"column":24},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"generated":{"line":30,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"generated":{"line":31,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":17,"column":6}},{"generated":{"line":32,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":17,"column":6}},{"generated":{"line":33,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":17,"column":6}},{"generated":{"line":34,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":17,"column":6}},{"generated":{"line":35,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":17,"column":6}},{"generated":{"line":35,"column":5},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"generated":{"line":36,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":37,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":38,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":39,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":40,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":14}},{"generated":{"line":41,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":14}},{"generated":{"line":42,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":14}},{"generated":{"line":43,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":14}},{"generated":{"line":44,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":14}},{"generated":{"line":44,"column":7},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":45,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":46,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":32}},{"generated":{"line":47,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":32}},{"generated":{"line":48,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":32}},{"generated":{"line":49,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":32}},{"generated":{"line":50,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":20,"column":32}},{"generated":{"line":50,"column":7},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":51,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":52,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":19,"column":6}},{"generated":{"line":52,"column":5},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"name":"keyValue","generated":{"line":53,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":23,"column":7}},{"generated":{"line":53,"column":17},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":23,"column":20}},{"generated":{"line":53,"column":20},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":23,"column":7}},{"generated":{"line":53,"column":24},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":24,"column":8}},{"generated":{"line":54,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":24,"column":8}},{"generated":{"line":55,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":24,"column":8}},{"generated":{"line":56,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":25,"column":10}},{"generated":{"line":57,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":25,"column":10}},{"generated":{"line":58,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":25,"column":10}},{"generated":{"line":59,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":25,"column":10}},{"generated":{"line":60,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":25,"column":10}},{"generated":{"line":60,"column":7},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":24,"column":8}},{"generated":{"line":61,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":26,"column":10}},{"generated":{"line":62,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":26,"column":10}},{"generated":{"line":63,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":26,"column":10}},{"generated":{"line":64,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":26,"column":10}},{"generated":{"line":65,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":26,"column":10}},{"generated":{"line":66,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":24,"column":8}},{"generated":{"line":66,"column":5},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"generated":{"line":67,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":30,"column":6}},{"generated":{"line":68,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":30,"column":6}},{"generated":{"line":69,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":30,"column":6}},{"generated":{"line":70,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":30,"column":6}},{"generated":{"line":71,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":30,"column":6}},{"generated":{"line":71,"column":5},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"generated":{"line":72,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":6}},{"generated":{"line":73,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":7}},{"generated":{"line":73,"column":21},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":6}},{"generated":{"line":74,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":6}},{"generated":{"line":74,"column":8},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":25}},{"generated":{"line":74,"column":18},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":34}},{"generated":{"line":74,"column":30},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":6}},{"generated":{"line":74,"column":32},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":47}},{"name":"light","generated":{"line":74,"column":39},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":54}},{"generated":{"line":74,"column":52},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":6}},{"name":"codeString","generated":{"line":75,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":32,"column":9}},{"generated":{"line":76,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":31,"column":6}},{"generated":{"line":77,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":16,"column":4}},{"generated":{"line":77,"column":3},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":15,"column":2}},{"generated":{"line":78,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":36,"column":1}},{"generated":{"line":80,"column":0},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":38,"column":0}},{"name":"codeString","generated":{"line":80,"column":4},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":38,"column":6}},{"generated":{"line":80,"column":103},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":38,"column":0}},{"generated":{"line":82,"column":18},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":15}},{"generated":{"line":82,"column":45},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":32}},{"name":"keyEventName","generated":{"line":82,"column":47},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":34}},{"name":"KEYPRESS","generated":{"line":82,"column":61},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":48}},{"generated":{"line":82,"column":74},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":32}},{"name":"keyValue","generated":{"line":82,"column":76},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":58}},{"generated":{"line":82,"column":86},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":68}},{"generated":{"line":82,"column":89},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":32}},{"generated":{"line":82,"column":91},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":15}},{"name":"Demo","generated":{"line":82,"column":93},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":45,"column":2}},{"generated":{"line":82,"column":97},"source":"components/examples/decorators/key-toggle-handler.js","original":{"line":44,"column":15}}],"sources":{"components/examples/decorators/key-toggle-handler.js":"/* @flow */\n\nimport React from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter/prism';\nimport { light } from 'react-syntax-highlighter/styles/prism';\n\nimport { keyToggleHandler, KEYPRESS } from '../../../../lib';\nimport ExampleBox from '../ExampleBox';\n\ntype Props = {\n  keyValue: ?string,\n};\n\nfunction Demo({ keyValue }: Props) {\n  return (\n    <ExampleBox>\n      <h2>Toggle Decorator example:</h2>\n\n      <p>\n        Press <code>s</code> to <strong>toggle</strong> the menu.\n      </p>\n\n      {keyValue === 's' && (\n        <ol>\n          <li>hello</li>\n          <li>world</li>\n        </ol>\n      )}\n\n      <h3>Code:</h3>\n      <SyntaxHighlighter language=\"javascript\" style={light}>\n        {codeString}\n      </SyntaxHighlighter>\n    </ExampleBox>\n  );\n}\n\nconst codeString = `\nkeyToggleHandler({ keyEventName: KEYPRESS, keyValue: 's' })(\n  Component,\n);\n`;\n\nexport default keyToggleHandler({ keyEventName: KEYPRESS, keyValue: 's' })(\n  Demo,\n);\n"},"lineCount":null}},"hash":"9eac99477e549e10f0003f7f0c123e0c","cacheData":{"env":{}}}