Merge pull request #1 from appirio-tech/disable-option

Disable option for uploader

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,17 @@ 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
+          if dragAndDrop && !disableClick
             <p>click or drag files here to upload</p>
-          else
-            <button>choose files to upload</button>
+          else if dragAndDrop && disableClick
+            <p>file upload disabled</p>
+          else if !dragAndDrop
+            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

@@ -15,12 +15,15 @@
     "build": "webpack --config webpack.config.js; cp example/index.html dist/"
   },
   "dependencies": {
-    "appirio-styles": "0.0.23",
+    "appirio-styles": "0.0.25",
     "appirio-tech-api-schemas": "^5.0.69",
+    "appirio-tech-client-app-layer": "^0.1.3",
     "classnames": "^2.2.3",
     "lodash": "^4.0.0",
     "moment": "^2.11.2",
+    "react": "^0.14.7",
     "react-datetime": "^2.0.2",
+    "react-dom": "^0.14.7",
     "react-dropzone": "^3.3.2",
     "react-redux": "^4.2.1",
     "react-select": "^0.9.1"