+{"remainingRequest":"C:\\Users\\sagiv\\github clones\\react-trap\\node_modules\\docz-core\\node_modules\\babel-loader\\lib\\index.js?{\"presets\":[[\"@babel/preset-env\",{\"modules\":false}],\"@babel/preset-react\",[\"C:\\\\Users\\\\sagiv\\\\github clones\\\\react-trap\\\\node_modules\\\\babel-preset-docz\\\\dist\\\\index.js\",{\"flow\":true,\"typescript\":false,\"parseProps\":true}]],\"plugins\":[\"@babel/plugin-proposal-class-properties\",[\"C:\\\\Users\\\\sagiv\\\\github clones\\\\react-trap\\\\node_modules\\\\docz-utils\\\\lib\\\\named-asset-import.js\",{\"loaderMap\":{\"svg\":{\"ReactComponent\":\"@svgr/webpack?-prettier,-svgo![path]\"}}}],\"C:\\\\Users\\\\sagiv\\\\github clones\\\\react-trap\\\\node_modules\\\\react-hot-loader\\\\babel.js\"],\"cacheDirectory\":true,\"babelrc\":false}!C:\\Users\\sagiv\\github clones\\react-trap\\src\\docs\\mdx\\event.mdx","dependencies":[{"path":"C:\\Users\\sagiv\\github clones\\react-trap\\src\\docs\\mdx\\event.mdx","mtime":1540028015899},{"path":"C:\\Users\\sagiv\\github clones\\react-trap\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1540019648933},{"path":"C:\\Users\\sagiv\\github clones\\react-trap\\node_modules\\docz-core\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var _jsxFileName = \"C:\\\\Users\\\\sagiv\\\\github clones\\\\react-trap\\\\src\\\\docs\\\\mdx\\\\event.mdx\";\n\n(function () {\n var enterModule = require('react-hot-loader').enterModule;\n\n enterModule && enterModule(module);\n})();\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from 'react';\nimport { MDXTag } from '@mdx-js/tag';\nimport { Playground } from 'docz';\nimport Trap from 'react-trap';\nimport Box from '../components/Box';\n\nvar _default = function _default(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, [\"components\"]);\n\n return React.createElement(MDXTag, {\n name: \"wrapper\",\n components: components,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 8\n },\n __self: this\n }, React.createElement(MDXTag, {\n name: \"h1\",\n components: components,\n props: {\n \"id\": \"event\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 9\n },\n __self: this\n }, \"event\"), React.createElement(MDXTag, {\n name: \"h4\",\n components: components,\n props: {\n \"id\": \"you-can-provide-any-valid-dom-event\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }, \"You can provide any valid \", React.createElement(MDXTag, {\n name: \"a\",\n components: components,\n parentName: \"h4\",\n props: {\n \"href\": \"https://developer.mozilla.org/en-US/docs/Web/Events\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }, \"DOM event\"), \".\"), React.createElement(MDXTag, {\n name: \"p\",\n components: components,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, \"In this case we are using the \", React.createElement(MDXTag, {\n name: \"inlineCode\",\n components: components,\n parentName: \"p\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, \"mouseover\"), \" event which will get triggered by a hover of a pointer device or a \", React.createElement(MDXTag, {\n name: \"inlineCode\",\n components: components,\n parentName: \"p\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, \"press\"), \" on mobile.\"), React.createElement(Playground, {\n __position: 0,\n __codesandbox: \"undefined\",\n __code: \"<Trap event=\\\"mouseover\\\">\\n {(trapped, ref) => <Box innerRef={ref} isFocused={trapped} />}\\n</Trap>\",\n __scope: {\n props: props,\n Trap: Trap,\n Box: Box\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Trap, {\n event: \"mouseover\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15\n },\n __self: this\n }, function (trapped, ref) {\n return React.createElement(Box, {\n innerRef: ref,\n isFocused: trapped,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n });\n })));\n};\n\nexport default _default;\n;\n\n(function () {\n var reactHotLoader = require('react-hot-loader').default;\n\n var leaveModule = require('react-hot-loader').leaveModule;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(_default, \"default\", \"C:\\\\Users\\\\sagiv\\\\github clones\\\\react-trap\\\\src\\\\docs\\\\mdx\\\\event.mdx\");\n leaveModule(module);\n})();\n\n;",{"version":3,"sources":["C:\\Users\\sagiv\\github clones\\react-trap\\src\\docs\\mdx\\event.mdx"],"names":["React","MDXTag","Playground","Trap","Box","components","props","trapped","ref"],"mappings":";;;;;;;;;;;;AACE,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,aAAvB;AACA,SAAQC,UAAR,QAA0B,MAA1B;AACF,OAAOC,IAAP,MAAiB,YAAjB;AACA,OAAOC,GAAP,MAAgB,mBAAhB;;eAEe;AAAA,MAAEC,UAAF,QAAEA,UAAF;AAAA,MAAiBC,KAAjB;;AAAA,SAA4B,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,SAAb;AAAwB,IAAA,UAAU,EAAED,UAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAC3C,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,IAAb;AAAkB,IAAA,UAAU,EAAEA,UAA9B;AAA0C,IAAA,KAAK,EAAE;AAAC,YAAK;AAAN,KAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAD2C,EAE3C,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,IAAb;AAAkB,IAAA,UAAU,EAAEA,UAA9B;AAA0C,IAAA,KAAK,EAAE;AAAC,YAAK;AAAN,KAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAA6H,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,GAAb;AAAiB,IAAA,UAAU,EAAEA,UAA7B;AAAyC,IAAA,UAAU,EAAC,IAApD;AAAyD,IAAA,KAAK,EAAE;AAAC,cAAO;AAAR,KAAhE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA7H,MAF2C,EAG3C,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,GAAb;AAAiB,IAAA,UAAU,EAAEA,UAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAA2E,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,YAAb;AAA0B,IAAA,UAAU,EAAEA,UAAtC;AAAkD,IAAA,UAAU,EAAC,GAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA3E,0EAA0O,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,YAAb;AAA0B,IAAA,UAAU,EAAEA,UAAtC;AAAkD,IAAA,UAAU,EAAC,GAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAA1O,gBAH2C,EAI3C,oBAAC,UAAD;AAAY,IAAA,UAAU,EAAE,CAAxB;AAA2B,IAAA,aAAa,aAAxC;AAAuD,IAAA,MAAM,yGAA7D;AAEU,IAAA,OAAO,EAAE;AAACC,MAAAA,KAAK,EAALA,KAAD;AAAOH,MAAAA,IAAI,EAAJA,IAAP;AAAYC,MAAAA,GAAG,EAAHA;AAAZ,KAFnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,WAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACG,UAACG,OAAD,EAAUC,GAAV;AAAA,WAAkB,oBAAC,GAAD;AAAK,MAAA,QAAQ,EAAEA,GAAf;AAAoB,MAAA,SAAS,EAAED,OAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAlB;AAAA,GADH,CAHF,CAJ2C,CAA5B;AAAA,C;;AAAf","sourcesContent":["\n import React from 'react'\n import { MDXTag } from '@mdx-js/tag'\n import {Playground } from 'docz';\nimport Trap from 'react-trap';\nimport Box from '../components/Box';\n\nexport default ({components, ...props}) => <MDXTag name=\"wrapper\" components={components}>\n<MDXTag name=\"h1\" components={components} props={{\"id\":\"event\"}}>{`event`}</MDXTag>\n<MDXTag name=\"h4\" components={components} props={{\"id\":\"you-can-provide-any-valid-dom-event\"}}>{`You can provide any valid `}<MDXTag name=\"a\" components={components} parentName=\"h4\" props={{\"href\":\"https://developer.mozilla.org/en-US/docs/Web/Events\"}}>{`DOM event`}</MDXTag>{`.`}</MDXTag>\n<MDXTag name=\"p\" components={components}>{`In this case we are using the `}<MDXTag name=\"inlineCode\" components={components} parentName=\"p\">{`mouseover`}</MDXTag>{` event which will get triggered by a hover of a pointer device or a `}<MDXTag name=\"inlineCode\" components={components} parentName=\"p\">{`press`}</MDXTag>{` on mobile.`}</MDXTag>\n<Playground __position={0} __codesandbox={`undefined`} __code={`<Trap event=\"mouseover\">\n {(trapped, ref) => <Box innerRef={ref} isFocused={trapped} />}\n</Trap>`} __scope={{props,Trap,Box}} >\n <Trap event=\"mouseover\">\n {(trapped, ref) => <Box innerRef={ref} isFocused={trapped} />}\n </Trap>\n</Playground></MDXTag>\n "]}]}
0 commit comments