add disableClick option

Author: samsep

components/FileUploader/FileUploader.cjsx

@@ -8,7 +8,7 @@ Dropzone               = require 'react-dropzone'
 Loader                 = require '../Loader/Loader.cjsx'
 classNames             = require 'classnames'
 
-FileUploader = ({ multiple, onChange, loading, dragAndDrop }) ->
+FileUploader = ({ multiple, onChange, loading, dragAndDrop, disableClick }) ->
   dzContainerClassNames = classNames
     'dropzone-container': true
     'drag-and-drop': dragAndDrop
@@ -21,12 +21,15 @@ FileUploader = ({ multiple, onChange, loading, dragAndDrop }) ->
     <UploadedFilesContainer/>
 
     <div className={ dzContainerClassNames }>
-      <Dropzone multiple={multiple} onDrop={onChange} className="Dropzone">
+      <Dropzone multiple={multiple} onDrop={onChange} className="Dropzone" disableClick={disableClick}>
         {
           if dragAndDrop
             <p>click or drag files here to upload</p>
           else
-            <button>choose files to upload</button>
+            if disableClick
+              <button disabled>choose files to upload</button>
+            else
+              <button>choose files to upload</button>
         }
       </Dropzone>
     </div>

components/FileUploader/FileUploaderExamples.cjsx

@@ -16,6 +16,14 @@ FileUploaderExamples = ->
     <h1>dragNdrop is true</h1>
 
     <FileUploader id={'123'} assetType={'work'} category={'development'} dragAndDrop={true}/>
+
+    <h1>disabled is true with drag</h1>
+
+    <FileUploader id={'123'} assetType={'work'} category={'development'} disableClick={true} dragAndDrop={true}/>
+
+    <h1>disabled is true with button</h1>
+
+    <FileUploader id={'123'} assetType={'work'} category={'development'} disableClick={true}/>
   </div>
 
 module.exports = FileUploaderExamples

package.json

@@ -17,7 +17,10 @@
   "dependencies": {
     "appirio-styles": "0.0.23",
     "appirio-tech-api-schemas": "^5.0.69",
+    "appirio-tech-client-app-layer": "^0.1.3",
     "classnames": "^2.2.3",
+    "react": "^0.14.7",
+    "react-dom": "^0.14.7",
     "react-dropzone": "^3.3.2",
     "react-redux": "^4.2.1"
   }