Skip to content

Import flow for Excel (.xlsx) and CSV file with automated column matching and validation, and all the functionality now with MaterialUI

License

Notifications You must be signed in to change notification settings

mhshahzad/react-spreadsheet-validator

 
 

Repository files navigation

file-validator-component ⚡

license npm

A component used for importing XLS / XLSX / CSV documents built with Material UI. Import flow combines:

  • 📥 Uploader
  • ⚙️ Parser
  • 📊 File preview
  • 🧪 UI for column mapping
  • ✏ UI for validating and editing data

Features

  • Custom styles - edit Material UI theme to match your project's styles 🎨
  • Custom validation rules - make sure valid data is being imported, easily spot and correct errors
  • Hooks - alter raw data after upload or make adjustments on data changes
  • Auto-mapping columns - automatically map most likely value to your template values, e.g. name -> firstName

Installation

npm i file-validator-component

Contributing

Feel free to open issues if you have any questions or notice bugs. If you want different component behaviour, consider forking the project.

Credits

Modified by Muhammad H. Shahzad

About

Import flow for Excel (.xlsx) and CSV file with automated column matching and validation, and all the functionality now with MaterialUI

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.3%
  • HTML 2.4%
  • JavaScript 0.3%