0.7.4: Fixing the PasteUploader refs issue. Replaced refs with state

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fdns-ui-react",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "This is the open source UI library for react components using Foundation Services (FDNS).",
   "main": "dist/index.js",
   "jsnext:main": "dist/index.js",

src/components/UploaderPaste.js

@@ -26,40 +26,47 @@ class UploaderDrop extends Component {
   // init
   constructor(props) {
     super(props);
-    this.handleUpload = this.handleUpload.bind(this);
-    this.handleReset = this.handleReset.bind(this);
-    this.reset = this.reset.bind(this);
-    this.textareaRef = React.createRef();
+    this.state = {
+      textValue: '',
+    }
   }
 
   // handle drop
-  handleUpload() {
-    let value = '';
-    const textarea = this.textareaRef;
-    if (textarea) value = textarea.current.value;
+  handleUpload = () => {
+    if (this.state.textValue.length > 0) {
+      const value = this.state.textValue;
 
-    // create file
-    const date = new Date();
-    const file = new Blob([value], { type: 'text/plain' });
-    file.name = `${this.props.prefix}${date.getTime()}.txt`;
-    file.lastModified = date;
+      // create file
+      const date = new Date();
+      const file = new Blob([value], { type: 'text/plain' });
+      file.name = `${this.props.prefix}${date.getTime()}.txt`;
+      file.lastModified = date;
 
-    // reset
-    if (this.props.resetOnUpload) this.reset();
+      // reset
+      if (this.props.resetOnUpload) this.reset();
 
-    // trigger the onUpload event with the file
-    this.props.onUpload(file);
+      // trigger the onUpload event with the file
+      this.props.onUpload(file);
+    }
   }
 
   // handle reset
-  handleReset() {
+  handleReset = () => {
     this.reset();
   }
 
+  handleChange = (e) => {
+    this.setState({
+      textValue: e.target.value
+    });
+  }
+
   // reset the textarea
-  reset() {
-    const textarea = this.textareaRef.current;
-    if (textarea) textarea.value = '';
+  reset = () => {
+    const textarea = this.textareaRef;
+    this.setState({
+      textValue: ''
+    });
   }
 
   // main render method
@@ -70,7 +77,8 @@ class UploaderDrop extends Component {
           aria-label="Paste Text to Upload"
           component="textarea"
           placeholder={this.props.placeholder}
-          ref={this.textareaRef}
+          onChange={this.handleChange}
+          value={this.state.textValue}
         />
         <hr />
         <div className="icon-buttons pull-right">