Merge pull request #19 from thedeany/master

Fix #18 Add disabled prop

Author: Travis Mathis

ReactFileReader.js

@@ -72,6 +72,7 @@ export default class ReactFileReader extends React.Component {
           id={this.state.elementId}
           multiple={this.props.multipleFiles}
           style={hideInput}
+          disabled={this.props.disabled}
         />
 
         <div className='react-file-reader-button' onClick={this.clickInput}>
@@ -86,6 +87,7 @@ ReactFileReader.defaultProps = {
   fileTypes: 'image/*',
   multipleFiles: false,
   base64: false,
+  disabled: false,
 };
 
 ReactFileReader.propTypes = {
@@ -96,5 +98,6 @@ ReactFileReader.propTypes = {
     PropTypes.array,
   ]),
   base64: PropTypes.bool,
-  children: PropTypes.element.isRequired
+  children: PropTypes.element.isRequired,
+  disabled: PropTypes.bool
 };

__tests__/__snapshots__/ReactFileReader.test.js.snap

@@ -3,6 +3,7 @@
 exports[`accepted file type should be csv 1`] = `
 <ReactFileReader
   base64={false}
+  disabled={false}
   elementId="test-render"
   fileTypes=".csv"
   handleFiles={[Function]}
@@ -14,6 +15,7 @@ exports[`accepted file type should be csv 1`] = `
     <input
       accept=".csv"
       className="react-file-reader-input"
+      disabled={false}
       id="test-render"
       multiple={false}
       onChange={[Function]}
@@ -41,6 +43,7 @@ exports[`accepted file type should be csv 1`] = `
 exports[`accepted file type should be csv or image/* 1`] = `
 <ReactFileReader
   base64={false}
+  disabled={false}
   elementId="test-render"
   fileTypes={
     Array [
@@ -57,6 +60,7 @@ exports[`accepted file type should be csv or image/* 1`] = `
     <input
       accept=".csv,image/*"
       className="react-file-reader-input"
+      disabled={false}
       id="test-render"
       multiple={false}
       onChange={[Function]}
@@ -84,6 +88,7 @@ exports[`accepted file type should be csv or image/* 1`] = `
 exports[`accepts multiple files 1`] = `
 <ReactFileReader
   base64={false}
+  disabled={false}
   elementId="test-render"
   fileTypes="image/*"
   handleFiles={[Function]}
@@ -95,6 +100,7 @@ exports[`accepts multiple files 1`] = `
     <input
       accept="image/*"
       className="react-file-reader-input"
+      disabled={false}
       id="test-render"
       multiple={true}
       onChange={[Function]}
@@ -122,6 +128,7 @@ exports[`accepts multiple files 1`] = `
 exports[`returns base64 image 1`] = `
 <ReactFileReader
   base64={true}
+  disabled={false}
   elementId="test-render"
   fileTypes="image/*"
   handleFiles={[Function]}
@@ -133,6 +140,7 @@ exports[`returns base64 image 1`] = `
     <input
       accept="image/*"
       className="react-file-reader-input"
+      disabled={false}
       id="test-render"
       multiple={false}
       onChange={[Function]}
@@ -160,6 +168,7 @@ exports[`returns base64 image 1`] = `
 exports[`the base component renders 1`] = `
 <ReactFileReader
   base64={false}
+  disabled={false}
   elementId="test-render"
   fileTypes="image/*"
   handleFiles={[Function]}
@@ -171,6 +180,7 @@ exports[`the base component renders 1`] = `
     <input
       accept="image/*"
       className="react-file-reader-input"
+      disabled={false}
       id="test-render"
       multiple={false}
       onChange={[Function]}

index.js

@@ -113,7 +113,8 @@ var ReactFileReader = function (_React$Component) {
           className: 'react-file-reader-input',
           id: this.state.elementId,
           multiple: this.props.multipleFiles,
-          style: hideInput
+          style: hideInput,
+          disabled: this.props.disabled
         }),
         _react2.default.createElement(
           'div',
@@ -141,5 +142,6 @@ ReactFileReader.propTypes = {
   handleFiles: _propTypes2.default.func.isRequired,
   fileTypes: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array]),
   base64: _propTypes2.default.bool,
-  children: _propTypes2.default.element.isRequired
+  children: _propTypes2.default.element.isRequired,
+  disabled: _propTypes2.default.bool
 };