form-input-serialize

form-input-serialize

form-input-serialize provides helper functions to retrive form props and form values

inputPropsLookup(fieldsProps, fieldName)

Argument	Type	Example
fieldsProps	object	{name: {type: 'text'}, email: {type: 'email'}}
fieldName	string	name, email[0], email[1]

####returns object: props, e.g. {type: 'text'}

####e.g.

const fieldsProps = {
  name: { type: 'text' },
  age_group: {
    type: 'select',
    size: 4,
    options: []
  }
  address: {
    type: 'nested',
    fields: {
      street: {
        type: 'text'
      }
    }
  }  
};
const fieldName = 'address[0][street]';

const props = inputPropsLookup(fieldsProps, fieldName);
// <input name={fieldName} {...props} />

formInputsSerialize(form)

formInputsSerialize(form)  

Argument	Type	Example
form	DOMNode	form element

####returns object. serialized, e.g. {type: 'text'}

####e.g.

// <form ref={f => this.form =f}><input name="message" value="hello"/></form>

const values = formInputsSerialize(this.form);
// { message: 'hello' }

inputValueLookup(values, fieldName)

Argument	Type	Example
values	object	{address: [ {zip: '55555'} ]}
fieldName	string	address[0][zip]

####returns any. input value, e.g. {type: 'text'}

####e.g.

const values = {
  name: 'Ali',
  age_group: '31-40'
  address: {
    0: {
      street: '13 Calle 49a'
     }
};
const fieldName = 'address[0][street]';

const value = inputValueLookup(values, fieldName);

// <input name={fieldName} value={value} />