{"_id":"@bolttech/atoms-file-upload","_rev":"6-6f8404cf06340d296d4defaefa066fba","name":"@bolttech/atoms-file-upload","dist-tags":{"latest":"0.1.2"},"versions":{"0.0.1":{"name":"@bolttech/atoms-file-upload","version":"0.0.1","_id":"@bolttech/atoms-file-upload@0.0.1","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"fb27687b5a563258c339b0cf41ae3b124b02ee8a","tarball":"https://registry.npmjs.org/@bolttech/atoms-file-upload/-/atoms-file-upload-0.0.1.tgz","fileCount":12,"integrity":"sha512-/aMNljpaOpHLeNB+cxMrDiHSqdZ5Kv7HVMz1Wb5w/dJna4Hjm/tvMd/Sbx5M3YC2MFG+9MKncZNYUJ4UkTUJHQ==","signatures":[{"sig":"MEUCIB9A2qA6XMCPbpnf+0RAoUgpMboijlmFHC/cjUIv5pDdAiEA7Omt4wqKrpEmAMPyWmt8yDxrJ4nHlthMYscVCfQKapY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":305129},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"8cb16826d8c000d0278eaf501a66d318e4ee5d2b","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.3","description":"A simple React component for file uploads, supporting both traditional input and drag & drop.","directories":{},"_nodeVersion":"22.18.0","dependencies":{"react":"19.1.1","react-dropzone":"14.3.8","styled-components":"6.1.1","@bolttech/atoms-icon":"0.24.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/atoms-file-upload_0.0.1_1758893983404_0.24708525005137938","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@bolttech/atoms-file-upload","version":"0.0.2","_id":"@bolttech/atoms-file-upload@0.0.2","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"48878e0fee524a1b2c9a965a2d53efe43c88cfec","tarball":"https://registry.npmjs.org/@bolttech/atoms-file-upload/-/atoms-file-upload-0.0.2.tgz","fileCount":12,"integrity":"sha512-wL3y1Y2ClCREAXJ+FNPtNUAvG1gq1KpzwtuT3S50fs6y+6MWEWagOQvcfGakdmB0x7yBr1FLtiUSyVF9WgHZqw==","signatures":[{"sig":"MEYCIQCEfMQfatLLsvITYSUAjXOcM9+kA876+H2lhCyl35tZlgIhAN/iPG1/NByt8WmgskwkLk3ogo9+rzC7J1XqwV/amzFw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":290425},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"da0da7545f2ce32de92e5f368962bdb132c730fa","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.3","description":"A simple React component for file uploads, supporting both traditional input and drag & drop.","directories":{},"_nodeVersion":"22.18.0","dependencies":{"react":"19.1.1","react-dropzone":"14.3.8","styled-components":"6.1.1","@bolttech/atoms-icon":"0.24.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/atoms-file-upload_0.0.2_1759850370911_0.5533596868558257","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@bolttech/atoms-file-upload","version":"0.1.0","_id":"@bolttech/atoms-file-upload@0.1.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"17b74bbfcae074d4562e54dfb423fbcd948334da","tarball":"https://registry.npmjs.org/@bolttech/atoms-file-upload/-/atoms-file-upload-0.1.0.tgz","fileCount":12,"integrity":"sha512-xdI893IHdUAz9VgkudoLYMOKeuBucVdBkLJAN+haMPggsBL9fbihGfqsTWrlxe1QlnoqUC3ppsj/7GqJuWPjdA==","signatures":[{"sig":"MEUCIDANSjSSArCOPRSUyKag9fh6MAreRI75y0kkHewZ1ALDAiEAyjPZWEc1Fux8gtcknbHiwi30UgwAO33DVy/r2H4iMh4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":291007},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"68f8ef7a5bba0363b67c509aea3650aed7993085","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"A simple React component for file uploads, supporting both traditional input and drag & drop.","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","react-dropzone":"14.3.8","styled-components":"6.1.1","@bolttech/atoms-icon":"0.24.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/atoms-file-upload_0.1.0_1775665129028_0.9545801000831979","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@bolttech/atoms-file-upload","version":"0.1.2","dependencies":{"react-dropzone":"14.3.8","react":"19.1.2","@bolttech/atoms-icon":"0.24.9","styled-components":"6.1.1"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/atoms-file-upload@0.1.2","gitHead":"ba6cbf82cc659e642fd09b790d0f2a9f6145b784","description":"A simple React component for file uploads, supporting both traditional input and drag & drop.","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-ixqq4g/z9XkqtD75MIv+WZ1VcbAIDfiCq3C8Q6VHdpmmFd++y0dU+4S0jj4fWQ0Pc5rVfgsaXxwFFBygga/MNg==","shasum":"e05ac360505d69ae2d227c8e53aca7388443985a","tarball":"https://registry.npmjs.org/@bolttech/atoms-file-upload/-/atoms-file-upload-0.1.2.tgz","fileCount":11,"unpackedSize":289913,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIALj8NzWdFqdz/5HX1Yz+jqZ6OhsbFQXMD5ANxlPO/7jAiEAt8HPM37wgEtTy80dlpcIrR//JPFOgJnRex1yGVsCYTA="}]},"_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/atoms-file-upload_0.1.2_1780928622078_0.4534876830795258"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-26T13:39:43.359Z","modified":"2026-06-08T14:23:42.536Z","0.0.1":"2025-09-26T13:39:43.607Z","0.0.2":"2025-10-07T15:19:31.115Z","0.1.0":"2026-04-08T16:18:49.204Z","0.1.2":"2026-06-08T14:23:42.222Z"},"description":"A simple React component for file uploads, supporting both traditional input and drag & drop.","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"# FileUpload Component\n\nA simple React component for file uploads, supporting both traditional input and drag & drop.\n\n## Installation\n\nUse [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component.\n\n```bash\nnpm install @bolttech/frontend-foundations @bolttech/atoms-file-upload\n```\n\nor\n\n```bash\nyarn add @bolttech/frontend-foundations @bolttech/atoms-file-upload\n```\n\n## Props\n\nThe `FileUpload` component accepts the following properties:\n\n| Prop | Type | Description |\n|-----------------|-----------|---------------------------------------------------------------------------------------------------|\n| id | `string` | The ID attribute for the upload element. |\n| dataTestId | `string` | Identifier for automated tests. |\n| text | `string` | Label text for the upload. |\n| dragActiveText | `string` | Text displayed when files are dragged over the dropzone. |\n| variant | `string` | Upload type: `'input'` or `'dropzone'`. |\n| accept | `string` | Accepted file types (e.g., `'image/png'`). |\n| multiple | `boolean` | Allows selection of multiple files. |\n| disabled | `boolean` | Disables the component. |\n| value | `File[]` | List of selected files. |\n| errorMessage | `string` | Custom error message. |\n| onChange | `function`| Callback to handle selected files. |\n\n## Usage\n\n```jsx\nimport React, { useState } from 'react';\nimport { FileUpload } from '@bolttech/atoms-file-upload';\nimport { bolttechTheme, BolttechThemeProvider } from '@bolttech/frontend-foundations';\n\nconst ExampleComponent = () => {\n const [files, setFiles] = useState([]);\n\n const handleFileChange = async (selectedFiles) => {\n setFiles(selectedFiles);\n // Return an array of objects { file, success, message }\n return selectedFiles.map(file => ({\n file,\n success: true,\n message: `${file.name} uploaded successfully`\n }));\n };\n\n return (\n \n \n \n );\n};\n\nexport default ExampleComponent;\n```\n\n## Contributing\n\nContributions are welcome! For bug fixes, improvements, or new features, please open an [issue](link-to-issues) or submit a pull request.\n\nPlease make sure to follow the code standards and test your","readmeFilename":"README.md"}