{"_id":"@automsoft/react-dnd-touch-backend","_rev":"5-9c51a442ea3446a3b893058c7c687e83","name":"@automsoft/react-dnd-touch-backend","description":"Touch backend for react-dnd","dist-tags":{"latest":"0.3.14"},"versions":{"0.3.13":{"name":"@automsoft/react-dnd-touch-backend","version":"0.3.13","description":"Touch backend for react-dnd","main":"dist/Touch.js","scripts":{"lint":"eslint --quiet --cache . --ext .js --ext .jsx","prepublish":"gulp dist","test":"gulp clean lint","dev":"gulp dev"},"repository":{"type":"git","url":"git+https://github.com/AutomsoftIE/react-dnd-touch-backend.git"},"keywords":["react","drag","drop","touch","react-dnd"],"author":{"name":"Long Ho","email":"holevietlong@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/AutomsoftIE/react-dnd-touch-backend/issues"},"homepage":"https://github.com/AutomsoftIE/react-dnd-touch-backend#readme","dependencies":{"react-dnd":"^2.4.0","invariant":"^2.2.2"},"devDependencies":{"babel-core":"^6.25.0","babel-eslint":"^7.2.3","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babelify":"^7.3.0","browserify":"^14.4.0","classnames":"^2.2.5","del":"^3.0.0","eslint":"^4.3.0","eslint-plugin-react":"^7.1.0","gulp":"^3.9.1","gulp-babel":"^6.1.2","gulp-changelog":"^1.0.0","gulp-connect":"^5.0.0","gulp-util":"^3.0.8","immutable":"^3.8.1","react":"^15.6.1","react-addons-pure-render-mixin":"^15.6.0","react-dom":"^15.6.1","vinyl-source-stream":"^1.1.0","watchify":"^3.9.0"},"publishConfig":{"registry":"https://registry.npmjs.org"},"gitHead":"581bdd838adb09b435abc91358eb9c77c2d2d748","_id":"@automsoft/react-dnd-touch-backend@0.3.13","_shasum":"e47e08588fc5a7e5c5fdabb5fc6c15af051d55b0","_from":".","_npmVersion":"3.10.9","_nodeVersion":"6.10.1","_npmUser":{"name":"automsoft","email":"GAAdmin@automsoft.com"},"dist":{"shasum":"e47e08588fc5a7e5c5fdabb5fc6c15af051d55b0","tarball":"https://registry.npmjs.org/@automsoft/react-dnd-touch-backend/-/react-dnd-touch-backend-0.3.13.tgz","integrity":"sha512-cv4B9nN6qSzDgbNSfHTH/fp9O6fVvDDAyuyM3Of/Tv7KH33VumzphHeqQR3ODqKxmuLdS1gD4PGsrCqKdXnhCw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnYS6t+VRVaz/xoTpM1wyWjCMUmseJuUMCdQxAyew7ygIgCRatFmvqlp+InL5QQAAxrBLmTfPpoBD21pIY0ygWhEg="}]},"maintainers":[{"name":"automsoft","email":"GAAdmin@automsoft.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnd-touch-backend-0.3.13.tgz_1504088200933_0.9164429591037333"},"directories":{}},"0.3.14":{"name":"@automsoft/react-dnd-touch-backend","version":"0.3.14","description":"Touch backend for react-dnd","main":"dist/Touch.js","scripts":{"lint":"eslint --quiet --cache . --ext .js --ext .jsx","prepublish":"gulp dist","test":"gulp clean lint","dev":"gulp dev","changelog":"gulp changelog"},"repository":{"type":"git","url":"git+https://github.com/AutomsoftIE/react-dnd-touch-backend.git"},"keywords":["react","drag","drop","touch","react-dnd"],"author":{"name":"Long Ho","email":"holevietlong@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/AutomsoftIE/react-dnd-touch-backend/issues"},"homepage":"https://github.com/AutomsoftIE/react-dnd-touch-backend#readme","dependencies":{"react-dnd":"^2.4.0","invariant":"^2.2.2"},"devDependencies":{"babel-core":"^6.25.0","babel-eslint":"^7.2.3","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babelify":"^7.3.0","browserify":"^14.4.0","classnames":"^2.2.5","del":"^3.0.0","eslint":"^4.3.0","eslint-plugin-react":"^7.1.0","gulp":"^3.9.1","gulp-babel":"^6.1.2","gulp-changelog":"^1.0.0","gulp-connect":"^5.0.0","gulp-util":"^3.0.8","immutable":"^3.8.1","react":"^15.6.1","react-addons-pure-render-mixin":"^15.6.0","react-dom":"^15.6.1","vinyl-source-stream":"^1.1.0","watchify":"^3.9.0"},"publishConfig":{"registry":"https://registry.npmjs.org"},"gitHead":"34aae4b0952af5c9abb539a0a2a837d3b2bab546","_id":"@automsoft/react-dnd-touch-backend@0.3.14","_npmVersion":"6.1.0","_nodeVersion":"8.9.4","_npmUser":{"name":"automsoft","email":"gaadmin@automsoft.com"},"dist":{"integrity":"sha512-srHcUrhamyKzO03/ogycU/RIJWy2dzCmBEMDwgb6h2/VarnfwkbWNFmsEPpN1xBIJQuxFE3sqQs8wwvS14oIOQ==","shasum":"e3605f88e6c45819b759a3cbeb47fd88500491a2","tarball":"https://registry.npmjs.org/@automsoft/react-dnd-touch-backend/-/react-dnd-touch-backend-0.3.14.tgz","fileCount":14,"unpackedSize":548687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbDq3cCRA9TVsSAnZWagAAbCoP/3UX9xlZEw3ioPrPAqys\nmpm6SbO3NeqaEWvvc2j6HjsoTHjDADpTmlUlleo4kbviDNU77xS3gp8cpgVK\ncCWgvTO4t9WBj4OE3+XgoIFTGWuPlAgefVcSjJh6e5Za0ayHmyupHBNrxMpr\nzooebQbfYLQt+HWIrLTMNcI4A8aXr7nM/naaTjqyBdmRCg/+8+gf6eTZkdBY\nU3V1Su8hq3ZqzFKKFPuKRLh/O7zyeqA71lhwrd+1KDnXfjMp7t9rq5qJ5S9W\ngWxr5VBil4NOSRClQYkd8nT1Y2nUOn4k3bmqrwtZAbUVPawEP3n7aST/Mgai\nuoQbKGsiUzDhcsydJC9emHF1WHn93pbhAqzfRZsjbqCC9pQvnMSZHRLUlWC2\n1m6NebvE+weS5IWbmz9m/muOhdlA+Jgj2lc8GA/eE9sZT36LfzAAY8LBEUNi\nlCp2ohgcYEXZ6GNTjUWJcmDThzgixxRqUPNjWaHKQglzRz8+D8ayWoZ4jLH4\n/jQgmURr09OcsicAszQohsjziEnFi2bwRHpiG10xuXSJTTLda7uqeCatyBmD\nCj9HQdRqJyLOFEfCC85Y/1XT4amHisVHU45iw8C5SFdZx+XOTguU0qyMwAkE\n92opFqE35qbUWkjxCna1bPrI2YHBsHE034b3FNZuimj2h8AafJELC0kjcYXK\n2iaW\r\n=qvlV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYN/jid9rr/pL1cgFJ8rcFmc/G7kfcZQQeh4RahnNTUAiAF8QMPakMYEkgFRsH0rbuHmmtQBlEcJ9GZWHVR2EHU+g=="}]},"maintainers":[{"email":"gaadmin@automsoft.com","name":"automsoft"},{"email":"s0adex@gmail.com","name":"joaomosmann"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnd-touch-backend_0.3.14_1527688668180_0.3588356023942052"},"_hasShrinkwrap":false}},"readme":"<img src=\"https://avatars2.githubusercontent.com/u/6412038?v=3&s=200\" alt=\"react logo\" title=\"react\" align=\"right\" width=\"64\" height=\"64\" />\r\n\r\n# react-dnd-touch-backend\r\n\r\n[![npm version](https://badge.fury.io/js/react-dnd-touch-backend.svg)](http://badge.fury.io/js/react-dnd-touch-backend)\r\n[![Dependency Status](https://david-dm.org/yahoo/react-dnd-touch-backend.svg)](https://david-dm.org/yahoo/react-dnd-touch-backend)\r\n[![devDependency Status](https://david-dm.org/yahoo/react-dnd-touch-backend/dev-status.svg)](https://david-dm.org/yahoo/react-dnd-touch-backend#info=devDependencies)\r\n![gzip size](http://img.badgesize.io/https://npmcdn.com/react-dnd-touch-backend?compression=gzip)\r\n\r\nTouch Backend for [react-dnd](https://github.com/gaearon/react-dnd)\r\n\r\n## Usage\r\nFollow [react-dnd docs](http://gaearon.github.io/react-dnd/) to setup your app. Then swap out `HTML5Backend` for `TouchBackend` as such:\r\n\r\n```js\r\nimport { default as TouchBackend } from 'react-dnd-touch-backend';\r\nimport { DragDropContext } from 'react-dnd';\r\n\r\nvar YourApp = React.createClass(\r\n  /* ... */\r\n\r\n);\r\n\r\nmodule.exports = DragDropContext(TouchBackend)(YourApp);\r\n```\r\n## Tips\r\n### Drag Preview\r\nSince native Drag-n-Drop is not currently supported in touch devices. A custom [DragPreview](https://gaearon.github.io/react-dnd/docs-drag-layer.html) is required. Check out the [example](https://github.com/yahoo/react-dnd-touch-backend/blob/master/examples/js/ItemPreview.jsx) for a sample implementation.\r\n\r\nWe might try to build it directly in the Backend itself in the future to compensate for this limitation.\r\n\r\n### Mouse events support*\r\nYou can enable capturing mouse events by configuring your TouchBackend as follows:\r\n```js\r\nDragDropContext(TouchBackend({ enableMouseEvents: true }));\r\n```\r\n**NOTE*: This is buggy due to the difference in `touchstart/touchend` event propagation compared to `mousedown/mouseup/click`. I highly recommend that you use [react-dnd-html5-backend](https://github.com/gaearon/react-dnd-html5-backend) instead for a more performant native HTML5 drag capability.**\r\n\r\n## Examples\r\nThe `examples` folder has a sample integration. In order to build it, run:\r\n```bash\r\nnpm i && npm run dev\r\n```\r\nThen navigate to `localhost:7789` or `(IP Address):7789` in your mobile browser to access the example.\r\nCode licensed under the MIT license. See LICENSE file for terms.\r\n","maintainers":[{"email":"gaadmin@automsoft.com","name":"automsoft"},{"email":"s0adex@gmail.com","name":"joaomosmann"}],"time":{"modified":"2022-06-12T14:52:43.555Z","created":"2017-08-30T10:16:43.232Z","0.3.13":"2017-08-30T10:16:43.232Z","0.3.14":"2018-05-30T13:57:48.381Z"},"homepage":"https://github.com/AutomsoftIE/react-dnd-touch-backend#readme","keywords":["react","drag","drop","touch","react-dnd"],"repository":{"type":"git","url":"git+https://github.com/AutomsoftIE/react-dnd-touch-backend.git"},"author":{"name":"Long Ho","email":"holevietlong@gmail.com"},"bugs":{"url":"https://github.com/AutomsoftIE/react-dnd-touch-backend/issues"},"license":"MIT","readmeFilename":"README.md"}