{"_id":"@99xt/react-fileupload","_rev":"20-52bb40fadca7934f5081e4121e15556a","name":"@99xt/react-fileupload","description":"react-fileupload React component","dist-tags":{"latest":"1.0.2"},"versions":{"0.0.1":{"name":"@99xt/react-fileupload","version":"0.0.1","keywords":["react-component"],"author":"","license":"MIT","_id":"@99xt/react-fileupload@0.0.1","maintainers":[{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"","dist":{"shasum":"98b38aa5f2dac23b052aadfd56caef6dd9378dab","tarball":"https://registry.npmjs.org/@99xt/react-fileupload/-/react-fileupload-0.0.1.tgz","integrity":"sha512-Elg8cYFJT9tVWwUcS71c2Qj76mw1RTZGD7W5iTYX9kULHsc5J8i47Qq6EIKaMQYj3B61x7TWdtNWC7SA/VoaOg==","signatures":[{"sig":"MEUCIFrSJ1+IjVLalu5DdCB19QhAZ56wMvaeP/ihiBNh8xcfAiEAoW1AEP2GWpXYexY4VUjdDw4Va/VGq3EB9R9NkaWIQf8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es","lib","umd"],"module":"es/index.js","_shasum":"98b38aa5f2dac23b052aadfd56caef6dd9378dab","gitHead":"da24bc0f997b7e8ffa60103819207dfae3e60076","scripts":{"test":"nwb test-react","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","test:watch":"nwb test-react --server","test:coverage":"nwb test-react --coverage"},"_npmUser":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"repository":"","_npmVersion":"3.10.10","description":"react-fileupload React component","directories":{},"_nodeVersion":"6.11.0","dependencies":{"classnames":"^2.2.5"},"devDependencies":{"nwb":"0.17.x","react":"^15.6.1","react-dom":"^15.6.1"},"peerDependencies":{"react":"15.x"},"_npmOperationalInternal":{"tmp":"tmp/react-fileupload-0.0.1.tgz_1501267267712_0.22977053420618176","host":"s3://npm-registry-packages"}},"0.0.9":{"name":"@99xt/react-fileupload","version":"0.0.9","keywords":["react-component"],"author":"","license":"MIT","_id":"@99xt/react-fileupload@0.0.9","maintainers":[{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"lakindu95","email":"lakindu1995@gmail.com"},{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"thinkholic","email":"mailtokasun@gmail.com"},{"name":"mjfernando","email":"manojf@99x.lk"}],"homepage":"","dist":{"shasum":"c3cb204e531c5ac92dcb4f61043cb631d9d1f2c6","tarball":"https://registry.npmjs.org/@99xt/react-fileupload/-/react-fileupload-0.0.9.tgz","integrity":"sha512-RWf1k50ykR/nZTJw4oAOis/J9juGd5Su64T+gXJmsyOIh3bQOEQHw96/payxMJoyEqq0YT8qU3RHrdyUlCRh1Q==","signatures":[{"sig":"MEYCIQDej/GVOopEpyAfnbKsK3B2IOcc6pYdTPUZSf8ZcxfMBAIhAO5CzPdPuZDXWAKFNuRxGHxjs82SxjwECtmsQ15mnXzr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es","lib","umd"],"module":"es/index.js","_shasum":"c3cb204e531c5ac92dcb4f61043cb631d9d1f2c6","gitHead":"747abe7f260bedbb46b78884bdb9b2392af8080f","scripts":{"lint":"eslint ./src ./demo","test":"nwb test-react","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","prettier":"prettier --write ./src/**/*.js ./src/**/*.css ./src/**/*.json ./demo/**/*.js ./demo/**/*.css ./demo/**/*.json","precommit":"npm run lint && npm run prettier","test:watch":"nwb test-react --server","test:coverage":"nwb test-react --coverage"},"_npmUser":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"repository":"","_npmVersion":"3.10.10","description":"react-fileupload React component","directories":{},"_nodeVersion":"6.11.0","dependencies":{"react":"^15.6.1","react-dom":"^15.6.1","classnames":"^2.2.5","prop-types":"^15.6.0"},"devDependencies":{"nwb":"0.17.x","husky":"^0.14.3","eslint":"^4.9.0","prettier":"^1.7.4","lint-staged":"^4.3.0","babel-eslint":"^8.0.1","eslint-plugin-react":"^7.4.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-config-prettier":"^2.6.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1"},"peerDependencies":{"react":"15.x"},"_npmOperationalInternal":{"tmp":"tmp/react-fileupload-0.0.9.tgz_1509118125067_0.7696649392601103","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@99xt/react-fileupload","version":"1.0.0","keywords":["react-component"],"author":"","license":"MIT","_id":"@99xt/react-fileupload@1.0.0","maintainers":[{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"lakindu95","email":"lakindu1995@gmail.com"},{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"thinkholic","email":"mailtokasun@gmail.com"},{"name":"mjfernando","email":"manojf@99x.lk"}],"homepage":"","dist":{"shasum":"f7ce50b9d713a58ad128356611e36f52f21a9c05","tarball":"https://registry.npmjs.org/@99xt/react-fileupload/-/react-fileupload-1.0.0.tgz","integrity":"sha512-F+vz8+aBVeSD5zsTDYKf+fJCDb9hetmmhVZfFEY7WbeZxOGWCuanNDHyMdDoRas32GtDMdjgc29llifmyEqBWA==","signatures":[{"sig":"MEQCICmpRhuQ+lkoC+9/PsPF052Ec59uy1Cu4IlZcA53lSMjAiBnvmU6RSXIscLXEzWEAsVIvLSahDc5emN9DYe6BS6ixQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es","lib","umd"],"module":"es/index.js","_shasum":"f7ce50b9d713a58ad128356611e36f52f21a9c05","gitHead":"61b80c2437f08c1e9a3761d996925d8c3d68793b","scripts":{"lint":"eslint ./src ./demo","test":"nwb test-react","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","prettier":"prettier --write ./src/**/*.js ./src/**/*.css ./src/**/*.json ./demo/**/*.js ./demo/**/*.css ./demo/**/*.json","precommit":"npm run lint && npm run prettier","test:watch":"nwb test-react --server","test:coverage":"nwb test-react --coverage"},"_npmUser":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"repository":"","_npmVersion":"3.10.10","description":"react-fileupload React component","directories":{},"_nodeVersion":"6.11.0","dependencies":{"react":"^15.6.1","react-dom":"^15.6.1","classnames":"^2.2.5","prop-types":"^15.6.0"},"devDependencies":{"nwb":"0.17.x","husky":"^0.14.3","eslint":"^4.9.0","prettier":"^1.7.4","lint-staged":"^4.3.0","babel-eslint":"^8.0.1","eslint-plugin-react":"^7.4.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-config-prettier":"^2.6.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1"},"peerDependencies":{"react":"15.x"},"_npmOperationalInternal":{"tmp":"tmp/react-fileupload-1.0.0.tgz_1509118839467_0.3664720351807773","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@99xt/react-fileupload","version":"1.0.1","keywords":["react-component"],"author":"","license":"MIT","_id":"@99xt/react-fileupload@1.0.1","maintainers":[{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"lakindu95","email":"lakindu1995@gmail.com"},{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"thinkholic","email":"mailtokasun@gmail.com"},{"name":"mjfernando","email":"manojf@99x.lk"}],"homepage":"","dist":{"shasum":"5884de955b0000025239790cce37cd7d5237d415","tarball":"https://registry.npmjs.org/@99xt/react-fileupload/-/react-fileupload-1.0.1.tgz","integrity":"sha512-iYUyMhnumRTm+hn1+eSYFWNy+0PBLouFfvuxTTLdich20KF8qWC+4gO33Nbwy/MuKLoirJqsli+B3fcho7J8dg==","signatures":[{"sig":"MEUCIBxe8fHwUnryZiD6ZZ40fNMz8taFnW4izj2vMU6lfZdHAiEA9QV1T1Cw4isiWultlZEY6oxXtdnmCjgeEHMCP/R1ZVM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es","lib","umd"],"module":"es/index.js","_shasum":"5884de955b0000025239790cce37cd7d5237d415","gitHead":"363fafd7a546a9783d67422d83aefe6f4cc5407f","scripts":{"lint":"eslint ./src ./demo","test":"nwb test-react","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","prettier":"prettier --write ./src/**/*.js ./src/**/*.css ./src/**/*.json ./demo/**/*.js ./demo/**/*.css ./demo/**/*.json","test:watch":"nwb test-react --server","test:coverage":"nwb test-react --coverage"},"_npmUser":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"repository":"","_npmVersion":"3.10.10","description":"react-fileupload React component","directories":{},"_nodeVersion":"6.11.0","dependencies":{"react":"^15.6.1","react-dom":"^15.6.1","classnames":"^2.2.5","prop-types":"^15.6.0"},"devDependencies":{"nwb":"0.17.x","husky":"^0.14.3","eslint":"^4.9.0","prettier":"^1.7.4","lint-staged":"^4.3.0","babel-eslint":"^8.0.1","eslint-plugin-react":"^7.4.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-config-prettier":"^2.6.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1"},"peerDependencies":{"react":"15.x"},"_npmOperationalInternal":{"tmp":"tmp/react-fileupload-1.0.1.tgz_1509119581490_0.5001964739058167","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@99xt/react-fileupload","version":"1.0.2","keywords":["react-component"],"author":"","license":"MIT","_id":"@99xt/react-fileupload@1.0.2","maintainers":[{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"lakindu95","email":"lakindu1995@gmail.com"},{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"thinkholic","email":"mailtokasun@gmail.com"},{"name":"mjfernando","email":"manojf@99x.lk"}],"homepage":"","dist":{"shasum":"463ec15d623800ee5441f590adfab954f08d3866","tarball":"https://registry.npmjs.org/@99xt/react-fileupload/-/react-fileupload-1.0.2.tgz","integrity":"sha512-1fLr43U+ifv4MxeOMtMCmrA5V7bygPd2sAh3jsqRULpiWor5AohcZ5gFlnZjx28L1eMhASAY4ouctpe+qrlRXg==","signatures":[{"sig":"MEQCIBEvmuj8DKJQYgypcZgu9DrZpxtj+8x//DN3YdtxCuvAAiBr/T4/TmhU4pezMWuUjV5X6XgFZZb4NJ1Dmdzhfxxiug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es","lib","umd"],"module":"es/index.js","_shasum":"463ec15d623800ee5441f590adfab954f08d3866","gitHead":"363fafd7a546a9783d67422d83aefe6f4cc5407f","scripts":{"lint":"eslint ./src ./demo","test":"nwb test-react","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","prettier":"prettier --write ./src/**/*.js ./src/**/*.css ./src/**/*.json ./demo/**/*.js ./demo/**/*.css ./demo/**/*.json","test:watch":"nwb test-react --server","test:coverage":"nwb test-react --coverage"},"_npmUser":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"repository":"","_npmVersion":"3.10.10","description":"react-fileupload React component","directories":{},"_nodeVersion":"6.11.0","dependencies":{"react":"^15.6.1","react-dom":"^15.6.1","classnames":"^2.2.5","prop-types":"^15.6.0"},"devDependencies":{"nwb":"0.17.x","husky":"^0.14.3","eslint":"^4.9.0","prettier":"^1.7.4","lint-staged":"^4.3.0","babel-eslint":"^8.0.1","eslint-plugin-react":"^7.4.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-config-prettier":"^2.6.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1"},"peerDependencies":{"react":"15.x"},"_npmOperationalInternal":{"tmp":"tmp/react-fileupload-1.0.2.tgz_1509120869076_0.7468575201928616","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-07-28T18:41:07.776Z","modified":"2024-07-05T10:25:48.689Z","0.0.1":"2017-07-28T18:41:07.776Z","0.0.9":"2017-10-27T15:28:45.662Z","1.0.0":"2017-10-27T15:40:39.538Z","1.0.1":"2017-10-27T15:53:01.574Z","1.0.2":"2017-10-27T16:14:29.174Z"},"maintainers":[{"email":"itadmin@99x.io","name":"99xtechnology"}],"keywords":["react-component"],"license":"MIT","readme":"# @99xt/react-fileupload\n\n[![npm (scoped)](https://img.shields.io/npm/v/@99xt/react-fileupload.svg)](https://www.npmjs.com/package/@99xt/react-fileupload)\n[![license](https://img.shields.io/github/license/99xt/react-fileupload.svg)](https://github.com/99xt/react-fileupload/blob/master/LICENSE)\n\nSimpler file upload implementation for react.js apps.\n\n## Installation\n\nTo install this library, run:\n\n```bash\nnpm install @99xt/react-fileupload --save\n```\n\n## Usage\n\nexample.component.js\n```\nimport React, {Component} from 'react';\nimport FileUpload from '@99xt/react-fileupload';\n\nclass ExampleApp extends Component {\n  onUploadFiles(evt) {\n    if (evt.error) {\n        throw evt.error;\n    }\n\n    const files = evt.files;\n    // You can run upload script here\n    console.log(files);\n  }\n\n  render() {\n    const allowedTypes = [];\n    const allowedSize = 15; // MB\n    const multiple = true;\n\n    return (\n      <div>\n        <h1>react-fileupload Demo</h1>\n\n        { /* with default UI */ }\n        <FileUpload\n          allowedTypes={ allowedTypes }\n          allowedSize={ allowedSize }\n          multiple={ multiple }\n          onUploadFiles={ this.onUploadFiles }\n        />\n\n      { /* with custom UI */ }\n      <FileUpload\n          allowedTypes={allowedTypes}\n          allowedSize={allowedSize}\n          multiple={multiple}\n          onUploadFiles={this.onUploadFiles}\n          renderUI={props => {\n            const { status } = props;\n            return (\n              <div style={{ border: \"2px dashed #ccc\", padding: \"50px\" }}>\n                <p>Click or drag n drop your file(s) here.</p>\n                <p>Drag n drop status: {status}</p>\n              </div>\n            );\n          }}\n        />\n      </div>\n    );\n  }\n}\n```\n\n## Contributing Guide\n\n### Setting up the development environment\n\nClone the repository to your workstation\n\n```bash\ngit clone git@github.com:99xt/react-fileupload.git\n```\n\nNavigate to the project directory \n\n```bash\ncd react-fileupload\n```\n\n\n```bash\nnpm install\nnpm run build\n```\n\nUse `npm run clean` for delete built resources.\n\n### Run Demo app\n\n```\nnpm start\n```\n\nDemo app will start on [http://localhost:3000](http://localhost:3000)\n\n### Publish to NPM\n\nUpdate the version in `package.json`;\n\n```\nnpm publish\n```\n\n## License\n\nMIT","readmeFilename":"README.md"}