initial files

Author: vietnogi

.gitignore

@@ -0,0 +1,10 @@
+# Build files
+.tmp
+bower_components
+node_modules
+coverage
+.sass-cache
+.idea
+.env
+npm-debug.log
+.DS_Store

.nvmrc

@@ -0,0 +1 @@
+5.2.0

.travis.yml

@@ -0,0 +1,20 @@
+language: node_js
+node_js:
+- 5.2.0
+before_install:
+- npm install
+sudo: false
+before_deploy:
+- npm-prepublish --verbose
+deploy:
+- provider: npm
+  email: "$NPM_EMAIL"
+  api_key: "$NPM_API_KEY"
+  on:
+    tags: true
+env:
+  global:
+  # NPM_EMAIL
+  - secure: "XVgfIy4vm0kOX+saefkpE98aHSzvSk0S9OydHC2/TfNnnfJfrdySOPyuVhfgtap/pKd9R2VtofSCIAy1bRNeE3wsFOpXNv/V/wQQ40cyJGQRL6uCJDkc7yvYnhCh5ZD6Jh2kJzB2FcT8V18+u12Azftbxz+SM0/wk4tgw5akRtUGVEZ01PaivY4VIESJ2qBJZiXeKfMCtCDi/a3OnUMUA6b8tbP+n35zl6JZGJtJhwcYqliyxzgnIR5bCDqPcab32cHsdcb7E8+Q/Co8vYc2ZVI6aQ/Oe+Cd2ON+WyTHZoWfKlKnXuYJ3DUnUxaDRTgfz+AdFZHwvlwfuDLexoTOS5Lps/aNh5/4kt7LwJyj3N4kxW/XgoZzJvn6foIYCqd6RnvTp05PVTUWiLKQwiMN9QxTLPhVv0RBqo+N9sDflq4eORv9WlsRF3XawZIr8GSqLiu7WM8w9wzdn66V94j4qO+gHQH/U3ck4z4Bie+QeDeOc8oYckbH5PaUcoRc3vEnGy9YKMwZ0RwJKZHXLE+g4xbDzJfhovC6835Hb6Sj81muSz4E8WVAsnyEtLs+JaWHA90qpfwsNB11aZHB7YO0HrHnMKA9P1F6A8eRagj6Ynhbl5Ko4Agtz0bqHVhyWi9bcF1V8WneuJSreC9naoWVvLYoyKc4UY/Qt7j7mdynm7w="
+  # NPM_API_KEY
+  - secure: "S9r5O41PS0+95/N5CTr8Euf5GISLmE8E6Rn9UWhuigjfuiquU3D7MWtl+v3Nyog7HH4k7wP13yg7UtmXekB9T5axSg3ViXiFAedGH7breS0nl0CCUCFCJdNiBDxiMTCDpI2C0KWKvTFdU1aCXJfRhVfDQE1kjJksdQ1BQvr0rLF5OIjh0JgRl6lmR9gMI3kY9hB/m6DRbvjonVe5T9yoWGKWPDODdkLT3GXW7hAQABluX01ARodHwvo5t/5dfIVjm3A2TKt7UHpR33ZM18zZ6qaJKsHosoWZ7JxuN4FrUvfxC4G/bXQML4a8MG566qV2Jr8cl6CYWY9sVyFWwgncbJdJEsYXongr6Mm41wREX0efXh0Fy9rDSGmXxVJSqY33MyYXGNQHzQ38V+dNascQ2V4Sk++3kfGGcDQ5s3yQpFdYXTORBra+O/eYwP8midJlLSJLD+vmrzTg/NWiFJeCvr0mqOMuQ+1Rwyf7xx6Qa2vhq8Bb8qEZgoPlefgHl5ivUzHT7JFiCcuigyeAGuOdR8Rdi6CEvmRpEy8KDvc/VtdBEXRCx2MZ/SGT4Q0h3Q4bdbeFDaXz8slLqt9uKhzHI5e+1CU5csHwpzkXrnsX/JZWYZtCT+3QopMwZYuDUNYF0hIJNCps6NCODrU2MulokcbTxUDMSkA8GQlNriGgF/0="

LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Appirio
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1 +1,17 @@
-# react-components
+# Appirio File Uploader
+
+## Using the repo in your app
+
+## Install
+
+```shell
+npm install appirio-tech-file-uploader
+```
+
+## Developing
+
+```shell
+nvm use
+npm install
+npm run example
+```

components/ExampleApp/ExampleApp.cjsx

@@ -0,0 +1,17 @@
+require './ExampleApp.scss'
+
+React      = require 'react'
+ExampleNav = require '../ExampleNav/ExampleNav.cjsx'
+
+component =
+  render: ->
+    <div className="ExampleApp">
+      <main>{this.props.children}</main>
+
+      <ExampleNav />
+    </div>
+
+
+
+module.exports = React.createClass component
+

components/ExampleApp/ExampleApp.scss

@@ -0,0 +1,18 @@
+@import "work/work-styles";
+
+body {
+  background-color: $grey-lighter;
+  padding: 15px;
+
+  .invisible {
+    opacity: .3;
+    visibility: visible;
+  }
+
+  h1 {
+    margin        : 80px 0 40px 0;
+    text-align    : center;
+    padding-bottom: 10px;
+    border-bottom : 1px solid $grey-light;
+  }
+}

components/ExampleNav/ExampleNav.cjsx

@@ -0,0 +1,23 @@
+'use strict'
+
+require './ExampleNav.scss'
+
+React      = require 'react'
+classNames = require 'classnames'
+
+{ Link } = require 'react-router'
+
+component = ({data, state}) ->
+  <ul className="ExampleNav">
+    <li>
+      <Link to="/">FileUploaderContainer</Link>
+
+      <Link to="/UploadedFileExamples">UploadedFile</Link>
+
+      <Link to="/UploadedFilesExamples">UploadedFiles</Link>
+
+      <Link to="/FileUploaderExamples">FileUploader</Link>
+    </li>
+  </ul>
+
+module.exports = component

components/ExampleNav/ExampleNav.scss

@@ -0,0 +1,15 @@
+.ExampleNav {
+  position: fixed;
+  bottom: 0;
+  background-color: #fff;
+  opacity: 0.6;
+
+  li {
+    display: inline-block;
+  }
+
+  a {
+    margin: 10px;
+    display: inline-block;
+  }
+}

components/FileUploader/FileUploader.cjsx

@@ -0,0 +1,27 @@
+'use strict'
+
+require './FileUploaderStyles'
+
+React                  = require 'react'
+UploadedFilesContainer = require '../UploadedFiles/UploadedFilesContainer'
+Dropzone               = require 'react-dropzone'
+Loader                 = require 'appirio-tech-ng-ui-components/components/Loader/Loader.cjsx'
+
+FileUploader = ({ multiple, onChange, loading}) ->
+  <div className="FileUploader">
+    {
+      if loading
+        <Loader />
+    }
+    <UploadedFilesContainer/>
+
+    <div className="dropzone-container">
+      <Dropzone multiple={multiple} onDrop={onChange} className="Dropzone">
+        <button>Choose files to upload.</button>
+      </Dropzone>
+    </div>
+  </div>
+
+module.exports = FileUploader
+
+