react-key-handler
Version:
React component to handle keyboard events
1 lines • 6.33 kB
JSON
{"id":"components/examples/ExampleBox.js","dependencies":[{"name":"/Users/adc/Developer/ayrton/react-key-handler/package.json","includedInParent":true,"mtime":1535648238901},{"name":"/Users/adc/Developer/ayrton/react-key-handler/.babelrc","includedInParent":true,"mtime":1535642334213},{"name":"react","loc":{"line":3,"column":23},"parent":"/Users/adc/Developer/ayrton/react-key-handler/demo/components/examples/ExampleBox.js","resolved":"/Users/adc/Developer/ayrton/react-key-handler/node_modules/react/index.js"}],"generated":{"js":"'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar React = _interopRequireWildcard(_react);\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }\n\nvar ExampleBox = function ExampleBox(_ref) {\n var children = _ref.children;\n return React.createElement(\n 'div',\n {\n style: {\n border: '1px solid grey',\n borderRadius: '5px',\n padding: '5px',\n marginBottom: '10px'\n } },\n children\n );\n};\n\nexports.default = ExampleBox;","map":{"mappings":[{"generated":{"line":7,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":3,"column":0}},{"name":"React","generated":{"line":9,"column":4},"source":"components/examples/ExampleBox.js","original":{"line":3,"column":12}},{"generated":{"line":13,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":0}},{"name":"ExampleBox","generated":{"line":13,"column":4},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":6}},{"generated":{"line":13,"column":17},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"name":"ExampleBox","generated":{"line":13,"column":26},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":6}},{"generated":{"line":13,"column":36},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"generated":{"line":14,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"name":"children","generated":{"line":14,"column":6},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":22}},{"generated":{"line":14,"column":14},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"name":"children","generated":{"line":14,"column":22},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":22}},{"generated":{"line":14,"column":30},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"generated":{"line":15,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"generated":{"line":15,"column":9},"source":"components/examples/ExampleBox.js","original":{"line":10,"column":2}},{"generated":{"line":16,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":10,"column":2}},{"generated":{"line":17,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":10,"column":2}},{"generated":{"line":18,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":11,"column":4}},{"generated":{"line":18,"column":13},"source":"components/examples/ExampleBox.js","original":{"line":11,"column":11}},{"name":"border","generated":{"line":19,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":12,"column":6}},{"generated":{"line":19,"column":16},"source":"components/examples/ExampleBox.js","original":{"line":12,"column":14}},{"generated":{"line":19,"column":32},"source":"components/examples/ExampleBox.js","original":{"line":11,"column":11}},{"name":"borderRadius","generated":{"line":20,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":13,"column":6}},{"generated":{"line":20,"column":22},"source":"components/examples/ExampleBox.js","original":{"line":13,"column":20}},{"generated":{"line":20,"column":27},"source":"components/examples/ExampleBox.js","original":{"line":11,"column":11}},{"name":"padding","generated":{"line":21,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":14,"column":6}},{"generated":{"line":21,"column":17},"source":"components/examples/ExampleBox.js","original":{"line":14,"column":15}},{"generated":{"line":21,"column":22},"source":"components/examples/ExampleBox.js","original":{"line":11,"column":11}},{"name":"marginBottom","generated":{"line":22,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":15,"column":6}},{"generated":{"line":22,"column":22},"source":"components/examples/ExampleBox.js","original":{"line":15,"column":20}},{"generated":{"line":23,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":11,"column":11}},{"generated":{"line":23,"column":7},"source":"components/examples/ExampleBox.js","original":{"line":10,"column":2}},{"name":"children","generated":{"line":24,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":17,"column":5}},{"generated":{"line":25,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":10,"column":2}},{"generated":{"line":25,"column":3},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"generated":{"line":26,"column":0},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":19}},{"generated":{"line":26,"column":1},"source":"components/examples/ExampleBox.js","original":{"line":9,"column":0}},{"name":"ExampleBox","generated":{"line":28,"column":18},"source":"components/examples/ExampleBox.js","original":{"line":21,"column":15}}],"sources":{"components/examples/ExampleBox.js":"/* @flow */\n\nimport * as React from 'react';\n\ntype Props = {\n children: React.Node,\n};\n\nconst ExampleBox = ({ children }: Props) => (\n <div\n style={{\n border: '1px solid grey',\n borderRadius: '5px',\n padding: '5px',\n marginBottom: '10px',\n }}>\n {children}\n </div>\n);\n\nexport default ExampleBox;\n"},"lineCount":null}},"hash":"3e0d3e886d3b76718e2445141367fce2","cacheData":{"env":{}}}