{"_id":"@anil-labs/dnd-react","_rev":"2-8c21f8cb333c65a356b8f29e9044ed7f","name":"@anil-labs/dnd-react","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@anil-labs/dnd-react","version":"0.1.0","keywords":["react","drag-and-drop","dnd","sortable","draggable","list","reorder"],"author":"Er. Anil Kumar Thakur ","license":"MIT","_id":"@anil-labs/dnd-react@0.1.0","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://github.com/anilkumarthakur60/vue-dnd/tree/main/packages/react#readme","bugs":"https://github.com/anilkumarthakur60/vue-dnd/issues","dist":{"shasum":"c821dd56c5f83230033b738490f7fa870ec4da01","tarball":"https://registry.npmjs.org/@anil-labs/dnd-react/-/dnd-react-0.1.0.tgz","fileCount":9,"integrity":"sha512-8fQCAiH2VeZg/HM9VUbwrR2dIFToxTkvFa//pNy5mQrUKDBcmX7RaTTRf7cFRQ+t24JcLkeamcvB6sfQiH+Z8g==","signatures":[{"sig":"MEYCIQD3bmjZJqJpYEfiFxNxwjHiiPLMnAsNrHuxFhDsyL9U8QIhAO6iZk1wcEky14rsGuyAQakVvEm+z+zWg/qqCGTjWJsh","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49716},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"echo \"covered by @anil-labs/dnd-core\"","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"repository":{"url":"git+https://github.com/anilkumarthakur60/vue-dnd.git","type":"git","directory":"packages/react"},"description":"React bindings for @anil-labs/dnd-core — the component and useDraggable hook for sortable lists, cross-list groups, multi-drag and keyboard a11y.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","dependencies":{"@anil-labs/dnd-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.12","@types/react-dom":"^18.3.1"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/dnd-react_0.1.0_1784134695054_0.5816281230550879","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anil-labs/dnd-react","version":"0.1.1","description":"React bindings for @anil-labs/dnd-core — the component and useDraggable hook for sortable lists, cross-list groups, multi-drag and keyboard a11y.","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"keywords":["react","drag-and-drop","dnd","sortable","draggable","list","reorder"],"engines":{"node":">=18"},"license":"MIT","author":"Er. Anil Kumar Thakur ","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/dnd.git","directory":"packages/react"},"homepage":"https://github.com/anilkumarthakur60/dnd/tree/main/packages/react#readme","bugs":"https://github.com/anilkumarthakur60/dnd/issues","publishConfig":{"access":"public"},"dependencies":{"@anil-labs/dnd-core":"^0.1.1"},"peerDependencies":{"react":">=18","react-dom":">=18"},"devDependencies":{"@types/react":"^18.3.12","@types/react-dom":"^18.3.1","react":"^18.3.1","react-dom":"^18.3.1","tsup":"^8.3.5","typescript":"^5.7.2"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"echo \"covered by @anil-labs/dnd-core\"","typecheck":"tsc --noEmit"},"_nodeVersion":"24.18.0","_id":"@anil-labs/dnd-react@0.1.1","dist":{"integrity":"sha512-WLAqsqyxXS5vSjIGTxTRNCpv1GGjgCmeX7iQ4lVnCFATt00V51Nn/AXKT1E4QAVHsKWHFigAqq8lNKIvNq/mgA==","shasum":"4d849365516622852b6e94933f612ac0d828da9a","tarball":"https://registry.npmjs.org/@anil-labs/dnd-react/-/dnd-react-0.1.1.tgz","fileCount":9,"unpackedSize":49700,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDJMTVsXWyoG9GNzWBLSZpyRoGVDR0bhX5CMxAme3sYigIgS4pd5ZP0qe3Lk3SjR8omb6ou17Fk7kZ4qM/ufYrT6r8="}]},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"directories":{},"maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dnd-react_0.1.1_1784262976345_0.7288186201008262"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-15T16:58:14.830Z","modified":"2026-07-17T04:36:16.663Z","0.1.0":"2026-07-15T16:58:15.216Z","0.1.1":"2026-07-17T04:36:16.505Z"},"bugs":"https://github.com/anilkumarthakur60/dnd/issues","author":"Er. Anil Kumar Thakur ","license":"MIT","homepage":"https://github.com/anilkumarthakur60/dnd/tree/main/packages/react#readme","keywords":["react","drag-and-drop","dnd","sortable","draggable","list","reorder"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/dnd.git","directory":"packages/react"},"description":"React bindings for @anil-labs/dnd-core — the component and useDraggable hook for sortable lists, cross-list groups, multi-drag and keyboard a11y.","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"readme":"# @anil-labs/dnd-react\n\nReact bindings for [`@anil-labs/dnd-core`](https://www.npmjs.com/package/@anil-labs/dnd-core) — zero-dependency drag & drop with groups, clone, multi-drag, swap and keyboard a11y.\n\n```tsx\nimport { useState } from 'react'\nimport { Draggable } from '@anil-labs/dnd-react'\nimport '@anil-labs/dnd-core/styles.css'\n\nconst [items, setItems] = useState([{ id: 1, text: 'Apple' }, { id: 2, text: 'Banana' }])\n\n
{item.text}
}\n/>\n```\n\nAlso ships the headless `useDraggable(items, setItems, options)` hook.\n\n- **[Documentation](https://anilkumarthakur60.github.io/dnd/frameworks/react)** · **[Live demo](https://anil-labs-dnd.vercel.app/react/)**\n\nMIT © Er. Anil Kumar Thakur\n","readmeFilename":""}