{"_id":"@badahertz52/sortable-list","_rev":"8-da2e95c0f113c61a740f07db65fd4ec9","name":"@badahertz52/sortable-list","dist-tags":{"latest":"0.0.9"},"versions":{"0.1.0":{"name":"@badahertz52/sortable-list","version":"0.1.0","module":"dist/SortableList.js","main":"dist/SortableList.js","dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"gitHead":"93368a55e5faac49484880b83e6b264bf35e3556","description":"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).","_id":"@badahertz52/sortable-list@0.1.0","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-3KL7iVXe91zIgwgzw2aQU0mDh3ASpnWab/twZbwmjoRdb/Tg80i65zPw9kBQpoudqYR8RApxfx090RXrB2xMow==","shasum":"c7fd9de419975368f7a5349b6f87a24da218a1e2","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.1.0.tgz","fileCount":5,"unpackedSize":7616,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwIL+USFGHQqRusZ0H5IpTFNI90ZxI8ANzct9B+hkNGgIhANCOBO+NjcCEFlCKc3EousX1xvqGpvyrOTEjGTKl9ajZ"}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.1.0_1687853082495_0.8578023314351086"},"_hasShrinkwrap":false},"0.0.2":{"name":"@badahertz52/sortable-list","version":"0.0.2","module":"dist/SortableList.js","main":"dist/SortableList.js","private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":" https://badahertz52.github.io/sortable","gitHead":"294d9c911fefbdcfbae6e9f1189687df7e819b82","description":"<img alt=\"project\" src=\"./sortable.gif\" width=\"150px\" />","_id":"@badahertz52/sortable-list@0.0.2","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-jIL0qM/xm/ZncLWIHNVv4ncd/TQ8q56LlyniGe6hDFCmL3Q8CU9loKSTfWZMFEfAcQs6m4hYP9KiodQQSvmtbQ==","shasum":"98052fb55ea111c8cc6bd6013bc39b4ce337a92f","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.2.tgz","fileCount":7,"unpackedSize":442734,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFNAeNWUrSDsSjoAH8ezvVHEw7/6Ub0wDG5l7f1xZcNsAiEAt3hIuiGKWSJvqBxhdVD/JVb/5t6VcJml0SIRFpQBIiY="}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.2_1688466573664_0.5098272391109315"},"_hasShrinkwrap":false},"0.0.3":{"name":"@badahertz52/sortable-list","version":"0.0.3","module":"dist/SortableList.js","main":"dist/SortableList.js","author":{"name":"badahertz52"},"repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":" https://badahertz52.github.io/sortable","gitHead":"294d9c911fefbdcfbae6e9f1189687df7e819b82","description":"<img alt=\"project\" src=\"./sortable.gif\" width=\"150px\" />","bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"_id":"@badahertz52/sortable-list@0.0.3","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-l6qAsowcEQbLM0Nr7wzD3/Af/+wnITVKfKtvD+oG4FaFqF5Hgu1wyqGs0rRyFwdec1L07wNJQrmG8blOdSrVPg==","shasum":"7f465235ca981a3b27ddce09f7220f731210a22c","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.3.tgz","fileCount":7,"unpackedSize":442935,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAdL4/45F8GaZJbDzOoWSy0yYU4YTGVdD5/x/DlWYEASAiBlHUkMvMGM8mz+NOjBZFjTO/Z5JPK0J/Bk4o72vf2Qeg=="}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.3_1688466696152_0.04866651052696702"},"_hasShrinkwrap":false},"0.0.4":{"name":"@badahertz52/sortable-list","version":"0.0.4","module":"dist/SortableList.js","main":"dist/SortableList.js","author":{"name":"badahertz52"},"repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":" https://badahertz52.github.io/sortable","gitHead":"0bf69ae9e66bde07b738623cc9a21c47316ea07e","description":"[🖱️프로젝트 사이트 바로가기](https://badahertz52.github.io/sortable)","bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"_id":"@badahertz52/sortable-list@0.0.4","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-oi8s8pPtKaDWlhFffGyE2FXBxJJeQ5zeVD2Kj8OfmUEhP3wQf+/4kKUe3fVrv/K582u42Df22kXbTe7smS06qA==","shasum":"edb2db5aa911d9f720bc225782782e31d59d2dc9","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.4.tgz","fileCount":7,"unpackedSize":450926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnIVJ6b+qMPCJRInpnJQ+r9wtn3G0ta4mFxnSmjkjiYgIgR3Z8gwclJTUF/rewJsRBPNDY/eG361GzIbVggAacSBE="}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.4_1692798880727_0.8282701837458006"},"_hasShrinkwrap":false},"0.0.5":{"name":"@badahertz52/sortable-list","version":"0.0.5","module":"dist/SortableList.js","main":"dist/SortableList.js","author":{"name":"badahertz52"},"repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":" https://badahertz52.github.io/sortable","gitHead":"437762dcf78306ed6edf74f16c34fd07859de985","description":"[🔗sortable-list-tsc 패키지 바로가기](https://www.npmjs.com/package/@badahertz52/sortable-list-tsc)","bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"_id":"@badahertz52/sortable-list@0.0.5","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-kBHkaEWK6Mq6xtS7qlmOjUfvN+IyDpghWX6DWI31I/YfULQS8qqGkEsdDWftFVIZSTSggFSj7LUkHi58WWEo8Q==","shasum":"a73b37ed75dfabff3bb20ab54be4d6d7f4aa8336","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.5.tgz","fileCount":7,"unpackedSize":447600,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvc8rCeAbyxj2+vc5uOmHjKkFxTcV/FlfVeFFTfAGGKQIhAMElq3/dEJ8nNG3kdcBcCUzLUtGZ8UnCXin/IBKqaQpv"}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.5_1693118153509_0.3681660496285817"},"_hasShrinkwrap":false},"0.0.6":{"name":"@badahertz52/sortable-list","version":"0.0.6","module":"dist/SortableList.js","main":"dist/SortableList.js","author":{"name":"badahertz52"},"keywords":["react","js","drag and drop"],"repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":"https://badahertz52.github.io/sortable","gitHead":"29a2ac54b5d438e5fc77f81a44fdee58322f90b2","description":"[🔗 sortable-list 패키지 사용한 샘플 보러가기 ](https://badahertz52.github.io/sortable/)","bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"_id":"@badahertz52/sortable-list@0.0.6","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-myeNAxaokcOMLo+TPsnVGd6FK0ck15IJEp3Oq2nvjZ2fNfemAOdLqfuJtnrw+OnwPEGkwbyz+Hw5iqQ/c/kYkA==","shasum":"90e387b3eb0977d8e5d0b650d9bcce01295a3b35","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.6.tgz","fileCount":7,"unpackedSize":447029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAv16muNnrXQ7sSqAiqYcTEIR0XW1Wxe5ZkfM7fAgQ6fAiBhqHr6e6WUveDvmTdRRz9ESTsy3CIZJA/VIre7EKl4aA=="}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.6_1693133578891_0.7604995043656266"},"_hasShrinkwrap":false},"0.0.7":{"name":"@badahertz52/sortable-list","version":"0.0.7","module":"dist/SortableList.js","main":"dist/SortableList.js","author":{"name":"badahertz52"},"keywords":["react","js","drag and drop"],"repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":"https://badahertz52.github.io/sortable","gitHead":"29a2ac54b5d438e5fc77f81a44fdee58322f90b2","description":"[🔗 sortable-list 패키지 사용한 샘플 보러가기 ](https://badahertz52.github.io/sortable/)","bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"_id":"@badahertz52/sortable-list@0.0.7","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-PhWhmwxa9P/HZjyxRsFEeTuI67M/G4suQ37GKfE2oIojwIvVwaDrF5SHqRflLF+uGdJlSz0OVhTeoRVgUUYkCw==","shasum":"4119eddbb404f18aac60c7f5c0c69ef8c897373d","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.7.tgz","fileCount":7,"unpackedSize":451414,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfPOdaCgk3itluOn9/K8WhBvbN2likJYozjSqfWVjIngIgS5nXI3E2YpKhVQNXBrk8MerC7FSCV8No0DW1J/ecBwk="}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.7_1693133835507_0.9438218582333857"},"_hasShrinkwrap":false},"0.0.8":{"name":"@badahertz52/sortable-list","version":"0.0.8","module":"dist/SortableList.js","main":"dist/SortableList.js","author":{"name":"badahertz52"},"keywords":["react","js","drag and drop"],"repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":"https://badahertz52.github.io/sortable","gitHead":"29a2ac54b5d438e5fc77f81a44fdee58322f90b2","description":"[🔗 sortable-list 패키지 사용한 샘플 보러가기 ](https://badahertz52.github.io/sortable/)","bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"_id":"@badahertz52/sortable-list@0.0.8","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-UmPGtKv/fgkYyaJ9TQNHnAX1RILm7WtBAYVUZZHlh4uTf6N02sdkuieahvp1A20a+KQrRniUR3lrzpMN0VCIUw==","shasum":"54aa20c50a2942602cae3e2f3b73d46412cc1832","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.8.tgz","fileCount":7,"unpackedSize":447039,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6fGROx0EkjAoLwmcRdXiJW8xLhQEpGr5/zdMnN4/5+gIhAOyXPQpm6Gf4Z3jXSa9zgbT/JV1Htf7/zrkCU8N2EvYN"}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.8_1693133941410_0.8278684027850216"},"_hasShrinkwrap":false},"0.0.9":{"name":"@badahertz52/sortable-list","version":"0.0.9","module":"dist/SortableList.js","main":"dist/SortableList.js","author":{"name":"badahertz52"},"keywords":["react","js","drag and drop"],"repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"description":"A drag-and-drop sortable list in react(width js)","private":false,"dependencies":{"@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","gh-pages":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish":"rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files","predeploy":"npm run build","deploy":"gh-pages -d build"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.22.5","@babel/preset-react":"^7.22.5"},"babel":{"presets":["@babel/preset-react"]},"homepage":"https://badahertz52.github.io/sortable","gitHead":"29a2ac54b5d438e5fc77f81a44fdee58322f90b2","bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"_id":"@badahertz52/sortable-list@0.0.9","_nodeVersion":"16.13.1","_npmVersion":"8.15.1","dist":{"integrity":"sha512-QFsDaAeWrzBlWDIZEcKLSJKBMxJx3pupo9jzT9kEOYO6k4fDa8o1JVqJA3535mtSb7z7n4SOneYqo6X92vAkpQ==","shasum":"944346d3351cf70101c506330c7745cba4b55d44","tarball":"https://registry.npmjs.org/@badahertz52/sortable-list/-/sortable-list-0.0.9.tgz","fileCount":7,"unpackedSize":447109,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDg6Yd9gdTxmb99wTUqPsovlyH9tcCVCpWNBGHv7ZPWLAiEAk6ElWuA5JP5B5aShPqUcqKHAU2O00Q5gp6TF2llyJu0="}]},"_npmUser":{"name":"badahertz52","email":"badahertz52@gmail.com"},"directories":{},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sortable-list_0.0.9_1693135275463_0.5307437410158198"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-27T08:04:42.424Z","0.1.0":"2023-06-27T08:04:42.631Z","modified":"2023-08-27T11:21:15.906Z","0.0.2":"2023-07-04T10:29:33.960Z","0.0.3":"2023-07-04T10:31:36.436Z","0.0.4":"2023-08-23T13:54:41.111Z","0.0.5":"2023-08-27T06:35:53.798Z","0.0.6":"2023-08-27T10:52:59.147Z","0.0.7":"2023-08-27T10:57:15.728Z","0.0.8":"2023-08-27T10:59:01.700Z","0.0.9":"2023-08-27T11:21:15.733Z"},"maintainers":[{"name":"badahertz52","email":"badahertz52@gmail.com"}],"description":"A drag-and-drop sortable list in react(width js)","readme":"# sortable-list\r\n\r\n[🔗 sortable-list 패키지 사용한 샘플 보러가기 ](https://badahertz52.github.io/sortable/)\r\n\r\n## <div id=\"sortable\">1. Sortable List</div>\r\n\r\n## <div id=\"#introduce\">1) 소개</div>\r\n\r\n<img alt=\"project\" src=\"./sortable.gif\" width=\"150px\" />\r\n\r\n드래그, 드롭 (모바일 브라우저에서는 터치)을 이용해 아이템을 재정렬할 할 수 있는 기능을 제공하는 라이브러리 이다.\r\n\r\n## <div id=\"#use\"> 2) 사용 방법</div>\r\n\r\n### A. 설치\r\n\r\n```bash\r\nnpm i @badahertz52/sortable-list\r\n```\r\n\r\n### B. 설명\r\n\r\n### a. 컴포넌트\r\n\r\n#### ⓐ SortableItem\r\n\r\n사용자가 지정한 data 속의 아이템들을 감싸고 있는 html요소, 드래그,드롭 이벤트(모바일에서는 터치 이벤트)를 통해 재정렬된다.\r\n\r\n```js\r\nconst SortableItem = (\r\n  index,\r\n  draggable,\r\n  children,\r\n  onDragStart,\r\n  onDropItem,\r\n  onClickItem,\r\n  mobileDrag,\r\n  setMobileDrag,\r\n  startIndex\r\n) => {\r\n  return <li>{children}</li>;\r\n};\r\n```\r\n\r\n- SortableItem의 props\r\n  |props|설명|\r\n  |---|---|\r\n  | index|SortableItem이 감싸고 있는 data 속 아이템의 index |\r\n  draggable|마우스로 드래그 할 수 있는 지 여부, type:boolean|\r\n  children|data 속의 아이템을 화면에 표시하는 컴포넌트 ,<br/> 예시 : <a href=\"#testItem\"> TestItem </a>|\r\n  onDragStart| 드래그 시,startIndex의 상태를 드래그되는 아이템의 index로 변경하는 함수 |\r\n  onDropItem| 아이템을 드롭 시, 드롭되는 위치에 맞게 아이템을 재정렬하는 함수|\r\n  onClickItem|정렬된 아이템들을 클릭 할 때 발생하는 이벤트|\r\n  mobileDrag, setMobileDrag|모바일 브라우저에서 드래그앤 드롭을 시작하는 지 여부|\r\n  <br/>\r\n\r\n#### ⓑ SortableList\r\n\r\n여러 개의 SortableItem을 가지고 있는, SortableItem의 부모 요소\r\n\r\n```js\r\nconst SortableList = (  data,\r\n  onClickItem,\r\n  renderItem,\r\n  updateData,\r\n  dragItemStyleProps = undefined) => {\r\n  ....\r\n}\r\n```\r\n\r\n- SortableList의 props\r\n  |props|설명|\r\n  |---|---|\r\n  |data|정렬할 아이템들을 담은 배열로 배열안 요소의 형식은 사용자가 지정할 수 있음. <br/>type: Array|\r\n  |onClickItem|정렬된 아이템들을 클릭 할 때 발생하는 이벤트 |\r\n  |renderItem| SortableItem의 children 요소를 반환하는 함수로 정렬할 아이템을 화면상에 어떻게 보일 지를 결정함.<br/> parameter: item (data의 item), index(item의 data 속 index) |\r\n  |updateData|onDropItem 에서 item을 재졍렬해 data를 변경할때, 변경된 data를 SortableList 외부에서도 반영할 수 있게 해줌. |\r\n  |dragItemStyleProps| 모바일 브라우저에서 드래그앤 드롭을 실행 시, 터치 포인트를 따라다니는 요소의 스타일로 기본값은 undefined <br/>type:CSSProperties|undefined|\r\n\r\n### b. 사용 예시\r\n\r\n- App.js\r\n\r\n```js\r\nimport SortableList from \"@badahertz52/sortable-list\";\r\nimport { data } from \"./TestItem/testData\";\r\nimport TestItem from \"./TestItem/TestItem\";\r\nfunction App() {\r\n  const onClickItem = (index) => {\r\n    alert(index);\r\n  };\r\n  return (\r\n    <SortableList\r\n      data={data}\r\n      renderItem={(item, index) => <TestItem data={item} index={index} />}\r\n      onClickItem={onClickItem}\r\n    />\r\n  );\r\n}\r\n\r\nexport default App;\r\n```\r\n\r\n- <div id=\"testItem\"> TestItem.jsx </div>\r\n\r\n```js\r\nimport React from \"react\";\r\nimport \"./TestItem.css\";\r\nfunction TestItem({ data, index }) {\r\n  return (\r\n    <div className=\"test-item\">\r\n      <div>\r\n        <p>content:{data.content}</p>\r\n        <p>index:{index}</p>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default TestItem;\r\n```\r\n\r\n- testData.js\r\n\r\n```js\r\nexport const data = [\r\n  { content: \"Apple 🍎\" },\r\n  { content: \"Banana 🍌\" },\r\n  { content: \"Carrot 🥕\" },\r\n  { content: \"Dessert 🧁\" },\r\n];\r\n```\r\n\r\n## <div id=\"skill\">2. Skill & Scripts</div>\r\n\r\n### Skill\r\n\r\n- HTML, CSS, TypeScript\r\n- React\r\n\r\n### install\r\n\r\n```bash\r\nnpm i\r\n```\r\n\r\n### start\r\n\r\n```bash\r\nnpm run start\r\n```\r\n\r\n### publish\r\n\r\n```bash\r\nnpm publish\r\n```\r\n\r\n## Update\r\n\r\n🔧 2023 .8\r\n\r\n- 모바일 브라우저에서도 터치를 통해 드래그 앤 드롭을 할 수 있도록 함\r\n","readmeFilename":"README.md","homepage":"https://badahertz52.github.io/sortable","repository":{"type":"git","url":"git+https://github.com/BadaHertz52/sortable.git"},"author":{"name":"badahertz52"},"bugs":{"url":"https://github.com/BadaHertz52/sortable/issues"},"keywords":["react","js","drag and drop"]}