react-key-handler
Version:
React component to handle keyboard events
550 lines (549 loc) • 22.8 kB
JSON
{
"id": "JJ6g",
"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-toggle-handler.js",
"resolved": "/Users/adc/Developer/ayrton/react-key-handler/node_modules/react/index.js"
},
{
"name": "../../../../lib",
"loc": { "line": 5, "column": 41 },
"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"
}
],
"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,\"Toggle Decorator example:\"),l.default.createElement(\"p\",null,\"Press \",l.default.createElement(\"code\",null,\"s\"),\" to \",l.default.createElement(\"strong\",null,\"toggle\"),\" 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.keyToggleHandler)({keyEventName:t.KEYPRESS,keyValue:\"s\"})(r);",
"map": {
"mappings": [
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 0 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 13 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 20 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 35 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 43 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 56 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 57 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 64 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 68 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 72 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 74 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 82 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 91 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 93 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 95 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 5, "column": 0 },
"generated": { "line": 1, "column": 98 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 5, "column": 0 },
"generated": { "line": 1, "column": 100 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 5, "column": 0 },
"generated": { "line": 1, "column": 108 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 127 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 136 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 138 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 141 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 148 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 151 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 153 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 164 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 166 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 167 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 175 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 11, "column": 0 },
"generated": { "line": 1, "column": 178 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "Demo",
"original": { "line": 11, "column": 9 },
"generated": { "line": 1, "column": 187 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 11, "column": 33 },
"generated": { "line": 1, "column": 189 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "keyValue",
"original": { "line": 11, "column": 15 },
"generated": { "line": 1, "column": 192 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "keyValue",
"original": { "line": 11, "column": 15 },
"generated": { "line": 1, "column": 196 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "keyValue",
"original": { "line": 11, "column": 15 },
"generated": { "line": 1, "column": 198 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "keyValue",
"original": { "line": 11, "column": 15 },
"generated": { "line": 1, "column": 200 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 209 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 216 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 218 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 226 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 240 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 246 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 251 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 253 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 261 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 275 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 280 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 285 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 314 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 316 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 324 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 338 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 342 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 347 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 15 },
"generated": { "line": 1, "column": 356 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 15 },
"generated": { "line": 1, "column": 358 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 15 },
"generated": { "line": 1, "column": 366 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 15 },
"generated": { "line": 1, "column": 380 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 15 },
"generated": { "line": 1, "column": 387 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 15 },
"generated": { "line": 1, "column": 392 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 397 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 33 },
"generated": { "line": 1, "column": 404 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 33 },
"generated": { "line": 1, "column": 406 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 33 },
"generated": { "line": 1, "column": 414 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 33 },
"generated": { "line": 1, "column": 428 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 33 },
"generated": { "line": 1, "column": 437 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 33 },
"generated": { "line": 1, "column": 442 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 452 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 18, "column": 20 },
"generated": { "line": 1, "column": 466 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 18, "column": 20 },
"generated": { "line": 1, "column": 472 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 19, "column": 8 },
"generated": { "line": 1, "column": 475 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 19, "column": 8 },
"generated": { "line": 1, "column": 477 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 19, "column": 8 },
"generated": { "line": 1, "column": 485 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 19, "column": 8 },
"generated": { "line": 1, "column": 499 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 19, "column": 8 },
"generated": { "line": 1, "column": 504 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 20, "column": 10 },
"generated": { "line": 1, "column": 509 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 20, "column": 10 },
"generated": { "line": 1, "column": 511 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 20, "column": 10 },
"generated": { "line": 1, "column": 519 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 20, "column": 10 },
"generated": { "line": 1, "column": 533 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 20, "column": 10 },
"generated": { "line": 1, "column": 538 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 20, "column": 10 },
"generated": { "line": 1, "column": 543 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 21, "column": 10 },
"generated": { "line": 1, "column": 552 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 21, "column": 10 },
"generated": { "line": 1, "column": 554 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 21, "column": 10 },
"generated": { "line": 1, "column": 562 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 21, "column": 10 },
"generated": { "line": 1, "column": 576 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 21, "column": 10 },
"generated": { "line": 1, "column": 581 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 21, "column": 10 },
"generated": { "line": 1, "column": 586 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 597 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 605 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 614 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 32 },
"generated": { "line": 1, "column": 616 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 32 },
"generated": { "line": 1, "column": 618 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 32 },
"generated": { "line": 1, "column": 636 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "keyEventName",
"original": { "line": 28, "column": 33 },
"generated": { "line": 1, "column": 637 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "KEYPRESS",
"original": { "line": 28, "column": 47 },
"generated": { "line": 1, "column": 650 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 32 },
"generated": { "line": 1, "column": 652 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "keyValue",
"original": { "line": 28, "column": 57 },
"generated": { "line": 1, "column": 661 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 67 },
"generated": { "line": 1, "column": 670 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"original": { "line": 28, "column": 15 },
"generated": { "line": 1, "column": 675 }
},
{
"source": "components/examples/decorators/key-toggle-handler.js",
"name": "Demo",
"original": { "line": 28, "column": 73 },
"generated": { "line": 1, "column": 676 }
}
],
"sources": {
"components/examples/decorators/key-toggle-handler.js": "/* @flow */\n\nimport React from 'react';\n\nimport {keyToggleHandler, KEYPRESS} from '../../../../lib';\n\ntype Props = {\n keyValue: ?string,\n};\n\nfunction Demo({keyValue}: Props) {\n return (\n <div>\n <h2>Toggle Decorator example:</h2>\n\n <p>Press <code>s</code> to <strong>toggle</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 keyToggleHandler({keyEventName: KEYPRESS, keyValue: 's'})(Demo);\n"
},
"lineCount": null
}
},
"hash": "22093a748d0c80de3bc0e36ca81b72f0",
"cacheData": { "env": {} }
}