{"_id":"@alchemdigital/draganddrop","_rev":"3-e03adddc776d83edd612c2b5d57472bc","name":"@alchemdigital/draganddrop","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@alchemdigital/draganddrop","version":"1.0.0","description":"Drag and Drop for files upload","author":{"name":"D.Bairavan"},"license":"MIT","keywords":["react","components","drag and drop","draganddrop","file upload"],"private":false,"main":"dist/index.js","module":"dist/index.js","dependencies":{"@testing-library/jest-dom":"^5.16.1","@testing-library/react":"^12.1.2","@testing-library/user-event":"^13.5.0","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"5.0.0","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files","test":"react-scripts test","eject":"react-scripts eject"},"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.16.8","@babel/core":"^7.16.12","@babel/preset-env":"^7.16.11"},"repository":{"type":"git","url":"git+https://github.com/alchemdigital/draganddrop.git"},"bugs":{"url":"https://github.com/alchemdigital/draganddrop/issues"},"homepage":"https://github.com/alchemdigital/draganddrop#readme","gitHead":"0b64298be71327b7378904863182736660370f81","_id":"@alchemdigital/draganddrop@1.0.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-HcepDENhilUMBj6H04HDAhtX3iZala0kFDHxL0mpMSYyoyFvsLS6H1XUwqGocQwqLoPZkSAWak/Xhrg8NGNsEw==","shasum":"013e392c3063695f08ab067b4cbee7a564dd30a9","tarball":"https://registry.npmjs.org/@alchemdigital/draganddrop/-/draganddrop-1.0.0.tgz","fileCount":6,"unpackedSize":9205,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC5BECRA9TVsSAnZWagAAmIsQAJE70NBSQAE/m+JrRPYZ\n7xvqk5s3hlnevBq7+RXVpLDito1pMIAZqIrZZBdqYFSL3tCQAQpM9xeu6JHC\nswGs83N1Pmm8wQIuwGGP0h/FcZ1+XVwwl7QNJZIhOHaa4pZcisb/qgyeHqiz\nV15JCG21ewjPk/czczxXD4Mh0p2v51NcnAzME0gKAbNlsrZR53iTiRQi5+Qw\njWn9adFdcz5z2k2/CWWefObfVWASzgmf5dSo6LV0JtrGKQykVHEJIoOGOkJg\n8DjCFnFB5FyQKPkk34HdD9ZLb/otZwr3LduxkBhE5nx6hAH6xc5VxJDay14r\n8nJV23gv8WbFVbwG8WoIg0a09Ma4rXaTE8qMdRYPJewuZlWWze7fu4EGYJIQ\nRImYtfa5kbTj0QybUfmDNMHk7Hm8V8xVZxhjGSnASMV0yStmHsZAOgbtlztj\nRrlT5Ctx9hvRzlRWNgRgWq9fuvc3Qv7LGKorMIavgSDrjYeHYX6rLjATZH++\n4tk9qGVKMN5h+6G2vuxzNyJCjsxkMRWf1lCobdZQF5GS66vmlXUjPu9mb0uf\nf0alAGZjFMV0E5VgSu1GLigI+riIB6hCz5KdWbRDb1CgVY/om+biq4w5FYqZ\nSnBFGUDBNfMHHu7yYdUZxKfheiWrCat8P1Pyi1ZOlVFHdKntFKfYV365Oi/1\nfp7e\r\n=61dP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDp/jGfQGImO87JTvotbflgDhPcLRXdlYCN1m2l7TTFgIhANBUomkoj0IPLV4drN2jSJ0fDP6rTMKs7WfiaYDmp2iR"}]},"_npmUser":{"name":"bairavan","email":"bairavan@alchemdigital.com"},"directories":{},"maintainers":[{"name":"bairavan","email":"bairavan@alchemdigital.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draganddrop_1.0.0_1644924996701_0.0016726847855552673"},"_hasShrinkwrap":false},"1.0.1":{"name":"@alchemdigital/draganddrop","version":"1.0.1","description":"Drag and Drop for files upload","author":{"name":"D.Bairavan"},"license":"MIT","keywords":["react","components","drag and drop","draganddrop","file upload"],"private":false,"main":"dist/index.js","module":"dist/index.js","dependencies":{"@testing-library/jest-dom":"^5.16.1","@testing-library/react":"^12.1.2","@testing-library/user-event":"^13.5.0","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"5.0.0","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files","test":"react-scripts test","eject":"react-scripts eject"},"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.16.8","@babel/core":"^7.16.12","@babel/preset-env":"^7.16.11"},"repository":{"type":"git","url":"git+https://github.com/alchemdigital/draganddrop.git"},"bugs":{"url":"https://github.com/alchemdigital/draganddrop/issues"},"homepage":"https://github.com/alchemdigital/draganddrop#readme","gitHead":"0951c233e19e1cd1527d877768ff2aff50ecf825","_id":"@alchemdigital/draganddrop@1.0.1","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-H1PfMgTnyp6LZp4VQwa9ARvuc8uxq/cslVsVW0TsegKuUTGgpMPpTANnz82FAYW696a/z4rwNJFBlBgRp8rvqw==","shasum":"2fdca068954d8e18dd3a36c1a242b7e8b5f520c7","tarball":"https://registry.npmjs.org/@alchemdigital/draganddrop/-/draganddrop-1.0.1.tgz","fileCount":5,"unpackedSize":11142,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC6CoCRA9TVsSAnZWagAAYooP/i8y+aToIhSMbMi67tCx\nsH+fIZj4/oCRqD/642cy6Zpy4vT97Mv6rdbONeWZtvdTKD2JtWkhn5AlAXRS\nYf1cS0RYKHArHhiPPyCId9HS2jrW/IO+YB2F6cpYrrkgJuvpwUOu6CdJoBuy\nDEmnCGUKvTaV0+BInI+EkCMPv0S+cREubTAsf3QLPsFoy1syY/k94/prgVWP\nk5C4h+MTw37wU65BsY8silGj20s1VwZyd7991bm+CLYaVBd0NfLpqjX90y0T\nT5HUFEnnaz9ahrmOCXTUMhsk4JW6qkIF5B5668wwhqwY7lFcGm9V8OcIzhQ2\nfS8EoYAY+tKMpX+9gHOUBH8YgVFU9sCD6uuLY8H7S72dQCZ6PnskXci6aZmJ\n/+L9V4vgR+BPVTQXE9IyP8Kns7gtheQ6mlHnpavu9Bki+8SVz35tZFwf5i+P\n4LY55jnb/WBxqIUHn1ckcnrYrsOwMwFAS4dEhLwlUKr9pTw0SF6L63vLNAjZ\noVBDmGaxpqBjHJo4Zyg+9pYj7gfiIeMwmDdaj3WZ/W7uSegdIxVfK5YugSMD\nGXCShKRlejh1NclRpYELd7OapJZS0eihjp62lPVRhw/GQQK4igfqU8HMp7m1\nblI8VkLAKTGMdkOh+BPmEsysb9dtnBT9BSsaGO3jKW/vpts/lyw9sI18xIlN\n/1Uo\r\n=zX0D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFOE5+J+QPS6vK4FeeIrhA1mZiX8mhp9AaJH1QPi2KrSAiEAk1SoiYmJJMqQsyz4YM78X6oeNyHX7eeogwpq9GRTt6w="}]},"_npmUser":{"name":"bairavan","email":"bairavan@alchemdigital.com"},"directories":{},"maintainers":[{"name":"bairavan","email":"bairavan@alchemdigital.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draganddrop_1.0.1_1644929192626_0.48031789967409755"},"_hasShrinkwrap":false},"1.1.0":{"name":"@alchemdigital/draganddrop","version":"1.1.0","description":"Drag and Drop for files upload","author":{"name":"D.Bairavan"},"license":"MIT","keywords":["react","components","drag and drop","draganddrop","file upload"],"private":false,"main":"dist/index.js","module":"dist/index.js","dependencies":{"@testing-library/jest-dom":"^5.16.1","@testing-library/react":"^12.1.2","@testing-library/user-event":"^13.5.0","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"5.0.0","web-vitals":"^2.1.4"},"scripts":{"start":"react-scripts start","build":"rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files","test":"react-scripts test","eject":"react-scripts eject"},"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.16.8","@babel/core":"^7.16.12","@babel/preset-env":"^7.16.11"},"repository":{"type":"git","url":"git+https://github.com/alchemdigital/draganddrop.git"},"bugs":{"url":"https://github.com/alchemdigital/draganddrop/issues"},"homepage":"https://github.com/alchemdigital/draganddrop#readme","gitHead":"d6747c8b1effef912646ea31e930e61a5213844b","_id":"@alchemdigital/draganddrop@1.1.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-z8CS1Ma8WQF4TEta0UF+ylxaLW4f+JYYD0wwTZrnYjLg7HH3oDJpwZkqtZqOpC4UxdTKl+F4fqrPM96/cKsfpA==","shasum":"b9dc94eb46c3253450631b0717b5b0d3ae3ca2d2","tarball":"https://registry.npmjs.org/@alchemdigital/draganddrop/-/draganddrop-1.1.0.tgz","fileCount":5,"unpackedSize":12598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDJcwCRA9TVsSAnZWagAA+wsP/AwC1PCIQOU41ymdP2eF\n97qxhkB5eDL6SMU8PmUR/zEZenSmQkROpVaxNXuvswK+3qRVcbhXYfCUXBuG\nsQ03PtmCSxQ0y3RYPrrBV98Y11qFuPonwQlrbuzUIDBd6f45vssMVrnLQ7CQ\ng+tbaes0xC2qxS11JxF0qkCDgxhgTb0/3KlblCHka4mErKAbdVMbA2BzmdRK\nTpng6Drv8ssdgKr0ZzTdv6zVb6o3LQZ/Z/p37FFvCaUybpaGxCwbY6zaw6ku\nLYsIGqpelG1JRJsM6n8eGZPZenMmn45t+Y+HlR+aCEpeu4E9seb9fYnMfjNs\nExfzVF3s31PfzPptQO6cX/VYNUmrKTNWAHssUNdrnL2A+whSuPlch24gT5L4\nOEoTL0NnWyYVL8Zqb6KFA5qPTJDxC2NRlNd0OtpP++lf3dNcxS1RtzWhAtHv\nueWD/nhvDosklTVAjBPddied0kFKrUhIKRQMgOrotXFozrQN4SzvC5f/sF3m\n1matZK9ocZczMztAXDlsapple1g4nbNJsH/pKCaxjfTjkBYuaHX0UrjyqX7G\nqknzOSA/b3vDPosw3NOI7BEVSbN8ylB3vpQdsPNdv6IpqIXOv5oKX24g7Rvy\n/b20a3IpWnuTmxoKERWdiXzrORIWf1obJhId6HYDuvcsoac3m6YCFZwv+tik\nwrci\r\n=P/a5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwb4+rKhkVRMOb/EFOrFFWVriL0IGpOdgp1Usps/2PIwIhAKYdkvoLjZxnk2iO9kxtOrSAnBitMCJVJRt1pHYr2Ybq"}]},"_npmUser":{"name":"bairavan","email":"bairavan@alchemdigital.com"},"directories":{},"maintainers":[{"name":"bairavan","email":"bairavan@alchemdigital.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draganddrop_1.1.0_1644992304145_0.28851021224955087"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-15T11:36:36.652Z","1.0.0":"2022-02-15T11:36:36.851Z","modified":"2022-04-04T12:35:57.551Z","1.0.1":"2022-02-15T12:46:32.757Z","1.1.0":"2022-02-16T06:18:24.314Z"},"maintainers":[{"name":"bairavan","email":"bairavan@alchemdigital.com"}],"description":"Drag and Drop for files upload","homepage":"https://github.com/alchemdigital/draganddrop#readme","keywords":["react","components","drag and drop","draganddrop","file upload"],"repository":{"type":"git","url":"git+https://github.com/alchemdigital/draganddrop.git"},"author":{"name":"D.Bairavan"},"bugs":{"url":"https://github.com/alchemdigital/draganddrop/issues"},"license":"MIT","readme":"# What is DragAndDrop\n\n You can use this component to let the user drag and drop files. You can do your own styling if you want.\n\n## Compatability\n\nIt works fine with react and tested.\n\n## How to use\n```\n    npm i @alchemdigital/draganddrop\n```\n```js\n    import { DragAndDrop } from '@alchemdigital/draganddrop'\n\n    function App() {\n\n        /* const handleDrop = (files) => {\n            console.log(files)\n        }\n\n        const removeFile = (e, index) => {\n            console.log(e)\n            console.log(index)\n        } */\n\n        const getFiles = (files) => {\n            console.log(files)\n        }\n\n        return (\n            <>\n                <div>\n                    <DragAndDrop getFiles={getFiles} />\n                </div>\n                {/* <div>\n                    <DragAndDrop handleDrop={handleDrop} customUI={true} removeFile={removeFile} getFiles={getFiles}>\n                        <div style={{height: '500px', width: '500px', border: '1px solid black', textAlign: 'center'}}>\n                            Your Custom Text\n                        </div>\n                    </DragAndDrop>\n                </div> */}\n            </>\n        )\n    }\n```\n\n## Demo output\n![draganddrop_1](public/draganddrop_1.png)\n![draganddrop_2](public/draganddrop_2.png)\n\n## Support\n\nAlchem Digital (bairavan@alchemdigital.com)","readmeFilename":"README.md"}