initial values appear also in input fields

fix formatting issue

README.md

@@ -98,5 +98,5 @@ Once included, you can initialize the component. you'll need to make the compone
   - Navigate to http://localhost:8000/
   - Run grunt build after you make the changes
 
-your more than welcome to contribute. Enjoy!
+You are more than welcome to contribute. Enjoy!
 

grunt-tasks/browserify.coffee

@@ -4,13 +4,8 @@ module.exports = ->
   devFiles =
     '<%= config.tmp %>/example/card-loader.js': ['example/card-loader.cjsx']
 
-  prodFiles =
-    '<%= config.lib %>/card-react-form-container.js': ['<%= config.src %>/coffee/card-react-form-container.cjsx']
-    '<%= config.lib %>/card-react-component.js': ['<%= config.src %>/coffee/card-react-component.cjsx']
-
-
   browserifyOptions =
-    paths: ['./<%= config.src %>', './example', './<%= config.src %>/coffee']
+    paths: ['./<%= config.src %>', './example', './<%= config.src %>/components']
     extensions: ['.coffee', '.cjsx']
     debug: true
 
@@ -21,11 +16,4 @@ module.exports = ->
         files : devFiles
         options:
           watch: true
-          browserifyOptions: browserifyOptions # Doesn't work if placed in the task-level options. See https://github.com/jmreidy/grunt-browserify/issues/280
-
-      prod:
-        files : prodFiles
-        options:
-          watch: false
-          external: ['react', 'classnames', 'payment', './card-react-component']
-          browserifyOptions: browserifyOptions
+          browserifyOptions: browserifyOptions # Doesn't work if placed in the task-level options. See https://github.com/jmreidy/grunt-browserify/issues/280

grunt-tasks/cjsx.coffee

@@ -4,5 +4,5 @@ module.exports = ->
   @config "cjsx",
     build:
       files:
-        '<%= config.lib %>/card-react-form-container.js': '<%= config.src %>/coffee/card-react-form-container.cjsx'
-        '<%= config.lib %>/card-react-component.js': '<%= config.src %>/coffee/card-react-component.cjsx'
+        '<%= config.lib %>/card-react-form-container.js': '<%= config.src %>/components/card-react-form-container.cjsx'
+        '<%= config.lib %>/card-react-component.js': '<%= config.src %>/components/card-react-component.cjsx'

grunt-tasks/compass.coffee

@@ -6,5 +6,5 @@ module.exports = ->
       options:
         sassDir: '<%= config.src %>/scss'
         cssDir: '<%= config.lib %>/'
-        javascriptsDir: '<%= config.src %>/coffee'
+        javascriptsDir: '<%= config.src %>/components'
         importPath: 'node_modules/bourbon/app/assets/stylesheets'

grunt-tasks/watch.coffee

@@ -5,11 +5,19 @@ module.exports = (grunt, options) ->
     livereload:
       options:
         livereload: grunt.option('livereload') || true
-      files: ['<%= config.tmp %>/**/*']
+      files: [ '<%= config.lib %>/**/*','<%= config.tmp %>/**/*']
 
     compass:
       files: ['<%= config.src %>/scss/{,*/}*.{scss,sass}']
       tasks: ['compass']
 
+    cjsx:
+      files: ['<%= config.src %>/components/{,*/}*.{cjsx,coffee}']
+      tasks: ['cjsx']
+
+    browserify:
+      files: ['example/{,*/}*.{cjsx, coffee}']
+      tasks: ['browserify']
+
   @event.on 'watch', (action, filepath, target) =>
     @log.writeln "#{target}:  #{filepath} has #{action}.."

src/coffee/card-react-form-container.cjsx → src/components/card-react-form-container.cjsx

@@ -102,17 +102,18 @@ ReactCardFormContainer = React.createClass
           newClassName = inputsValidationClass
 
         return React.cloneElement(child, {
-          onChange: @inputOnChange
+          onKeyUp: @inputOnKeyUp
           onFocus: @inputOnFocus
           onBlur: @inputOnBlur
           ref: @inputsRefs[child.props.name]
+          defaultValue: @inputsValues[child.props.name]
           className: newClassName
         }, child.props && child.props.children)
       else
         return React.cloneElement(child, {}, this.traverseChildrenAndRegisterInputs(child.props && child.props.children))
     )
 
-  inputOnChange: (event)->
+  inputOnKeyUp: (event)->
     @inputsValues[event.target.name] = event.target.value
     @validateInput event.target.name, event.target.value
     @renderCardComponent()