Fix radio group

Author: rvsia

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

@@ -97,9 +97,12 @@ const selectComponent = ({
     <RadioGroup
       FieldProvider={ FieldProvider }
       options={ options }
-      isDisabled={ isDisabled }
+      isDisabled={ isDisabled || isReadOnly }
       input={ input }
-      label={ label }
+      label={ originalLabel }
+      isRequired={ isRequired }
+      invalid={ invalid }
+      helperText={ helperText }
     />
   ),
   [componentTypes.SELECT_COMPONENT]: () => (

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

@@ -4,10 +4,21 @@ import Radio from '@material-ui/core/Radio';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import FormControl from '@material-ui/core/FormControl';
 import FormLabel from '@material-ui/core/FormLabel';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import { wrapperProps } from '@data-driven-forms/common/src/multiple-choice-list';
 
-const RadioGroup = ({ FieldProvider, options, isDisabled, input, label }) => (
+const RadioGroup = ({
+  FieldProvider,
+  options,
+  isDisabled,
+  input,
+  label,
+  isRequired,
+  helperText,
+  invalid,
+}) => (
   <div  className="mui-ddform-radio-group">
-    <FormControl component="fieldset">
+    <FormControl required={ isRequired } error={ invalid } component="fieldset">
       <FormLabel component="legend">{ label }</FormLabel>
       { options.map(option => (
         <FieldProvider
@@ -26,11 +37,13 @@ const RadioGroup = ({ FieldProvider, options, isDisabled, input, label }) => (
           ) }
         />
       )) }
+      { (invalid || helperText) && <FormHelperText>{ invalid || helperText }</FormHelperText> }
     </FormControl>
   </div>
 );
 
 RadioGroup.propTypes = {
+  ...wrapperProps,
   FieldProvider: PropTypes.oneOfType([ PropTypes.node, PropTypes.func ]),
   options: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.any,
@@ -42,6 +55,7 @@ RadioGroup.propTypes = {
     name: PropTypes.string.isRequired,
     onChange: PropTypes.func.isRequired,
   }),
+  children: PropTypes.any,
 };
 
 RadioGroup.defaultProps = {