{"_id":"@daisymaclennan/react-grid-dnd-but-better","_rev":"4-e11b5f1a95559f4370b3f30d4c7a29f5","name":"@daisymaclennan/react-grid-dnd-but-better","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@daisymaclennan/react-grid-dnd-but-better","version":"0.1.0","description":"grid style drag and drop for react","main":"cjs/index.js","module":"esm/index.js","typings":"esm/index.d.ts","author":{"name":"daisymaclennan"},"license":"MIT","private":false,"keywords":["react","gesture","drag and drop","dnd","grid"],"scripts":{"test":"jest","test-watch":"jest -w","storybook":"start-storybook -p 6006","build-esm":"rimraf esm && tsc","build-other":"rimraf umd && rimraf cjs && rollup -c","build":"yarn run build-esm && yarn run build-other","prepublishOnly":"yarn run build"},"homepage":"https://github.com/bmcmahen/react-grid-dnd","bugs":{"url":"https://github.com/bmcmahen/react-grid-dnd/issues"},"repository":{"type":"git","url":"git+https://github.com/bmcmahen/react-grid-dnd.git"},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0"},"devDependencies":{"@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@storybook/react":"^5.0.5","@types/jest":"^24.0.11","@types/storybook__react":"^4.0.1","awesome-typescript-loader":"^5.2.1","babel-core":"^6.26.3","babel-jest":"^24.5.0","babel-loader":"^8.0.5","babel-plugin-require-context-hook":"^1.0.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","jest":"^24.5.0","react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0","rimraf":"^2.6.3","rollup":"^1.7.4","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-commonjs":"^9.2.2","rollup-plugin-filesize":"^6.0.1","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-sourcemaps":"^0.4.2","rollup-plugin-typescript2":"^0.20.1","rollup-plugin-uglify":"^6.0.2","ts-jest":"^24.0.1","typescript":"^3.5.0-dev.20190517","webpack":"^4.29.6"},"dependencies":{"@types/react":"^16.8.10","@types/react-dom":"^16.8.3","react-spring":"9.0.0-beta.8","resize-observer-polyfill":"^1.5.1","tslib":"^1.9.3"},"sideEffects":false,"gitHead":"793c7869a5b98f7375a5979f1c19f60627a59803","_id":"@daisymaclennan/react-grid-dnd-but-better@0.1.0","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-v4QfOq+Dm/SB+nA4txfuKgRbnlWKLrDoBoStChdMrw2oqn1HBJaEg8M5xx1ff7fEHKrR7a54BVtr5Y0gIaf9cA==","shasum":"7221f1ece76e03c7348452ceafccdc47932d3153","tarball":"https://registry.npmjs.org/@daisymaclennan/react-grid-dnd-but-better/-/react-grid-dnd-but-better-0.1.0.tgz","fileCount":109,"unpackedSize":911904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcEKDCRA9TVsSAnZWagAA2FcP/j+Km7HcxNq1n15/8OFT\nzyoXPUG1Q/rPdzd/JQzJPTfwKTrEBasroJRpCR97na1Qzs4uf4cMuDg9xdPC\nzyMU0RiS2gffX7nMARYoefzuz4X4nSbRNZk7LjZGyp559UxHZqc/MkI6TVDc\n02itKoS+79VtjyHie6uLONTejBpDE/sD5PgqHChxVZl9LSfJQJI88RsKbSvI\nXIKXZ30SZJ+3/X8yzTrZp2H33eOXRGsstap4VVS6uOTjs6W56pqEAsh046MG\n3d+GRFpfnxwr2rexEm4Lnf7N0vPToCDhV233rUUChHUvPdyTG4+MA+uwt1us\nxEW+JLOqqX4wfrno5D/slSdC8WIgiGDhjzJbTVMIycVBcV3QXEqPe/+TtHfD\njoYj9y8N48qwr+VM4fviQ9XkmGayPFU/mQNpeV00l40PoQQuPWrGu784z9lO\njSp0j9YTVtvL3Iu7tXHcXCrsLY+H8HUYQjsmnj+qJh0O4drCnSuVRy4p4Che\nuFtc3YNDft/TwlhlO8cz0VPvUr0zmhoRZtUsxd2eYELHCNH90N2fIqpmvq0A\nD7rAiFmqIz846OElitKWUWTvpV6c2+qh7f608LdVMzVIKKnJZ78nmhTSB+vp\nB1OurRJvSrEbdg8pcE1nsLzcP4RiNrDVvX9hUmvtUCWQNxcP5n9U9iQOMFRE\nZpDr\r\n=2u0K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDay+KH8Cda4TUKJrS8RFM15FZ8STw2dQFcJPezFMwq/gIhANFW/WZMzSsIUEkyr9DE4aOugWOB5U9J4ahb5N4jsuye"}]},"_npmUser":{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"},"directories":{},"maintainers":[{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-grid-dnd-but-better_0.1.0_1617969795388_0.003995936077465512"},"_hasShrinkwrap":false},"0.1.1":{"name":"@daisymaclennan/react-grid-dnd-but-better","version":"0.1.1","description":"grid style drag and drop for react","main":"cjs/index.js","module":"esm/index.js","typings":"esm/index.d.ts","author":{"name":"daisymaclennan"},"license":"MIT","private":false,"keywords":["react","gesture","drag and drop","dnd","grid"],"scripts":{"test":"jest","test-watch":"jest -w","storybook":"start-storybook -p 6006","build-esm":"rimraf esm && tsc","build-other":"rimraf umd && rimraf cjs && rollup -c","build":"yarn run build-esm && yarn run build-other","prepublishOnly":"yarn run build"},"homepage":"https://github.com/bmcmahen/react-grid-dnd","bugs":{"url":"https://github.com/bmcmahen/react-grid-dnd/issues"},"repository":{"type":"git","url":"git+https://github.com/bmcmahen/react-grid-dnd.git"},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0"},"devDependencies":{"@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@storybook/react":"^5.0.5","@types/jest":"^24.0.11","@types/storybook__react":"^4.0.1","awesome-typescript-loader":"^5.2.1","babel-core":"^6.26.3","babel-jest":"^24.5.0","babel-loader":"^8.0.5","babel-plugin-require-context-hook":"^1.0.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","jest":"^24.5.0","react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0","rimraf":"^2.6.3","rollup":"^1.7.4","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-commonjs":"^9.2.2","rollup-plugin-filesize":"^6.0.1","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-sourcemaps":"^0.4.2","rollup-plugin-typescript2":"^0.20.1","rollup-plugin-uglify":"^6.0.2","ts-jest":"^24.0.1","typescript":"^3.5.0-dev.20190517","webpack":"^4.29.6"},"dependencies":{"@types/react":"^16.8.10","@types/react-dom":"^16.8.3","react-spring":"9.0.0-beta.8","resize-observer-polyfill":"^1.5.1","tslib":"^1.9.3"},"sideEffects":false,"gitHead":"6b53f015bca544bc70facf33e0dabfc79d661c4f","_id":"@daisymaclennan/react-grid-dnd-but-better@0.1.1","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-x2wY9b/lIapOPzxilwNvcxpyUvpc70U6wF64MK8YbZsVw8TCy/j5z1jMQkFyhmKC9a8rZ/bbZ+WtdsWXQkBzFA==","shasum":"012d55ef57fcc0ec119f6a12b4d8b18725902d95","tarball":"https://registry.npmjs.org/@daisymaclennan/react-grid-dnd-but-better/-/react-grid-dnd-but-better-0.1.1.tgz","fileCount":109,"unpackedSize":911718,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcFdwCRA9TVsSAnZWagAAIjIQAIyOMm8N/TREE5Hj/utn\nZZ+9zlxEycU+N1nG/CwvMexhgpYSpCfbpINBfoMu8OMZeJO9/jpiwgeHJ1GP\nStiaBeHcMCVIgpAo6ZS8GVdFdP4Dbl/I1vyybmaIFVGyxYR2F3h3Q2c08nNb\n0wiaINZwn+Y7Wy0EIEaCilecnRar0PHvGOArqVuPMkyRvCx5ralqF+YIa5Br\ngzczOyydIsGYRwN1DOKVlbriPYcmv+7yNocodQaM/KapnJXiccKQlS9d773W\n5iap7WAO8kD0eFManv/lWq3E1ek96XxuGQGTxh/D1jB7pwYVVfJu27ezpdaP\ncBAVNm48I8LGUzDZJcW0fl/MySgYrI/cDqKTnx1bVLBV3rAAnb8Pdw3b+0Tt\n/eT150mBPQ74Lg8q2y+BEnSqAmyZf3TMSXEa3lznr70BMpYhXOMZUT7nKVHC\nLzKKyr0HaD64G7hc2sxtSt36hU/A/Zc8i5bLXBODSfLdK7XIMEi6BZQYovgl\nsg5IWthHyeTU9epd/pGS75G4aNz8e2uAW2jMCHZs5mCyOSCcmDPtUU3EUPKP\n6wTohFikuNhmmlye9yjf8u2d76t2z2jnD0KLijkB3fiDlQc1iCcmRlFj8zgz\nzkASBbEBQLuvD0WNcQuDKJJGra9LW5oOpdxRblTpi0Z52IcsxSvSpZCGdOiw\nj8SZ\r\n=rOvI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZkTO5LlGn0wbO8tiY4jQJ3j/DGjJw7dx3CniylsE/OgIhAINDs4lnE2Ggw5DRNt413a16ilhXdlMqKYzdFblW4wAB"}]},"_npmUser":{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"},"directories":{},"maintainers":[{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-grid-dnd-but-better_0.1.1_1617975152130_0.04412399099778419"},"_hasShrinkwrap":false},"0.1.2":{"name":"@daisymaclennan/react-grid-dnd-but-better","version":"0.1.2","description":"grid style drag and drop for react","main":"cjs/index.js","module":"esm/index.js","typings":"esm/index.d.ts","author":{"name":"daisymaclennan"},"license":"MIT","private":false,"keywords":["react","gesture","drag and drop","dnd","grid"],"scripts":{"test":"jest","test-watch":"jest -w","storybook":"start-storybook -p 6006","build-esm":"rimraf esm && tsc","build-other":"rimraf umd && rimraf cjs && rollup -c","build":"yarn run build-esm && yarn run build-other","prepublishOnly":"yarn run build"},"homepage":"https://github.com/bmcmahen/react-grid-dnd","bugs":{"url":"https://github.com/bmcmahen/react-grid-dnd/issues"},"repository":{"type":"git","url":"git+https://github.com/bmcmahen/react-grid-dnd.git"},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0"},"devDependencies":{"@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@storybook/react":"^5.0.5","@types/jest":"^24.0.11","@types/storybook__react":"^4.0.1","awesome-typescript-loader":"^5.2.1","babel-core":"^6.26.3","babel-jest":"^24.5.0","babel-loader":"^8.0.5","babel-plugin-require-context-hook":"^1.0.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","jest":"^24.5.0","react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0","rimraf":"^2.6.3","rollup":"^1.7.4","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-commonjs":"^9.2.2","rollup-plugin-filesize":"^6.0.1","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-sourcemaps":"^0.4.2","rollup-plugin-typescript2":"^0.20.1","rollup-plugin-uglify":"^6.0.2","ts-jest":"^24.0.1","typescript":"^3.5.0-dev.20190517","webpack":"^4.29.6"},"dependencies":{"@types/react":"^16.8.10","@types/react-dom":"^16.8.3","react-spring":"9.1.0","resize-observer-polyfill":"^1.5.1","tslib":"^1.9.3"},"sideEffects":false,"gitHead":"5329928791c5b6ac3ecd3f1f352ca0a20ec65d44","_id":"@daisymaclennan/react-grid-dnd-but-better@0.1.2","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-H3Ll+MBI7y+uTibvAR6be/jZ95qgloTrLZgKZFCJL9/gqmBpo/Xa6R9CkexJsset4tylftwryciEO6jIKySeZQ==","shasum":"b2c054c0ea52bb79a0f6e2e626846b504044c5c5","tarball":"https://registry.npmjs.org/@daisymaclennan/react-grid-dnd-but-better/-/react-grid-dnd-but-better-0.1.2.tgz","fileCount":109,"unpackedSize":913606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdCZNCRA9TVsSAnZWagAAhdwP+wStzNU0BSaiNsy0FzqT\nbKBlBp0ewtEkrBRRDAuk5ZcF5iC3HS2eig9ZgBOE12M10hLzeYX067lMOIJ9\nqfxEp36lJ7ckzc89oKLL78y5NFAM+eFehIR2gkQAKpk9MlAAZSqMCqsHjUoP\njSkbKaRNYME4nPVvp43BK+AgOM8eA5DyctxMRJXqUyNKrZmNNyQIQaa3aLDm\njD2ielWJATf4D3yDOhCZ0dDIyILCtVWvahNnEKNe/zgv6sM/UDgymSUpKR0V\nSni1z7KtFEskKRw8b3+C6MuiynEFCBBoNlAa1J4hsOvVDwrJ85L8KYItAa/I\njpaeBqHzbnGRx2sV6v1j4D/eJGlfCFV1YynMvJTaB1AfI0wM7ZDFLr4MievG\nYufc78WQh4Ev3LIv+pl3KovppoUVyP/z+SLk1ctw55MtzyhkyR45YqiOb8qb\nnsyVVFJMrP7mmlEclD/I22VIWKQrB6blEvrj53n0rtO28qroH6CitCHiMDRu\nBXrD6fJCnruBy+0oK5MH1JRqZE+QLrV9M0GwMOL77HJCmemo3bSuzlh3a3WF\ncAaEg0pVA8tiFGJl0SC90mzI2EeTmhLVAsPVxRxtgi9YIICCZtaaK8/kbhEg\nHWwZD6sg0ylzPPKmWbegLsIoXrYQo6kETZCgrpXVKrBt02mityHvMQoiKC4/\nY8lu\r\n=Yv8Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkf2a2q69AbFnb2j0JCjkBatWaUsBYTSZsT42EwtKvwAIgHRJMCvZRRk6HjOmYIDLrJOyFoUS7TWO8A5lU5ZBGDkc="}]},"_npmUser":{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"},"directories":{},"maintainers":[{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-grid-dnd-but-better_0.1.2_1618224716947_0.8291430665291983"},"_hasShrinkwrap":false},"0.1.3":{"name":"@daisymaclennan/react-grid-dnd-but-better","version":"0.1.3","description":"grid style drag and drop for react","main":"cjs/index.js","module":"esm/index.js","typings":"esm/index.d.ts","author":{"name":"daisymaclennan"},"license":"MIT","private":false,"keywords":["react","gesture","drag and drop","dnd","grid"],"scripts":{"test":"jest","test-watch":"jest -w","storybook":"start-storybook -p 6006","build-esm":"rimraf esm && tsc","build-other":"rimraf umd && rimraf cjs && rollup -c","build":"yarn run build-esm && yarn run build-other","prepublishOnly":"yarn run build"},"homepage":"https://github.com/daisymaclennan-dblx/react-grid-dnd","bugs":{"url":"https://github.com/daisymaclennan-dblx/react-grid-dnd/issues"},"repository":{"type":"git","url":"git+https://github.com/bmcmahen/react-grid-dnd.git"},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0"},"devDependencies":{"@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@storybook/react":"^5.0.5","@types/jest":"^24.0.11","@types/storybook__react":"^4.0.1","awesome-typescript-loader":"^5.2.1","babel-core":"^6.26.3","babel-jest":"^24.5.0","babel-loader":"^8.0.5","babel-plugin-require-context-hook":"^1.0.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","jest":"^24.5.0","react":"^16.8.6","react-dom":"^16.8.6","react-gesture-responder":"^2.1.0","rimraf":"^2.6.3","rollup":"^1.7.4","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-commonjs":"^9.2.2","rollup-plugin-filesize":"^6.0.1","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-sourcemaps":"^0.4.2","rollup-plugin-typescript2":"^0.20.1","rollup-plugin-uglify":"^6.0.2","ts-jest":"^24.0.1","typescript":"^3.5.0-dev.20190517","webpack":"^4.29.6"},"dependencies":{"@types/react":"^16.8.10","@types/react-dom":"^16.8.3","react-spring":"9.0.0-beta.8","resize-observer-polyfill":"^1.5.1","tslib":"^1.9.3"},"sideEffects":false,"gitHead":"f1a15902ac2d9c374c7edce1d16c6a24e04a8a35","_id":"@daisymaclennan/react-grid-dnd-but-better@0.1.3","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-mefJN6gezkRghcGsfX1Yt4HaI82TacyVg/MtpFjj0cIxOkY6PViD3aJ2a5dUEQuOZfjzpaPqJAwGO0OpXIJnMg==","shasum":"0aa5d0e8c21951665ba85b2a7acd54576a89e26c","tarball":"https://registry.npmjs.org/@daisymaclennan/react-grid-dnd-but-better/-/react-grid-dnd-but-better-0.1.3.tgz","fileCount":109,"unpackedSize":911740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdEzCCRA9TVsSAnZWagAA6okP/03TnomCw7RYlod1BlVP\nOLecdm8sswtxcCvNJ0NO4JhsVl2lXsPPg82XYk8x1gvfh1SawPE/2AW7O1HR\n0LMKuW6u+GOovc1bxWbfqVSHdxB11BdkR2HHT3F2oU2zq+JY0kUF0VXiDS4p\nLH7jK3ESRCzH66u0ptyiS2TTs6gzw2/X+T8a747MzncBhvpVoPxGTKcc2cB5\nbo+wnf11pezSN3vKTzD9FDhqDmcwPddJzKOhHSa2VGKveNcYQ3MS6UOYvT0e\nt9EiliWWcgTM6dp+oRmTFqRvVULpTgpUb2Mo1tGeW0Bz9HYd+FQpzCs2+bce\n6mTKhGrCiSYySyl3fiwWD53x31t14X/Nbeh0aQ86GWLTxF2+pm4Cm7eeE/dn\n1FuEo8Wsm4EUhXtmeCPfLXnhcgsWzYQ/gGA/uyrzQUkgKri5zgim91Do1F3J\nfIQvRYhmX1E782RIj/HtVpjZIjVrunVOccMxbHvXWbtXVq4Urjvn3x89gw2R\nPdm/zv7AUwoDiFgnOFm1ER+Ak94W+DyFKocfo5/nqkVJFu0kLFgurVK7iTB7\n/cXAee87ZsFLd2cozfFSoetaQ9b21OMduvLZ7eY/Tq9i97XHntn9Kzzr8vlx\nRTozKW0x38XWfyvFL7OJsX1KHbL86Su8B1P9reL+MxH+/XnDPXtiSUU/ITCq\n/oJo\r\n=TEh3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUcwLk7R0SZOKRvTzry9+kqpVmWc4EfJIKHGEiVe3PNwIgJB1gYBnhycb9O3iwTS5RXscJvzYv7bvKSnFuXzzFwao="}]},"_npmUser":{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"},"directories":{},"maintainers":[{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-grid-dnd-but-better_0.1.3_1618234562126_0.5092988213211176"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-09T12:03:15.344Z","0.1.0":"2021-04-09T12:03:15.576Z","modified":"2022-04-05T02:36:43.205Z","0.1.1":"2021-04-09T13:32:32.324Z","0.1.2":"2021-04-12T10:51:57.138Z","0.1.3":"2021-04-12T13:36:02.602Z"},"maintainers":[{"name":"daisymaclennan","email":"daisylouisemaclennan@gmail.com"}],"description":"grid style drag and drop for react","homepage":"https://github.com/daisymaclennan-dblx/react-grid-dnd","keywords":["react","gesture","drag and drop","dnd","grid"],"repository":{"type":"git","url":"git+https://github.com/bmcmahen/react-grid-dnd.git"},"author":{"name":"daisymaclennan"},"bugs":{"url":"https://github.com/daisymaclennan-dblx/react-grid-dnd/issues"},"license":"MIT","readme":"
\n \"A\n
\n\n# react-grid-dnd\n\n[![npm package](https://img.shields.io/npm/v/react-dnd-grid/latest.svg)](https://www.npmjs.com/package/react-dnd-grid)\n[![Follow on Twitter](https://img.shields.io/twitter/follow/benmcmahen.svg?style=social&logo=twitter)](https://twitter.com/intent/follow?screen_name=benmcmahen)\n\nGrid style drag and drop, built with React. See a live example on [codesandbox](https://codesandbox.io/embed/gracious-wozniak-kj9w8). You can also see it in action [here](https://react-gesture-responder.netlify.com/).\n\n## Features\n\n- **Supports dragging between arbitrary number of lists**.\n- **Built with [react-gesture-responder](https://github.com/bmcmahen/react-gesture-responder) to enable better control over gesture delegation.**\n- **Disable drop targets or dragging altogether**\n- **Animated with react-spring**\n\n## Install\n\nInstall `react-grid-dnd` and `react-gesture-responder` using yarn or npm.\n\n```\nyarn add react-grid-dnd react-gesture-responder\n```\n\n## Usage\n\nBecause `GridItem` components are rendered with absolute positioning, you need to ensure that `GridDropZone` has a specified height or flex, like in the example below.\n\n```jsx\nimport {\n GridContextProvider,\n GridDropZone,\n GridItem,\n swap\n} from \"react-grid-dnd\";\n\nfunction Example() {\n const [items, setItems] = React.useState([1, 2, 3, 4]); // supply your own state\n\n // target id will only be set if dragging from one dropzone to another.\n function onChange(sourceId, sourceIndex, targetIndex, targetId) {\n const nextState = swap(items, sourceIndex, targetIndex);\n setItems(nextState);\n }\n\n return (\n \n \n {items.map(item => (\n \n \n {item}\n \n \n ))}\n \n \n );\n}\n```\n\n## Dragging between lists\n\nYou can see this example in action on [codesandbox](https://codesandbox.io/embed/gracious-wozniak-kj9w8).\n\n```jsx\nimport {\n GridContextProvider,\n GridDropZone,\n GridItem,\n swap,\n move\n} from \"react-grid-dnd\";\n\nfunction App() {\n const [items, setItems] = React.useState({\n left: [\n { id: 1, name: \"ben\" },\n { id: 2, name: \"joe\" },\n { id: 3, name: \"jason\" },\n { id: 4, name: \"chris\" },\n { id: 5, name: \"heather\" },\n { id: 6, name: \"Richard\" }\n ],\n right: [\n { id: 7, name: \"george\" },\n { id: 8, name: \"rupert\" },\n { id: 9, name: \"alice\" },\n { id: 10, name: \"katherine\" },\n { id: 11, name: \"pam\" },\n { id: 12, name: \"katie\" }\n ]\n });\n\n function onChange(sourceId, sourceIndex, targetIndex, targetId) {\n if (targetId) {\n const result = move(\n items[sourceId],\n items[targetId],\n sourceIndex,\n targetIndex\n );\n return setItems({\n ...items,\n [sourceId]: result[0],\n [targetId]: result[1]\n });\n }\n\n const result = swap(items[sourceId], sourceIndex, targetIndex);\n return setItems({\n ...items,\n [sourceId]: result\n });\n }\n\n return (\n \n
\n \n {items.left.map(item => (\n \n
\n
\n {item.name[0].toUpperCase()}\n
\n
\n \n ))}\n \n \n {items.right.map(item => (\n \n
\n
\n {item.name[0].toUpperCase()}\n
\n
\n \n ))}\n \n
\n \n );\n}\n```\n","readmeFilename":"Readme.md"}