UNPKG

react-key-handler

Version:

React component to handle keyboard events

639 lines (638 loc) 22.9 kB
{ "id": "1d8k", "dependencies": [ { "name": "/Users/adc/Developer/ayrton/react-key-handler/package.json", "includedInParent": true, "mtime": 1533459603383 }, { "name": "/Users/adc/Developer/ayrton/react-key-handler/.babelrc", "includedInParent": true, "mtime": 1533458194366 }, { "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": 5, "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": 6, "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": 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/component/index.js" }, { "name": "./examples/decorators/key-handler", "loc": { "line": 8, "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": 9, "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" } ], "generated": { "js": "\"use strict\";Object.defineProperty(exports,\"__esModule\",{value:!0}),exports.default=i;var e=require(\"react\"),t=m(e),l=require(\"./examples/input/default\"),r=m(l),a=require(\"./examples/input/keypress\"),u=m(a),n=require(\"./examples/component\"),d=m(n),f=require(\"./examples/decorators/key-handler\"),c=m(f),o=require(\"./examples/decorators/key-toggle-handler\"),s=m(o);function m(e){return e&&e.__esModule?e:{default:e}}function i(){return t.default.createElement(\"div\",null,t.default.createElement(\"h1\",null,t.default.createElement(\"a\",{href:\"https://github.com/ayrton/react-key-handler\",target:\"_blank\",rel:\"noopener noreferrer\"},\"react-key-handler\")),t.default.createElement(c.default,null),t.default.createElement(s.default,null),t.default.createElement(d.default,null),t.default.createElement(r.default,null),t.default.createElement(u.default,null))}", "map": { "mappings": [ { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 0 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 13 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 20 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 35 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 43 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 56 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 57 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 64 } }, { "source": "components/app.js", "name": "App", "original": { "line": 15, "column": 24 }, "generated": { "line": 1, "column": 68 } }, { "source": "components/app.js", "name": "App", "original": { "line": 15, "column": 24 }, "generated": { "line": 1, "column": 76 } }, { "source": "components/app.js", "name": "App", "original": { "line": 15, "column": 24 }, "generated": { "line": 1, "column": 84 } }, { "source": "components/app.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 86 } }, { "source": "components/app.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 90 } }, { "source": "components/app.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 92 } }, { "source": "components/app.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 100 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 109 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 111 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 113 } }, { "source": "components/app.js", "original": { "line": 5, "column": 0 }, "generated": { "line": 1, "column": 116 } }, { "source": "components/app.js", "original": { "line": 5, "column": 0 }, "generated": { "line": 1, "column": 118 } }, { "source": "components/app.js", "original": { "line": 5, "column": 0 }, "generated": { "line": 1, "column": 126 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 154 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 156 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 158 } }, { "source": "components/app.js", "original": { "line": 6, "column": 0 }, "generated": { "line": 1, "column": 161 } }, { "source": "components/app.js", "original": { "line": 6, "column": 0 }, "generated": { "line": 1, "column": 163 } }, { "source": "components/app.js", "original": { "line": 6, "column": 0 }, "generated": { "line": 1, "column": 171 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 200 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 202 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 204 } }, { "source": "components/app.js", "original": { "line": 7, "column": 0 }, "generated": { "line": 1, "column": 207 } }, { "source": "components/app.js", "original": { "line": 7, "column": 0 }, "generated": { "line": 1, "column": 209 } }, { "source": "components/app.js", "original": { "line": 7, "column": 0 }, "generated": { "line": 1, "column": 217 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 241 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 243 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 245 } }, { "source": "components/app.js", "original": { "line": 8, "column": 0 }, "generated": { "line": 1, "column": 248 } }, { "source": "components/app.js", "original": { "line": 8, "column": 0 }, "generated": { "line": 1, "column": 250 } }, { "source": "components/app.js", "original": { "line": 8, "column": 0 }, "generated": { "line": 1, "column": 258 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 295 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 297 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 299 } }, { "source": "components/app.js", "original": { "line": 9, "column": 0 }, "generated": { "line": 1, "column": 302 } }, { "source": "components/app.js", "original": { "line": 9, "column": 0 }, "generated": { "line": 1, "column": 304 } }, { "source": "components/app.js", "original": { "line": 9, "column": 0 }, "generated": { "line": 1, "column": 312 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 356 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 358 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 360 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 363 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 372 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 374 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 377 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 384 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 387 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 389 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 400 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 402 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 403 } }, { "source": "components/app.js", "original": { "line": 31, "column": 1 }, "generated": { "line": 1, "column": 411 } }, { "source": "components/app.js", "original": { "line": 15, "column": 15 }, "generated": { "line": 1, "column": 414 } }, { "source": "components/app.js", "name": "App", "original": { "line": 15, "column": 24 }, "generated": { "line": 1, "column": 423 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 427 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 434 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 436 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 444 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 458 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 464 } }, { "source": "components/app.js", "original": { "line": 18, "column": 6 }, "generated": { "line": 1, "column": 469 } }, { "source": "components/app.js", "original": { "line": 18, "column": 6 }, "generated": { "line": 1, "column": 471 } }, { "source": "components/app.js", "original": { "line": 18, "column": 6 }, "generated": { "line": 1, "column": 479 } }, { "source": "components/app.js", "original": { "line": 18, "column": 6 }, "generated": { "line": 1, "column": 493 } }, { "source": "components/app.js", "original": { "line": 18, "column": 6 }, "generated": { "line": 1, "column": 498 } }, { "source": "components/app.js", "original": { "line": 19, "column": 8 }, "generated": { "line": 1, "column": 503 } }, { "source": "components/app.js", "original": { "line": 19, "column": 8 }, "generated": { "line": 1, "column": 505 } }, { "source": "components/app.js", "original": { "line": 19, "column": 8 }, "generated": { "line": 1, "column": 513 } }, { "source": "components/app.js", "original": { "line": 19, "column": 8 }, "generated": { "line": 1, "column": 527 } }, { "source": "components/app.js", "original": { "line": 19, "column": 11 }, "generated": { "line": 1, "column": 531 } }, { "source": "components/app.js", "original": { "line": 19, "column": 11 }, "generated": { "line": 1, "column": 532 } }, { "source": "components/app.js", "original": { "line": 19, "column": 16 }, "generated": { "line": 1, "column": 537 } }, { "source": "components/app.js", "original": { "line": 19, "column": 62 }, "generated": { "line": 1, "column": 583 } }, { "source": "components/app.js", "original": { "line": 19, "column": 69 }, "generated": { "line": 1, "column": 590 } }, { "source": "components/app.js", "original": { "line": 19, "column": 78 }, "generated": { "line": 1, "column": 599 } }, { "source": "components/app.js", "original": { "line": 19, "column": 82 }, "generated": { "line": 1, "column": 603 } }, { "source": "components/app.js", "original": { "line": 19, "column": 8 }, "generated": { "line": 1, "column": 626 } }, { "source": "components/app.js", "original": { "line": 24, "column": 7 }, "generated": { "line": 1, "column": 648 } }, { "source": "components/app.js", "original": { "line": 24, "column": 7 }, "generated": { "line": 1, "column": 650 } }, { "source": "components/app.js", "original": { "line": 24, "column": 7 }, "generated": { "line": 1, "column": 658 } }, { "source": "components/app.js", "original": { "line": 24, "column": 7 }, "generated": { "line": 1, "column": 672 } }, { "source": "components/app.js", "original": { "line": 24, "column": 6 }, "generated": { "line": 1, "column": 674 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 682 } }, { "source": "components/app.js", "original": { "line": 25, "column": 7 }, "generated": { "line": 1, "column": 688 } }, { "source": "components/app.js", "original": { "line": 25, "column": 7 }, "generated": { "line": 1, "column": 690 } }, { "source": "components/app.js", "original": { "line": 25, "column": 7 }, "generated": { "line": 1, "column": 698 } }, { "source": "components/app.js", "original": { "line": 25, "column": 7 }, "generated": { "line": 1, "column": 712 } }, { "source": "components/app.js", "original": { "line": 25, "column": 6 }, "generated": { "line": 1, "column": 714 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 722 } }, { "source": "components/app.js", "original": { "line": 26, "column": 7 }, "generated": { "line": 1, "column": 728 } }, { "source": "components/app.js", "original": { "line": 26, "column": 7 }, "generated": { "line": 1, "column": 730 } }, { "source": "components/app.js", "original": { "line": 26, "column": 7 }, "generated": { "line": 1, "column": 738 } }, { "source": "components/app.js", "original": { "line": 26, "column": 7 }, "generated": { "line": 1, "column": 752 } }, { "source": "components/app.js", "original": { "line": 26, "column": 6 }, "generated": { "line": 1, "column": 754 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 762 } }, { "source": "components/app.js", "original": { "line": 27, "column": 7 }, "generated": { "line": 1, "column": 768 } }, { "source": "components/app.js", "original": { "line": 27, "column": 7 }, "generated": { "line": 1, "column": 770 } }, { "source": "components/app.js", "original": { "line": 27, "column": 7 }, "generated": { "line": 1, "column": 778 } }, { "source": "components/app.js", "original": { "line": 27, "column": 7 }, "generated": { "line": 1, "column": 792 } }, { "source": "components/app.js", "original": { "line": 27, "column": 6 }, "generated": { "line": 1, "column": 794 } }, { "source": "components/app.js", "original": { "line": 17, "column": 4 }, "generated": { "line": 1, "column": 802 } }, { "source": "components/app.js", "original": { "line": 28, "column": 7 }, "generated": { "line": 1, "column": 808 } }, { "source": "components/app.js", "original": { "line": 28, "column": 7 }, "generated": { "line": 1, "column": 810 } }, { "source": "components/app.js", "original": { "line": 28, "column": 7 }, "generated": { "line": 1, "column": 818 } }, { "source": "components/app.js", "original": { "line": 28, "column": 7 }, "generated": { "line": 1, "column": 832 } }, { "source": "components/app.js", "original": { "line": 28, "column": 6 }, "generated": { "line": 1, "column": 834 } }, { "source": "components/app.js", "original": { "line": 28, "column": 6 }, "generated": { "line": 1, "column": 842 } } ], "sources": { "components/app.js": "/* @flow */\n\nimport React from 'react';\n\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';\n\n/**\n * App component.\n */\n\nexport default function App() {\n return (\n <div>\n <h1>\n <a href=\"https://github.com/ayrton/react-key-handler\" target=\"_blank\" rel=\"noopener noreferrer\" >\n react-key-handler\n </a>\n </h1>\n\n <KeyHandlerDecorator />\n <KeyToggleHandlerDecorator/>\n <KeyHandlerComponent />\n <InputElement />\n <InputElementKeypress />\n </div>\n );\n}\n" }, "lineCount": null } }, "hash": "a7fc85d3429a8a06dd9c193e5b049d4a", "cacheData": { "env": {} } }