Convert invalid to bool in error prop

Author: rvsia

packages/common/src/multiple-choice-list.js

@@ -21,7 +21,7 @@ const MultipleChoiceList = ({ validate, FieldProvider, Wrapper, Checkbox, ...pro
     }) => {
       const { error, touched } = meta;
       const showError = touched && error;
-      const groupValues = rest.input.value;
+      const groupValues = rest.input.value || [];
       return (
         <Wrapper
           showError={ showError }

packages/mui-component-mapper/demo/demo-schemas/sandbox.js

@@ -16,7 +16,7 @@ const genereateField = (component, name = 'standard', optionsOptional = {}) => [
 },   {
   name: `${component} -- ${name} -- divider 2 `,
   component: 'plain-text',
-  label: `<----->`,
+  label: '\n.  \n.',
 }];
 
 const componentList = [

packages/mui-component-mapper/src/form-fields/form-fields.js

@@ -63,7 +63,7 @@ const selectComponent = ({
   [componentTypes.TEXTAREA_FIELD]: () => (
     <MuiTextField
       { ...input }
-      error={ invalid }
+      error={ !!invalid }
       required={ isRequired }
       helperText={ helperText }
       disabled={ isDisabled }
@@ -78,7 +78,7 @@ const selectComponent = ({
     />
   ),
   [componentTypes.CHECKBOX]: () => (
-    <FormControl required={ isRequired } error={ invalid } component="fieldset">
+    <FormControl required={ isRequired } error={ !!invalid } component="fieldset">
       <FormGroup>
         <FormControlLabel
           control={ <Checkbox
@@ -129,10 +129,14 @@ const selectComponent = ({
       }}
       onChange={ option =>
         input.onChange(rest.multi ? selectValue(option) : option ? option.value : undefined) } // eslint-disable-line no-nested-ternary
+      input={ input }
+      label={ originalLabel }
+      isRequired={ isRequired }
+      helperText={ helperText }
       { ...rest }
     />),
   [componentTypes.SWITCH]: () => (
-    <FormControl required={ isRequired } error={ invalid } component="fieldset">
+    <FormControl required={ isRequired } error={ !!invalid } component="fieldset">
       <FormGroup>
         <FormControlLabel
           control={ <Switch
@@ -159,7 +163,7 @@ const selectComponent = ({
         disabled={ isDisabled || isReadOnly }
         placeholder={ placeholder }
         required={ isRequired }
-        error={ invalid }
+        error={ !!invalid }
         readOnly={ isReadOnly }
         { ...input }
         value={ input.value || null }
@@ -176,7 +180,7 @@ const selectComponent = ({
         disabled={ isDisabled || isReadOnly }
         placeholder={ placeholder }
         required={ isRequired }
-        error={ invalid }
+        error={ !!invalid }
         readOnly={ isReadOnly }
         { ...input }
         value={ input.value || null }

packages/mui-component-mapper/src/form-fields/multiple-choice-list.js

@@ -34,7 +34,7 @@ const Wrapper = ({ label, isRequired, children, meta, validateOnMount, helperTex
 
   return (
     <Grid container>
-      <FormControl required={ isRequired } error={ invalid } component="fieldset" >
+      <FormControl required={ isRequired } error={ !!invalid } component="fieldset" >
         <FormLabel>{ label }</FormLabel>
         <FormGroup>
           { children }

packages/mui-component-mapper/src/form-fields/radio.js

@@ -18,7 +18,7 @@ const RadioGroup = ({
   invalid,
 }) => (
   <div  className="mui-ddform-radio-group">
-    <FormControl required={ isRequired } error={ invalid } component="fieldset">
+    <FormControl required={ isRequired } error={ !!invalid } component="fieldset">
       <FormLabel component="legend">{ label }</FormLabel>
       { options.map(option => (
         <FieldProvider