Add support for hidden inputs.

lib/components/rf-form.tag

@@ -1,8 +1,11 @@
 <rf-form>
   <form name={ opts.model.name } class={ opts.className } onsubmit={ opts.onsubmit }>
+    <rf-text-input
+        each={ name, input in opts.model.hiddenInputs }
+        model={ input } />
     <rf-input
-        each={ name, input in opts.model.inputs }
-        model={ input }>
+        each={ name, input in opts.model.visibleInputs }
+        model={ input } />
     <yield />
   </form>
 </rf-form>

lib/form.js

@@ -35,6 +35,24 @@ export default class Form {
     return this._inputs
   }
 
+  filterInputs(inputs, p) {
+    const filtered = {}
+    for (const name in inputs) {
+      if (p(inputs[name])) {
+        filtered[name] = inputs[name]
+      }
+    }
+    return filtered
+  }
+
+  get visibleInputs() {
+    return this.filterInputs(this.inputs, (input) => input.type !== 'hidden')
+  }
+
+  get hiddenInputs() {
+    return this.filterInputs(this.inputs, (input) => input.type === 'hidden')
+  }
+
   get forms() {
     return this._forms
   }

lib/inputs/index.js

@@ -41,6 +41,11 @@ class TextareaInput extends BaseInput {
 TextareaInput.defaultTag = 'rf-textarea-input'
 TextareaInput.type       = 'textarea'
 
+class HiddenInput extends BaseInput {
+}
+HiddenInput.defaultTag = 'rf-text-input'
+HiddenInput.type       = 'hidden'
+
 
 export default {
   TextInput     : TextInput,
@@ -50,5 +55,6 @@ export default {
   URLInput      : URLInput,
   TelInput      : TelInput,
   DateInput     : DateInput,
-  TextareaInput : TextareaInput
+  TextareaInput : TextareaInput,
+  HiddenInput   : HiddenInput
 }

tests/unit/components/rf-form_test.js

@@ -7,7 +7,8 @@ describe('rf-form', () => {
   const form = new Form.Builder('hello')
           .addInput({name: 'username', type: 'text'})
           .addInput({name: 'other', type: 'text'})
-          .setModel({username: 'world'})
+          .addInput({name: 'hideme', type: 'hidden'})
+          .setModel({username: 'world', hideme: 'i-am-hidden'})
           .build()
 
   before(() => {
@@ -36,6 +37,14 @@ describe('rf-form', () => {
     expect(input.value).to.eq('world')
   })
 
+  it('should render hidden inputs without label', () => {
+    const input = document.querySelector('input[name="hello_hideme"]')
+    expect(input).not.to.be.null
+    expect(input.value).to.eq('i-am-hidden')
+    const label = document.querySelector('label[for="hello_hideme"]')
+    expect(label).to.be.null
+  })
+
   it('should not set undefined initial values', () => {
     const input = document.querySelector('input[name="hello_other"]')
     expect(input).not.to.be.null