Close #64: Add support for hidden inputs

Author: bhch

src/components/containers.js

@@ -108,8 +108,13 @@ export function FormRowControls(props) {
 }
 
 export function FormRow(props) {
+    let className = 'rjf-form-row';
+
+    if (props.hidden)
+        className += ' rjf-form-row-hidden';
+
     return (
-        <div className="rjf-form-row">
+        <div className={className}>
             <FormRowControls {...props} />
             <div className="rjf-form-row-inner">
                 {props.children}

src/components/form.js

@@ -22,16 +22,20 @@ export function Label(props) {
 export function FormInput({label, help_text, error, inputRef, ...props}) {
 
     if (props.type === 'string')
-        props.type = 'text'
+        props.type = 'text';
 
     if (inputRef)
         props.ref = inputRef;
 
     if (props.value === null)
         props.value = '';
 
+    let wrapperProps = {};
+    if (props.type == 'hidden')
+        wrapperProps['style'] = {display:  'none'};
+
     return (
-        <div>
+        <div {...wrapperProps}>
             <Label label={label} required={props.required} />
             <div className={error ? "rjf-input-group has-error" : "rjf-input-group"}>
                 <input {...props} />

src/ui.js

@@ -58,6 +58,8 @@ function FormField(props) {
     if (props.schema.widget) {
          if (props.schema.widget === 'multiselect' && props.parentType !== 'array') {
             // pass
+         } else if (props.schema.widget === 'hidden') {
+            type = 'string';
          } else {
             type = props.schema.widget;
          }
@@ -79,6 +81,8 @@ function FormField(props) {
                     InputField = FormDateTimeInput;
                 }
                 inputProps.type = props.schema.format;
+            } else if (props.schema.widget === 'hidden') {
+                inputProps.type = 'hidden';
             } else {
                 inputProps.type = 'text';
             }
@@ -177,6 +181,7 @@ export function getStringFormRow(args) {
             onRemove={removable ? (e) => onRemove(name) : null}
             onMoveUp={onMoveUp}
             onMoveDown={onMoveDown}
+            hidden={schema.widget === 'hidden'}
         >
             <FormField 
                 data={data}