added component and basic functionalities

Author: nzambello

.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+
+package.json
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "trailingComma": "none"
+}

dist/react-csv-reader.js

@@ -15,7 +15,10 @@
     "babel-preset-react": "^6.24.1",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",
-    "webpack": "^2.5.1"
+    "webpack": "^2.5.1",
+    "husky": "^0.14.3",
+    "lint-staged": "^4.2.3",
+    "prettier": "1.7.4"
   },
   "peerDependencies": {
     "prop-types": "*",
@@ -24,6 +27,17 @@
   },
   "scripts": {
     "build": "webpack -p",
-    "watch": "webpack --watch --progress"
+    "watch": "webpack --watch --progress",
+    "prettier-all": "prettier --write '**/*.{js,json,css}'",
+    "precommit": "lint-staged"
+  },
+  "dependencies": {
+    "papaparse": "^4.3.6"
+  },
+  "lint-staged": {
+    "*.{js,json,css}": [
+      "prettier --write",
+      "git add"
+    ]
   }
 }

dist/react-csv-reader.js.map

@@ -1,17 +1,38 @@
-import React from "react"
-import { func } from "prop-types"
+import React from 'react';
+import { string, func } from 'prop-types';
+const PapaParse = require('papaparse/papaparse.min.js');
+
+const CSVReader = ({ cssClass, onFileLoaded, onError }) => {
+  let fileContent = undefined;
+
+  const handleChangeFile = e => {
+    let reader = new FileReader();
+
+    reader.onload = event => {
+      const csvData = PapaParse.parse(event.target.result, {
+        error: onError
+      });
+      onFileLoaded(csvData.data);
+    };
+
+    reader.readAsText(e.target.files[0]);
+  };
 
-const CSVReader = ({ onFileLoaded, onError }) => {
   return (
-    <div>
-      <p>Welcome to CSVReader</p>
-    </div>
-  )
-}
+    <input
+      className={cssClass ? cssClass : ''}
+      type="file"
+      id="fileElem"
+      accept="text/csv"
+      onChange={e => handleChangeFile(e)}
+    />
+  );
+};
 
 CSVReader.propTypes = {
+  cssClass: string,
   onFileLoaded: func,
   onError: func
-}
+};
 
-export default CSVReader
+export default CSVReader;

package.json

@@ -1,35 +1,35 @@
-var path = require("path")
+var path = require('path');
 
 module.exports = {
-  devtool: "source-map",
-  entry: "./src/index.js",
+  devtool: 'source-map',
+  entry: './src/index.js',
   output: {
-    filename: "react-csv-reader.js",
-    path: path.resolve(__dirname, "dist"),
-    library: "CSVReader",
-    libraryTarget: "commonjs2"
+    filename: 'react-csv-reader.js',
+    path: path.resolve(__dirname, 'dist'),
+    library: 'CSVReader',
+    libraryTarget: 'commonjs2'
   },
   module: {
     rules: [
       {
         test: /\.js$/,
         exclude: /node_modules/,
-        loader: "babel-loader"
+        loader: 'babel-loader'
       }
     ]
   },
   externals: {
     react: {
-      commonjs: "react",
-      commonjs2: "react",
-      amd: "react",
-      root: "React"
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'react',
+      root: 'React'
     },
-    "prop-types": {
-      commonjs: "prop-types",
-      commonjs2: "prop-types",
-      amd: "prop-types",
-      root: "PropTypes"
+    'prop-types': {
+      commonjs: 'prop-types',
+      commonjs2: 'prop-types',
+      amd: 'prop-types',
+      root: 'PropTypes'
     }
   }
-}
+};

src/index.js

@@ -1907,6 +1907,10 @@ pako@~1.0.5:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.6.tgz#0101211baa70c4bca4a0f63f2206e97b7dfaf258"
 
+papaparse@^4.3.6:
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-4.3.6.tgz#9566eda0ecab13afcb740a62381c699f486cb145"
+
 parse-asn1@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.0.tgz#37c4f9b7ed3ab65c74817b5f2480937fbf97c712"