react-key-handler
Version:
React component to handle keyboard events
550 lines (549 loc) • 22 kB
JSON
{
"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": {} }
}