{"_id":"@appvitalinc/file-upload-widget-api-react","_rev":"18-db234d94026713d01d65e857838019a2","time":{"created":"2021-01-26T19:55:50.070Z","1.0.0":"2021-01-26T19:55:50.211Z","modified":"2022-04-04T15:07:45.681Z","1.0.1":"2021-01-27T20:03:33.639Z","1.0.2":"2021-03-04T18:30:51.317Z"},"name":"@appvitalinc/file-upload-widget-api-react","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@appvitalinc/file-upload-widget-api-react","version":"1.0.0","description":"React wrapper library to quickly integrate Appvital File picker & cloud uploader in your application with just few lines of code.","author":{"name":"info@appvital.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AppVital/file-upload-widget-api-react.git"},"main":"lib/index.js","module":"lib/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","typescript":"^3.7.5"},"dependencies":{"@appvitalinc/file-upload-widget-api-js":"^1.0.0"},"directories":{"lib":"lib"},"keywords":["appvital","file picker","file upload","uploader","crop","watermark","thumbnail"],"bugs":{"url":"https://github.com/AppVital/file-upload-widget-api-react/issues"},"homepage":"https://github.com/AppVital/file-upload-widget-api-react#readme","_id":"@appvitalinc/file-upload-widget-api-react@1.0.0","_nodeVersion":"14.15.1","_npmVersion":"6.14.9","dist":{"integrity":"sha512-ypyh8vJpTD8INQUmC60+RyOL69rQyLclJzIllWijnLEhAR+EHfq4P/FHre8fz87kRhU8if460Tu6RcMhVP+iRg==","shasum":"b0608dc7c7bb5881c952c823bd850fc1488db103","tarball":"https://registry.npmjs.org/@appvitalinc/file-upload-widget-api-react/-/file-upload-widget-api-react-1.0.0.tgz","fileCount":9,"unpackedSize":20243,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEHPGCRA9TVsSAnZWagAAz3MP/0qiQjQgYzIsoMwVONWD\noM8ESpTXpcm8ZqRqgIl1yfYjjXE1R4hjuhFVYT8gYOyeQAdng17pUwqcAuok\nZoP7OGufmjKQUwYTpdHEwzCtb1pYQsHqVl2CpoAnOOnuwZCX6UglzrL1yjqx\ndPophuMW8DEEgAzkc5unc7g6bGKXIrptWZtJ3b3xjFrilMQJGbNQZnY8o+xw\nzgr8d2MPjT3lXKudKg6ilatGTF/djQJWHi5ocNg3Hi/729nUpqPm6piPMJeh\ng1jnO8vIAz2FKwTluyeCd/zHXyKA3ytuSGgBUOWvdyRcy4X+P4Jonx+Aa7wQ\nx3abMD5Ffp9IzIJ5q+RlhdidlN6NycFSbu+2+B5LuVMKHlZmiiLJumxdBEDb\nZdBVASfoeirK+lBKdgOWCDjmuic4KQg0EuqDabPUVpzd1/DqihBj96pQVSpc\n08hHgAUL70nPyhq13IyEqpI4gh+mz6FkNYB+I9zlZCWUqNCi4lZpcmMrFX5w\nOmtlu2R5SqKRGDwDXdrQlIg28vFOTallKIO5BJzOqZMIf+IF+X4iUGSPwz5u\n4GgKlK6nk9JB1CZZGWcxY462UoF2m1tRNFJs+ew+XcF94wsUDm2lovHGTNdZ\nAtOI7/ucHBVU95balTwdh/ifhHT4D1Le5F12Cw+CKLcfiCjS9oJ1Uige/WB+\nQr1i\r\n=z4cG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUJ22gbdUuex2GmTQewPWE1HTAmXKelMQYWhJSg11fgAIhAIRA2YdytgGsNnn0WuqUS5aeieMS2vtvV/NF/kCZzNYy"}]},"_npmUser":{"name":"appvital","email":"info@appvital.com"},"maintainers":[{"name":"appvital","email":"info@appvital.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-upload-widget-api-react_1.0.0_1611690950070_0.3286957024178072"},"_hasShrinkwrap":false},"1.0.1":{"name":"@appvitalinc/file-upload-widget-api-react","version":"1.0.1","description":"React wrapper library to quickly integrate Appvital File picker & cloud uploader in your application with just few lines of code.","author":{"name":"info@appvital.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AppVital/file-upload-widget-api-react.git"},"main":"lib/index.js","module":"lib/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","typescript":"^3.7.5"},"dependencies":{"@appvitalinc/file-upload-widget-api-js":"^1.0.0"},"directories":{"lib":"lib"},"keywords":["appvital","file upload","upload api","uploader api","upload widget","uploader widget","upload react","uploader react","file uploader","photo uploader","image upload","thumbnail api","watermark api"],"bugs":{"url":"https://github.com/AppVital/file-upload-widget-api-react/issues"},"homepage":"https://github.com/AppVital/file-upload-widget-api-react#readme","_id":"@appvitalinc/file-upload-widget-api-react@1.0.1","_nodeVersion":"14.15.1","_npmVersion":"6.14.9","dist":{"integrity":"sha512-94bvRASwwGMyfyY+M5ZZ1GjcinWXodQiE3UAwSnzTR1GNzVblobS5MMYLIBO0tbKTlWm5dbJ7hjUycGcvvfNMA==","shasum":"80553ee227e5c8dc828eae81fa462adc0e5afb19","tarball":"https://registry.npmjs.org/@appvitalinc/file-upload-widget-api-react/-/file-upload-widget-api-react-1.0.1.tgz","fileCount":9,"unpackedSize":20409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEccVCRA9TVsSAnZWagAAZP4P/RncjevD09vKVImf9COL\n3SM4ZKoCXyzrJN75efsVQaoEKgIyTWc8UfRkrsemgBXcjCAy5sn8Uhfad00k\nO6cqOGOszlqI9J/Qv88KUJiE844NcuwqslvW9dZ3JO1PZWF9aOcX6v1D9LAo\nwCIPjdbtA7iLUbOaNBJ5C+z+FYF8nYo3hRPw2X/fcEflvaPsOz51yLdYIiZY\nTAwJ1cI+BXjW1iWLCEZIEQScEuF34tfUH/hqPFuMyWzCktTmG9p82o2KPCzy\n7NAdNzRcSMAl3wCkgIukK2//iTBzB7eL5BBn0BuxqHS9kZnThIt+g5tQKdWk\nxmIZWyB1Gics39El9uH6Y4BpX4e97vukEllc3W4Gq5nQ8dIq1tKkV/FfkqfC\nbGx26qQft1Kr5m6TCH+FrVW2tc5lpf7Du9vZ6MM2OS+CSZIPSGkRtS+hTXqn\ny5OXfDecmxUdmXg7OwOHwofy1ipf1743Mjh56i12BXCNBGF5tICsDM+2uVzb\nDOLw3qI0PSU3rXWbkSgPhRgg8bTu42jQYbvyo2SJeqsQYqqiAHYFylqwcoqg\nOW/Hm9wVzTHq8zQT5h8PArdI7lcG5dvLndnd0OzFYvbCDxWbbV2/EduppPKv\nvvA5/alXEiDwYHGjQdDMRr+2GuVra2yrYR8feIJ/bz+aK5iYl5ZvDYyUWF/V\n5SJf\r\n=m4G3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnmhbdYD0ZFaysxkp202kgJlk6gozDbofQXwKsHUJ/5gIgEZQoWK5ZkjMstcTD2h/8A26VinoeYi+hXl9/WMnTVvY="}]},"_npmUser":{"name":"appvital","email":"info@appvital.com"},"maintainers":[{"name":"appvital","email":"info@appvital.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-upload-widget-api-react_1.0.1_1611777813463_0.4990437496030955"},"_hasShrinkwrap":false},"1.0.2":{"name":"@appvitalinc/file-upload-widget-api-react","version":"1.0.2","description":"React wrapper library to quickly integrate Appvital File picker & cloud uploader in your application with just few lines of code.","author":{"name":"info@appvital.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AppVital/file-upload-widget-api-react.git"},"main":"lib/index.js","module":"lib/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","typescript":"^3.7.5"},"dependencies":{"@appvitalinc/file-upload-widget-api-js":"^1.0.2"},"directories":{"lib":"lib"},"keywords":["appvital","file upload","upload api","uploader api","upload widget","uploader widget","upload react","uploader react","file uploader","photo uploader","image upload","thumbnail api","watermark api"],"bugs":{"url":"https://github.com/AppVital/file-upload-widget-api-react/issues"},"homepage":"https://github.com/AppVital/file-upload-widget-api-react#readme","_id":"@appvitalinc/file-upload-widget-api-react@1.0.2","_nodeVersion":"14.15.1","_npmVersion":"6.14.9","dist":{"integrity":"sha512-YS2Spgd3eCTwTumI7W7FM9RRKb14GLs6EI64n7tT5H4gc3QsAN6HIiyn1aAFqJEE1H5Hn8kLornZQwpqtUFgig==","shasum":"60f86b2f2fa082515661ea53c3efa46ab207c88c","tarball":"https://registry.npmjs.org/@appvitalinc/file-upload-widget-api-react/-/file-upload-widget-api-react-1.0.2.tgz","fileCount":9,"unpackedSize":20414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQSdbCRA9TVsSAnZWagAAkOYP/jtSDnWO6xMDtwjIqtfh\nZh3IFtB1rutGHtOGPhuOzF1h8NMra+ujjBnkUy51JGTkGo4k2CUeIOOLdNKa\n0D0w1QBxWTAsKq6bqzq6XOAFpF+JjBKCNFYWHBCE5DdmxocxkbFN2IO14dm6\n1AQUAW90SzJxha3QlL1UZHPQ7cjXSgdQH3h0FtFWjIRReS2PBVum8fS3t4mX\nm4xcF4jjFtW6hQ7xtb5f9vLJTChsyzJDnu+0sC29/u/M7/UYxjysWgIpehFi\nUfiPGiQvRFpHaBYvRhRwKRAeKtcu9vC5/k5Ce0cYsUx2R5CzdBmxhi4gymT7\np1NmcvgY4cNIUs5Ok8p+F/zRnYbNreO87mU251EPDS/KwYWqh5vnuo+5prg7\nR/akgqQT3FtytH4b6f+gXDF3/PmI8IWSV19O0NvcQoBqYB91Uj3u919WGzbD\nNsTSo3n4dDlAqSq6d295VpXN9bV5wxAg0pZQLCEfH3ir6zGztrO5vNWhC+vj\nMeVko7K8r9SeRKGH4mKZQy/ybOERg+/I+jordKcVObRPvuPnwuAqFd1KWgpj\nUV3acIVI1KkgNQO57ftAUoPyoWYSy514a1AmQXoOfnEshcO5X3mjBlBJIg4l\noWIVKjS+cJgN8cKNHV5W4OrqsYF8A4Mez0rO0kanir0p03yB7rDSoIunyiXg\n1oFE\r\n=2ReD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuyDZRxK+3aEAOU7UD840SzsXxjtRD+RPt7IjVnWh+HAIgL76agu1Fw5FM58LTYbuF6VgZ/1OTUUhOyPqYOB6hbSs="}]},"_npmUser":{"name":"appvital","email":"info@appvital.com"},"maintainers":[{"name":"appvital","email":"info@appvital.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-upload-widget-api-react_1.0.2_1614882651115_0.1510774344252792"},"_hasShrinkwrap":false}},"maintainers":[{"name":"appvital","email":"info@appvital.com"}],"description":"React wrapper library to quickly integrate Appvital File picker & cloud uploader in your application with just few lines of code.","homepage":"https://github.com/AppVital/file-upload-widget-api-react#readme","keywords":["appvital","file upload","upload api","uploader api","upload widget","uploader widget","upload react","uploader react","file uploader","photo uploader","image upload","thumbnail api","watermark api"],"repository":{"type":"git","url":"git+https://github.com/AppVital/file-upload-widget-api-react.git"},"author":{"name":"info@appvital.com"},"bugs":{"url":"https://github.com/AppVital/file-upload-widget-api-react/issues"},"license":"MIT","readme":"

\r\n

\r\n appvital-file-upload-widget-api-react\r\n

\r\n

\r\n React wrapper library to quickly integrate Appvital File picker & cloud uploader in your application with just few lines of code.\r\n

\r\n

\r\n \r\n

\r\n\r\n## Core Features\r\n\r\n* **Drag & Drop** or **Copy & Paste** any file\r\n* Pick files from **multiple sources** including popular **online file shares**\r\n* **Upload** files straight to **your own** Amazon S3, Azure Bob & SFTP storages\r\n* Crop, rotate, flip and **enhance photos** to perfection with **built-in photo editor**\r\n* Generate **thumbnails**, apply text or image **watermarks**\r\n* **Complete control** with configurable options and **much more**\r\n\r\n## Demo/Examples\r\n\r\nSee file upload widget in [action here](https://appvital.com/example/cloud-file-uploader) with example configurations demonstrating various features.\r\n\r\n\r\n## Quick Start\r\n\r\nInstall it through NPM\r\n```bash\r\nnpm install @appvitalinc/file-upload-widget-api-react\r\n```\r\n\r\n```javascript\r\nimport { ApvFilePicker } from '@appvitalinc/file-upload-widget-api-react';\r\n\r\nconst MyComponent = () => {\r\n return (\r\n \r\n )\r\n}\r\n```\r\n\r\n### Available inputs\r\n\r\n| Name | Type | Required | Default | Description |\r\n| ------- | -------------------- | -------- | ------- | ------------------------------------------------------------------- |\r\n| apikey | String | True | | Filepicker api key |\r\n| options | ApvFilePickerOptions | | | Check [ApvFilePickerOptions](https://appvital.com/docs/file-uploader) |\r\n\r\n### Callbacks\r\n\r\n| Name | Function | Required | Default | Description |\r\n| --------------- | --------------------- | -------- | ------- | -------------------------------------- |\r\n| onOpen | () | | | Fires when filepicker has been initialized and is ready. | \r\n| onClose | () | | | Fires when filepicker popup is closed. |\r\n| onCancel | () | | | Fires when filepicker is canceled. |\r\n| onUploadStarted | () | | | Fires when file(s) uploading starts. |\r\n| onUploadDone | (ApvFilePickerResponse) | | | Fires when uploading completes. |\r\n| onUploadError | (error) | | | Fires when file(s) upload is failed. |\r\n\r\nBelow you can find some quick basic implementations.\r\n\r\n#### Open picker - Single file upload\r\n\r\n```javascript\r\nimport { ApvFilePicker } from '@appvitalinc/file-upload-widget-api-react';\r\n\r\nconst MyComponent = () => {\r\n\r\n const apikey = 'YOUR_API_KEY';\r\n const options = {\r\n multiple: false,\r\n outputfileoptions: {\r\n width: 500,\r\n height: 281,\r\n resizetype: \"fit\",\r\n resizeconflict: \"pad\",\r\n storage: [\r\n {\r\n name: \"AWS-S3-Storage-Demo\",\r\n path: \"/file-picker-demo/\",\r\n },\r\n ],\r\n },\r\n inputfileoptions: {\r\n allowedfileformats: \"jpg,jpeg,gif,bmp,png,webp,zip,pdf\",\r\n maxfilesize: 700000000,\r\n note:\r\n \"File size restricted to: 10000 KB / File type restricted to: JPG, PNG, JPEG, PDF, DOC, DOCX, TXT, XML and ZIP.\",\r\n },\r\n };\r\n };\r\n\r\n onOpen = () => {\r\n console.log('Modal open');\r\n }\r\n\r\n onClose = () => {\r\n console.log('Modal Close');\r\n }\r\n\r\n onCancel = () => {\r\n console.log('On Cancel');\r\n }\r\n\r\n onUploadDone = (data) => {\r\n console.log('onUploadStart', data);\r\n }\r\n\r\n onUploadStart = () => {\r\n console.log('onUploadStart');\r\n }\r\n\r\n onUploadError = (data) => {\r\n console.log('onUploadError', data);\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n```\r\n\r\n\r\n## Documentation\r\n\r\nYou can find further documentation about available filepicker options and configuration details here at https://appvital.com/docs/file-uploader#Quickstart-React\r\n\r\n## Contributing\r\n\r\nAny of your contributions or ideas are more than welcome. Please consider that we follow the conventional commits specification to ensure consistent commit messages and changelog formatting.\r\n","readmeFilename":"README.md"}