react-key-handler
Version:
React component to handle keyboard events
540 lines (539 loc) • 20.9 kB
JSON
{
"id": "U0Lc",
"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/input/default.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/input/default.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=n(e),t=require(\"../../../../lib\");function n(e){return e&&e.__esModule?e:{default:e}}function u(e){var t=e.keyValue;return l.default.createElement(\"div\",null,l.default.createElement(\"h2\",null,\"Input example:\"),l.default.createElement(\"p\",null,\"Press \",l.default.createElement(\"code\",null,\"s\"),\" in the following form component and see that the key handle will be ignored by default.\"),l.default.createElement(\"input\",null),\"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\"})(u);",
"map": {
"mappings": [
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 0 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 13 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 20 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 35 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 43 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 56 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 57 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 64 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 68 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 72 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 74 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 3, "column": 0 },
"generated": { "line": 1, "column": 82 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 91 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 93 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 95 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 5, "column": 0 },
"generated": { "line": 1, "column": 98 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 5, "column": 0 },
"generated": { "line": 1, "column": 100 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 5, "column": 0 },
"generated": { "line": 1, "column": 108 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 127 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 136 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 138 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 141 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 148 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 151 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 153 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 164 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 166 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 167 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 175 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 11, "column": 0 },
"generated": { "line": 1, "column": 178 }
},
{
"source": "components/examples/input/default.js",
"name": "Default",
"original": { "line": 11, "column": 9 },
"generated": { "line": 1, "column": 187 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 11, "column": 36 },
"generated": { "line": 1, "column": 189 }
},
{
"source": "components/examples/input/default.js",
"name": "keyValue",
"original": { "line": 11, "column": 18 },
"generated": { "line": 1, "column": 192 }
},
{
"source": "components/examples/input/default.js",
"name": "keyValue",
"original": { "line": 11, "column": 18 },
"generated": { "line": 1, "column": 196 }
},
{
"source": "components/examples/input/default.js",
"name": "keyValue",
"original": { "line": 11, "column": 18 },
"generated": { "line": 1, "column": 198 }
},
{
"source": "components/examples/input/default.js",
"name": "keyValue",
"original": { "line": 11, "column": 18 },
"generated": { "line": 1, "column": 200 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 209 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 216 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 218 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 226 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 240 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 246 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 251 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 253 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 261 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 275 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 280 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 14, "column": 6 },
"generated": { "line": 1, "column": 285 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 303 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 305 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 313 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 327 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 331 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 336 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 17, "column": 14 },
"generated": { "line": 1, "column": 345 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 17, "column": 14 },
"generated": { "line": 1, "column": 347 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 17, "column": 14 },
"generated": { "line": 1, "column": 355 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 17, "column": 14 },
"generated": { "line": 1, "column": 369 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 17, "column": 14 },
"generated": { "line": 1, "column": 376 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 17, "column": 14 },
"generated": { "line": 1, "column": 381 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 16, "column": 6 },
"generated": { "line": 1, "column": 386 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 478 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 480 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 488 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 502 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 13, "column": 4 },
"generated": { "line": 1, "column": 510 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 23, "column": 20 },
"generated": { "line": 1, "column": 516 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 23, "column": 20 },
"generated": { "line": 1, "column": 522 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 24, "column": 8 },
"generated": { "line": 1, "column": 525 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 24, "column": 8 },
"generated": { "line": 1, "column": 527 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 24, "column": 8 },
"generated": { "line": 1, "column": 535 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 24, "column": 8 },
"generated": { "line": 1, "column": 549 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 24, "column": 8 },
"generated": { "line": 1, "column": 554 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 25, "column": 10 },
"generated": { "line": 1, "column": 559 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 25, "column": 10 },
"generated": { "line": 1, "column": 561 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 25, "column": 10 },
"generated": { "line": 1, "column": 569 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 25, "column": 10 },
"generated": { "line": 1, "column": 583 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 25, "column": 10 },
"generated": { "line": 1, "column": 588 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 25, "column": 10 },
"generated": { "line": 1, "column": 593 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 26, "column": 10 },
"generated": { "line": 1, "column": 602 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 26, "column": 10 },
"generated": { "line": 1, "column": 604 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 26, "column": 10 },
"generated": { "line": 1, "column": 612 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 26, "column": 10 },
"generated": { "line": 1, "column": 626 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 26, "column": 10 },
"generated": { "line": 1, "column": 631 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 26, "column": 10 },
"generated": { "line": 1, "column": 636 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 647 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 655 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 664 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 32 },
"generated": { "line": 1, "column": 666 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 32 },
"generated": { "line": 1, "column": 668 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 32 },
"generated": { "line": 1, "column": 686 }
},
{
"source": "components/examples/input/default.js",
"name": "keyEventName",
"original": { "line": 33, "column": 33 },
"generated": { "line": 1, "column": 687 }
},
{
"source": "components/examples/input/default.js",
"name": "KEYPRESS",
"original": { "line": 33, "column": 47 },
"generated": { "line": 1, "column": 700 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 32 },
"generated": { "line": 1, "column": 702 }
},
{
"source": "components/examples/input/default.js",
"name": "keyValue",
"original": { "line": 33, "column": 57 },
"generated": { "line": 1, "column": 711 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 67 },
"generated": { "line": 1, "column": 720 }
},
{
"source": "components/examples/input/default.js",
"original": { "line": 33, "column": 15 },
"generated": { "line": 1, "column": 725 }
},
{
"source": "components/examples/input/default.js",
"name": "Default",
"original": { "line": 33, "column": 73 },
"generated": { "line": 1, "column": 726 }
}
],
"sources": {
"components/examples/input/default.js": "/* @flow */\n\nimport React from 'react';\n\nimport {keyToggleHandler, KEYPRESS} from '../../../../lib';\n\ntype Props = {\n keyValue: ?string,\n};\n\nfunction Default({keyValue}: Props) {\n return (\n <div>\n <h2>Input example:</h2>\n\n <p>\n Press <code>s</code> in the following form component and see that the key\n handle will be ignored by default.\n </p>\n\n <input />\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'})(Default);\n"
},
"lineCount": null
}
},
"hash": "7bcc030d594726d6b7cede272c09ff9b",
"cacheData": { "env": {} }
}