Create webpack-config for demo (development, production) and for package library

Author: bagongkia

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["es2015", "react", "stage-1"]
+  "presets": ["env", "react", "stage-1"]
 }

.gitignore

@@ -1,3 +1,61 @@
-/node_modules
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-npm-debug.log*
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# demo
+demo/

README.md

@@ -6,6 +6,8 @@
 # React Image Picker
 The image picker is used for selecting single or multiple images from gallery.
 
+[Live Demo](https://bagongkia.github.io/react-image-picker/)
+
 ## Features
 - jQuery Free
 - Single or multiple images selection
@@ -61,4 +63,8 @@ class App extends Component {
 }
 
 export default App
-```
+```
+
+## License
+
+React-Image-Picker is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT)

dist/app.js

@@ -1 +1,41 @@
-.image_picker{width:100%}.image_picker .responsive{position:relative;margin:0 6px;float:left;opacity:1}.image_picker .responsive .thumbnail{border:1px solid #ddd;border-radius:4px;padding:5px;width:150px;opacity:1;margin:0}.image_picker .responsive .thumbnail:hover{box-shadow:0 0 2px 1px rgba(0,140,186,.7)}.image_picker .responsive .selected{background-color:#008cba}.image_picker .responsive:hover{cursor:pointer}.image_picker .responsive .checked{display:none}.image_picker .selected{opacity:.7}.image_picker .selected .checked{display:inline-block;transition:.5s ease;position:absolute;bottom:0;right:0}.image_picker .selected .checked .icon{background:url(.//images/checkbcd1a436590360ed53ac2f46c76e43e4.png);background-size:cover;height:75px;width:75px}.image_picker .clear{clear:both}
+.image_picker {
+  width: 100%; }
+  .image_picker .responsive {
+    position: relative;
+    margin: 0 6px;
+    float: left;
+    opacity: 1; }
+    .image_picker .responsive .thumbnail {
+      border: 1px solid #ddd;
+      /* Gray border */
+      border-radius: 4px;
+      /* Rounded border */
+      padding: 5px;
+      /* Some padding */
+      width: 150px;
+      /* Set a small width */
+      opacity: 1;
+      margin: 0; }
+      .image_picker .responsive .thumbnail:hover {
+        box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.7); }
+    .image_picker .responsive .selected {
+      background-color: #008cba; }
+    .image_picker .responsive:hover {
+      cursor: pointer; }
+    .image_picker .responsive .checked {
+      display: none; }
+  .image_picker .selected {
+    opacity: 0.7; }
+    .image_picker .selected .checked {
+      display: inline-block;
+      transition: .5s ease;
+      position: absolute;
+      bottom: 0;
+      right: 0; }
+      .image_picker .selected .checked .icon {
+        background: url(./bcd1a436590360ed53ac2f46c76e43e4.png);
+        background-size: cover;
+        height: 75px;
+        width: 75px; }
+  .image_picker .clear {
+    clear: both; }