From c082556210eceff3b2570c50fc01c712e7d4bded Mon Sep 17 00:00:00 2001
From: akash2016 <akash.verma@evivehealth.com>
Date: Fri, 19 Jan 2018 12:07:14 +0530
Subject: [PATCH] updated to react 16 and rewrote react 16 components

---
 lib/index.js | 104 +++++++++++++++++++++++----------------------------
 package.json |   3 ++
 2 files changed, 50 insertions(+), 57 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index 048fcf3..bdee6d9 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -1,65 +1,55 @@
-var React = require('react');
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
-var FileInput = React.createClass({
-  getInitialState: function() {
-    return {
-      value: '',
-      styles: {
-        parent: {
-          position: 'relative'
-        },
-        file: {
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          opacity: 0,
-          width: '100%',
-          zIndex: 1
-        },
-        text: {
-          position: 'relative',
-          zIndex: -1
-        }
-      }
-    };
-  },
+class FileInput extends Component {
+  static propTypes={
+    name: PropTypes.string,
+    className: PropTypes.string,
+    onChange: PropTypes.func,
+    disabled: PropTypes.bool,
+    accept: PropTypes.string,
+    onChange: PropTypes.func,
+  };
 
-  handleChange: function(e) {
+  state={
+    value: '',
+  };
+
+  handleChange(e) {
     this.setState({
-      value: e.target.value.split(/(\\|\/)/g).pop()
+      value: e.target.value.split(/(\\|\/)/g).pop(),
     });
     if (this.props.onChange) this.props.onChange(e);
-  },
-
-  render: function() {
-    return React.DOM.div({
-        style: this.state.styles.parent
-      },
-
-      // Actual file input
-      React.DOM.input({
-        type: 'file',
-        name: this.props.name,
-        className: this.props.className,
-        onChange: this.handleChange,
-        disabled: this.props.disabled,
-        accept: this.props.accept,
-        style: this.state.styles.file
-      }),
+  }
 
-      // Emulated file input
-      React.DOM.input({
-        type: 'text',
-        tabIndex: -1,
-        name: this.props.name + '_filename',
-        value: this.state.value,
-        className: this.props.className,
-        onChange: function() {},
-        placeholder: this.props.placeholder,
-        disabled: this.props.disabled,
-        style: this.state.styles.text
-      }));
+  render() {
+    return (
+      <div>
+        <input
+          type="file"
+          style={{ cursor: 'pointer',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            opacity: 0,
+            width: '100%',
+            zIndex: 1 }}
+          name={this.props.name}
+          accept={this.props.accept}
+          className={this.props.className}
+          onChange={e => this.handleChange(e)}
+        />
+        <input
+          type="text"
+          tabIndex="-1"
+          value=""
+          name={this.props.name}
+          className={this.props.className}
+          style={{ position: 'relative', zIndex: -1 }}
+        />
+      </div>
+    );
   }
-});
+}
 
-module.exports = FileInput;
+export default FileInput;
diff --git a/package.json b/package.json
index eccaad0..b197455 100644
--- a/package.json
+++ b/package.json
@@ -26,5 +26,8 @@
   "homepage": "https://github.com/captivationsoftware/react-file-input",
   "peerDependencies": {
     "react": "0.x"
+  },
+  "dependencies": {
+    "react": "^16.2.0"
   }
 }