react-key-handler
Version:
React component to handle keyboard events
1 lines • 11.5 kB
JSON
{"id":"components/app.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/app.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/node_modules/react/index.js"},{"name":"./examples/input/default","loc":{"line":4,"column":25},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/app.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/input/default.js"},{"name":"./examples/input/keypress","loc":{"line":5,"column":33},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/app.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/input/keypress.js"},{"name":"./examples/component","loc":{"line":6,"column":32},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/app.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/component/index.js"},{"name":"./examples/decorators/key-handler","loc":{"line":7,"column":32},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/app.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-handler.js"},{"name":"./examples/decorators/key-toggle-handler","loc":{"line":8,"column":38},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/app.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-toggle-handler.js"},{"name":"./examples/input/code-explore","loc":{"line":9,"column":24},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/app.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/input/code-explore.js"}],"generated":{"js":"'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = App;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _default = require('./examples/input/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nvar _keypress = require('./examples/input/keypress');\n\nvar _keypress2 = _interopRequireDefault(_keypress);\n\nvar _component = require('./examples/component');\n\nvar _component2 = _interopRequireDefault(_component);\n\nvar _keyHandler = require('./examples/decorators/key-handler');\n\nvar _keyHandler2 = _interopRequireDefault(_keyHandler);\n\nvar _keyToggleHandler = require('./examples/decorators/key-toggle-handler');\n\nvar _keyToggleHandler2 = _interopRequireDefault(_keyToggleHandler);\n\nvar _codeExplore = require('./examples/input/code-explore');\n\nvar _codeExplore2 = _interopRequireDefault(_codeExplore);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * App component.\n */\n\nfunction App() {\n return _react2.default.createElement(\n _react2.default.Fragment,\n null,\n _react2.default.createElement(\n 'h1',\n null,\n _react2.default.createElement(\n 'a',\n {\n href: 'https://github.com/ayrton/react-key-handler',\n target: '_blank',\n rel: 'noopener noreferrer' },\n 'react-key-handler'\n )\n ),\n _react2.default.createElement(_keyHandler2.default, null),\n _react2.default.createElement(_keyToggleHandler2.default, null),\n _react2.default.createElement(_component2.default, null),\n _react2.default.createElement(_default2.default, null),\n _react2.default.createElement(_keypress2.default, null),\n _react2.default.createElement(_codeExplore2.default, null)\n );\n}","map":{"mappings":[{"name":"App","generated":{"line":6,"column":18},"source":"components/app.js","original":{"line":15,"column":24}},{"generated":{"line":8,"column":0},"source":"components/app.js","original":{"line":3,"column":0}},{"generated":{"line":12,"column":0},"source":"components/app.js","original":{"line":4,"column":0}},{"generated":{"line":16,"column":0},"source":"components/app.js","original":{"line":5,"column":0}},{"generated":{"line":20,"column":0},"source":"components/app.js","original":{"line":6,"column":0}},{"generated":{"line":24,"column":0},"source":"components/app.js","original":{"line":7,"column":0}},{"generated":{"line":28,"column":0},"source":"components/app.js","original":{"line":8,"column":0}},{"generated":{"line":32,"column":0},"source":"components/app.js","original":{"line":9,"column":0}},{"generated":{"line":38,"column":0},"source":"components/app.js","original":{"line":11,"column":0}},{"generated":{"line":42,"column":0},"source":"components/app.js","original":{"line":15,"column":15}},{"name":"App","generated":{"line":42,"column":9},"source":"components/app.js","original":{"line":15,"column":24}},{"generated":{"line":42,"column":12},"source":"components/app.js","original":{"line":15,"column":15}},{"generated":{"line":42,"column":15},"source":"components/app.js","original":{"line":15,"column":30}},{"generated":{"line":43,"column":0},"source":"components/app.js","original":{"line":16,"column":2}},{"generated":{"line":43,"column":9},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":44,"column":0},"source":"components/app.js","original":{"line":17,"column":5}},{"generated":{"line":44,"column":19},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":44,"column":20},"source":"components/app.js","original":{"line":17,"column":11}},{"generated":{"line":44,"column":28},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":45,"column":0},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":46,"column":0},"source":"components/app.js","original":{"line":18,"column":6}},{"generated":{"line":47,"column":0},"source":"components/app.js","original":{"line":18,"column":6}},{"generated":{"line":48,"column":0},"source":"components/app.js","original":{"line":18,"column":6}},{"generated":{"line":49,"column":0},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":50,"column":0},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":51,"column":0},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":52,"column":0},"source":"components/app.js","original":{"line":20,"column":10}},{"generated":{"line":52,"column":16},"source":"components/app.js","original":{"line":20,"column":15}},{"generated":{"line":52,"column":61},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":53,"column":0},"source":"components/app.js","original":{"line":21,"column":10}},{"generated":{"line":53,"column":18},"source":"components/app.js","original":{"line":21,"column":17}},{"generated":{"line":53,"column":26},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":54,"column":0},"source":"components/app.js","original":{"line":22,"column":10}},{"generated":{"line":54,"column":15},"source":"components/app.js","original":{"line":22,"column":14}},{"generated":{"line":54,"column":36},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":55,"column":0},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":56,"column":0},"source":"components/app.js","original":{"line":19,"column":8}},{"generated":{"line":57,"column":0},"source":"components/app.js","original":{"line":18,"column":6}},{"generated":{"line":57,"column":5},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":58,"column":0},"source":"components/app.js","original":{"line":27,"column":6}},{"generated":{"line":58,"column":34},"source":"components/app.js","original":{"line":27,"column":7}},{"generated":{"line":58,"column":54},"source":"components/app.js","original":{"line":27,"column":6}},{"generated":{"line":58,"column":61},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":59,"column":0},"source":"components/app.js","original":{"line":28,"column":6}},{"generated":{"line":59,"column":34},"source":"components/app.js","original":{"line":28,"column":7}},{"generated":{"line":59,"column":60},"source":"components/app.js","original":{"line":28,"column":6}},{"generated":{"line":59,"column":67},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":60,"column":0},"source":"components/app.js","original":{"line":29,"column":6}},{"generated":{"line":60,"column":34},"source":"components/app.js","original":{"line":29,"column":7}},{"generated":{"line":60,"column":53},"source":"components/app.js","original":{"line":29,"column":6}},{"generated":{"line":60,"column":60},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":61,"column":0},"source":"components/app.js","original":{"line":30,"column":6}},{"generated":{"line":61,"column":34},"source":"components/app.js","original":{"line":30,"column":7}},{"generated":{"line":61,"column":51},"source":"components/app.js","original":{"line":30,"column":6}},{"generated":{"line":61,"column":58},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":62,"column":0},"source":"components/app.js","original":{"line":31,"column":6}},{"generated":{"line":62,"column":34},"source":"components/app.js","original":{"line":31,"column":7}},{"generated":{"line":62,"column":52},"source":"components/app.js","original":{"line":31,"column":6}},{"generated":{"line":62,"column":59},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":63,"column":0},"source":"components/app.js","original":{"line":32,"column":6}},{"generated":{"line":63,"column":34},"source":"components/app.js","original":{"line":32,"column":7}},{"generated":{"line":63,"column":55},"source":"components/app.js","original":{"line":32,"column":6}},{"generated":{"line":64,"column":0},"source":"components/app.js","original":{"line":17,"column":4}},{"generated":{"line":64,"column":3},"source":"components/app.js","original":{"line":16,"column":2}},{"generated":{"line":65,"column":0},"source":"components/app.js","original":{"line":35,"column":1}}],"sources":{"components/app.js":"/* @flow */\n\nimport React from 'react';\nimport InputElement from './examples/input/default';\nimport InputElementKeypress from './examples/input/keypress';\nimport KeyHandlerComponent from './examples/component';\nimport KeyHandlerDecorator from './examples/decorators/key-handler';\nimport KeyToggleHandlerDecorator from './examples/decorators/key-toggle-handler';\nimport CodeExplore from './examples/input/code-explore';\n\n/**\n * App component.\n */\n\nexport default function App() {\n return (\n <React.Fragment>\n <h1>\n <a\n href=\"https://github.com/ayrton/react-key-handler\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n react-key-handler\n </a>\n </h1>\n\n <KeyHandlerDecorator />\n <KeyToggleHandlerDecorator />\n <KeyHandlerComponent />\n <InputElement />\n <InputElementKeypress />\n <CodeExplore />\n </React.Fragment>\n );\n}\n"},"lineCount":null}},"hash":"e8ecb2b109560111bb4a751f69223b02","cacheData":{"env":{}}}