tiny-csv-importer v0.2.13

react-importer

Installation

npm install --save tiny-csv-importer

Usage

import Importer from 'tiny-csv-importer'

<Importer
  theme={SAMPLE_THEME}
  fields={[
    {
      label: "Name",
      key: "name",
      validators: [
        { validate: "required" },
      ],
      transformers: [
        { transform: "lower_case" },
      ]
    },
    {
      label: "Email", key: "email", validators: [
        { validate: "required" },
        { validate: "unique", error: "This email is not unique" },
      ]
    },
    { label: "State", key: "state" },
  ]}
  onComplete={(data) => {
    console.log(data)
  }}
/>

Sample theme object

SAMPLE_THEME = {
  colors: {
    primary: "#FF304F",
    secondary: "#CACACA",
    success: "#015668",
    danger: "#06648C",
    info: "#0F81C7",
    warning: "#0DE2EA",
    light: "#ececec",
    dark: "#222222",
  },
};

Remaining

Support for non csv i.e xls, xlxs, etc is remaining.

License

MIT © tiny-ayaan