UNPKG

react-key-handler

Version:

React component to handle keyboard events

550 lines (549 loc) 22 kB
{ "id": "e2gA", "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/examples/decorators/key-handler.js", "resolved": "/Users/adc/Developer/ayrton/react-key-handler/node_modules/react/index.js" }, { "name": "../../../../lib", "loc": { "line": 5, "column": 35 }, "parent": "/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/decorators/key-handler.js", "resolved": "/Users/adc/Developer/ayrton/react-key-handler/lib/index.js" } ], "generated": { "js": "\"use strict\";Object.defineProperty(exports,\"__esModule\",{value:!0});var e=require(\"react\"),l=u(e),t=require(\"../../../../lib\");function u(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.keyValue;return l.default.createElement(\"div\",null,l.default.createElement(\"h2\",null,\"Decorator example:\"),l.default.createElement(\"p\",null,\"Press \",l.default.createElement(\"code\",null,\"s\"),\" to \",l.default.createElement(\"strong\",null,\"open\"),\" the menu.\"),\"s\"===t&&l.default.createElement(\"ol\",null,l.default.createElement(\"li\",null,\"hello\"),l.default.createElement(\"li\",null,\"world\")))}exports.default=(0,t.keyHandler)({keyEventName:t.KEYPRESS,keyValue:\"s\"})(r);", "map": { "mappings": [ { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 0 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 13 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 20 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 35 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 43 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 56 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 57 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 64 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 68 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 72 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 74 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 3, "column": 0 }, "generated": { "line": 1, "column": 82 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 91 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 93 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 95 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 5, "column": 0 }, "generated": { "line": 1, "column": 98 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 5, "column": 0 }, "generated": { "line": 1, "column": 100 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 5, "column": 0 }, "generated": { "line": 1, "column": 108 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 127 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 136 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 138 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 141 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 148 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 151 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 153 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 164 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 166 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 167 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 175 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 12, "column": 0 }, "generated": { "line": 1, "column": 178 } }, { "source": "components/examples/decorators/key-handler.js", "name": "Demo", "original": { "line": 12, "column": 9 }, "generated": { "line": 1, "column": 187 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 12, "column": 33 }, "generated": { "line": 1, "column": 189 } }, { "source": "components/examples/decorators/key-handler.js", "name": "keyValue", "original": { "line": 12, "column": 15 }, "generated": { "line": 1, "column": 192 } }, { "source": "components/examples/decorators/key-handler.js", "name": "keyValue", "original": { "line": 12, "column": 15 }, "generated": { "line": 1, "column": 196 } }, { "source": "components/examples/decorators/key-handler.js", "name": "keyValue", "original": { "line": 12, "column": 15 }, "generated": { "line": 1, "column": 198 } }, { "source": "components/examples/decorators/key-handler.js", "name": "keyValue", "original": { "line": 12, "column": 15 }, "generated": { "line": 1, "column": 200 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 14, "column": 4 }, "generated": { "line": 1, "column": 209 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 14, "column": 4 }, "generated": { "line": 1, "column": 216 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 14, "column": 4 }, "generated": { "line": 1, "column": 218 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 14, "column": 4 }, "generated": { "line": 1, "column": 226 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 14, "column": 4 }, "generated": { "line": 1, "column": 240 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 14, "column": 4 }, "generated": { "line": 1, "column": 246 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 15, "column": 6 }, "generated": { "line": 1, "column": 251 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 15, "column": 6 }, "generated": { "line": 1, "column": 253 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 15, "column": 6 }, "generated": { "line": 1, "column": 261 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 15, "column": 6 }, "generated": { "line": 1, "column": 275 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 15, "column": 6 }, "generated": { "line": 1, "column": 280 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 15, "column": 6 }, "generated": { "line": 1, "column": 285 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 307 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 309 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 317 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 331 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 335 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 340 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 15 }, "generated": { "line": 1, "column": 349 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 15 }, "generated": { "line": 1, "column": 351 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 15 }, "generated": { "line": 1, "column": 359 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 15 }, "generated": { "line": 1, "column": 373 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 15 }, "generated": { "line": 1, "column": 380 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 15 }, "generated": { "line": 1, "column": 385 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 390 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 33 }, "generated": { "line": 1, "column": 397 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 33 }, "generated": { "line": 1, "column": 399 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 33 }, "generated": { "line": 1, "column": 407 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 33 }, "generated": { "line": 1, "column": 421 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 33 }, "generated": { "line": 1, "column": 430 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 33 }, "generated": { "line": 1, "column": 435 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 17, "column": 6 }, "generated": { "line": 1, "column": 443 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 19, "column": 20 }, "generated": { "line": 1, "column": 457 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 19, "column": 20 }, "generated": { "line": 1, "column": 463 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 20, "column": 8 }, "generated": { "line": 1, "column": 466 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 20, "column": 8 }, "generated": { "line": 1, "column": 468 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 20, "column": 8 }, "generated": { "line": 1, "column": 476 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 20, "column": 8 }, "generated": { "line": 1, "column": 490 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 20, "column": 8 }, "generated": { "line": 1, "column": 495 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 21, "column": 10 }, "generated": { "line": 1, "column": 500 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 21, "column": 10 }, "generated": { "line": 1, "column": 502 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 21, "column": 10 }, "generated": { "line": 1, "column": 510 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 21, "column": 10 }, "generated": { "line": 1, "column": 524 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 21, "column": 10 }, "generated": { "line": 1, "column": 529 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 21, "column": 10 }, "generated": { "line": 1, "column": 534 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 22, "column": 10 }, "generated": { "line": 1, "column": 543 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 22, "column": 10 }, "generated": { "line": 1, "column": 545 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 22, "column": 10 }, "generated": { "line": 1, "column": 553 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 22, "column": 10 }, "generated": { "line": 1, "column": 567 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 22, "column": 10 }, "generated": { "line": 1, "column": 572 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 22, "column": 10 }, "generated": { "line": 1, "column": 577 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 588 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 596 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 605 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 26 }, "generated": { "line": 1, "column": 607 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 26 }, "generated": { "line": 1, "column": 609 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 26 }, "generated": { "line": 1, "column": 621 } }, { "source": "components/examples/decorators/key-handler.js", "name": "keyEventName", "original": { "line": 29, "column": 27 }, "generated": { "line": 1, "column": 622 } }, { "source": "components/examples/decorators/key-handler.js", "name": "KEYPRESS", "original": { "line": 29, "column": 41 }, "generated": { "line": 1, "column": 635 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 26 }, "generated": { "line": 1, "column": 637 } }, { "source": "components/examples/decorators/key-handler.js", "name": "keyValue", "original": { "line": 29, "column": 51 }, "generated": { "line": 1, "column": 646 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 61 }, "generated": { "line": 1, "column": 655 } }, { "source": "components/examples/decorators/key-handler.js", "original": { "line": 29, "column": 15 }, "generated": { "line": 1, "column": 660 } }, { "source": "components/examples/decorators/key-handler.js", "name": "Demo", "original": { "line": 29, "column": 67 }, "generated": { "line": 1, "column": 661 } } ], "sources": { "components/examples/decorators/key-handler.js": "/* @flow */\n\nimport React from 'react';\n\nimport {keyHandler, KEYPRESS} from '../../../../lib';\n\ntype Props = {\n keyValue: ?string,\n};\n\n\nfunction Demo({keyValue}: Props) {\n return (\n <div>\n <h2>Decorator example:</h2>\n\n <p>Press <code>s</code> to <strong>open</strong> the menu.</p>\n\n {keyValue === 's' &&\n <ol>\n <li>hello</li>\n <li>world</li>\n </ol>\n }\n </div>\n );\n}\n\nexport default keyHandler({keyEventName: KEYPRESS, keyValue: 's'})(Demo);\n" }, "lineCount": null } }, "hash": "d6a926fd0045d8cd1e56919fc6123f78", "cacheData": { "env": {} } }